@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Literata:opsz,wght@7..72,400;7..72,600&family=Manrope:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--base-0:#f8f8f8;--base-1:#f1f1f1;--base-2:#e3e3e3;--base-3:#d2d2d2;--ink-1:#231f20;--ink-2:#3a3638;--ink-3:#6f6a6d;--accent-1:#231f20;--accent-2:#366a86;--accent-3:#009bca;--accent-soft:#366a8624;--division-eng:#00c992;--division-cx:#009bca;--division-cm:#f39b31;--ok:#00c992;--warn:#f39b31;--danger:#b53a36;--info:#009bca;--glass-1:#fffc;--glass-2:#ffffff9e;--p2s-primary-blue:var(--accent-2);--p2s-primary-blue-hex:#366a86;--p2s-deep-purple:var(--accent-1);--p2s-deep-purple-hex:#231f20;--p2s-light-gray:var(--base-1);--p2s-light-gray-hex:#f1f1f1;--p2s-lime-green:#90ee90;--p2s-error-red:var(--danger);--p2s-success-green:var(--ok);--p2s-white:#fff;--p2s-accent-orange:#e87c32;--font-family-primary:"Manrope", "Segoe UI", sans-serif;--font-size-title:24px;--font-size-welcome:16px;--font-size-body:14px;--font-size-small:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:18px;--border-radius-circle:50%;--shadow-low:0 1px 3px #19232817, 0 1px 2px #1923280d;--shadow-medium:0 8px 22px #14202621;--shadow-high:0 18px 48px #121e2330;--transition-standard:all .28s ease;--transition-quick:all .18s ease}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--base-0:#0f151b;--base-1:#121a22;--base-2:#1a2530;--base-3:#243241;--ink-1:#e8f0f6;--ink-2:#c7d6e2;--ink-3:#95a8b8;--accent-1:#d8e7f3;--accent-2:#58afd6;--accent-3:#21c2f2;--accent-soft:#58afd633;--division-eng:#26d8a7;--division-cx:#21c2f2;--division-cm:#f3b76c;--division-gray:#9ba6b1;--ok:#2fd99b;--warn:#f3b76c;--danger:#eb7b72;--info:#21c2f2;--glass-1:#131c24d1;--glass-2:#131c24ad;--p2s-primary-blue:var(--accent-2);--p2s-primary-blue-hex:#58afd6;--p2s-deep-purple:var(--ink-1);--p2s-deep-purple-hex:#e8f0f6;--p2s-light-gray:var(--base-3);--p2s-light-gray-hex:#243241;--p2s-lime-green:#90ee90;--p2s-error-red:var(--danger);--p2s-success-green:var(--ok);--p2s-white:#1b2732;--shadow-low:0 1px 3px #00000059, 0 1px 2px #00000040;--shadow-medium:0 10px 26px #00000059;--shadow-high:0 20px 54px #00000073}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-y:auto}body{font-family:var(--font-family-primary);background:radial-gradient(60% 80% at 0% 0%, #00c99214 0%, #00c99200 70%), radial-gradient(55% 70% at 100% 100%, #009bca14 0%, #009bca00 68%), var(--base-1);color:var(--ink-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(150px);opacity:.06;z-index:-1;border-radius:50%;animation:60s ease-in-out infinite alternate floatOrb;position:fixed}body:before{background:radial-gradient(circle,#366a8633,#0000 74%);width:700px;height:700px;top:-200px;right:-150px}body:after{background:radial-gradient(circle,#00c99221,#0000 74%);width:500px;height:500px;animation-delay:-15s;bottom:-150px;left:-150px}@keyframes floatOrb{0%{transform:translate(0)}to{transform:translate(12px,-8px)}}#root{flex-direction:column;min-height:100vh;padding:10px 14px 0;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{border-radius:var(--border-radius-sm);background:#f1f1f1}[data-theme=dark] ::-webkit-scrollbar-track{background:#1b2732}::-webkit-scrollbar-thumb{background:var(--p2s-primary-blue);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--p2s-deep-purple)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#9ac9e1}:focus-visible{outline:2px solid var(--p2s-primary-blue);outline-offset:2px}.skip-link{z-index:9999;background:var(--p2s-primary-blue);color:#fff;border-radius:0 0 6px 6px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:16px}[data-theme=dark] .skip-link{color:#0f151b;background:#8cd2ef}.skip-link:focus{top:0}.main-header{border-radius:var(--border-radius-lg);background:var(--glass-1);width:100%;min-height:58px;box-shadow:var(--shadow-medium);-webkit-backdrop-filter:blur(10px);border:1px solid #1f2a3024;flex-shrink:0;justify-content:space-between;align-items:center;margin:0 auto;padding:10px 16px;display:flex}.header-left{flex:1;align-items:center;gap:12px;display:flex}.title-stack{flex-direction:column;gap:2px;display:flex}.welcome-text{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:12px;font-weight:600;line-height:1}.company-name{color:var(--ink-1);letter-spacing:-.2px;margin:2px 0 0;font-size:clamp(19px,1.75vw,24px);font-weight:650;line-height:1}.header-controls{justify-content:flex-end;align-items:center;gap:10px;display:flex}.theme-toggle-button,.logout-button{width:38px;height:38px;color:var(--ink-2);cursor:pointer;transition:var(--transition-quick);background:#fff;border:1px solid #1f2a302e;border-radius:10px;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.theme-toggle-button svg,.logout-button svg{width:13px;height:13px}.theme-toggle-button:hover{color:var(--division-cx);background:#009bca1f;border-color:#009bca5c}.logout-button:hover{border-color:var(--danger);color:var(--danger);background:#c93d3414}.theme-toggle-button:focus-visible,.logout-button:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}[data-theme=dark] .main-header{border-color:#e8f0f633}[data-theme=dark] .welcome-text{color:var(--ink-3)}[data-theme=dark] .theme-toggle-button,[data-theme=dark] .logout-button{color:var(--ink-2);background:#1b2833;border-color:#e8f0f63d}[data-theme=dark] .theme-toggle-button:hover{color:#eaf9ff;background:#21c2f229;border-color:#21c2f273}[data-theme=dark] .logout-button:hover{color:#ffb6af;background:#ff5a4c24;border-color:#ff81798f}.circular-logo{flex-shrink:0;width:38px;height:38px}.blue-circle{background:linear-gradient(145deg, var(--accent-1) 0%, var(--accent-2) 58%, var(--accent-3) 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 14px #366a8647}.logo-image{object-fit:contain;width:80%;height:80%}.logo-text{color:#fff;font-size:20px;font-weight:700}@media (width<=768px){.main-header{border-radius:14px;min-height:58px;padding:8px 12px}.company-name{font-size:18px}.welcome-text{font-size:11px}.header-left{gap:10px}.circular-logo{width:32px;height:32px}.theme-toggle-button,.logout-button{width:34px;height:34px}.theme-toggle-button svg,.logout-button svg{width:13px;height:13px}}.banner-card{box-shadow:var(--shadow-low);cursor:pointer;background:#fff;border:1px solid #1f2a3024;border-radius:14px;flex-direction:column;gap:0;height:100%;min-height:130px;padding:20px 18px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s;animation:.5s cubic-bezier(.4,0,.2,1) both cardIn;display:flex;position:relative;overflow:hidden}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.banner-card:before{content:"";background:linear-gradient(135deg, var(--accent-2), #00c992bf);-webkit-mask-composite:xor;opacity:0;pointer-events:none;border-radius:14px;padding:1.5px;transition:opacity .35s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.banner-card:hover:before{opacity:1}.banner-card:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(at 30% 0,#366a860a,#0000 55%);border-radius:14px;transition:opacity .35s;position:absolute;inset:0}.banner-card:hover:after{opacity:1}.banner-card:hover{border-color:#1f2a303d;transform:translateY(-3px);box-shadow:0 10px 24px #14202629}.banner-card:active{transition-duration:.1s;transform:translateY(-1px)}.banner-content{gap:var(--spacing-sm);flex-direction:column;flex:1;justify-content:center;min-height:80px;display:flex}.banner-title{color:var(--p2s-deep-purple);transition:var(--transition-quick);letter-spacing:-.2px;margin:0 0 8px;font-size:16px;font-weight:700}.banner-card:hover .banner-title{color:var(--p2s-primary-blue)}.banner-description{color:var(--p2s-deep-purple);opacity:.75;margin:0;font-size:13px;line-height:1.5}.banner-updated{color:var(--p2s-deep-purple);opacity:0;max-height:0;margin:10px 0 0;font-size:10px;line-height:1;transition:opacity .18s,max-height .2s,transform .18s;overflow:hidden;transform:translateY(-2px)}.banner-card:hover .banner-updated,.banner-card:focus-within .banner-updated{opacity:.6;max-height:20px;transform:translateY(0)}.banner-arrow{color:var(--p2s-white);background:linear-gradient(135deg, var(--accent-2), var(--accent-3));opacity:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:16px;right:16px;transform:translate(-8px)scale(.8)}.banner-card:hover .banner-arrow{opacity:1;transform:translate(0)scale(1)}.beta-badge{background-color:var(--p2s-accent-orange,#e87c32);color:#fff;letter-spacing:1.5px;text-transform:uppercase;border-radius:0 4px 4px 0;padding:3px 10px 3px 12px;font-size:.65rem;font-weight:800;position:absolute;bottom:12px;left:0;box-shadow:2px 2px 6px #00000026}.banner-help-btn{width:24px;height:24px;color:var(--p2s-primary-blue);cursor:pointer;opacity:.65;z-index:1;background:0 0;border:1px solid #1f2a3047;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:700;line-height:1;transition:opacity .2s,background .2s,color .2s;display:flex;position:absolute;top:10px;right:10px}.banner-card:hover .banner-help-btn,.banner-help-btn:focus-visible{opacity:1}.banner-help-btn:hover{background:var(--p2s-primary-blue);color:#fff}.banner-video-btn{width:24px;height:24px;color:var(--p2s-primary-blue);cursor:pointer;opacity:.65;z-index:1;background:0 0;border:1px solid #1f2a3047;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:9px;font-weight:700;line-height:1;transition:opacity .2s,background .2s,color .2s;display:flex;position:absolute;top:10px;right:42px}.banner-card:hover .banner-video-btn,.banner-video-btn:focus-visible{opacity:1}.banner-video-btn:hover{background:var(--p2s-primary-blue);color:#fff}[data-theme=dark] .banner-card{background:#16212bd9;border-color:#e8f0f633}[data-theme=dark] .banner-card:hover{border-color:#e8f0f659;box-shadow:0 10px 26px #00000057}[data-theme=dark] .banner-title,[data-theme=dark] .banner-description,[data-theme=dark] .banner-updated{color:var(--ink-2)}[data-theme=dark] .banner-help-btn,[data-theme=dark] .banner-video-btn{color:var(--ink-1);border-color:#e8f0f647}[data-theme=dark] .banner-help-btn:hover,[data-theme=dark] .banner-video-btn:hover{background:var(--accent-2);color:#081017}@media (width<=768px){.banner-card{padding:var(--spacing-md);gap:var(--spacing-sm)}.banner-icon{width:50px;min-width:50px;height:50px;font-size:36px}.banner-title{font-size:16px}.banner-description{font-size:13px}.banner-updated{opacity:.66;max-height:20px;overflow:visible;transform:none}.banner-arrow{display:none}}.modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1000;background-color:#0f171f8f;justify-content:center;align-items:center;padding:20px;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--glass-1);box-shadow:var(--shadow-high);border:1px solid #1f2a3029;border-radius:16px;flex-direction:column;width:100%;max-width:760px;max-height:85vh;animation:.3s ease-out slideUp;display:flex;position:relative}.sr-only-modal{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1.25rem;line-height:1;transition:background .15s,color .15s;display:flex}.modal-close:hover{color:var(--ink-1);background:#6b72801a}.modal-close:focus-visible{outline:2px solid var(--p2s-primary-blue);outline-offset:2px}.modal-header{background:#ffffffb8;border-bottom:1px solid #1f2a301f;border-radius:16px 16px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header-main{flex-direction:column;gap:6px;display:flex}.modal-category{background:var(--accent-2);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.modal-title{color:var(--ink-1);margin:0;font-size:1rem;font-weight:600;line-height:1.3}.modal-app-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.modal-app-updated{color:var(--ink-3);font-size:.75rem}.modal-body{background:#f8f8f8eb;flex:1;padding:10px 28px;line-height:1.65;overflow-y:auto}@keyframes modalTabIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-tab-panel{animation:.18s ease-out both modalTabIn}.modal-section{margin-bottom:24px}.modal-section:last-child{margin-bottom:0}.modal-lead{color:var(--ink-2);margin:0 0 20px;font-size:.9rem;line-height:1.65}.modal-feature-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.modal-feature-card{background:#ffffffb3;border:1px solid #1f2a301f;border-radius:8px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.modal-feature-card strong{color:var(--ink-1);font-size:.85rem;font-weight:600}.modal-feature-card span{color:var(--ink-3);font-size:.8rem;line-height:1.5}@media (width<=480px){.modal-feature-grid{grid-template-columns:1fr}}.modal-placeholder{color:var(--ink-3);font-size:.875rem;font-style:italic;animation:1.5s ease-in-out infinite modalPulse}.modal-retry-wrap{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.modal-retry-btn{color:var(--p2s-primary-blue);cursor:pointer;background:#366a8614;border:1px solid #366a8638;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:background .2s,border-color .2s}.modal-retry-btn:hover{border-color:var(--p2s-primary-blue);background:#366a8629}@keyframes modalPulse{0%,to{opacity:1}50%{opacity:.4}}.modal-content:focus{outline:2px solid var(--accent-2);outline-offset:2px}.modal-markdown p{color:var(--ink-2);font-size:.875rem;line-height:1.5}.modal-markdown h2,.modal-markdown h3{text-transform:uppercase;letter-spacing:.05em;color:var(--p2s-primary-blue);border-bottom:1px solid #1f2a301f;margin-top:6px;font-size:.875rem;font-weight:700}.modal-markdown h4{color:var(--ink-1);margin-top:14px;margin-bottom:4px;font-size:.875rem;font-weight:600}.modal-markdown ul{margin:6px 0 10px;padding-left:20px}.modal-markdown ul li{color:var(--ink-2);margin:4px 0;font-size:.875rem;line-height:1.55}.modal-markdown ol{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.modal-markdown ol li{color:var(--ink-2);counter-increment:modal-step;background:#ffffffb8;border:1px solid #1f2a301f;border-radius:8px;align-items:flex-start;gap:14px;padding:14px 16px;font-size:.875rem;line-height:1.55;display:flex}.modal-markdown ol{counter-reset:modal-step}.modal-markdown ol li:before{content:counter(modal-step);background:var(--accent-2);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:2px;font-size:.75rem;font-weight:700;display:flex}.modal-markdown ol li ul{margin:6px 0 0;padding-left:18px}.modal-markdown ol li ul li{background:0 0;border:none;border-radius:0;gap:0;padding:0;display:list-item}.modal-markdown ol li ul li:before{display:none}.modal-markdown strong{color:var(--ink-1);font-weight:600}.modal-markdown em{color:var(--ink-3)}.modal-markdown code{color:var(--accent-2);background:#ffffffb8;border:1px solid #1f2a3026;border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,Consolas,monospace;font-size:.82em}[data-theme=dark] .modal-content{background:#131c24e6;border-color:#e8f0f633}[data-theme=dark] .modal-header{background:#1b2732d1;border-bottom-color:#e8f0f629}[data-theme=dark] .modal-title,[data-theme=dark] .modal-markdown p,[data-theme=dark] .modal-markdown ul li,[data-theme=dark] .modal-markdown strong,[data-theme=dark] .modal-lead{color:var(--ink-2)}[data-theme=dark] .modal-feature-card,[data-theme=dark] .modal-markdown ol li,[data-theme=dark] .modal-markdown code{background:#0f1820b8;border-color:#e8f0f62e}[data-theme=dark] .modal-meta-card{background:#0f1820c7;border-color:#87aac438}[data-theme=dark] .modal-meta-card strong,[data-theme=dark] .modal-meta-card span,[data-theme=dark] .modal-support-card__body strong,[data-theme=dark] .modal-support-card__body span{color:var(--ink-2)}[data-theme=dark] .modal-support-card__link{color:#8ecfe9}[data-theme=dark] .modal-support-card__link:hover{color:#b1e4f6}.modal-markdown a{color:var(--accent-2);text-decoration:none}.modal-markdown a:hover{text-decoration:underline}.modal-markdown hr{border:none;border-top:1px solid #1f2a301f}.modal-meta-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.modal-meta-card{background:#ffffffb8;border:1px solid #1f2a301f;border-radius:8px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.modal-meta-card strong{text-transform:uppercase;letter-spacing:.05em;color:var(--p2s-primary-blue);font-size:.75rem;font-weight:700}.modal-meta-card span{color:var(--p2s-primary-blue);font-size:.875rem;font-weight:500}.modal-support-card{border-radius:10px;align-items:flex-start;gap:16px;padding:20px;display:flex}.modal-support-card__icon{flex-shrink:0;margin-top:2px;font-size:1.5rem}.modal-support-card__body{flex-direction:column;gap:4px;display:flex}.modal-support-card__body strong{color:var(--ink-1);font-size:.9rem;font-weight:600}.modal-support-card__body span{color:var(--ink-3);font-size:.85rem;line-height:1.5}.modal-support-card__link{color:var(--accent-2);margin-top:4px;font-size:.875rem;font-weight:500;text-decoration:none}.modal-support-card__link:hover{text-decoration:underline}.modal-tutorial{background:#f8f8f8eb;border-top:1px solid #1f2a301a;flex-shrink:0;padding:10px 24px 12px}.modal-tutorial__link{color:var(--accent-2);background:#366a861a;border:1px solid #366a863d;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.modal-tutorial__link:hover{border-color:var(--accent-2);background:#366a8629}.modal-tutorial__icon{background:var(--accent-2);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;display:flex}.modal-tabs{scrollbar-width:none;background:#ffffffb8;border-bottom:1px solid #1f2a301f;flex-shrink:0;gap:2px;padding:0 20px;display:flex;overflow-x:auto}.modal-tabs::-webkit-scrollbar{display:none}.modal-tab{color:var(--ink-3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:5px;margin-bottom:-1px;padding:9px 12px;font-family:inherit;font-size:.8rem;font-weight:500;transition:color .15s,border-color .15s;display:flex}.modal-tab:hover{color:var(--ink-1)}.modal-tab--active{color:var(--ink-1);border-bottom-color:var(--accent-2);font-weight:600}.modal-tab__icon{opacity:.7;font-size:.75rem}.modal-footer{background:#ffffffb8;border-top:1px solid #1f2a301f;border-radius:0 0 16px 16px;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:6px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.modal-btn-secondary{background:var(--base-2);color:var(--ink-1)}.modal-btn-secondary:hover{background:var(--base-3);transform:translateY(-1px)}.modal-btn-primary{background:var(--accent-2);color:#fff}.modal-btn-primary:hover{background:var(--accent-1);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}[data-theme=dark] .modal-tabs,[data-theme=dark] .modal-footer{background:#1b2732d1;border-color:#e8f0f629}[data-theme=dark] .modal-body,[data-theme=dark] .modal-tutorial{background:0 0;border-top-color:#e8f0f629}[data-theme=dark] .modal-tab{color:var(--ink-3)}[data-theme=dark] .modal-tab:hover,[data-theme=dark] .modal-tab--active{color:var(--ink-1)}[data-theme=dark] .modal-btn-secondary{color:var(--ink-1);background:#ffffff14}[data-theme=dark] .modal-btn-primary{color:#081017}@media (width<=768px){.modal-backdrop{padding:10px}.modal-content{max-height:95vh}.modal-header{padding:14px 16px}.modal-body{padding:16px}.modal-footer{flex-direction:column;padding:12px 16px}.modal-btn{width:100%}}.whats-new-panel{-webkit-backdrop-filter:blur(12px);background:#ffffff80;border:1px solid #366a8612;border-radius:14px;margin-bottom:20px;padding:18px 20px 22px;animation:.6s cubic-bezier(.4,0,.2,1) both panelIn;box-shadow:0 2px 12px #366a860a}@keyframes panelIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.whats-new-header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.whats-new-pulse{background:var(--p2s-lime-green);border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative;box-shadow:0 0 6px #90ee9080}.whats-new-pulse:after{content:"";background:var(--p2s-lime-green);opacity:.4;border-radius:50%;animation:2s ease-out infinite pulseDot;position:absolute;inset:-3px}@keyframes pulseDot{0%{opacity:.4;transform:scale(1)}70%{opacity:0;transform:scale(2.6)}to{opacity:0;transform:scale(2.6)}}.whats-new-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--p2s-primary-blue);margin:0;font-size:13px;font-weight:700}.whats-new-controls{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.whats-new-nav-btn{width:28px;height:28px;color:var(--p2s-primary-blue);cursor:pointer;background:#ffffffe0;border:1px solid #366a8624;border-radius:999px;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.whats-new-nav-btn:hover:not(:disabled){background:#366a8614;border-color:#366a8647;transform:translateY(-1px)}.whats-new-nav-btn:focus-visible{outline-offset:2px;outline:2px solid #366a865c}.whats-new-nav-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.whats-new-count{color:var(--p2s-deep-purple);opacity:.35;background:#366a860f;border-radius:12px;margin-left:auto;padding:2px 10px;font-size:11px;font-weight:600}.whats-new-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;padding:4px 2px 8px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000 100%);mask-image:linear-gradient(90deg,#000 90%,#0000 100%)}.whats-new-track:focus-visible{outline-offset:4px;border-radius:12px;outline:2px solid #366a864d}.whats-new-track::-webkit-scrollbar{display:none}.whats-new-track{scrollbar-width:none}.whats-new-card{scroll-snap-align:start;background:var(--p2s-white);cursor:default;animation:.5s cubic-bezier(.4,0,.2,1) both cardSlideIn;animation-delay:calc(var(--card-index,0) * 80ms + .2s);border:1px solid #366a8614;border-radius:14px;flex:0 0 264px;padding:16px 18px;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),border-color .28s}@keyframes cardSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.whats-new-card:hover{border-color:#366a862e;transform:translateY(-4px);box-shadow:0 8px 20px #366a861a,0 2px 6px #366a860f}.whats-new-card--featured{background:linear-gradient(155deg,#366a860f 0%,#90ee9008 30%,#fff 65%);border-color:#366a8624;flex:0 0 304px;padding:20px 20px 18px;position:relative;overflow:hidden;box-shadow:0 2px 10px #366a860f}.whats-new-card--featured:after{content:"";pointer-events:none;background:radial-gradient(circle,#90ee900f,#0000 70%);width:200px;height:200px;position:absolute;top:-50%;right:-30%}.whats-new-card--featured:hover{border-color:#366a8638;transform:translateY(-5px);box-shadow:0 12px 28px #366a861f,0 4px 10px #366a860f}.whats-new-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.whats-new-type{text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.whats-new-type-icon{font-size:9px;line-height:1}.whats-new-type--feature{color:#2e7d32;background:#4caf501a}.whats-new-type--improvement{color:var(--p2s-primary-blue);background:#366a861a}.whats-new-type--bugfix{color:var(--p2s-error-red);background:#e7414414}.whats-new-date{color:var(--p2s-deep-purple);opacity:.36;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.whats-new-headline{color:var(--p2s-deep-purple);letter-spacing:-.15px;margin:0 0 6px;font-size:13.5px;font-weight:650;line-height:1.35}.whats-new-card--featured .whats-new-headline{font-size:15px;font-weight:700}.whats-new-desc{color:var(--p2s-deep-purple);opacity:.55;margin:0;font-size:12.5px;line-height:1.6}.whats-new-card--featured .whats-new-desc{opacity:.62}@media (width<=768px){.whats-new-panel{border-radius:16px;margin-bottom:32px;padding:18px 16px 20px}.whats-new-track{gap:10px}.whats-new-nav-btn{width:30px;height:30px}.whats-new-card{border-radius:12px;flex:0 0 228px;padding:14px 15px}.whats-new-card--featured{flex:0 0 260px;padding:16px 16px 14px}}[data-theme=dark] .whats-new-panel{background:#0f1e2cc7;border-color:#87aac438}[data-theme=dark] .whats-new-title,[data-theme=dark] .whats-new-headline{color:var(--ink-1)}[data-theme=dark] .whats-new-desc,[data-theme=dark] .whats-new-date{color:var(--ink-2)}[data-theme=dark] .whats-new-card{background:#101f2ee6;border-color:#87aac433}[data-theme=dark] .whats-new-card--featured{background:linear-gradient(155deg,#21c2f224 0%,#58afd617 30%,#101f2ee6 65%)}[data-theme=dark] .whats-new-nav-btn{color:var(--ink-1);background:#ffffff0a;border-color:#e8f0f63d}.app-grid-container{flex:1;width:100%;margin:0 auto;padding:12px 0 28px}.app-shell{grid-template-columns:292px minmax(0,1fr);align-items:start;gap:12px;display:grid}.discovery-rail{background:var(--glass-1);box-shadow:var(--shadow-low);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #1f2a3024;border-radius:18px;padding:18px;position:sticky;top:12px}.app-grid-header{margin-bottom:16px}.grid-eyebrow{text-transform:uppercase;letter-spacing:1.6px;color:var(--p2s-primary-blue);opacity:.72;margin:0 0 8px;font-size:10px;font-weight:700}.grid-title{letter-spacing:-.7px;color:var(--ink-1);margin:0 0 8px;font-size:27px;font-weight:700;line-height:1.04}.grid-subtitle{color:var(--ink-3);margin:0;font-size:13px;line-height:1.45}.filter-container{flex-direction:column;gap:12px;display:flex}.search-wrapper{position:relative}.search-icon{width:16px;height:16px;color:var(--p2s-primary-blue);opacity:.7;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{width:100%;color:var(--ink-1);background:#fff;border:1px solid #1f2a3033;border-radius:12px;outline:none;padding:12px 38px;font-size:13px;font-weight:500;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px var(--accent-soft)}.search-clear{width:20px;height:20px;color:var(--p2s-primary-blue);cursor:pointer;background:#366a861f;border:none;border-radius:50%;font-size:13px;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-clear:hover{background:#366a8633}.search-suggestions{z-index:20;background:#fff;border:1px solid #1f2a3029;border-radius:12px;flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 14px 36px #121e2333}.search-suggestion-item{color:var(--p2s-deep-purple);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.search-suggestion-item:hover{background:#366a8614}.search-suggestion-item--active{background:#366a861f}.search-suggestion-name{font-size:12px;font-weight:600}.search-suggestion-meta{color:var(--p2s-primary-blue);opacity:.8;font-size:10px}.search-suggestion-empty{color:var(--p2s-deep-purple);opacity:.62;border-radius:8px;padding:9px 10px;font-size:11px}.recent-searches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.recent-searches-label{color:var(--p2s-deep-purple);opacity:.5;font-size:10px;font-weight:700}.recent-search-chip{color:var(--p2s-primary-blue);cursor:pointer;background:#366a860f;border:1px solid #366a862e;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700}.recent-search-chip:hover{background:#366a8624}.category-filters{flex-wrap:wrap;gap:8px;padding-top:2px;display:flex}.category-btn{color:var(--p2s-primary-blue);cursor:pointer;background:#366a860f;border:1px solid #366a863d;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:11px;font-weight:700;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.category-btn:hover{border-color:var(--p2s-primary-blue);background:#366a8626;transform:translateY(-1px)}.category-btn.active{background:linear-gradient(135deg, var(--accent-2), var(--accent-3));color:#fff;border-color:#0000}.category-count{opacity:.85;font-size:10px;font-weight:700}.result-count{color:var(--p2s-deep-purple);opacity:.62;margin:0;font-size:11px;font-weight:600}.clear-filters-btn{color:var(--p2s-primary-blue);cursor:pointer;background:#366a8617;border:1px solid #366a863d;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.clear-filters-btn:hover{border-color:var(--p2s-primary-blue);background:#366a862e}.content-stage{background:var(--glass-1);min-width:0;box-shadow:var(--shadow-low);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #1f2a3024;border-radius:18px;padding:14px}.content-stage-header{justify-content:space-between;align-items:flex-end;gap:10px;padding:4px 2px 12px;display:flex}.content-stage-kicker{text-transform:uppercase;letter-spacing:1.3px;color:var(--p2s-primary-blue);opacity:.72;margin:0 0 3px;font-size:10px;font-weight:700}.content-stage-title{letter-spacing:-.4px;color:var(--ink-1);margin:0;font-size:22px;line-height:1.05}.content-stage-results{border-top:1px solid #366a8629;margin-top:10px;padding-top:16px}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.app-grid>:first-child{animation-delay:0s}.app-grid>:nth-child(2){animation-delay:60ms}.app-grid>:nth-child(3){animation-delay:.12s}.app-grid>:nth-child(4){animation-delay:.18s}.app-grid>:nth-child(5){animation-delay:.24s}.app-grid>:nth-child(6){animation-delay:.3s}.app-grid>:nth-child(7){animation-delay:.36s}.app-grid>:nth-child(8){animation-delay:.42s}.app-grid>:nth-child(9){animation-delay:.48s}.no-results{text-align:center;color:var(--p2s-deep-purple);background:#ffffff8f;border:1px dashed #366a8642;border-radius:14px;padding:68px 20px}.no-results-icon{opacity:.25;margin-bottom:12px;font-size:36px;display:block}.no-results p{opacity:.68;margin-bottom:4px;font-size:15px;font-weight:600}.no-results-hint{opacity:.48;margin-bottom:16px;font-size:12px}[data-theme=dark] .app-shell{border-color:#87aac43d}[data-theme=dark] .discovery-rail,[data-theme=dark] .content-stage{box-shadow:none;background:#0f1e2cd1;border-color:#87aac43d}[data-theme=dark] .grid-title,[data-theme=dark] .content-stage-title{color:var(--ink-1)}[data-theme=dark] .grid-subtitle,[data-theme=dark] .result-count,[data-theme=dark] .search-hint{color:var(--ink-3)}[data-theme=dark] .search-input{color:var(--ink-1);background:#0c131ad9;border-color:#e8f0f63d}[data-theme=dark] .search-input::placeholder{color:#c7d6e2b8}[data-theme=dark] .search-suggestions{background:#102030;border-color:#87aac43d}[data-theme=dark] .search-suggestion-item{color:var(--ink-2)}[data-theme=dark] .search-suggestion-item:hover,[data-theme=dark] .search-suggestion-item--active{background:#58afd633}[data-theme=dark] .category-btn{color:var(--ink-2);background:#58afd61f;border-color:#87aac447}[data-theme=dark] .no-results{color:var(--ink-2);background:#16212bb3;border-color:#e8f0f647}[data-theme=dark] .content-stage-results{border-top-color:#87aac438}@media (width<=1300px){.app-shell{grid-template-columns:240px minmax(0,1fr);gap:14px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1120px){.discovery-rail{padding:14px}.grid-title{font-size:24px}.search-input{padding:11px 34px;font-size:12px}.category-btn{padding:6px 10px}}@media (width<=940px){.app-shell{grid-template-columns:1fr}.discovery-rail{position:static}.content-stage{padding:12px}}@media (width<=768px){.app-grid-container{padding:14px 10px 34px}.app-shell{border-radius:16px;gap:12px}.discovery-rail{border-radius:14px;padding:14px}.grid-title{font-size:24px}.content-stage{border-radius:14px;padding:10px}.content-stage-results{margin-top:8px;padding-top:12px}.content-stage-header{flex-direction:column;align-items:flex-start;gap:8px}.content-stage-title{font-size:20px}.app-grid{grid-template-columns:1fr;gap:12px}}.footer{color:#ffffffe6;box-shadow:var(--shadow-medium);background:#101921f5;border:1px solid #1f2a3024;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:13px 14px 10px;font-size:12px;display:flex}.footer-left{align-items:center;gap:4px;display:flex}.footer-version{color:#ffffffe6}.footer-right{color:#ffffffe6;letter-spacing:.01em;align-items:center;gap:0;line-height:1;display:flex}.footer-right a{color:#ffffffe6;text-decoration:none;transition:color .2s}.footer-right a:hover{color:#ffffffe6;text-decoration:underline}.footer-text{color:#ffffffe6;cursor:pointer}.footer-link{cursor:pointer;color:#ffffffe6;text-decoration:none;transition:all .2s}.footer-link:hover{text-decoration:underline}.tooltip-container{position:relative}.tooltip-container:hover .tooltip,.tooltip-container:focus-within .tooltip{visibility:visible;opacity:1;transform:translateY(-4px)}.footer-text{cursor:pointer}.footer-text[tabindex]{outline:none}.footer-text[tabindex]:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #76c6e8}.tooltip{white-space:nowrap;z-index:10;text-align:left;visibility:hidden;opacity:0;background-color:#223239;border:1px solid #0000;border-top-color:#000c;border-radius:4px;padding:8px 12px;font-size:.78rem;transition:opacity .3s,transform .2s;position:absolute;bottom:calc(100% + 10px);left:0;transform:translateY(0);box-shadow:0 8px 24px #121e2338}[data-theme=dark] .footer{border-color:#87aac438}[data-theme=dark] .tooltip{background-color:#0f1820}.footer-divider{color:#ffffffa3;margin:0 3px;display:inline-flex}.tooltip:after{content:"";border:8px solid #0000;border-top-color:#000c;position:absolute;top:100%;left:5%;transform:translate(-50%)}@media (width<=960px){.footer{flex-direction:column;align-items:flex-start;gap:6px}.footer-right{gap:0}}.tooltip-container:hover .tooltip{visibility:visible;opacity:1;transform:translateY(-6px)}
