@charset "UTF-8";.landing-root{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;background-color:var(--bg);color:var(--text);font-family:var(--font-body);position:relative;transition:background-color .3s ease,color .3s ease;--hero-bg-glow: radial-gradient(circle at 50% 15%, rgba(56, 189, 248, .12) 0%, rgba(108, 92, 231, .08) 35%, transparent 70%);--cta-dark-mesh: linear-gradient(135deg, #070913 0%, #0d1222 50%, #080d1a 100%);--card-light-bg: var(--panel);--card-border: var(--border)}.landing-root[data-theme=light]{--hero-bg-glow: radial-gradient(circle at 50% 15%, rgba(56, 189, 248, .18) 0%, rgba(108, 92, 231, .1) 35%, transparent 70%);--cta-dark-mesh: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--card-light-bg: #ffffff;--card-border: #e2e8f0}.landing-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.landing-top-glow{height:3px;width:100%;background:linear-gradient(90deg,#38bdf8,#00f5a0,#6c5ce7);position:sticky;top:0;z-index:110}.landing-header{position:sticky;top:3px;z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0a0e1abf;border-bottom:1px solid var(--border);transition:all .25s ease}[data-theme=light] .landing-header{background:#ffffffd1;border-bottom:1px solid #e2e8f0}.nav-container{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}.nav-brand{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;flex-shrink:0}.nav-brand .brand-logo-img{width:36px;height:36px;border-radius:10px;box-shadow:0 4px 14px #38bdf859}.nav-brand .brand-text{display:flex;flex-direction:column;line-height:1.1}.nav-brand .brand-text .brand-title{font-size:17px;font-weight:800;letter-spacing:.5px;color:var(--text)}.nav-brand .brand-text .brand-sub{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#38bdf8}.nav-brand .brand-live-dot{width:8px;height:8px;border-radius:50%;background:#00f5a0;box-shadow:0 0 10px #00f5a0;animation:livePulse 2s infinite;flex-shrink:0;margin-left:2px;margin-right:14px}@media (max-width: 640px){.nav-brand{gap:8px}.nav-brand .brand-logo-img{width:32px;height:32px}.nav-brand .brand-text .brand-title{font-size:15px}.nav-brand .brand-text .brand-sub{font-size:9px}.nav-brand .brand-live-dot{margin-left:0;margin-right:12px}}@keyframes livePulse{0%{transform:scale(.95);box-shadow:0 0 #00f5a0b3}70%{transform:scale(1.15);box-shadow:0 0 0 8px #00f5a000}to{transform:scale(.95);box-shadow:0 0 #00f5a000}}.desktop-nav{display:flex;align-items:center;gap:28px}@media (max-width: 860px){.desktop-nav{display:none}}.desktop-nav .nav-link{background:none;border:none;color:var(--muted);font-size:14px;font-weight:500;padding:6px 4px;cursor:pointer;transition:color .18s ease}.desktop-nav .nav-link:hover{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto}.nav-actions .theme-toggle-btn{background:var(--panel-alt);border:1px solid var(--border);color:var(--text);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .18s ease,border-color .18s ease,transform .18s ease;margin-left:6px}.nav-actions .theme-toggle-btn:hover{border-color:var(--border-bright);transform:translateY(-1px)}.nav-actions .btn-nav-ghost{color:var(--text);text-decoration:none;font-size:13.5px;font-weight:600;padding:8px 16px;border-radius:9px;transition:all .2s}.nav-actions .btn-nav-ghost:hover{background:var(--panel-alt)}@media (max-width: 640px){.nav-actions .btn-nav-ghost{display:none}}.nav-actions .btn-nav-primary{background:var(--brand-gradient, linear-gradient(135deg, #4f46e5 0%, #0ea5e9 100%));color:#fff;text-decoration:none;font-size:13.5px;font-weight:700;padding:9px 18px;border-radius:9px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 14px #4f46e561;transition:all .2s ease}.nav-actions .btn-nav-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0ea5e973;filter:brightness(1.06)}.nav-actions .btn-nav-primary:hover .btn-arrow{transform:translate(3px)}.nav-actions .btn-nav-primary .btn-arrow{transition:transform .2s}@media (max-width: 640px){.nav-actions .btn-nav-primary{padding:7px 13px;font-size:12.5px;gap:4px}}@media (max-width: 640px){.nav-actions{gap:8px}.nav-actions .theme-toggle-btn{width:34px;height:34px;margin-left:8px}}.nav-actions .mobile-hamburger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:6px}@media (max-width: 860px){.nav-actions .mobile-hamburger{display:flex}}.nav-actions .mobile-hamburger .bar{width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .25s ease}.mobile-nav-drawer{display:flex;flex-direction:column;background:var(--panel);border-bottom:1px solid var(--border);padding:20px 24px;gap:16px}.mobile-nav-drawer .mob-link{background:none;border:none;text-align:left;color:var(--text);font-size:15px;font-weight:600;padding:8px 0;cursor:pointer}.mobile-nav-drawer .mob-cta-group{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:16px;border-top:1px solid var(--border)}.mobile-nav-drawer .mob-cta-group .mob-btn{text-align:center;justify-content:center;padding:12px;border-radius:10px}.hero-section{position:relative;padding:70px 0 60px;background:var(--hero-bg-glow);text-align:center}@media (max-width: 768px){.hero-section{padding:40px 0}}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#38bdf814;border:1px solid rgba(56,189,248,.28);color:#38bdf8;padding:6px 16px;border-radius:99px;font-size:12.5px;font-weight:600;letter-spacing:.2px;margin-bottom:24px;box-shadow:0 2px 10px #38bdf81a}[data-theme=light] .hero-badge{background:#0284c714;border-color:#0284c740;color:#0284c7}.hero-announcement-ticker{display:inline-flex;align-items:center;gap:8px;background:#10b98114;border:1px solid rgba(16,185,129,.25);color:#10b981;padding:5px 14px;border-radius:9999px;font-size:12px;font-weight:600;margin-bottom:22px;text-decoration:none;transition:all .2s ease;max-width:90%;text-align:center}.hero-announcement-ticker strong{color:var(--text)}.hero-announcement-ticker:hover{background:#10b98124;border-color:#10b981;transform:translateY(-1px)}.hero-headline{font-size:58px;line-height:1.12;font-weight:900;letter-spacing:-.03em;color:var(--text);margin:0 0 20px;max-width:880px}@media (max-width: 768px){.hero-headline{font-size:38px;line-height:1.18}}.hero-headline .hero-gradient{background:linear-gradient(135deg,#38bdf8,#00f5a0,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .hero-headline .hero-gradient{background:linear-gradient(135deg,#0284c7,#059669 60%,#4f46e5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subheadline{font-size:18px;line-height:1.6;color:var(--muted);max-width:680px;margin:0 0 32px}@media (max-width: 768px){.hero-subheadline{font-size:15.5px}}.hero-cta-group{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:26px;flex-wrap:wrap}.hero-cta-group .btn-hero-primary{background:var(--brand-gradient, linear-gradient(135deg, #4f46e5 0%, #0ea5e9 100%));color:#fff;text-decoration:none;padding:14px 30px;border-radius:12px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 24px #4f46e56b;transition:all .22s ease}.hero-cta-group .btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 10px 32px #0ea5e980;filter:brightness(1.08)}.hero-cta-group .btn-hero-primary:hover .hero-btn-arrow{transform:translate(4px)}.hero-cta-group .btn-hero-primary .hero-btn-arrow{transition:transform .2s ease}.hero-cta-group .btn-hero-secondary{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:14px 26px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .22s ease}.hero-cta-group .btn-hero-secondary:hover{background:var(--panel-alt);border-color:var(--border-bright);transform:translateY(-2px)}.hero-trust-row{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:28px}.hero-trust-row .trust-item{display:flex;align-items:center;gap:6px}.hero-trust-row .trust-item .check-icon{color:#00f5a0;font-weight:800;font-size:14px}.hero-social-proof{display:flex;align-items:center;gap:14px;margin-bottom:40px}.hero-social-proof .avatar-stack{display:flex;align-items:center}.hero-social-proof .avatar-stack .avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--bg);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;margin-left:-8px}.hero-social-proof .avatar-stack .avatar:first-child{margin-left:0}.hero-social-proof .avatar-stack .av-1{background:#3b82f6}.hero-social-proof .avatar-stack .av-2{background:#10b981}.hero-social-proof .avatar-stack .av-3{background:#f59e0b}.hero-social-proof .avatar-stack .av-4{background:#8b5cf6}.hero-social-proof .avatar-stack .av-5{background:#ec4899}.hero-social-proof .rating-block{text-align:left}.hero-social-proof .rating-block .stars{color:#fbbf24;font-size:14px;letter-spacing:2px}.hero-social-proof .rating-block .rating-caption{font-size:12px;color:var(--muted)}.preview-wrapper{margin-top:10px}.mockup-frame{background:#0f1422;border:1px solid #232d42;border-radius:16px;box-shadow:0 24px 60px #0009,0 0 0 1px #ffffff0a;overflow:hidden;text-align:left;transition:all .3s}[data-theme=light] .mockup-frame{background:#fff;border-color:#cbd5e1;box-shadow:0 20px 50px #0000001a,0 0 0 1px #0000000a}.mockup-topbar{background:#0a0d17;border-bottom:1px solid #1e2638;padding:12px 18px;display:flex;align-items:center;justify-content:space-between}[data-theme=light] .mockup-topbar{background:#f1f5f9;border-bottom-color:#e2e8f0}.mockup-topbar .window-dots{display:flex;gap:7px}.mockup-topbar .window-dots .dot{width:11px;height:11px;border-radius:50%}.mockup-topbar .window-dots .dot-red{background:#ef4444}.mockup-topbar .window-dots .dot-yellow{background:#f59e0b}.mockup-topbar .window-dots .dot-green{background:#10b981}.mockup-topbar .mockup-url-bar{display:flex;align-items:center;gap:8px;background:#141a29;border:1px solid #232d42;padding:5px 16px;border-radius:8px;font-size:12px;color:var(--muted);min-width:280px;justify-content:center}[data-theme=light] .mockup-topbar .mockup-url-bar{background:#fff;border-color:#cbd5e1}.mockup-topbar .mockup-url-bar .url-lock{font-size:11px}.mockup-topbar .mockup-url-bar .url-domain{font-weight:600;color:var(--text)}.mockup-topbar .mockup-live-indicator{display:flex;align-items:center;gap:7px;background:#00f5a01a;border:1px solid rgba(0,245,160,.3);padding:4px 12px;border-radius:99px;font-size:11.5px;font-weight:700;color:#00f5a0}.mockup-topbar .mockup-live-indicator .mockup-pulse-dot{width:7px;height:7px;border-radius:50%;background:#00f5a0;animation:livePulse 1.8s infinite}.mockup-module-nav{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--panel-alt);border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.mockup-module-nav::-webkit-scrollbar{height:3px}.mockup-module-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.mockup-module-nav .module-nav-btn{background:transparent;border:1px solid transparent;color:var(--muted);font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.mockup-module-nav .module-nav-btn:hover{color:var(--text);background:#ffffff0a}.mockup-module-nav .module-nav-btn.active{background:var(--panel);color:var(--text);border-color:var(--border);box-shadow:0 2px 6px #00000026}.mockup-module-nav .module-nav-btn .tab-pill{font-size:9.5px;font-weight:800;padding:1px 6px;border-radius:9999px;text-transform:uppercase;letter-spacing:.5px;background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.35)}.mockup-module-nav .module-nav-btn .tab-pill.ai-pill{background:#8b5cf633;color:#a78bfa;border-color:#8b5cf659}.mockup-dashboard{padding:24px}.mockup-heatmap-view{display:flex;flex-direction:column;gap:16px}.mockup-heatmap-view .heatmap-view-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.mockup-heatmap-view .heatmap-view-header .heatmap-view-title{font-size:15px;font-weight:800;color:var(--text)}.mockup-heatmap-view .heatmap-view-header .heatmap-view-badges{display:flex;align-items:center;gap:8px}.mockup-heatmap-view .heatmap-view-header .heatmap-view-badges .badge-pill{font-size:11px;font-weight:700;padding:4px 10px;border-radius:9999px}.mockup-heatmap-view .heatmap-view-header .heatmap-view-badges .badge-pill.thermal{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.mockup-heatmap-view .heatmap-view-header .heatmap-view-badges .badge-pill.device{background:var(--panel-alt);color:var(--muted);border:1px solid var(--border)}.mockup-heatmap-view .heatmap-canvas-mock{position:relative;background:var(--panel-alt);border:1px solid var(--border);border-radius:12px;height:190px;overflow:hidden;display:flex;flex-direction:column;padding:16px}.mockup-heatmap-view .heatmap-canvas-mock .mock-web-nav{height:24px;background:#ffffff0d;border-radius:6px;margin-bottom:12px;display:flex;align-items:center;padding:0 10px;gap:8px}.mockup-heatmap-view .heatmap-canvas-mock .mock-web-nav .mock-nav-item{height:8px;width:40px;background:#ffffff1a;border-radius:4px}.mockup-heatmap-view .heatmap-canvas-mock .mock-web-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.mockup-heatmap-view .heatmap-canvas-mock .mock-web-hero .mock-hero-h1{height:14px;width:60%;background:#ffffff1f;border-radius:6px}.mockup-heatmap-view .heatmap-canvas-mock .mock-web-hero .mock-hero-p{height:8px;width:45%;background:#ffffff12;border-radius:4px}.mockup-heatmap-view .heatmap-canvas-mock .mock-web-hero .mock-hero-btn{height:28px;width:120px;background:#2563eb66;border:1px solid #3b82f6;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#93c5fd}.mockup-heatmap-view .heatmap-canvas-mock .heat-spot{position:absolute;border-radius:50%;pointer-events:none;filter:blur(8px)}.mockup-heatmap-view .heatmap-canvas-mock .heat-spot.spot-1{top:68%;left:50%;transform:translate(-50%,-50%);width:80px;height:45px;background:radial-gradient(circle,rgba(239,68,68,.9) 0%,rgba(245,158,11,.6) 45%,transparent 70%)}.mockup-heatmap-view .heatmap-canvas-mock .heat-spot.spot-2{top:26px;left:80%;width:40px;height:30px;background:radial-gradient(circle,rgba(245,158,11,.8) 0%,rgba(16,185,129,.5) 50%,transparent 75%)}.mockup-heatmap-view .heatmap-canvas-mock .heat-spot.spot-3{top:26px;left:20%;width:35px;height:25px;background:radial-gradient(circle,rgba(56,189,248,.8) 0%,transparent 70%)}.mockup-heatmap-view .heatmap-targets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 640px){.mockup-heatmap-view .heatmap-targets-grid{grid-template-columns:1fr}}.mockup-heatmap-view .heatmap-targets-grid .target-box{background:var(--panel);border:1px solid var(--border);padding:12px;border-radius:8px}.mockup-heatmap-view .heatmap-targets-grid .target-box .target-name{font-size:11px;font-family:var(--font-mono);color:var(--cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-heatmap-view .heatmap-targets-grid .target-box .target-count{font-size:16px;font-weight:800;color:var(--text);margin-top:4px}.mockup-heatmap-view .heatmap-targets-grid .target-box .target-share{font-size:10.5px;color:#00f5a0;font-weight:600}.mockup-funnel-view{display:flex;flex-direction:column;gap:16px}.mockup-funnel-view .funnel-view-title{font-size:15px;font-weight:800;color:var(--text)}.mockup-funnel-view .funnel-steps-list{display:flex;flex-direction:column;gap:10px}.mockup-funnel-view .funnel-steps-list .funnel-step-row{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mockup-funnel-view .funnel-steps-list .funnel-step-row .step-num{width:24px;height:24px;border-radius:50%;background:#38bdf826;color:#38bdf8;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}.mockup-funnel-view .funnel-steps-list .funnel-step-row .step-info{flex:1;min-width:140px}.mockup-funnel-view .funnel-steps-list .funnel-step-row .step-info .step-name{font-size:13px;font-weight:700;color:var(--text)}.mockup-funnel-view .funnel-steps-list .funnel-step-row .step-info .step-path{font-size:11.5px;color:var(--muted)}.mockup-funnel-view .funnel-steps-list .funnel-step-row .step-bar-wrap{flex:2;min-width:120px;height:8px;background:var(--panel-alt);border-radius:99px;overflow:hidden}.mockup-funnel-view .funnel-steps-list .funnel-step-row .step-bar-wrap .step-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#38bdf8,#00f5a0)}.mockup-funnel-view .funnel-steps-list .funnel-step-row .step-metrics{text-align:right;min-width:90px}.mockup-funnel-view .funnel-steps-list .funnel-step-row .step-metrics .step-visitors{font-size:13px;font-weight:800;color:var(--text)}.mockup-funnel-view .funnel-steps-list .funnel-step-row .step-metrics .step-conv{font-size:11px;font-weight:600;color:#00f5a0}.mockup-alerts-view{display:flex;flex-direction:column;gap:14px}.mockup-alerts-view .alerts-card-slack{background:#1a1d21;border:1px solid #2e3338;border-radius:12px;padding:16px;display:flex;gap:14px}[data-theme=light] .mockup-alerts-view .alerts-card-slack{background:#f8fafc;border-color:#e2e8f0}.mockup-alerts-view .alerts-card-slack .slack-app-avatar{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#00f5a0,#00d2ff);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.mockup-alerts-view .alerts-card-slack .slack-msg-body{flex:1}.mockup-alerts-view .alerts-card-slack .slack-msg-body .slack-head{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.mockup-alerts-view .alerts-card-slack .slack-msg-body .slack-head .slack-bot-name{font-weight:800;font-size:14px;color:var(--text)}.mockup-alerts-view .alerts-card-slack .slack-msg-body .slack-head .slack-bot-tag{font-size:9.5px;background:#ffffff1a;padding:1px 5px;border-radius:4px;color:var(--muted);font-weight:700}.mockup-alerts-view .alerts-card-slack .slack-msg-body .slack-head .slack-timestamp{font-size:11px;color:var(--muted)}.mockup-alerts-view .alerts-card-slack .slack-msg-body .slack-alert-box{border-left:3px solid #10b981;padding-left:12px;margin-top:6px}.mockup-alerts-view .alerts-card-slack .slack-msg-body .slack-alert-box .alert-headline{font-size:13.5px;font-weight:800;color:#10b981;margin-bottom:4px}.mockup-alerts-view .alerts-card-slack .slack-msg-body .slack-alert-box .alert-detail{font-size:12.5px;color:var(--text);line-height:1.5}.mockup-alerts-view .alerts-card-slack .slack-msg-body .slack-alert-box .alert-meta-chips{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.mockup-alerts-view .alerts-card-slack .slack-msg-body .slack-alert-box .alert-meta-chips .chip{font-size:11px;padding:3px 8px;background:#ffffff0f;border-radius:6px;color:var(--muted)}.mockup-copilot-view{display:flex;flex-direction:column;gap:12px}.mockup-copilot-view .copilot-chat-bubble{display:flex;gap:10px;padding:14px;border-radius:12px;font-size:13px;line-height:1.5}.mockup-copilot-view .copilot-chat-bubble.user{background:#38bdf81a;border:1px solid rgba(56,189,248,.2);align-self:flex-end;max-width:80%}.mockup-copilot-view .copilot-chat-bubble.user .bubble-avatar{font-size:18px}.mockup-copilot-view .copilot-chat-bubble.user .bubble-content{color:var(--text);font-weight:600}.mockup-copilot-view .copilot-chat-bubble.ai{background:var(--panel);border:1px solid var(--border);max-width:95%}.mockup-copilot-view .copilot-chat-bubble.ai .bubble-avatar{font-size:18px}.mockup-copilot-view .copilot-chat-bubble.ai .bubble-content{color:var(--text)}.mockup-copilot-view .copilot-chat-bubble.ai .bubble-content strong{color:var(--cyan)}.mockup-copilot-view .copilot-chat-bubble.ai .bubble-content ul{margin:8px 0 0;padding-left:18px}.mockup-copilot-view .copilot-chat-bubble.ai .bubble-content ul li{margin-bottom:4px;color:var(--muted)}.dash-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.dash-preview-header .dash-site-title{margin:0;font-size:18px;font-weight:800;color:var(--text)}.dash-preview-header .dash-site-url{margin:3px 0 0;font-size:12.5px;color:var(--muted)}.dash-preview-header .dash-tabs{display:flex;gap:4px;background:var(--panel-alt);border:1px solid var(--border);padding:3px;border-radius:8px}.dash-preview-header .dash-tabs .dash-tab{background:none;border:none;color:var(--muted);font-size:12px;font-weight:600;padding:4px 12px;border-radius:6px;cursor:pointer;transition:all .18s}.dash-preview-header .dash-tabs .dash-tab.active{background:var(--panel);color:var(--text);box-shadow:0 1px 4px #0003}.dash-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}@media (max-width: 860px){.dash-kpi-grid{grid-template-columns:repeat(2,1fr)}}.dash-kpi-grid .dash-kpi-card{background:var(--panel);border:1px solid var(--border);padding:16px;border-radius:12px}.dash-kpi-grid .dash-kpi-card .kpi-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600;margin-bottom:6px}.dash-kpi-grid .dash-kpi-card .kpi-value{font-size:24px;font-weight:900;color:var(--text);letter-spacing:-.02em}.dash-kpi-grid .dash-kpi-card .kpi-delta{font-size:11.5px;font-weight:600;margin-top:4px}.dash-kpi-grid .dash-kpi-card .kpi-delta.positive{color:#00f5a0}.dash-chart-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:20px}.dash-chart-card .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dash-chart-card .chart-header .chart-title{font-size:13.5px;font-weight:700;color:var(--text)}.dash-chart-card .chart-header .chart-legend{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}.dash-chart-card .chart-header .chart-legend .legend-dot{width:8px;height:8px;border-radius:50%;background:#38bdf8}.dash-chart-card .chart-svg-container{height:140px;width:100%}.dash-chart-card .chart-svg-container .chart-svg{width:100%;height:100%}.dash-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.dash-split-grid{grid-template-columns:1fr}}.dash-split-grid .dash-mini-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.dash-split-grid .dash-mini-card .mini-card-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:14px}.dash-split-grid .dash-mini-card .mini-row{display:flex;align-items:center;gap:10px;font-size:12.5px;margin-bottom:10px}.dash-split-grid .dash-mini-card .mini-row .row-label{width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.dash-split-grid .dash-mini-card .mini-row .row-bar-wrap{flex:1;height:6px;background:var(--panel-alt);border-radius:99px;overflow:hidden}.dash-split-grid .dash-mini-card .mini-row .row-bar-wrap .row-bar{display:block;height:100%;background:#38bdf8;border-radius:99px}.dash-split-grid .dash-mini-card .mini-row .row-bar-wrap .row-bar.green{background:#00f5a0}.dash-split-grid .dash-mini-card .mini-row .row-count{font-weight:700;font-size:12px;color:var(--text);width:50px;text-align:right}.features-section{padding:90px 0 80px;background:var(--bg);text-align:center}.section-kicker{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#38bdf8;margin-bottom:12px}[data-theme=light] .section-kicker{color:#0284c7}.section-title{font-size:40px;font-weight:900;letter-spacing:-.02em;color:var(--text);margin:0 0 14px}@media (max-width: 768px){.section-title{font-size:28px}}.section-subtitle{font-size:16px;color:var(--muted);max-width:620px;margin:0 auto 50px;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}@media (max-width: 980px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--card-light-bg);border:1px solid var(--card-border);border-radius:16px;padding:32px 28px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;display:flex;flex-direction:column}.feature-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #00000040;border-color:#38bdf866}[data-theme=light] .feature-card:hover{box-shadow:0 14px 30px #0000000f}.feature-card .feature-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;width:100%}.feature-card .feature-pill-tag{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:3px 10px;border-radius:9999px;white-space:nowrap}.feature-card .feature-pill-tag.tag-new{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.35)}.feature-card .feature-pill-tag.tag-ai{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.35)}.feature-card .feature-pill-tag.tag-hot{background:#f9731626;color:#f97316;border:1px solid rgba(249,115,22,.35)}.feature-card .feature-pill-tag.tag-pro{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.35)}.feature-card .feature-pill-tag.tag-shield{background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.35)}.feature-card .feature-pill-tag.tag-core{background:#ffffff14;color:var(--muted);border:1px solid var(--border)}.feature-card .feature-icon-badge{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:0}.feature-card .feature-icon-badge.icon-blue{background:#3b82f61f;color:#3b82f6}.feature-card .feature-icon-badge.icon-emerald{background:#10b9811f;color:#10b981}.feature-card .feature-icon-badge.icon-purple{background:#8b5cf61f;color:#8b5cf6}.feature-card .feature-icon-badge.icon-amber{background:#f59e0b1f;color:#f59e0b}.feature-card .feature-icon-badge.icon-rose{background:#f43f5e1f;color:#f43f5e}.feature-card .feature-icon-badge.icon-cyan{background:#06b6d41f;color:#06b6d4}.feature-card .feature-icon-badge.icon-orange{background:#f973161f;color:#f97316}.feature-card .feature-icon-badge.icon-indigo{background:#6366f11f;color:#6366f1}.feature-card .feature-icon-badge.icon-pink{background:#ec48991f;color:#ec4899}.feature-card .feature-icon-badge.icon-teal{background:#14b8a61f;color:#14b8a6}.feature-card .feature-card-title{font-size:19px;font-weight:800;color:var(--text);margin:0 0 12px;line-height:1.3}.feature-card .feature-card-desc{font-size:14.5px;line-height:1.65;color:var(--muted);margin:0}.how-it-works-section{padding:80px 0;background:var(--panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;text-align:left}@media (max-width: 860px){.steps-grid{grid-template-columns:1fr}}.steps-grid .step-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:28px;position:relative}.steps-grid .step-card .step-number{font-size:32px;font-weight:900;color:#38bdf859;margin-bottom:12px;font-family:var(--font-mono)}.steps-grid .step-card .step-title{font-size:17px;font-weight:800;color:var(--text);margin:0 0 8px}.steps-grid .step-card .step-desc{font-size:13.5px;line-height:1.6;color:var(--muted);margin:0}.snippet-showcase-box{max-width:780px;margin:0 auto;background:#080b12;border:1px solid #1e2638;border-radius:14px;overflow:hidden;text-align:left}[data-theme=light] .snippet-showcase-box{background:#0f172a}.snippet-showcase-box .snippet-topbar{background:#0e1320;padding:10px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1e2638}.snippet-showcase-box .snippet-topbar .snippet-lang{font-size:12px;font-weight:600;color:#94a3b8}.snippet-showcase-box .snippet-topbar .btn-copy-code{background:#38bdf81f;border:1px solid rgba(56,189,248,.3);color:#38bdf8;font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.snippet-showcase-box .snippet-topbar .btn-copy-code:hover{background:#38bdf838}.snippet-showcase-box .snippet-code{margin:0;padding:20px;font-family:var(--font-mono);font-size:13px;color:#00f5a0;overflow-x:auto;white-space:pre;line-height:1.5}.pricing-section{padding:100px 0 90px;background:var(--bg);text-align:center}.pricing-pill{display:inline-block;background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#10b981;font-size:12.5px;font-weight:700;padding:5px 16px;border-radius:99px;margin-bottom:20px}.pricing-headline{font-size:44px;font-weight:900;letter-spacing:-.02em;color:var(--text);margin:0 0 16px}@media (max-width: 768px){.pricing-headline{font-size:32px}}.pricing-headline .pricing-highlight{color:var(--accent, #6366f1)}[data-theme=dark] .pricing-headline .pricing-highlight{color:#38bdf8}.pricing-subtitle{font-size:16.5px;color:var(--muted);max-width:600px;margin:0 auto 60px}.pricing-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:left;align-items:stretch}@media (max-width: 980px){.pricing-cards-container{grid-template-columns:1fr;max-width:480px;margin:0 auto}}.pricing-card{background:var(--card-light-bg);border:1px solid var(--card-border);border-radius:18px;padding:34px 28px;display:flex;flex-direction:column;position:relative;transition:all .25s ease}.pricing-card.featured{border-color:#38bdf8;box-shadow:0 16px 40px #38bdf826;background:linear-gradient(180deg,rgba(56,189,248,.04) 0%,var(--card-light-bg) 40%)}[data-theme=light] .pricing-card.featured{border-color:var(--accent, #4f46e5);box-shadow:0 16px 40px #4f46e524}.pricing-card .popular-ribbon{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4f46e5,#0ea5e9);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:4px 14px;border-radius:99px;white-space:nowrap;box-shadow:0 4px 12px #4f46e559}.pricing-card .plan-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:10px}.pricing-card .plan-badge.featured-badge{color:#38bdf8}.pricing-card .plan-name{font-size:20px;font-weight:800;color:var(--text);margin-bottom:12px}.pricing-card .plan-price-row{display:flex;align-items:baseline;gap:4px;margin-bottom:6px}.pricing-card .plan-price-row .price-currency{font-size:24px;font-weight:700;color:var(--text)}.pricing-card .plan-price-row .price-amount{font-size:42px;font-weight:900;color:var(--text);line-height:1}.pricing-card .plan-price-row .price-period{font-size:14px;color:var(--muted);font-weight:500}.pricing-card .plan-gst-note{font-size:11.5px;color:#10b981;font-weight:600;margin-bottom:10px}.pricing-card .plan-description{font-size:13.5px;color:var(--muted);line-height:1.5;min-height:42px;margin-bottom:20px}.pricing-card .plan-divider{height:1px;background:var(--card-border);margin-bottom:20px}.pricing-card .plan-features{list-style:none;padding:0;margin:0 0 30px;display:flex;flex-direction:column;gap:12px;flex-grow:1}.pricing-card .plan-features li{font-size:13.5px;color:var(--text);display:flex;align-items:flex-start;gap:10px;line-height:1.4}.pricing-card .plan-features li .check{color:#10b981;font-weight:800;font-size:15px}.pricing-card .btn-plan-primary{background:var(--brand-gradient, linear-gradient(135deg, #4f46e5 0%, #0ea5e9 100%));color:#fff;text-decoration:none;font-weight:700;font-size:14.5px;text-align:center;padding:13px;border-radius:11px;box-shadow:0 4px 16px #4f46e566;transition:all .2s}.pricing-card .btn-plan-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0ea5e980;filter:brightness(1.08)}.pricing-card .btn-plan-secondary{background:var(--panel-alt);border:1px solid var(--border);color:var(--text);text-decoration:none;font-weight:600;font-size:14px;text-align:center;padding:12px;border-radius:11px;transition:all .2s}.pricing-card .btn-plan-secondary:hover{background:var(--border);transform:translateY(-1px)}.faq-section{padding:80px 0 90px;background:var(--panel);border-top:1px solid var(--border)}.faq-container{max-width:820px;text-align:center}.faq-accordion{margin-top:40px;text-align:left;display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s}.faq-item.open{border-color:#38bdf8}.faq-item .faq-question-btn{width:100%;background:none;border:none;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:16px;font-weight:700;color:var(--text);text-align:left;gap:16px}.faq-item .faq-question-btn .faq-icon{font-size:20px;color:#38bdf8;font-weight:800}.faq-item .faq-answer{padding:0 22px 20px;font-size:14.5px;line-height:1.7;color:var(--muted)}.faq-item .faq-answer p{margin:0}.cta-banner-section{padding:80px 0;background:var(--bg)}.cta-banner-card{background:var(--cta-dark-mesh);border:1px solid rgba(56,189,248,.2);border-radius:20px;padding:60px 40px;text-align:center;box-shadow:0 24px 60px #00000080;position:relative;overflow:hidden}.cta-banner-card .cta-headline{font-size:42px;font-weight:900;line-height:1.2;color:#fff;margin:0 0 16px}@media (max-width: 768px){.cta-banner-card .cta-headline{font-size:28px}}.cta-banner-card .cta-headline .cta-accent{color:#38bdf8}.cta-banner-card .cta-sub{font-size:16.5px;line-height:1.6;color:#94a3b8;max-width:600px;margin:0 auto 36px}@media (max-width: 768px){.cta-banner-card .cta-sub{font-size:14.5px}}.cta-banner-card .cta-button-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:28px}.cta-banner-card .cta-button-row .btn-cta-primary{background:var(--brand-gradient, linear-gradient(135deg, #4f46e5 0%, #0ea5e9 100%));color:#fff;text-decoration:none;font-size:15px;font-weight:700;padding:14px 32px;border-radius:12px;box-shadow:0 6px 20px #4f46e573;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.cta-banner-card .cta-button-row .btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0ea5e98c;filter:brightness(1.08)}.cta-banner-card .cta-button-row .btn-cta-primary:hover .arrow{transform:translate(3px)}.cta-banner-card .cta-button-row .btn-cta-primary .arrow{transition:transform .2s}.cta-banner-card .cta-button-row .btn-cta-secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none;font-size:15px;font-weight:600;padding:14px 28px;border-radius:12px;transition:all .2s}.cta-banner-card .cta-button-row .btn-cta-secondary:hover{background:#ffffff26;transform:translateY(-2px)}.cta-banner-card .cta-support-email{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#64748b;margin:0 auto}.cta-banner-card .cta-support-email .cta-contact-item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.cta-banner-card .cta-support-email .cta-contact-item a{color:#94a3b8;text-decoration:underline}.cta-banner-card .cta-support-email .cta-contact-item a:hover{color:#38bdf8}.cta-banner-card .cta-support-email .cta-contact-divider{margin:0 4px;opacity:.5}@media (max-width: 600px){.cta-banner-card .cta-support-email{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;width:100%}.cta-banner-card .cta-support-email .cta-contact-item{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;font-size:13px}.cta-banner-card .cta-support-email .cta-contact-divider{display:none}}.landing-footer{background:#080a12;border-top:1px solid var(--border);padding:60px 0 30px;font-size:13.5px;color:#94a3b8}[data-theme=light] .landing-footer{background:#0f172a;color:#94a3b8}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}@media (max-width: 860px){.footer-content{grid-template-columns:1fr 1fr}}@media (max-width: 540px){.footer-content{grid-template-columns:1fr}}.footer-brand-col .footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px}.footer-brand-col .footer-logo .footer-logo-img{width:32px;height:32px;border-radius:8px}.footer-brand-col .footer-logo .footer-logo-title{font-size:18px;font-weight:800;color:#fff;letter-spacing:.3px}.footer-brand-col .footer-tagline{font-size:13px;line-height:1.6;color:#94a3b8;margin:0 0 16px;max-width:340px}.footer-brand-col .footer-contact{font-size:12px;color:#64748b;line-height:1.6}.footer-brand-col .footer-contact p{margin:2px 0}.footer-links-col .col-title{font-size:14px;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:.3px}.footer-links-col ul{list-style:none;padding:0;margin:0}.footer-links-col ul li{margin-bottom:10px}.footer-links-col ul li a,.footer-links-col ul li button{background:none;border:none;padding:0;color:#94a3b8;text-decoration:none;font-size:13px;cursor:pointer;transition:color .18s}.footer-links-col ul li a:hover,.footer-links-col ul li button:hover{color:#38bdf8}.footer-trust-bar{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:20px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:24px}.footer-trust-bar .trust-pill{font-size:12px;font-weight:600;color:#cbd5e1;display:flex;align-items:center;gap:6px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:12px;color:#64748b}.footer-bottom .footer-socials{display:flex;gap:14px}.footer-bottom .footer-socials a{color:#94a3b8;text-decoration:none;font-size:16px;transition:color .2s}.footer-bottom .footer-socials a:hover{color:#38bdf8}.error-boundary-screen{min-height:100vh;min-height:100dvh;width:100vw;display:flex;align-items:center;justify-content:center;background:var(--bg, #0a0e1a);color:var(--text, #f1f5f9);font-family:var(--font-body, "Roboto", -apple-system, sans-serif);padding:24px;box-sizing:border-box}[data-theme=light] .error-boundary-screen{background:#f8fafc!important;color:#0f172a!important}.error-boundary-card{max-width:460px;width:100%;background:#10172a;border:1px solid #222f4b;border-radius:22px;padding:38px 32px 32px;text-align:center;box-shadow:0 24px 60px -12px #000000bf,0 0 0 1px #ffffff0d;box-sizing:border-box;animation:error-modal-in .26s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.error-boundary-card:before{content:"";position:absolute;top:0;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,#38bdf8,#2563eb,transparent);opacity:.8}[data-theme=light] .error-boundary-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 20px 45px -10px #0f172a1f,0 4px 12px -2px #0f172a0f,0 0 0 1px #00000008!important}[data-theme=light] .error-boundary-card:before{background:linear-gradient(90deg,transparent,#0284c7,#2563eb,transparent);opacity:.9}@media (max-width: 480px){.error-boundary-card{padding:28px 20px 24px;border-radius:18px}}@keyframes error-modal-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.error-boundary-icon-badge{width:54px;height:54px;border-radius:16px;background:#38bdf81f;border:1px solid rgba(56,189,248,.3);color:#38bdf8;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 4px 16px #38bdf838}[data-theme=light] .error-boundary-icon-badge{background:#0284c714!important;border-color:#0284c740!important;color:#0284c7!important;box-shadow:0 4px 14px #0284c726!important}.error-boundary-title{font-family:var(--font-display, inherit);font-size:1.28rem;font-weight:700;letter-spacing:-.02em;margin:0 0 10px;color:#f8fafc;line-height:1.35}[data-theme=light] .error-boundary-title{color:#0f172a!important}.error-boundary-desc{font-size:.9rem;color:#94a3b8;line-height:1.6;font-weight:450;max-width:380px;margin:0 auto 26px}[data-theme=light] .error-boundary-desc{color:#475569!important}.error-boundary-btn{background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff!important;border:none;border-radius:11px;padding:12px 26px;font-weight:650;font-size:.9rem;cursor:pointer;box-shadow:0 4px 16px #2563eb61,0 2px 6px #0284c733;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:-.01em}.error-boundary-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 22px #2563eb75,0 3px 8px #0284c747}.error-boundary-btn:active{transform:translateY(0);box-shadow:0 2px 8px #2563eb4d}.toast-stack{position:fixed;bottom:24px;right:92px;display:flex;flex-direction:column-reverse;gap:10px;z-index:10001;pointer-events:none;align-items:flex-end}@media (max-width: 640px){.toast-stack{bottom:88px;right:16px;left:16px;align-items:stretch}}.toast{pointer-events:auto;position:relative;display:inline-flex;align-items:center;gap:10px;background:#121826f0;border:1px solid var(--border-bright, rgba(255, 255, 255, .14));border-radius:12px;padding:11px 16px;font-size:13.5px;font-weight:500;color:var(--text, #f1f5f9);box-shadow:0 10px 28px -4px #00000073,0 0 1px 1px #ffffff0d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:toast-in .24s cubic-bezier(.16,1,.3,1);max-width:380px;word-break:break-word;line-height:1.45}[data-theme=light] .toast{background:#fffffff5;color:#0f172a;border-color:#0000001f;box-shadow:0 12px 28px -4px #0f172a24,0 2px 6px #0f172a0f}.toast-success{border-color:#10b98180;box-shadow:0 10px 28px -4px #00000073,0 0 16px #10b98126}[data-theme=light] .toast-success{border-color:#10b98166;box-shadow:0 10px 24px -4px #10b9811f}.toast-error{border-color:#ff6b818c;color:var(--rose, #ff6b81);box-shadow:0 10px 28px -4px #00000073,0 0 16px #ff6b8126}[data-theme=light] .toast-error{border-color:#ef444466;color:#dc2626;box-shadow:0 10px 24px -4px #ef44441f}.toast-info{border-color:#00e5ff73}[data-theme=light] .toast-info{border-color:#2f7fd666}.toast .toast-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.toast .toast-icon.icon-success{background:#10b9812e;color:var(--lime, #10b981);border:1px solid rgba(16,185,129,.35)}[data-theme=light] .toast .toast-icon.icon-success{background:#10b98126;color:#059669;border-color:#10b9814d}.toast .toast-icon.icon-error{background:#ff6b812e;color:var(--rose, #ff6b81);border:1px solid rgba(255,107,129,.35)}[data-theme=light] .toast .toast-icon.icon-error{background:#ef444426;color:#dc2626;border-color:#ef44444d}.toast .toast-icon.icon-info{background:#00e5ff2e;color:var(--cyan, #00e5ff);border:1px solid rgba(0,229,255,.35)}[data-theme=light] .toast .toast-icon.icon-info{background:#2f7fd626;color:#2563eb;border-color:#2f7fd64d}.toast .toast-msg{flex:1}.toast .toast-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;padding:0;margin-left:4px;color:var(--muted, #94a3b8);cursor:pointer;font-size:15px;line-height:1;border-radius:4px;transition:all .15s ease;flex-shrink:0}.toast .toast-close:hover{color:var(--text, #f1f5f9);background:#ffffff1a}[data-theme=light] .toast .toast-close:hover{background:#0000000f}@keyframes toast-in{0%{opacity:0;transform:translate(16px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.manual-modal-overlay{position:fixed;inset:0;z-index:99999;background:#040810c7;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,32px);animation:modalFadeIn .22s cubic-bezier(.16,1,.3,1)}.manual-modal-container{background:#0d131f;border:1px solid rgba(255,255,255,.12);border-radius:20px;width:100%;max-width:1180px;height:88vh;max-height:840px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 32px 80px -12px #000000b3,0 0 0 1px #ffffff0f;animation:modalSlideUp .26s cubic-bezier(.16,1,.3,1)}[data-theme=light] .manual-modal-container{background:#fff;border:1px solid #e2e8f0;box-shadow:0 32px 75px -12px #0f172a2e,0 0 0 1px #0f172a0a}.manual-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 26px;border-bottom:1px solid rgba(255,255,255,.08);background:#090e18;gap:16px;flex-shrink:0}[data-theme=light] .manual-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}@media (max-width: 600px){.manual-modal-header{flex-direction:column;align-items:stretch;padding:14px 16px;gap:12px}}.manual-modal-header .manual-header-left{display:flex;align-items:center;gap:14px}.manual-modal-header .manual-header-left .manual-header-icon-badge{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#6366f138,#8b5cf62e);border:1.5px solid rgba(99,102,241,.35);display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0;box-shadow:0 4px 14px #6366f140}[data-theme=light] .manual-modal-header .manual-header-left .manual-header-icon-badge{background:linear-gradient(135deg,#ede9fe,#e0e7ff);border-color:#c7d2fe;box-shadow:0 4px 12px #6366f126}.manual-modal-header .manual-header-left .manual-header-title-row{display:flex;align-items:center;gap:10px;margin-bottom:3px;flex-wrap:wrap}.manual-modal-header .manual-header-left .manual-header-title-row .manual-header-title{font-size:17.5px;font-weight:800;letter-spacing:-.02em;color:var(--text);margin:0}[data-theme=light] .manual-modal-header .manual-header-left .manual-header-title-row .manual-header-title{color:#0f172a}.manual-modal-header .manual-header-left .manual-header-title-row .manual-header-tag{font-size:11px;font-weight:800;padding:2.5px 8px;border-radius:6px;background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3);letter-spacing:.02em}[data-theme=light] .manual-modal-header .manual-header-left .manual-header-title-row .manual-header-tag{background:#e0e7ff;color:#4338ca;border-color:#c7d2fe}.manual-modal-header .manual-header-left .manual-header-subtitle{font-size:12.5px;color:var(--muted);margin:0;font-weight:500;max-width:540px;line-height:1.4}[data-theme=light] .manual-modal-header .manual-header-left .manual-header-subtitle{color:#64748b}@media (max-width: 600px){.manual-modal-header .manual-header-left .manual-header-subtitle{display:none}}.manual-modal-header .manual-header-actions{display:flex;align-items:center;gap:12px}@media (max-width: 600px){.manual-modal-header .manual-header-actions{justify-content:space-between;width:100%}}.manual-modal-header .manual-header-actions .manual-view-toggle{display:inline-flex;align-items:center;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1);padding:3.5px;border-radius:11px;gap:3px}[data-theme=light] .manual-modal-header .manual-header-actions .manual-view-toggle{background:#f1f5f9;border-color:#cbd5e1}.manual-modal-header .manual-header-actions .manual-view-toggle .toggle-btn{background:transparent;border:none;color:var(--muted);font-size:12.5px;font-weight:700;padding:6.5px 14px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6.5px;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:inherit}[data-theme=light] .manual-modal-header .manual-header-actions .manual-view-toggle .toggle-btn{color:#64748b}.manual-modal-header .manual-header-actions .manual-view-toggle .toggle-btn span{font-size:13.5px}.manual-modal-header .manual-header-actions .manual-view-toggle .toggle-btn:hover{color:var(--text)}[data-theme=light] .manual-modal-header .manual-header-actions .manual-view-toggle .toggle-btn:hover{color:#1e293b}.manual-modal-header .manual-header-actions .manual-view-toggle .toggle-btn.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 2px 10px #6366f166}[data-theme=light] .manual-modal-header .manual-header-actions .manual-view-toggle .toggle-btn.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 3px 10px #6366f14d}.manual-modal-header .manual-header-actions .manual-close-btn{background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1);color:var(--muted);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}[data-theme=light] .manual-modal-header .manual-header-actions .manual-close-btn{background:#fff;border-color:#cbd5e1;color:#64748b}[data-theme=light] .manual-modal-header .manual-header-actions .manual-close-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444}.manual-modal-header .manual-header-actions .manual-close-btn:hover{border-color:#ef444466;background:#ef444426;color:#ff6b6b;transform:rotate(90deg)}.manual-modal-body{display:flex;flex:1;min-height:0;overflow:hidden}@media (max-width: 768px){.manual-modal-body{flex-direction:column}}.manual-sidebar{width:315px;background:#090d16;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}[data-theme=light] .manual-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0}@media (max-width: 768px){.manual-sidebar{width:100%;height:190px;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}[data-theme=light] .manual-sidebar{border-bottom-color:#e2e8f0}}.manual-sidebar .sidebar-search-box{position:relative;padding:14px 16px 10px;display:flex;align-items:center}.manual-sidebar .sidebar-search-box .search-icon{position:absolute;left:28px;font-size:13px;opacity:.55;pointer-events:none}.manual-sidebar .sidebar-search-box .sidebar-search-input{width:100%;background:#0f1624;border:1.5px solid rgba(255,255,255,.1);border-radius:9px;padding:8px 32px 8px 34px;color:var(--text);font-size:12.5px;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:inherit}[data-theme=light] .manual-sidebar .sidebar-search-box .sidebar-search-input{background:#fff;border:1.5px solid #cbd5e1;color:#1e293b;box-shadow:0 1px 3px #0f172a0a}.manual-sidebar .sidebar-search-box .sidebar-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}[data-theme=light] .manual-sidebar .sidebar-search-box .sidebar-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.manual-sidebar .sidebar-search-box .sidebar-search-input::placeholder{color:var(--dim)}[data-theme=light] .manual-sidebar .sidebar-search-box .sidebar-search-input::placeholder{color:#94a3b8}.manual-sidebar .sidebar-search-box .search-clear-btn{position:absolute;right:26px;background:transparent;border:none;color:var(--dim);font-size:11px;cursor:pointer;padding:3px}.manual-sidebar .sidebar-search-box .search-clear-btn:hover{color:var(--text)}.manual-sidebar .sidebar-category-filters{display:flex;gap:6px;padding:0 16px 12px;flex-wrap:wrap}.manual-sidebar .sidebar-category-filters .cat-pill{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);font-family:inherit}[data-theme=light] .manual-sidebar .sidebar-category-filters .cat-pill{background:#fff;border:1.5px solid #e2e8f0;color:#64748b}.manual-sidebar .sidebar-category-filters .cat-pill:hover{color:var(--text)}[data-theme=light] .manual-sidebar .sidebar-category-filters .cat-pill:hover{color:#0f172a;border-color:#cbd5e1}.manual-sidebar .sidebar-category-filters .cat-pill.active{background:#6366f129;border-color:#6366f166;color:#818cf8;font-weight:800}[data-theme=light] .manual-sidebar .sidebar-category-filters .cat-pill.active{background:#ede9fe;border-color:#a5b4fc;color:#4f46e5}.manual-sidebar .sidebar-manuals-list{flex:1;overflow-y:auto;padding:4px 12px 18px;display:flex;flex-direction:column;gap:5px;scrollbar-width:thin}.manual-sidebar .sidebar-manuals-list .manual-nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:11px;background:transparent;border:1.5px solid transparent;cursor:pointer;text-align:left;transition:all .18s cubic-bezier(.16,1,.3,1);position:relative;font-family:inherit;width:100%}.manual-sidebar .sidebar-manuals-list .manual-nav-item .nav-item-icon-wrap{width:34px;height:34px;border-radius:9px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}[data-theme=light] .manual-sidebar .sidebar-manuals-list .manual-nav-item .nav-item-icon-wrap{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0f172a0a}.manual-sidebar .sidebar-manuals-list .manual-nav-item .nav-item-icon-wrap .nav-item-icon{font-size:17px;line-height:1}.manual-sidebar .sidebar-manuals-list .manual-nav-item .nav-item-meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.manual-sidebar .sidebar-manuals-list .manual-nav-item .nav-item-meta .nav-item-title{font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .18s}[data-theme=light] .manual-sidebar .sidebar-manuals-list .manual-nav-item .nav-item-meta .nav-item-title{color:#334155}.manual-sidebar .sidebar-manuals-list .manual-nav-item .nav-item-meta .nav-item-badge{font-size:9.5px;font-weight:800;color:var(--dim);letter-spacing:.05em;text-transform:uppercase}[data-theme=light] .manual-sidebar .sidebar-manuals-list .manual-nav-item .nav-item-meta .nav-item-badge{color:#94a3b8}.manual-sidebar .sidebar-manuals-list .manual-nav-item .nav-item-meta .nav-item-badge.admin{color:#10b981}.manual-sidebar .sidebar-manuals-list .manual-nav-item:hover{background:#ffffff0a;border-color:#ffffff14;transform:translate(2px)}.manual-sidebar .sidebar-manuals-list .manual-nav-item:hover .nav-item-title{color:var(--text)}[data-theme=light] .manual-sidebar .sidebar-manuals-list .manual-nav-item:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .manual-sidebar .sidebar-manuals-list .manual-nav-item:hover .nav-item-title{color:#0f172a}.manual-sidebar .sidebar-manuals-list .manual-nav-item.active{background:linear-gradient(90deg,#6366f129,#6366f10a);border-color:#6366f173;box-shadow:0 2px 10px #00000026}.manual-sidebar .sidebar-manuals-list .manual-nav-item.active .nav-item-icon-wrap{background:#6366f133;border-color:#6366f166;transform:scale(1.05)}[data-theme=light] .manual-sidebar .sidebar-manuals-list .manual-nav-item.active .nav-item-icon-wrap{background:#ede9fe;border-color:#c7d2fe}.manual-sidebar .sidebar-manuals-list .manual-nav-item.active .nav-item-title{color:#fff;font-weight:700}[data-theme=light] .manual-sidebar .sidebar-manuals-list .manual-nav-item.active .nav-item-title{color:#4338ca}.manual-sidebar .sidebar-manuals-list .manual-nav-item.active .nav-active-dot{position:absolute;right:12px;width:7px;height:7px;border-radius:50%;background:#6366f1;box-shadow:0 0 10px #6366f1}[data-theme=light] .manual-sidebar .sidebar-manuals-list .manual-nav-item.active{background:linear-gradient(90deg,#ede9fe,#f5f3ff);border-color:#a5b4fc;box-shadow:0 2px 8px #6366f11a}.manual-sidebar .sidebar-manuals-list .sidebar-empty{padding:32px 16px;text-align:center;font-size:13px;color:var(--dim);display:flex;flex-direction:column;align-items:center;gap:8px}.manual-sidebar .sidebar-manuals-list .sidebar-empty span{font-size:24px}.manual-sidebar .sidebar-manuals-list .sidebar-empty p{margin:0}.manual-content-pane{flex:1;overflow-y:auto;padding:clamp(18px,3vw,32px);display:flex;flex-direction:column;gap:20px;background:#0b101b;scrollbar-width:thin}[data-theme=light] .manual-content-pane{background:#fff}.manual-content-pane .content-feature-banner{background:linear-gradient(135deg,#6366f11f,#8b5cf60d);border:1.5px solid rgba(99,102,241,.28);border-radius:16px;padding:22px 26px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 20px #0000001f}[data-theme=light] .manual-content-pane .content-feature-banner{background:linear-gradient(135deg,#f8fafc,#eff6ff);border:1.5px solid #c7d2fe;box-shadow:0 4px 18px #6366f10f}.manual-content-pane .content-feature-banner .banner-badge-row{display:flex;align-items:center;gap:16px}.manual-content-pane .content-feature-banner .banner-badge-row .feature-icon-bubble{width:52px;height:52px;border-radius:14px;background:#0f1624;border:1.5px solid rgba(99,102,241,.35);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;box-shadow:0 4px 16px #0003}[data-theme=light] .manual-content-pane .content-feature-banner .banner-badge-row .feature-icon-bubble{background:#fff;border-color:#c7d2fe;box-shadow:0 4px 14px #6366f11f}.manual-content-pane .content-feature-banner .banner-badge-row .feature-titles{display:flex;flex-direction:column;gap:4px}.manual-content-pane .content-feature-banner .banner-badge-row .feature-titles .badge-line{display:flex;align-items:center;gap:8px}.manual-content-pane .content-feature-banner .banner-badge-row .feature-titles .badge-line .category-tag{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:5px;background:#6366f12e;color:#818cf8;border:1px solid rgba(99,102,241,.3)}[data-theme=light] .manual-content-pane .content-feature-banner .banner-badge-row .feature-titles .badge-line .category-tag{background:#ede9fe;color:#4f46e5;border-color:#c7d2fe}.manual-content-pane .content-feature-banner .banner-badge-row .feature-titles .badge-line .category-tag.admin{background:#10b98129;color:#10b981;border-color:#10b9814d}[data-theme=light] .manual-content-pane .content-feature-banner .banner-badge-row .feature-titles .badge-line .category-tag.admin{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.manual-content-pane .content-feature-banner .banner-badge-row .feature-titles .badge-line .feature-sub-badge{font-size:11.5px;font-weight:700;color:var(--dim);letter-spacing:.02em}[data-theme=light] .manual-content-pane .content-feature-banner .banner-badge-row .feature-titles .badge-line .feature-sub-badge{color:#64748b}.manual-content-pane .content-feature-banner .banner-badge-row .feature-titles .feature-main-title{font-size:24px;font-weight:800;letter-spacing:-.025em;color:var(--text);margin:0}[data-theme=light] .manual-content-pane .content-feature-banner .banner-badge-row .feature-titles .feature-main-title{color:#0f172a}@media (max-width: 600px){.manual-content-pane .content-feature-banner .banner-badge-row .feature-titles .feature-main-title{font-size:19px}}.manual-content-pane .content-feature-banner .feature-headline-summary{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0;font-weight:500}[data-theme=light] .manual-content-pane .content-feature-banner .feature-headline-summary{color:#475569}.manual-content-pane .manual-card{background:#0f1624;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:22px 26px;box-shadow:0 4px 18px #0003}[data-theme=light] .manual-content-pane .manual-card{background:#fff;border:1.5px solid #e2e8f0;box-shadow:0 4px 20px #0f172a0a}@media (max-width: 600px){.manual-content-pane .manual-card{padding:18px}}.manual-content-pane .manual-card .card-heading{font-size:14.5px;font-weight:800;letter-spacing:-.01em;color:var(--text);margin:0 0 18px;display:flex;align-items:center;gap:10px}[data-theme=light] .manual-content-pane .manual-card .card-heading{color:#0f172a}.manual-content-pane .manual-card .card-heading .heading-icon-badge{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#6366f126;color:#818cf8;font-size:14px;border:1px solid rgba(99,102,241,.25)}[data-theme=light] .manual-content-pane .manual-card .card-heading .heading-icon-badge{background:#ede9fe;color:#4f46e5;border-color:#c7d2fe}.manual-content-pane .summary-view-wrapper{display:flex;flex-direction:column;gap:18px}.manual-content-pane .summary-view-wrapper .summary-bullets-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.manual-content-pane .summary-view-wrapper .summary-bullets-list .bullet-item{display:flex;align-items:flex-start;gap:12px}.manual-content-pane .summary-view-wrapper .summary-bullets-list .bullet-item .check-icon{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1.5px;box-shadow:0 2px 6px #10b98159}.manual-content-pane .summary-view-wrapper .summary-bullets-list .bullet-item .check-icon svg{display:block}.manual-content-pane .summary-view-wrapper .summary-bullets-list .bullet-item .bullet-text{font-size:13.5px;line-height:1.55;color:var(--text)}[data-theme=light] .manual-content-pane .summary-view-wrapper .summary-bullets-list .bullet-item .bullet-text{color:#334155}.manual-content-pane .summary-view-wrapper .quickstart-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 768px){.manual-content-pane .summary-view-wrapper .quickstart-steps-grid{grid-template-columns:1fr}}.manual-content-pane .summary-view-wrapper .quickstart-steps-grid .quickstart-step{background:#ffffff06;border:1.5px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;transition:all .2s cubic-bezier(.16,1,.3,1)}[data-theme=light] .manual-content-pane .summary-view-wrapper .quickstart-steps-grid .quickstart-step{background:#f8fafc;border:1.5px solid #e2e8f0}.manual-content-pane .summary-view-wrapper .quickstart-steps-grid .quickstart-step:hover{border-color:#6366f166;transform:translateY(-2px);box-shadow:0 6px 18px #0000001a}[data-theme=light] .manual-content-pane .summary-view-wrapper .quickstart-steps-grid .quickstart-step:hover{background:#fff;border-color:#a5b4fc;box-shadow:0 6px 18px #6366f114}.manual-content-pane .summary-view-wrapper .quickstart-steps-grid .quickstart-step .step-header-row{display:flex;align-items:center;justify-content:space-between}.manual-content-pane .summary-view-wrapper .quickstart-steps-grid .quickstart-step .step-header-row .step-badge{font-size:11px;font-weight:800;padding:3px 8.5px;border-radius:6px;background:linear-gradient(135deg,#6366f133,#8b5cf626);border:1px solid rgba(99,102,241,.3);color:#818cf8;letter-spacing:.02em}[data-theme=light] .manual-content-pane .summary-view-wrapper .quickstart-steps-grid .quickstart-step .step-header-row .step-badge{background:#ede9fe;color:#4f46e5;border-color:#c7d2fe}.manual-content-pane .summary-view-wrapper .quickstart-steps-grid .quickstart-step .step-header-row .step-dot{width:6px;height:6px;border-radius:50%;background:#6366f1;opacity:.7}.manual-content-pane .summary-view-wrapper .quickstart-steps-grid .quickstart-step .step-desc{font-size:13px;line-height:1.55;color:var(--muted);margin:0;font-weight:500}[data-theme=light] .manual-content-pane .summary-view-wrapper .quickstart-steps-grid .quickstart-step .step-desc{color:#475569}.manual-content-pane .summary-view-wrapper .value-metric-card{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,#10b9811a,#00e5ff0d);border:1.5px solid rgba(16,185,129,.3);border-radius:14px}[data-theme=light] .manual-content-pane .summary-view-wrapper .value-metric-card{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1.5px solid #a7f3d0;box-shadow:0 4px 16px #10b98114}.manual-content-pane .summary-view-wrapper .value-metric-card .value-left{display:flex;align-items:center;gap:14px}.manual-content-pane .summary-view-wrapper .value-metric-card .value-left .trophy-icon{font-size:26px;filter:drop-shadow(0 2px 8px rgba(16,185,129,.4))}.manual-content-pane .summary-view-wrapper .value-metric-card .value-left .metric-title{font-size:13.5px;font-weight:800;color:var(--text);margin:0 0 3px}[data-theme=light] .manual-content-pane .summary-view-wrapper .value-metric-card .value-left .metric-title{color:#065f46}.manual-content-pane .summary-view-wrapper .value-metric-card .value-left .metric-desc{font-size:12.5px;color:#10b981;font-weight:700;margin:0;font-family:var(--font-mono)}[data-theme=light] .manual-content-pane .summary-view-wrapper .value-metric-card .value-left .metric-desc{color:#047857}.manual-content-pane .summary-view-wrapper .value-metric-card .btn-dive-details{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;font-size:12.5px;font-weight:800;padding:9px 18px;border-radius:9px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 3px 12px #10b98159;font-family:inherit}.manual-content-pane .summary-view-wrapper .value-metric-card .btn-dive-details:hover{transform:translateY(-2px);box-shadow:0 6px 18px #10b98173}.manual-content-pane .summary-view-wrapper .value-metric-card .btn-dive-details:active{transform:translateY(0)}.manual-content-pane .details-view-wrapper{display:flex;flex-direction:column;gap:18px}.manual-content-pane .details-view-wrapper .overview-body-text{font-size:14px;line-height:1.65;color:var(--muted);margin:0}[data-theme=light] .manual-content-pane .details-view-wrapper .overview-body-text{color:#475569}.manual-content-pane .details-view-wrapper .detail-items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (max-width: 768px){.manual-content-pane .details-view-wrapper .detail-items-grid{grid-template-columns:1fr}}.manual-content-pane .details-view-wrapper .detail-items-grid .detail-item-box{background:#ffffff06;border:1.5px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;transition:all .2s}[data-theme=light] .manual-content-pane .details-view-wrapper .detail-items-grid .detail-item-box{background:#f8fafc;border:1.5px solid #e2e8f0}.manual-content-pane .details-view-wrapper .detail-items-grid .detail-item-box:hover{border-color:#6366f159}[data-theme=light] .manual-content-pane .details-view-wrapper .detail-items-grid .detail-item-box:hover{border-color:#c7d2fe;background:#fff}.manual-content-pane .details-view-wrapper .detail-items-grid .detail-item-box .item-title{font-size:13.5px;font-weight:800;color:var(--text);margin:0}[data-theme=light] .manual-content-pane .details-view-wrapper .detail-items-grid .detail-item-box .item-title{color:#0f172a}.manual-content-pane .details-view-wrapper .detail-items-grid .detail-item-box .item-desc{font-size:12.5px;line-height:1.55;color:var(--muted);margin:0}[data-theme=light] .manual-content-pane .details-view-wrapper .detail-items-grid .detail-item-box .item-desc{color:#475569}.manual-content-pane .details-view-wrapper .detail-steps-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.manual-content-pane .details-view-wrapper .detail-steps-list .detail-step-item{display:flex;align-items:flex-start;gap:12px;background:#ffffff06;border:1.5px solid rgba(255,255,255,.07);border-radius:10px;padding:12px 16px}[data-theme=light] .manual-content-pane .details-view-wrapper .detail-steps-list .detail-step-item{background:#f8fafc;border:1.5px solid #e2e8f0}.manual-content-pane .details-view-wrapper .detail-steps-list .detail-step-item .step-pill{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:10.5px;font-weight:800;text-transform:uppercase;padding:3px 9px;border-radius:5px;flex-shrink:0;margin-top:1px;letter-spacing:.03em}.manual-content-pane .details-view-wrapper .detail-steps-list .detail-step-item .step-text{font-size:13px;line-height:1.55;color:var(--text)}[data-theme=light] .manual-content-pane .details-view-wrapper .detail-steps-list .detail-step-item .step-text{color:#334155}.manual-content-pane .details-view-wrapper .detail-tips-list{display:flex;flex-direction:column;gap:10px}.manual-content-pane .details-view-wrapper .detail-tips-list .tip-item-bubble{display:flex;align-items:flex-start;gap:12px;background:#f59e0b17;border:1.5px solid rgba(245,158,11,.28);border-radius:10px;padding:14px 16px}[data-theme=light] .manual-content-pane .details-view-wrapper .detail-tips-list .tip-item-bubble{background:#fffbeb;border:1.5px solid #fde68a}.manual-content-pane .details-view-wrapper .detail-tips-list .tip-item-bubble .tip-bulb{font-size:17px;flex-shrink:0}.manual-content-pane .details-view-wrapper .detail-tips-list .tip-item-bubble .tip-content{font-size:13px;line-height:1.55;color:var(--text);margin:0}[data-theme=light] .manual-content-pane .details-view-wrapper .detail-tips-list .tip-item-bubble .tip-content{color:#92400e}.manual-content-pane .details-view-wrapper .detail-bottom-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.manual-content-pane .details-view-wrapper .detail-bottom-footer .btn-switch-summary{background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1);color:var(--muted);font-size:12.5px;font-weight:700;padding:8px 16px;border-radius:9px;cursor:pointer;transition:all .2s;font-family:inherit}[data-theme=light] .manual-content-pane .details-view-wrapper .detail-bottom-footer .btn-switch-summary{background:#fff;border:1.5px solid #cbd5e1;color:#334155}.manual-content-pane .details-view-wrapper .detail-bottom-footer .btn-switch-summary:hover{color:var(--text);border-color:#6366f166;background:#6366f11a}[data-theme=light] .manual-content-pane .details-view-wrapper .detail-bottom-footer .btn-switch-summary:hover{border-color:#6366f1;color:#4f46e5}.manual-content-pane .details-view-wrapper .detail-bottom-footer .btn-close-modal{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;color:#fff;font-size:12.5px;font-weight:800;padding:9px 20px;border-radius:9px;cursor:pointer;box-shadow:0 3px 12px #6366f159;transition:all .2s;font-family:inherit}.manual-content-pane .details-view-wrapper .detail-bottom-footer .btn-close-modal:hover{transform:translateY(-2px);box-shadow:0 6px 18px #6366f173}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--primary: #6366f1;--bg: #0a0e1a;--surface: #10172a;--panel: #10172a;--panel-alt: #162036;--card-bg: #10172a;--border: #222f4b;--border-bright: #334368;--text: #f1f5f9;--muted: #94a3b8;--dim: #64748b;--accent: #6366f1;--accent-bright: #818cf8;--cyan: #38bdf8;--cyan-bright: #7dd3fc;--lime: #10b981;--emerald: #10b981;--emerald-bright: #34d399;--amber: #f59e0b;--rose: #f43f5e;--brand-gradient: linear-gradient(135deg, #4f46e5 0%, #0ea5e9 100%);--brand-glow: rgba(99, 102, 241, .25);--font-display: "Roboto", -apple-system, "Segoe UI", sans-serif;--font-body: "Roboto", -apple-system, "Segoe UI", sans-serif;--font-mono: "Roboto Mono", "JetBrains Mono", "Courier New", monospace}[data-theme=light]{--primary: #4f46e5;--bg: #f8fafc;--surface: #ffffff;--panel: #ffffff;--panel-alt: #f1f5f9;--card-bg: #ffffff;--border: #e2e8f0;--border-bright: #cbd5e1;--text: #0f172a;--muted: #64748b;--dim: #94a3b8;--accent: #4f46e5;--accent-bright: #6366f1;--cyan: #0284c7;--cyan-bright: #0ea5e9;--lime: #059669;--emerald: #059669;--emerald-bright: #10b981;--amber: #d97706;--rose: #e11d48;--brand-gradient: linear-gradient(135deg, #4f46e5 0%, #0284c7 100%);--brand-glow: rgba(79, 70, 229, .2)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:var(--accent)}html,body{width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background-color .15s ease,color .15s ease;background-image:radial-gradient(ellipse 800px 400px at 10% -10%,rgba(99,102,241,.12),transparent),radial-gradient(ellipse 700px 400px at 100% 0%,rgba(56,189,248,.08),transparent)}[data-theme=light] body{background-image:radial-gradient(ellipse 800px 400px at 10% -10%,rgba(79,70,229,.05),transparent),radial-gradient(ellipse 700px 400px at 100% 0%,rgba(2,132,199,.04),transparent)}#pulse-disable-theme-transitions,.disable-theme-transitions,.disable-theme-transitions *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important;transition:none!important}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:20px}.pulse-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--cyan, #38bdf8);box-shadow:0 0 12px var(--cyan, #38bdf8);animation:pulse 1.8s ease-in-out infinite}.pulse-dot.admin-dot,.pulse-dot.live-dot{background:var(--lime, #10b981);box-shadow:0 0 12px var(--lime, #10b981)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.skeleton{background:linear-gradient(90deg,var(--panel-alt) 25%,var(--border) 50%,var(--panel-alt) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-primary{width:100%;background:var(--brand-gradient, linear-gradient(135deg, #4f46e5 0%, #0ea5e9 100%));border:none;color:#fff;font-weight:700;font-size:14px;letter-spacing:-.01em;padding:11px 18px;border-radius:10px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px -2px #4f46e573,0 2px 6px #0ea5e940;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 22px -2px #0ea5e961,0 4px 12px #4f46e573}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #4f46e54d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(.2)}.btn-secondary{background:var(--panel-alt);border:1px solid var(--border);color:var(--text);padding:9px 16px;border-radius:10px;font-size:13px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 1px 3px #0000001a}[data-theme=light] .btn-secondary{background:#fff;border-color:#0000001f}.btn-secondary:hover{border-color:var(--cyan);color:var(--cyan);background:#38bdf814;transform:translateY(-1.5px);box-shadow:0 4px 14px #38bdf826}[data-theme=light] .btn-secondary:hover{border-color:#0284c7;color:#0284c7;background:#0284c70d}.btn-secondary:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.btn-secondary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-danger{background:#f43f5e1a;border:1px solid rgba(244,63,94,.35);color:var(--rose, #f43f5e);padding:9px 16px;border-radius:10px;font-size:13px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn-danger:hover{background:linear-gradient(135deg,#f43f5e38,#e11d4838);border-color:var(--rose, #f43f5e);color:#fff;transform:translateY(-1.5px);box-shadow:0 4px 16px #f43f5e40}.btn-danger:active{transform:translateY(0)}.btn-danger:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.card-actions-right{display:flex!important;justify-content:flex-end!important;align-items:center;width:100%;margin-top:14px}.field{margin-bottom:16px}.field label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px;font-weight:500}.field input{width:100%;background:var(--panel-alt);border:1px solid var(--border-bright);border-radius:8px;padding:11px 13px;color:var(--text);font-size:14px}.field input:focus{outline:none;border-color:var(--accent-bright);box-shadow:0 0 0 3px #6366f126}.form-error{background:#f43f5e1a;border:1px solid rgba(244,63,94,.3);color:var(--rose);padding:10px 12px;border-radius:8px;font-size:13px;margin-bottom:16px}.form-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--emerald-bright, #34d399);padding:12px 14px;border-radius:8px;font-size:13px;line-height:1.6;margin-bottom:16px}.app-shell{min-height:100vh;width:100%;max-width:100vw;box-sizing:border-box;display:flex;flex-direction:row}@media (max-width: 900px){.app-shell{display:block;overflow-x:hidden}}.page{flex:1 1 0%;min-width:0;min-height:100vh;padding:28px clamp(20px,3.5vw,48px) 80px;max-width:1400px;width:100%;margin:0 auto;overflow-x:hidden;box-sizing:border-box}@media (max-width: 900px){.page{min-height:auto;padding:20px 20px 60px}}@media (max-width: 600px){.page{padding:16px 14px 50px}}.page-back-wrapper{margin-bottom:18px;display:flex;align-items:center}@media (max-width: 600px){.page-back-wrapper{margin-bottom:12px}}.page-back-btn{display:inline-flex;align-items:center;gap:8px;background:var(--panel-alt);border:1.5px solid var(--border);color:var(--text);font-size:13px;font-weight:700;padding:7px 16px;border-radius:999px;text-decoration:none;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 6px #00000014}[data-theme=light] .page-back-btn{background:#fff;border:1.5px solid #cbd5e1;color:#334155;box-shadow:0 2px 5px #0f172a0a}.page-back-btn .back-arrow-icon{font-size:15px;line-height:1;color:var(--cyan);font-weight:800;transition:transform .2s cubic-bezier(.16,1,.3,1)}.page-back-btn .back-btn-text{letter-spacing:-.01em;color:inherit}.page-back-btn:hover{background:var(--panel);border-color:var(--cyan);box-shadow:0 4px 14px #00e5ff33;transform:translate(-3px)}.page-back-btn:hover .back-arrow-icon{transform:translate(-2px)}[data-theme=light] .page-back-btn:hover{background:#f8fafc;border-color:#6366f1;color:#4f46e5;box-shadow:0 4px 12px #6366f126}[data-theme=light] .page-back-btn:hover .back-arrow-icon{color:#4f46e5}.page-back-btn:active{transform:translate(-1px) scale(.98)}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:14px}.page-head h2{font-family:var(--font-display);font-size:26px;margin:0}@media (max-width: 768px){.page-head{margin-bottom:20px;gap:12px}.page-head h2{font-size:22px}}@media (max-width: 600px){.page-head{flex-direction:column;align-items:stretch;margin-bottom:16px;gap:12px}.page-head h2{font-size:20px}}.range-tabs{display:inline-flex;align-items:center;gap:3px;background:#12182bd9;border:1.5px solid rgba(139,92,246,.28);border-radius:999px;padding:4px;box-shadow:inset 0 1px 2px #00000040,0 2px 8px #00000026;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);user-select:none;position:relative;transition:all .22s ease}@media (max-width: 600px){.range-tabs{width:100%;display:flex;justify-content:space-between;padding:3px}.range-tabs button{flex:1;padding:6px 4px!important;font-size:11px!important}}[data-theme=light] .range-tabs{background:#fff;border:1.5px solid #e2e8f0;box-shadow:0 2px 8px #0f172a0a}.range-tabs:hover{border-color:#8b5cf673}[data-theme=light] .range-tabs:hover{border-color:#cbd5e1}.range-tabs button{position:relative;background:transparent;border:1px solid transparent;color:var(--muted);font-size:12.5px;font-weight:700;letter-spacing:.02em;padding:6px 14px;border-radius:999px;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;line-height:1}[data-theme=light] .range-tabs button{color:#64748b}.range-tabs button:hover:not(.active){color:var(--text);background:#6c5ce71f;transform:translateY(-1px)}[data-theme=light] .range-tabs button:hover:not(.active){background:#f5f3ff;color:#4f46e5}.range-tabs button:active{transform:scale(.96)}.range-tabs button.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff!important;font-weight:800;border-color:#ffffff40;box-shadow:0 4px 12px #6366f166,0 1px 2px #00000026;transform:translateY(-.5px);text-shadow:0 1px 2px rgba(0,0,0,.28)}[data-theme=light] .range-tabs button.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff!important;box-shadow:0 4px 12px #6366f159}.range-tabs button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:22px 24px;margin-bottom:18px;box-shadow:0 1px 2px #0000000f,0 8px 24px -12px #0003;transition:border-color .2s ease,box-shadow .2s ease;overflow-x:auto;animation:panel-in .25s ease-out}@media (max-width: 600px){.panel{padding:18px 14px}}.panel:hover{border-color:var(--border-bright)}.panel h4{font-family:var(--font-display);font-size:15.5px;margin:0 0 16px;padding-bottom:0;border-bottom:none;display:flex;align-items:center;justify-content:space-between}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:22px 0 28px}@media (max-width: 600px){.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0 20px}}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px 20px;box-shadow:0 1px 2px #0000000f,0 8px 24px -14px #0003;transition:border-color .2s ease,transform .15s ease;position:relative;overflow:hidden;animation:panel-in .25s ease-out}@media (max-width: 600px){.stat-card{padding:14px 12px;border-radius:12px}.stat-card .label{font-size:10.5px!important;letter-spacing:.02em;margin-bottom:6px}.stat-card .value{font-size:24px!important}}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),var(--cyan));opacity:.7}.stat-card:hover{border-color:var(--border-bright);transform:translateY(-1px)}.stat-card.live:before{background:linear-gradient(90deg,var(--lime),var(--cyan))}.stat-card.live .value{color:var(--lime)}.stat-card.live .label{display:flex;align-items:center;gap:6px}.stat-card .label{font-size:12px;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}.stat-card .value{font-family:var(--font-display);font-size:30px;font-weight:700}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;inset:0;background:#05070fbf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:999;padding:20px;animation:fade-in .18s ease-out}@media (max-width: 600px){.modal-backdrop{padding:12px 8px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--panel);border:1px solid var(--border-bright);border-radius:18px;padding:28px;width:100%;max-width:440px;max-height:calc(100dvh - 32px);max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 28px 70px -15px #000000a6,0 0 0 1px #ffffff0f;animation:modal-in .22s cubic-bezier(.16,1,.3,1);position:relative}@media (max-width: 600px){.modal{padding:22px 18px;border-radius:18px}}[data-theme=light] .modal{background:#fff;border-color:#0000001a;box-shadow:0 25px 70px -15px #0003}.modal h3{font-family:var(--font-display);margin:0 0 16px}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions .btn-secondary,.modal-actions .btn-primary{flex:1}.modal.premium-confirm-modal{position:relative;max-width:490px;padding:26px 28px 28px;border-radius:24px;border:1.5px solid rgba(255,107,129,.35);box-shadow:0 32px 85px -15px #000000bf,0 0 35px #ff475726;overflow:hidden}[data-theme=light] .modal.premium-confirm-modal{background:#fff;border:1.5px solid rgba(239,68,68,.22);box-shadow:0 28px 70px -12px #0f172a29,0 0 0 1px #0f172a0a,0 12px 36px #ef444417;color:#0f172a}.confirm-modal-glowbar{position:absolute;top:0;left:8%;right:8%;height:3.5px;border-radius:999px;background:linear-gradient(90deg,transparent,#ff4757 30%,#ffa502 70%,transparent);box-shadow:0 0 18px #ff4757bf;opacity:.95}[data-theme=light] .confirm-modal-glowbar{background:linear-gradient(90deg,transparent,#ef4444 30%,#f59e0b 70%,transparent);box-shadow:0 0 16px #ef44448c;opacity:.95}.confirm-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.confirm-modal-head .modal-danger-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#ef444424,#f59e0b24);border:1.5px solid rgba(239,68,68,.32);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 14px #ef44442e}[data-theme=light] .confirm-modal-head .modal-danger-icon{background:linear-gradient(135deg,#fef2f2,#fffbeb);border:1.5px solid #fecaca;box-shadow:0 2px 8px #ef44441f}.confirm-modal-head .modal-info-icon{width:44px;height:44px;border-radius:14px;background:#00e5ff24;border:1px solid rgba(0,229,255,.35);display:flex;align-items:center;justify-content:center;font-size:20px}.confirm-modal-head .modal-close-btn{width:36px;height:36px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .22s cubic-bezier(.16,1,.3,1)}.confirm-modal-head .modal-close-btn:hover:not(:disabled){background:#ff4d6d33;border-color:#ff4d6d80;color:#ff4d6d;transform:rotate(90deg) scale(1.1);box-shadow:0 0 14px #ff4d6d4d}[data-theme=light] .confirm-modal-head .modal-close-btn{background:#f8fafc;border:1.5px solid #e2e8f0;color:#64748b}[data-theme=light] .confirm-modal-head .modal-close-btn:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5;color:#ef4444;transform:rotate(90deg) scale(1.1);box-shadow:0 2px 10px #ef444433}.confirm-modal-title{font-size:1.35rem;font-weight:800;letter-spacing:-.025em;color:var(--text, #ffffff);margin:0 0 14px;line-height:1.35}[data-theme=light] .confirm-modal-title{color:#0f172a}.modal-warning-box{background:#ff6b8114;border:1.5px solid rgba(255,107,129,.24);border-radius:14px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}[data-theme=light] .modal-warning-box{background:linear-gradient(135deg,#fff5f5,#fef2f2);border:1.5px solid #fecaca;box-shadow:0 2px 8px #ef44440d}.modal-warning-box .warning-dot-icon{font-size:17px;line-height:1.3;flex-shrink:0}.modal-warning-box .warning-text{font-size:.85rem;line-height:1.55;color:var(--text, #f1f5f9);margin:0;font-weight:500}[data-theme=light] .modal-warning-box .warning-text{color:#7f1d1d}.modal-info-box{background:#00e5ff14;border:1.5px solid rgba(0,229,255,.22);border-radius:14px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}.modal-info-box .warning-text{font-size:.85rem;line-height:1.55;color:var(--text, #f1f5f9);margin:0}.modal-type-field{margin-bottom:22px}.modal-type-field .type-instruction-label{display:block;font-size:.82rem;color:#94a3b8;margin-bottom:9px;font-weight:700}[data-theme=light] .modal-type-field .type-instruction-label{color:#475569}.modal-type-field .type-expected-pill{font-family:var(--font-mono, monospace);font-size:.84rem;font-weight:800;color:#ff6b81;background:#ff6b8124;border:1px solid rgba(255,107,129,.35);padding:3px 8px;border-radius:7px;letter-spacing:.02em;user-select:all}[data-theme=light] .modal-type-field .type-expected-pill{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5}.modal-type-field .modal-input-wrapper{position:relative;display:flex;align-items:center}.modal-type-field .modal-input-wrapper .confirm-input-field{width:100%;height:46px;padding:0 100px 0 14px;background:#0a0e1ad9;border:1.5px solid rgba(255,255,255,.12);border-radius:12px;color:#f1f5f9;font-family:var(--font-mono, monospace);font-size:.88rem;font-weight:600;transition:all .2s ease}[data-theme=light] .modal-type-field .modal-input-wrapper .confirm-input-field{background:#fff;border:1.5px solid #cbd5e1;color:#0f172a;box-shadow:0 1px 3px #0f172a08}.modal-type-field .modal-input-wrapper .confirm-input-field:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3.5px #ef44442e,0 2px 6px #ef444414}.modal-type-field .modal-input-wrapper .confirm-input-field.matched{border-color:#10b981;box-shadow:0 0 0 3.5px #10b9812e,0 2px 6px #10b98114}.modal-type-field .modal-input-wrapper .match-status-pill{position:absolute;right:10px;font-size:11.5px;font-weight:800;font-family:var(--font-mono, monospace);padding:4px 9px;border-radius:7px;pointer-events:none;transition:all .2s ease}.modal-type-field .modal-input-wrapper .match-status-pill.valid{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.35)}.modal-type-field .modal-input-wrapper .match-status-pill.invalid{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.confirm-modal-actions{display:flex;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}[data-theme=light] .confirm-modal-actions{border-top:1px solid #e2e8f0}.confirm-modal-actions .modal-cancel-btn{flex:1;padding:.78rem 1.4rem;font-size:.9rem;font-weight:700;border-radius:12px;background:transparent;border:1.5px solid rgba(255,255,255,.14);color:#cbd5e1;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1)}.confirm-modal-actions .modal-cancel-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff4d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}[data-theme=light] .confirm-modal-actions .modal-cancel-btn{background:#fff;border:1.5px solid #cbd5e1;color:#475569;box-shadow:0 2px 6px #0f172a0a}[data-theme=light] .confirm-modal-actions .modal-cancel-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#0f172a;transform:translateY(-2px);box-shadow:0 6px 14px #0f172a14}.confirm-modal-actions .modal-danger-btn{flex:1.6;padding:.78rem 1.6rem;font-size:.92rem;font-weight:800;letter-spacing:-.01em;border-radius:12px;border:1px solid rgba(255,255,255,.3);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626,#b91c1c);box-shadow:0 8px 24px -2px #ef444473,0 3px 8px #dc26264d;transition:all .22s cubic-bezier(.16,1,.3,1)}.confirm-modal-actions .modal-danger-btn svg{transition:transform .2s ease}.confirm-modal-actions .modal-danger-btn:hover:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444,#dc2626);transform:translateY(-2px);box-shadow:0 12px 30px -2px #ef4444a6,0 4px 14px #dc262666}.confirm-modal-actions .modal-danger-btn:hover:not(:disabled) svg{transform:scale(1.1)}.confirm-modal-actions .modal-danger-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 14px #ef444459}.confirm-modal-actions .modal-danger-btn:disabled{cursor:not-allowed;transform:none;box-shadow:none;background:#ef44441f;border:1.5px solid rgba(239,68,68,.2);color:#ef444499}[data-theme=light] .confirm-modal-actions .modal-danger-btn:disabled{background:#fef2f2;border:1.5px solid #fecaca;color:#f87171}.confirm-modal-actions .confirm-btn-spinner{width:16px;height:16px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.switch-link{text-align:center;margin-top:20px;font-size:13.5px;color:var(--muted)}.switch-link a,.switch-link button{color:var(--cyan);background:none;border:none;font-size:13.5px;padding:0}.empty-state{text-align:center;padding:90px 20px;color:var(--muted)}.empty-state h3{font-family:var(--font-display);color:var(--text);margin-bottom:8px}.loading-msg,.error-msg{text-align:center;padding:60px 20px;color:var(--muted);font-size:14px}.error-msg{color:var(--rose)}table:not(.cohort-table){width:100%;border-collapse:collapse;font-size:13.5px}table:not(.cohort-table) th{text-align:left;padding:10px 12px;color:var(--dim);font-family:var(--font-mono);font-weight:500;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--panel)}table:not(.cohort-table) td{padding:11px 12px;border-bottom:1px solid var(--border);color:var(--text)}table:not(.cohort-table) td.metric-name{color:var(--cyan);font-family:var(--font-mono);font-size:12.5px;white-space:nowrap}table:not(.cohort-table) td.meaning{color:var(--muted)}table:not(.cohort-table) tbody tr:hover{background:var(--panel-alt)}table:not(.cohort-table) tbody tr:last-child td{border-bottom:none}.table-scroll{max-height:360px;overflow-y:auto;padding-right:4px;margin-right:-4px;border-radius:8px}.scroll-list{max-height:420px;overflow-y:auto;padding-right:6px;margin-right:-6px}.site-nav{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:26px;overflow-x:auto}.site-nav a{padding:10px 16px;font-size:13.5px;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.site-nav a.active{color:var(--text);border-bottom-color:var(--accent)}.site-nav a:hover{color:var(--text)}