@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#f8fafc;--bg-sidebar:#fff;--bg-card:#fff;--bg-hover:#f1f5f9;--bg2:#fff;--bg3:#f1f5f9;--border:#94a3b81f;--border-focus:#6366f1;--text:#0f172a;--text-muted:#475569;--text2:#1e293b;--accent:#4f46e5;--accent-light:#818cf8;--accent-dark:#3730a3;--secondary:#7c3aed;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--chart-1:#4f46e5;--chart-1-rgb:79, 70, 229;--chart-2:#7c3aed;--chart-3:#ec4899;--chart-4:#06b6d4;--chart-5:#10b981;--chart-6:#f59e0b;--chart-7:#f97316;--chart-8:#ef4444;--chart-9:#14b8a6;--green:#10b981;--amber:#f59e0b;--teal:#14b8a6;--indigo:#4f46e5;--violet:#7c3aed;--rose:#f43f5e;--cyan:#06b6d4;--red:#ef4444;--sidebar-w:240px;--topbar-h:64px;--radius:16px;--radius-sm:10px;--radius-xs:6px;--shadow:0 10px 30px -10px #0000000a, 0 1px 3px #00000005;--shadow-sm:0 4px 12px -2px #00000005;--shadow-lg:0 20px 40px -15px #00000014;--glass-bg:#ffffffb3;--glass-border:#fff6;--glass-blur:16px}body.dark{--bg:#090d16;--bg-sidebar:#0f1524;--bg-card:#121b2e;--bg-hover:#1e293b;--bg2:#121b2e;--bg3:#1e293b;--border:#ffffff0f;--border-focus:#818cf8;--text:#f8fafc;--text-muted:#a1a1aa;--text2:#e2e8f0;--accent:#6366f1;--accent-light:#a5b4fc;--accent-dark:#312e81;--chart-1:#6366f1;--chart-1-rgb:99, 102, 241;--chart-2:#8b5cf6;--chart-3:#f472b6;--chart-4:#22d3ee;--chart-5:#34d399;--chart-6:#fbbf24;--chart-7:#fb923c;--chart-8:#f87171;--chart-9:#2dd4bf;--green:#34d399;--amber:#fbbf24;--teal:#2dd4bf;--indigo:#6366f1;--violet:#8b5cf6;--rose:#fb7185;--cyan:#22d3ee;--red:#f87171;--shadow:0 10px 30px -10px #0000004d, 0 1px 3px #0000001a;--shadow-sm:0 4px 12px -2px #00000026;--shadow-lg:0 20px 40px -15px #0006;--glass-bg:#121b2eb3;--glass-border:#ffffff14}*,:before,:after{box-sizing:border-box;-webkit-overflow-scrolling:touch;margin:0;padding:0}html{scroll-behavior:smooth;height:100%;font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overscroll-behavior:none;height:100%;min-height:100vh;font-family:Inter,sans-serif;line-height:1.5;transition:background-color .35s cubic-bezier(.4,0,.2,1),color .35s cubic-bezier(.4,0,.2,1)}a{color:inherit;text-decoration:none;transition:color .15s}button{cursor:pointer;font-family:Inter,sans-serif}input,textarea,select{outline:none;font-family:Inter,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.mono{font-family:JetBrains Mono,monospace}.btn{border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--shadow-sm);backface-visibility:hidden;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:550;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s cubic-bezier(.4,0,.2,1),opacity .15s,background-color .15s,border-color .15s;display:inline-flex;transform:translateZ(0)}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--secondary) 100%);color:#fff}.btn-primary:hover{box-shadow:0 8px 24px -6px var(--accent);transform:translateY(-2px)translateZ(0)}.btn-primary:active{transform:translateY(0)translateZ(0)scale(.98)}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-muted);transform:translateY(-1px)translateZ(0)}.btn-secondary:active{transform:translateY(0)translateZ(0)scale(.98)}.btn-ghost{color:var(--text-muted);box-shadow:none;background:0 0}.btn-ghost:hover{color:var(--text);background:var(--bg-hover);transform:translateY(-1px)translateZ(0)}.btn-ghost:active{transform:translateY(0)translateZ(0)}.btn-sm{padding:6px 12px;font-size:12.5px}.btn-xs{border-radius:var(--radius-xs);padding:4px 8px;font-size:11.5px}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow);backface-visibility:hidden;padding:24px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.card:hover{box-shadow:var(--shadow-lg);will-change:transform;transform:translateY(-2px)translateZ(0)}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.card-title{color:var(--text);letter-spacing:-.01em;font-size:15px;font-weight:600}.card-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.badge{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{color:var(--success);background:#10b9811f}.badge-amber{color:var(--warning);background:#f59e0b1f}.badge-red{color:var(--danger);background:#ef44441f}.badge-blue{color:var(--accent-light);background:#6366f11f}.tag-up{color:var(--success);font-size:12px;font-weight:600}.tag-down{color:var(--danger);font-size:12px;font-weight:600}.hover-lift{will-change:transform;backface-visibility:hidden;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)translateZ(0)}.hover-lift:active{transform:translateY(-1px)translateZ(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.35s cubic-bezier(.16,1,.3,1) both fadeIn}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stagger-children>*{animation:.35s cubic-bezier(.16,1,.3,1) both slideUp}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:40ms}.stagger-children>:nth-child(3){animation-delay:80ms}.stagger-children>:nth-child(4){animation-delay:.12s}.stagger-children>:nth-child(5){animation-delay:.16s}.stagger-children>:nth-child(6){animation-delay:.2s}@keyframes countUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.count-animate{animation:.3s cubic-bezier(.16,1,.3,1) both countUp}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img{image-rendering:-webkit-optimize-contrast}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){body{-webkit-font-smoothing:subpixel-antialiased}}.page-transition-placeholder{flex:1;min-height:100%}.sidebar{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;gap:2px;height:100vh;padding:24px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:8px;padding:0 10px 20px;font-size:17px;font-weight:600;display:flex}.logo-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%;flex-shrink:0}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);border:1px solid #0000;align-items:center;gap:10px;padding:9px 12px 9px 16px;font-size:13.5px;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.nav-item:before{content:"";background:0 0;width:3px;transition:background-color .15s;position:absolute;top:0;bottom:0;left:0}.nav-item:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border)}.nav-item:hover:before{background:var(--accent)}.nav-item.active{color:var(--accent);border-color:var(--accent);background:#6366f11a;box-shadow:0 4px 12px -2px #6366f114}.nav-item.active:before{background:var(--accent)}.nav-icon{text-align:center;flex-shrink:0;width:18px;font-size:14px}.sidebar-section-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;padding:14px 12px 4px;font-size:10.5px;font-weight:500}.plan-badge{border-radius:var(--radius);background:#6366f114;border:1px solid #6366f12e;flex-direction:column;gap:10px;margin-top:12px;padding:14px;display:flex}.plan-info{justify-content:space-between;align-items:center;display:flex}.plan-usage{color:var(--muted);font-size:11px}.plan-bar{background:var(--bg3);border-radius:3px;height:4px;overflow:hidden}.plan-bar-fill{background:linear-gradient(90deg, var(--accent), var(--teal));border-radius:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.plan-upgrade-btn{width:100%;padding:7px 12px!important;font-size:12px!important}.signout-btn{border-radius:var(--radius-sm);color:var(--muted);background:0 0;border:none;align-items:center;gap:8px;width:100%;margin-top:8px;padding:8px 12px;font-size:13px;transition:all .15s;display:flex}.signout-btn:hover{color:var(--red);background:#ef44441a}.sidebar-upload-section{border-bottom:1px solid var(--border);margin-bottom:12px;padding:8px 10px 16px}.sidebar-upload-btn{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm);width:100%;color:var(--text2);text-align:left;cursor:pointer;padding:8px 12px;font-size:12.5px;font-weight:500;transition:all .15s}.sidebar-upload-btn:hover{background:var(--bg4);border-color:var(--accent);color:var(--text)}.sidebar-sheet-active{border-radius:var(--radius-sm);background:#10b9810f;border:1px solid #10b98133;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.sheet-badge{color:#047857;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:11.5px;font-weight:600;overflow:hidden}.sheet-reset-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12px;transition:all .15s}.sheet-reset-btn:hover{color:var(--red);background:#ef44441a}.sidebar-upload-error{color:var(--red);margin-top:6px;padding:0 4px;font-size:10.5px;line-height:1.4}.sidebar-upload-btn--doc:hover{border-color:var(--teal);color:var(--teal);background:#14b8a614}.sidebar-upload-section:first-of-type{border-bottom:none;margin-bottom:0;padding-bottom:6px}.sidebar-upload-section:nth-of-type(2){border-bottom:1px solid var(--border);margin-bottom:12px;padding-top:0;padding-bottom:16px}.sidebar-upload-tip{color:var(--muted);margin-top:5px;padding:0 4px;font-size:10px;line-height:1.3;display:block}.topbar{background:var(--bg2);border-bottom:1px solid var(--border);height:var(--topbar-h);z-index:10;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.topbar-title{color:var(--text);font-size:15px;font-weight:500}.topbar-right{align-items:center;gap:12px;display:flex}.date-chip{color:var(--muted);background:var(--bg3);border-radius:var(--radius-xs);border:1px solid var(--border);padding:5px 12px;font-size:12px}.topbar-avatar{background:linear-gradient(135deg, var(--accent), var(--teal));cursor:pointer;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:600;display:flex}.db-status-badge{border-radius:var(--radius-xs);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:500;display:inline-flex}.db-connected{color:#10b981;background:#10b98114;border-color:#10b98133}.db-disabled{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b33}.db-warning{color:#ef4444;background:#ef444414;border-color:#ef444440}.db-error{color:#ef4444;background:#ef444414;border-color:#ef444433}.db-checking{color:var(--muted);background:#9ca3af14;border-color:#9ca3af33}.db-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.dot-green{background-color:#10b981;animation:2s infinite db-pulse-green;box-shadow:0 0 8px #10b981}.dot-amber{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b}.dot-red{background-color:#ef4444}.dot-gray{background-color:#9ca3af;animation:1.5s infinite db-pulse-gray}.dot-red-pulse{background-color:#ef4444;animation:1.5s infinite db-pulse-red;box-shadow:0 0 8px #ef4444}@keyframes db-pulse-green{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes db-pulse-red{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes db-pulse-gray{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.theme-toggle-btn{background:var(--bg2);border:1px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--text);box-shadow:var(--shadow-sm);will-change:transform;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:background-color .15s,transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .15s;display:flex;transform:translateZ(0)}.theme-toggle-btn:hover{background:var(--bg3);box-shadow:var(--shadow);transform:scale(1.1)translateZ(0)}.role-switcher-wrap{display:inline-block;position:relative}.role-selector-btn{background:var(--bg2);border:1px solid var(--border);color:var(--text2);cursor:default;border-radius:6px;align-items:center;gap:8px;height:34px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.role-btn-text{color:var(--text);font-weight:600}.arrow-icon{color:var(--muted);transition:transform .15s}.arrow-icon.open{transform:rotate(180deg)}.role-dropdown-menu{background:var(--bg2);border:1px solid var(--border);z-index:1000;border-radius:8px;width:250px;padding:8px;animation:.18s cubic-bezier(.16,1,.3,1) both fadeIn;position:absolute;top:40px;right:0;box-shadow:0 8px 32px #00000026}.dropdown-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:6px 8px 4px;font-size:10px;font-weight:600}.role-option-btn{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:flex-start;gap:10px;width:100%;padding:8px;transition:all .15s;display:flex}.role-option-btn:hover{background:var(--bg3)}.role-option-btn.active{background:#6366f10d}.option-icon-wrap{color:var(--muted);margin-top:2px}.role-option-btn.active .option-icon-wrap{color:var(--accent)}.option-text-wrap{flex-direction:column;flex:1;display:flex}.option-name{color:var(--text);font-size:12.5px;font-weight:600}.option-desc{color:var(--muted);margin-top:1px;font-size:10px}.role-option-btn .check-icon{color:var(--accent);align-self:center}.notification-center-wrap{position:relative}.notif-bell-btn{background:var(--bg2);border:1px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--text-muted);will-change:transform;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s,color .15s,transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;transform:translateZ(0)}.notif-bell-btn:hover{color:var(--text);background:var(--bg3);transform:scale(1.1)translateZ(0)}.notif-bell-btn.unread{color:var(--accent)}.notif-badge{background:var(--red);color:#fff;min-width:14px;height:14px;box-shadow:0 0 0 2px var(--bg2);border-radius:9px;justify-content:center;align-items:center;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.notif-dropdown-menu{background:var(--bg2);border:1px solid var(--border);z-index:1000;border-radius:8px;width:320px;animation:.18s cubic-bezier(.16,1,.3,1) both fadeIn;position:absolute;top:40px;right:0;overflow:hidden;box-shadow:0 8px 32px #00000026}.notif-header{border-bottom:1px solid var(--border);background:var(--bg3);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.notif-header-title{color:var(--text);font-size:13px;font-weight:600}.mark-all-read-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:550}.mark-all-read-btn:hover{text-decoration:underline}.notif-list{max-height:280px;overflow-y:auto}.notif-empty-state{text-align:center;color:var(--muted);padding:24px;font-size:12px}.notif-item{border-bottom:1px solid var(--border);cursor:pointer;gap:10px;padding:12px 14px;transition:background-color .15s;display:flex;position:relative}.notif-item:hover{background:var(--bg3)}.notif-item.unread{background:#6366f105}.notif-item:last-child{border-bottom:none}.notif-dot-column{margin-top:4px}.notif-type-dot{background:var(--muted);border-radius:50%;width:6px;height:6px;display:block}.notif-item.success .notif-type-dot{background:var(--green)}.notif-item.info .notif-type-dot{background:var(--accent)}.notif-item.warning .notif-type-dot{background:var(--amber)}.notif-item.error .notif-type-dot{background:var(--red)}.notif-body{flex-direction:column;flex:1;gap:2px;display:flex}.notif-title-row{justify-content:space-between;align-items:baseline;display:flex}.notif-item-title{color:var(--text);font-size:12px;font-weight:600}.notif-time{color:var(--muted);font-size:10px}.notif-desc{color:var(--muted);margin:0;padding-right:12px;font-size:11.5px;line-height:1.4}.notif-dismiss-btn{color:var(--muted);opacity:0;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .15s;position:absolute;top:10px;right:10px}.notif-item:hover .notif-dismiss-btn{opacity:1}.notif-dismiss-btn:hover{color:var(--red);background:#ef444414}@keyframes bell-shake{0%{transform:rotate(0)}15%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(4deg)}90%{transform:rotate(-2deg)}to{transform:rotate(0)}}.notif-bell-btn.bell-ping{animation:.5s ease-in-out bell-shake;box-shadow:0 0 0 3px #6366f14d}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;height:100vh;display:grid;overflow:hidden}.app-shell.is-dashboard{grid-template-columns:1fr;height:100vh;overflow:hidden}.shell-main{flex-direction:column;height:100vh;display:flex;overflow:hidden}.shell-content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:1;min-height:0;padding:28px;overflow:hidden auto}.app-shell.is-dashboard .shell-content{scroll-behavior:smooth;flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden auto}.app-loading{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:3px solid var(--border2);border-top-color:var(--accent);will-change:transform;border-radius:50%;width:32px;height:32px;animation:.65s cubic-bezier(.5,0,.5,1) infinite spin}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#090d16a6;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);width:90%;max-width:440px;box-shadow:var(--shadow-lg);text-align:center;padding:36px 32px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp}.modal-icon-wrap{width:58px;height:58px;color:var(--accent);background:#6366f11f;border:1px solid #6366f133;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.modal-title{color:var(--text);letter-spacing:-.015em;margin-bottom:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:21px;font-weight:800}.modal-desc{color:var(--text-muted);margin-bottom:24px;font-size:13.5px;line-height:1.6}.modal-actions{flex-direction:column;align-items:center;width:100%;display:flex}@keyframes scaleUp{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.pro-modal{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius);width:90%;max-width:460px;box-shadow:0 0 60px #8b5cf626, var(--shadow-lg);text-align:center;border:1px solid #8b5cf640;padding:40px 36px 36px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;position:relative}.pro-modal-close{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.pro-modal-close:hover{color:var(--text);background:#ffffff1a}.pro-modal-badge{color:#a78bfa;letter-spacing:.1em;background:linear-gradient(135deg,#8b5cf633,#6366f133);border:1px solid #8b5cf64d;border-radius:20px;align-items:center;gap:5px;margin-bottom:20px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.pro-modal-icon{color:#a78bfa;background:linear-gradient(135deg,#8b5cf633,#6366f126);border:1px solid #8b5cf640;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 20px;display:flex;box-shadow:0 0 30px #8b5cf626}.pro-modal-title{background:linear-gradient(135deg,#fff 40%,#a78bfa);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:22px;font-weight:800}.pro-modal-desc{color:var(--text-muted);margin-bottom:22px;font-size:13.5px;line-height:1.65}.pro-modal-desc strong{color:var(--text)}.pro-modal-features{text-align:left;background:#8b5cf60f;border:1px solid #8b5cf61f;border-radius:10px;flex-direction:column;gap:9px;margin-bottom:22px;padding:14px 18px;display:flex}.pro-modal-feature{color:var(--text-muted);align-items:center;gap:9px;font-size:13px;display:flex}.pro-feature-check{color:#a78bfa;flex-shrink:0}.pro-modal-price{margin-bottom:20px}.pro-price-amount{color:var(--text);letter-spacing:-.03em;font-size:36px;font-weight:900}.pro-price-period{color:var(--text-muted);margin-left:2px;font-size:14px}.pro-modal-actions{flex-direction:column;align-items:center;width:100%;display:flex}.pro-modal-cta{letter-spacing:.01em;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 20px #7c3aed59;background:linear-gradient(135deg,#7c3aed,#4f46e5)!important}.pro-modal-cta:hover{transform:translateY(-1px);box-shadow:0 6px 28px #7c3aed73}.pro-modal-title--yellow{background:linear-gradient(135deg,#fff 40%,#fbbf24)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.pro-modal-title--red{background:linear-gradient(135deg,#fff 40%,#f87171)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.app-shell.is-dashboard .sidebar{z-index:9999;width:250px;height:100vh;box-shadow:var(--shadow-lg);background:var(--bg-sidebar);will-change:transform;transition:transform .32s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-260px}.app-shell.is-dashboard.sidebar-open .sidebar{transform:translate(260px)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:9998;background:#090d1680;animation:.2s ease-out fadeIn;position:fixed;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.spin-slow{will-change:transform;animation:1.1s cubic-bezier(.5,0,.5,1) infinite spin}.loading-overlay-container{animation:.15s ease-out fadeIn}.landing{background-color:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;font-family:Inter,sans-serif;transition:background-color .3s,color .3s;display:flex;position:relative;overflow-x:hidden}.landing-glow{pointer-events:none;z-index:0;opacity:.12;filter:blur(150px);border-radius:50%;width:500px;height:500px;position:absolute}body.dark .landing-glow{opacity:.15}.glow-1{background:var(--accent);top:-100px;right:-50px}.glow-2{background:var(--secondary);bottom:20%;left:-150px}.landing-nav{border-bottom:1px solid var(--border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));z-index:100;justify-content:space-between;align-items:center;padding:18px 8%;transition:background-color .3s,border-color .3s;display:flex;position:sticky;top:0}.landing-logo{letter-spacing:-.02em;color:var(--text);align-items:center;gap:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:800;display:flex}.logo-dot-live{background-color:var(--success);width:8px;height:8px;box-shadow:0 0 10px var(--success);border-radius:50%;position:relative}.animate-ping-slow{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ping}@keyframes pulse-ping{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.logo-ai{background:linear-gradient(135deg, var(--accent), var(--teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-badge{border:1px solid var(--border);background:var(--bg-hover);color:var(--text2);border-radius:4px;padding:2px 6px;font-weight:700;font-size:9px!important}.landing-nav-links{align-items:center;gap:16px;display:flex}.landing-theme-toggle{will-change:transform;background:var(--bg-card)!important;border:1px solid var(--border)!important;color:var(--text)!important;cursor:pointer!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;padding:0!important;transition:background-color .15s,transform .2s cubic-bezier(.34,1.56,.64,1)!important;display:flex!important}.landing-theme-toggle:hover{background:var(--bg-hover)!important;transform:scale(1.12)!important}.see-demo-link{font-size:13.5px;font-weight:600;color:var(--accent)!important}.see-demo-link:hover{background:var(--bg-hover)!important;color:var(--text)!important}.hero-section{z-index:1;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:80px 24px 40px;display:flex;position:relative}.hero-status-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text2);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:12.5px;transition:all .3s;display:inline-flex}.rt-pulse{background-color:var(--success);width:6px;height:6px;box-shadow:0 0 8px var(--success);border-radius:50%;animation:1.5s infinite rt-pulse-glow;display:inline-block}@keyframes rt-pulse-glow{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.hero-headline{letter-spacing:-.03em;color:var(--text);margin-bottom:20px;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(38px,5.5vw,64px);font-weight:850;line-height:1.1}.gradient-text{background:linear-gradient(135deg, var(--accent-light), var(--accent), var(--teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body.dark .gradient-text{background:linear-gradient(135deg,#a5b4fc 10%,#6366f1 50%,#2dd4bf 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-tagline{color:var(--text-muted);max-width:640px;margin-bottom:36px;font-size:17px;line-height:1.6}.hero-cta-group{z-index:10;flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-lg-glow{cursor:pointer;border-radius:10px;font-weight:600;box-shadow:0 0 20px -3px #6366f159;padding:14px 32px!important;font-size:15px!important}.btn-demo-glow{cursor:pointer;will-change:transform;border-radius:10px;font-weight:600;background:var(--bg-card)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:var(--shadow-sm)!important;padding:14px 32px!important;font-size:15px!important;transition:background-color .15s,border-color .15s,transform .2s cubic-bezier(.34,1.56,.64,1)!important}.btn-demo-glow:hover{background:var(--bg-hover)!important;border-color:var(--text-muted)!important;transform:translateY(-2px)!important}.hero-subtext{color:var(--text-muted);margin-top:16px;font-size:12px}.live-demo-showcase{z-index:2;width:100%;max-width:1100px;margin:0 auto;padding:0 8% 80px;position:relative}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);border-radius:var(--radius)}.mock-window{border:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.mock-window-header{background:var(--bg3);border-bottom:1px solid var(--border);align-items:center;padding:12px 18px;display:flex}.mock-window-dots{gap:6px;display:flex}.mock-window-dots .dot{border-radius:50%;width:10px;height:10px}.mock-window-dots .red{background:#ef4444}.mock-window-dots .yellow{background:#fbbf24}.mock-window-dots .green{background:#10b981}.mock-window-address{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;margin:0 auto;padding:3px 30px;font-family:monospace;font-size:11px}.mock-window-content{background:var(--bg);flex-direction:column;gap:20px;padding:24px;display:flex}.mock-kpis{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.mock-kpi{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;padding:16px 20px;display:flex}.mock-kpi-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:11px;font-weight:600}.mock-kpi-value{color:var(--text);letter-spacing:-.02em;font-size:26px;font-weight:750}.mock-kpi-trend{font-size:11px;font-weight:600}.mock-kpi-trend.success{color:var(--success)}.mock-kpi-trend.warning{color:var(--warning)}.mock-grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.mock-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:18px;display:flex}.mock-panel-title{color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding-bottom:8px;font-size:12px;font-weight:650;display:flex}.sparkle-icon{color:var(--accent)}.globe-icon-live{color:var(--teal);animation:10s linear infinite spin-slow}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mock-ai-chat{min-height:190px}.mock-chat-bubble{gap:10px;font-size:12.5px;line-height:1.5;display:flex}.mock-chat-bubble .avatar{background:var(--bg-hover);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:flex}.mock-chat-bubble .text{border-radius:8px;flex:1;padding:8px 12px}.mock-chat-bubble.user .text{background:var(--bg-hover);color:var(--text);border-top-left-radius:0}.mock-chat-bubble.ai .text{color:var(--text2);background:#6366f10d;border:1px solid #6366f126;border-top-left-radius:0}.typing-cursor{background:var(--text);width:2px;height:12px;margin-left:2px;animation:.8s infinite blink-fade;display:inline-block}.streaming-cursor{background:var(--accent);width:6px;height:12px;margin-left:2px;animation:.8s infinite blink-fade;display:inline-block}@keyframes blink-fade{0%,to{opacity:0}50%{opacity:1}}.activities-list{flex-direction:column;gap:10px;height:150px;display:flex;overflow-y:hidden}.activity-item{background:var(--bg-hover);border-left:2px solid var(--accent);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;display:flex}.activity-dot-glow{background-color:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent);border-radius:50%}.activity-text{color:var(--text-muted);font-size:11.5px}.features-section{text-align:center;z-index:1;width:100%;max-width:1100px;margin:0 auto;padding:60px 8% 80px;position:relative}.section-title{letter-spacing:-.02em;color:var(--text);margin-bottom:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:32px;font-weight:800}.section-subtitle{color:var(--text-muted);margin-bottom:48px;font-size:15px}.features-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.feature-card{text-align:left;padding:30px}.feature-icon-inline{color:var(--accent);opacity:.9;align-items:center;margin-bottom:14px;display:inline-flex}.feature-card-title{color:var(--text);margin-bottom:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:750}.feature-card-desc{color:var(--text-muted);font-size:13.5px;line-height:1.6}.trust-section{width:100%;max-width:1100px;margin:0 auto;padding:0 8% 80px}.trust-card{padding:40px}.trust-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;display:grid}.trust-icon-pill{color:var(--success);background:#10b98114;border:1px solid #10b98133;border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:11.5px;font-weight:650;display:inline-flex}.trust-title{letter-spacing:-.015em;color:var(--text);margin-bottom:14px;font-family:Plus Jakarta Sans,sans-serif;font-size:26px;font-weight:800}.trust-desc{color:var(--text-muted);margin-bottom:24px;font-size:14px;line-height:1.6}.trust-checks{flex-direction:column;gap:10px;display:flex}.check-item{color:var(--text2);align-items:center;gap:8px;font-size:13px;display:flex}.check-item svg{color:var(--success)}.trust-visual{border:1px solid var(--border);background:var(--bg)!important}.visual-header{color:var(--text-muted);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:12px 16px;font-size:11px;font-weight:650;display:flex}.visual-body{flex-direction:column;gap:12px;padding:16px;display:flex}.vault-row{color:var(--text2);background:var(--bg-hover);border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.cta-section{width:100%;max-width:1100px;margin:0 auto;padding:0 8% 80px}.cta-wrapper{border:1px solid var(--border);text-align:center;background:linear-gradient(135deg,#6366f10d 0%,#14b8a608 100%);flex-direction:column;align-items:center;padding:50px 30px;display:flex}.cta-title{letter-spacing:-.02em;color:var(--text);margin-bottom:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:30px;font-weight:850}.cta-desc{color:var(--text-muted);max-width:500px;margin-bottom:24px;font-size:14.5px;line-height:1.6}.landing-footer{border-top:1px solid var(--border);background:var(--bg);z-index:1;padding:24px 8%;position:relative}.footer-content{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.auth-page{background:var(--bg);background-image:radial-gradient(at 20%,#6366f10f 0%,#0000 60%),radial-gradient(at 80% 20%,#14b8a60a 0%,#0000 60%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-card{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);width:100%;max-width:440px;box-shadow:var(--shadow);padding:40px}.auth-logo{color:var(--text);align-items:center;gap:8px;margin-bottom:28px;font-size:17px;font-weight:600;display:flex}.auth-title{color:var(--text);margin-bottom:6px;font-size:22px;font-weight:700}.auth-sub{color:var(--muted);margin-bottom:28px;font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field-label{color:var(--text2);letter-spacing:.01em;font-size:13px;font-weight:600}.field-input-wrap{align-items:center;display:flex;position:relative}.field-input{background:var(--bg3);border:1.5px solid var(--border2);border-radius:var(--radius-sm);width:100%;color:var(--text);box-sizing:border-box;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f126}.field-input::placeholder{color:var(--muted)}.field-input-pw{padding-right:42px}.field-input.input-valid{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.field-input.input-error{border-color:var(--red,#ef4444);box-shadow:0 0 0 3px #ef44441a}.field-check{color:#22c55e;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:700;animation:.18s checkPop;position:absolute;right:12px}@keyframes checkPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.field-error-msg{color:var(--red,#ef4444);align-items:center;gap:4px;font-size:12px;animation:.15s fadeIn;display:flex}.field-error-msg:before{content:"⚠";font-size:11px}.pw-toggle{cursor:pointer;opacity:.6;background:0 0;border:none;padding:2px 4px;font-size:15px;line-height:1;transition:opacity .15s;position:absolute;right:10px}.pw-toggle:hover{opacity:1}.pw-strength-bar-wrap{align-items:center;gap:8px;margin-top:6px;display:flex}.pw-strength-track{flex:1;gap:4px;display:flex}.pw-strength-seg{border-radius:99px;flex:1;height:4px;transition:background .25s}.pw-strength-label{letter-spacing:.03em;white-space:nowrap;font-size:11px;font-weight:700;transition:color .25s}.pw-requirements{border:1px solid var(--border2);border-radius:var(--radius-sm);background:#6366f10a;flex-direction:column;gap:4px;margin-top:6px;padding:10px 12px;display:flex}.pw-req-item{color:var(--muted);align-items:center;gap:7px;font-size:11.5px;transition:color .2s;display:flex}.pw-req-item.ok{color:#22c55e}.pw-req-dot{text-align:center;flex-shrink:0;width:14px;font-size:12px}.auth-error{border-radius:var(--radius-xs);color:var(--red,#ef4444);background:#ef444414;border:1px solid #ef444440;align-items:center;gap:6px;padding:10px 13px;font-size:13px;display:flex}.auth-error:before{content:"⚠"}.auth-success{border-radius:var(--radius-xs);color:#22c55e;background:#22c55e14;border:1px solid #22c55e40;align-items:center;gap:6px;padding:10px 13px;font-size:13px;line-height:1.4;display:flex}.forgot-link{color:var(--muted);font-size:12px;font-weight:500;text-decoration:none;transition:color .15s,transform .15s}.forgot-link:hover{color:var(--accent2);text-decoration:underline}.forgot-link-pulse{font-weight:700;animation:1.5s ease-in-out infinite pulse-forgot;display:inline-block;color:var(--accent2)!important}@keyframes pulse-forgot{0%{text-shadow:0 0 #6366f100;transform:scale(1)}50%{text-shadow:0 0 8px #6366f180;transform:scale(1.08)}to{text-shadow:0 0 #6366f100;transform:scale(1)}}.auth-submit{will-change:transform;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,opacity .15s;display:flex;transform:translateZ(0);padding:12px!important;font-size:14px!important;font-weight:700!important}.auth-submit:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.auth-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.65s linear infinite spin;display:inline-block}.auth-hint{text-align:center;color:var(--muted);margin:0;font-size:12px}.auth-footer{text-align:center;color:var(--muted);margin-top:20px;font-size:13px}.auth-link{color:var(--accent2);font-weight:600}.auth-link:hover{text-decoration:underline}.auth-demo-note{border-radius:var(--radius-xs);color:var(--muted);background:#6366f10d;border:1px solid #6366f126;margin-top:16px;padding:12px 14px;font-size:12px;line-height:1.5}.auth-demo-note strong{color:var(--accent2)}.dashboard-shell{background:var(--bg);box-sizing:border-box;min-height:100%;color:var(--text);flex-direction:column;padding:0 24px 24px;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex;overflow-x:hidden}.sandbox-header-banner{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;margin-top:16px;margin-bottom:16px;padding:12px 20px;display:flex}.banner-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.banner-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.badge-active{color:var(--success);background:#10b9811f;border:1px solid #10b98133}.badge-demo{color:var(--accent);background:#6366f11f;border:1px solid #6366f133}.banner-text{color:var(--text-muted);flex:1;font-size:12.5px}.banner-text strong{color:var(--text)}.banner-actions{align-items:center;gap:10px;display:flex}.clear-filters-btn{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef444433;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.clear-filters-btn:hover{background:#ef444426}.banner-change-btn{background:var(--bg-hover);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .15s}.banner-change-btn:hover{background:var(--bg3);border-color:var(--text-muted)}.banner-reset-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:650;text-decoration:underline}.banner-reset-btn:hover{color:var(--text)}.banner-upload-btn{padding:6px 16px!important;font-size:12px!important}.dashboard-controls-bar{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:8px 16px;display:flex}.controls-grid{flex-wrap:wrap;gap:16px;display:flex}.control-dropdown-item{align-items:center;gap:8px;display:flex}.control-item-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:8.5px;font-weight:800}.control-dropdown-item select{border:1px solid var(--border);background:var(--bg-hover);color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='%236b7280' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'></path></svg>");background-position:right 6px center;background-repeat:no-repeat;background-size:8px;border-radius:6px;outline:none;padding:4px 20px 4px 8px;font-size:11px;font-weight:700}.control-dropdown-item select:hover{border-color:var(--text-muted)}.fullscreen-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.fullscreen-toggle-btn:hover{background:var(--bg-hover);color:var(--text)}.dashboard-grid-layout{flex:1;gap:16px;margin-top:8px;display:flex}.dashboard-filter-sidebar{background:var(--bg-sidebar);border:1px solid var(--border);width:170px;height:max-content;max-height:calc(100vh - 100px);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:12px;padding:12px;display:flex;overflow-y:auto}.dashboard-filter-sidebar::-webkit-scrollbar{width:4px}.filter-options-group::-webkit-scrollbar{width:4px}.dashboard-filter-sidebar::-webkit-scrollbar-track{background:0 0}.filter-options-group::-webkit-scrollbar-track{background:0 0}.dashboard-filter-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.filter-options-group::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.dashboard-filter-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.filter-options-group::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.filter-options-group{flex-direction:column;gap:6px;max-height:180px;padding-right:4px;display:flex;overflow-y:auto}.filter-sidebar-header{background:var(--bg-sidebar);z-index:10;color:var(--text-muted);letter-spacing:.08em;border-bottom:1px solid var(--border);align-items:center;gap:6px;margin:-12px -12px 4px;padding:12px 12px 8px;font-size:9px;font-weight:800;display:flex;position:sticky;top:-12px}.filters-list-container{flex-direction:column;gap:10px;display:flex}.filter-group-item{flex-direction:column;gap:4px;display:flex}.filter-group-title{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-size:11px;font-weight:750;display:flex}.filter-group-title:hover{color:var(--accent)}.filter-options-group{flex-direction:column;gap:2px;padding-left:2px;display:flex}.filter-checkbox-row{color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;padding:2px 0;font-size:10px;display:flex}.filter-checkbox-row:hover{color:var(--text)}.filter-checkbox-row.active{color:var(--text);font-weight:700}.filter-checkbox-row input{display:none}.checkbox-custom-indicator{border:1.5px solid var(--border);border-radius:2px;width:10px;height:10px;display:inline-block;position:relative}.filter-checkbox-row.active .checkbox-custom-indicator{background:var(--accent);border-color:var(--accent)}.filter-checkbox-row.active .checkbox-custom-indicator:after{content:"";border:1.2px solid #fff;border-top:none;border-left:none;width:3px;height:5px;position:absolute;top:0;left:2px;transform:rotate(45deg)}.checkbox-custom-label{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.filters-show-more-btn{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:none;padding:2px 0;font-size:9px;font-weight:700}.dashboard-content-main{flex-direction:column;flex:1;gap:16px;display:flex}.kpi-card-mockup,.devices-donut-card,.realtime-data-card,.site-traffic-card,.pages-list-card,.social-traffic-card,.middle-time-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);box-sizing:border-box;will-change:transform;border-radius:14px;flex-direction:column;padding:18px 22px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.kpi-card-mockup:hover,.devices-donut-card:hover,.realtime-data-card:hover,.site-traffic-card:hover,.pages-list-card:hover,.social-traffic-card:hover,.middle-time-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)translateZ(0)}.row-kpis-devices{grid-template-columns:repeat(3,1fr) 1.3fr;gap:16px;display:grid}.kpi-card-mockup{justify-content:space-between;padding:10px 14px}.kpi-card-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.kpi-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:750}.kpi-change-tag{align-items:center;gap:2px;font-size:10.5px;font-weight:700;display:flex}.kpi-change-tag.tag-up{color:var(--success)}.kpi-change-tag.tag-down{color:var(--danger)}.kpi-value{color:var(--text);letter-spacing:-.03em;margin:2px 0;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:850;line-height:1.1}.kpi-sparkline-wrap{width:100%;height:28px;margin-top:2px}.devices-donut-card{padding:10px 14px}.devices-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.devices-title{color:var(--text);font-size:12.5px;font-weight:800}.devices-sub-title{color:var(--text-muted);font-size:10px;font-weight:700}.devices-donut-container{flex:1;justify-content:space-between;align-items:center;gap:16px;display:flex}.donut-chart-wrap{flex-shrink:0;width:145px;height:145px;position:relative}.donut-center-label{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-label-total{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:0;font-size:9px;font-weight:800}.donut-label-count{color:var(--text);letter-spacing:-.03em;font-size:18px;font-weight:900}.donut-legend-wrap{flex-direction:column;flex:1;gap:6px;display:flex}.donut-legend-row{align-items:center;gap:6px;font-size:10.5px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.legend-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;max-width:75px;font-weight:600;overflow:hidden}.legend-val{color:var(--text);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:750}.row-middle-charts{grid-template-columns:1fr 2fr 1.3fr;gap:10px;display:grid}.card-header-mockup{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.card-title-mockup{color:var(--text);font-size:12.5px;font-weight:800}.realtime-rows-list{flex-direction:column;flex:1;justify-content:space-between;gap:10px;display:flex}.realtime-item-row{flex-direction:column;gap:4px;display:flex}.realtime-item-labels{justify-content:space-between;align-items:center;display:flex}.realtime-label-name{color:var(--text);font-size:11px;font-weight:700}.realtime-label-val{color:var(--text);font-size:11.5px;font-weight:850}.realtime-bar-outer{background:var(--bg-hover);border:1px solid var(--border);border-radius:3px;align-items:center;height:12px;display:flex;position:relative;overflow:hidden}.realtime-bar-inner{border-radius:2px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.realtime-bar-max{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;pointer-events:none;font-size:8px;font-weight:800;position:absolute;right:6px}.traffic-legend-chips{align-items:center;gap:10px;display:flex}.traffic-legend-chip{color:var(--text-muted);align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.traffic-legend-chip .dot{border-radius:50%;width:6px;height:6px}.traffic-legend-chip .dot-blue{background:#06b6d4}.traffic-legend-chip .dot-purple{background:#8b5cf6}.traffic-chart-wrapper{flex:1;width:100%;min-height:160px}.pages-card-sub{color:var(--text-muted);font-size:10px;font-weight:750}.pages-rows-list{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.pages-rows-list::-webkit-scrollbar{width:3px}.page-item-row{justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex;position:relative}.page-path-col{border-radius:3px;flex:1;align-items:center;height:18px;display:flex;position:relative}.page-path-bar{background:#ef444414;border-left:2px solid #ef4444;border-radius:0 2px 2px 0;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.page-path-name{color:var(--text);z-index:1;white-space:nowrap;text-overflow:ellipsis;max-width:140px;padding-left:6px;font-size:11px;font-weight:650;overflow:hidden}.page-volume-count{color:var(--text);font-variant-numeric:tabular-nums;font-size:11px;font-weight:850}.row-bottom-charts{grid-template-columns:1fr 1.3fr;gap:10px;display:grid}.social-card-sub{color:var(--text-muted);font-size:10px;font-weight:750}.social-donut-wrap{flex:1;justify-content:space-between;align-items:center;gap:20px;display:flex}.social-pie-chart{flex-shrink:0;width:145px;height:145px;position:relative}.social-center-label{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.social-label-total{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:0;font-size:9px;font-weight:800}.social-label-value{color:var(--text);letter-spacing:-.03em;font-size:18px;font-weight:900}.social-legend-col{flex-direction:column;flex:1;gap:5px;display:flex}.social-legend-row{align-items:center;gap:6px;font-size:10.5px;display:flex}.time-card-sub{color:var(--text-muted);font-size:10px;font-weight:750}.time-bar-chart-wrap{flex:1;width:100%;min-height:120px;position:relative}.floating-mockup-tooltip{background:var(--bg-sidebar);border:1px solid var(--border);pointer-events:none;border-radius:6px;align-items:baseline;gap:2px;padding:4px 8px;display:flex;position:absolute;top:15px;left:71%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.floating-mockup-tooltip:after{content:"";border-style:solid;border-width:4px;border-color:var(--border) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.floating-mockup-tooltip .tooltip-value{color:var(--text);font-size:11px;font-weight:900}.floating-mockup-tooltip .tooltip-label{color:var(--text-muted);font-size:8px;font-weight:850}.fs-active{padding:24px!important}@media (width<=1200px){.row-kpis-devices{grid-template-columns:repeat(2,1fr) 1.2fr}.row-middle-charts{grid-template-columns:1.2fr 2fr}.pages-list-card{grid-column:span 2}}@media (width<=900px){.dashboard-shell{padding:0 16px 16px}.row-kpis-devices,.row-middle-charts{grid-template-columns:1fr}.pages-list-card{grid-column:span 1}.row-bottom-charts{grid-template-columns:1fr}}.ds-hover-card{transition:all .25s cubic-bezier(.4,0,.2,1)}.ds-hover-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -10px #6366f140;border-color:#6366f166!important}.int-page{background:var(--bg);flex-direction:column;gap:16px;min-height:100%;padding:20px 24px 44px;animation:.4s both int-pagein;display:flex}@keyframes int-pagein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.int-page-header{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:14px;padding:15px 20px;animation:.45s both int-slidein;display:flex;position:relative;overflow:hidden}@keyframes int-slidein{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.int-page-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;animation:.5s cubic-bezier(.34,1.56,.64,1) .1s both int-icon-pop;display:flex}@keyframes int-icon-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.int-page-title{color:var(--text);margin:0;font-size:16px;font-weight:800;line-height:1.3}.int-page-sub{color:var(--text-muted);margin:2px 0 0;font-size:11.5px}.int-page-badge{letter-spacing:.07em;text-transform:uppercase;color:#a78bfa;white-space:nowrap;background:#6366f11f;border:1px solid #6366f140;border-radius:20px;align-items:center;gap:5px;margin-left:auto;padding:4px 13px;font-size:9.5px;font-weight:800;animation:3s ease-in-out infinite int-pulse-badge;display:flex}.int-page-badge--green{color:#10b981;background:#10b9811f;border-color:#10b98140}@keyframes int-pulse-badge{0%,to{box-shadow:0 0 #6366f14d}50%{box-shadow:0 0 0 5px #6366f100}}.int-kpi-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=900px){.int-kpi-row{grid-template-columns:repeat(2,1fr)}}.int-stat-pill{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);will-change:transform;border-radius:13px;flex-direction:column;gap:4px;padding:16px 18px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s cubic-bezier(.4,0,.2,1),border-color .18s;animation:.5s both int-card-up;display:flex;transform:translateZ(0)}.int-kpi-row .int-stat-pill:first-child{animation-delay:50ms}.int-kpi-row .int-stat-pill:nth-child(2){animation-delay:.1s}.int-kpi-row .int-stat-pill:nth-child(3){animation-delay:.15s}.int-kpi-row .int-stat-pill:nth-child(4){animation-delay:.2s}@keyframes int-card-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.int-stat-pill:hover{border-color:#6366f140;transform:translateY(-3px)translateZ(0);box-shadow:0 8px 22px #00000021}.int-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:9.5px;font-weight:700}.int-stat-value{color:var(--text);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:900}.int-stat-change{align-items:center;gap:2px;font-size:11px;font-weight:700;display:flex}.int-stat-change.up{color:#10b981}.int-stat-change.down{color:#ef4444}.int-grid-2{grid-template-columns:1.5fr 1fr;gap:14px;display:grid}@media (width<=1024px){.int-grid-2{grid-template-columns:1fr}}.int-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:0;padding:18px;transition:box-shadow .2s,border-color .2s;animation:.5s .25s both int-card-up;display:flex}.int-card:hover{border-color:#6366f12e;box-shadow:0 8px 24px #0000001f}.int-card-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.int-card-title{color:var(--text);font-size:13px;font-weight:800;line-height:1.3}.int-card-sub{color:var(--text-muted);margin-top:2px;font-size:10.5px}.int-chart-wrap{flex:1;width:100%;min-height:150px}.int-legend-row{color:var(--text-muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.int-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.int-ai-badge{color:#a78bfa;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:linear-gradient(135deg,#6366f126,#a855f71a);border:1px solid #6366f140;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:4px 11px;font-size:9.5px;font-weight:800;animation:3s ease-in-out infinite int-pulse-badge;display:flex}.int-segments{flex-direction:column;gap:10px;margin-top:2px;display:flex}.int-seg-row{animation:.5s both int-card-up;animation-delay:var(--seg-delay,0s);flex-direction:column;gap:4px;display:flex}.int-seg-info{align-items:center;gap:7px;display:flex}.int-seg-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite alternate int-dot-glow}@keyframes int-dot-glow{0%{filter:brightness();box-shadow:none}to{filter:brightness(1.4)}}.int-seg-name{color:var(--text);flex:1;font-size:12px;font-weight:700}.int-risk{text-transform:uppercase;letter-spacing:.06em;border-radius:20px;padding:2px 8px;font-size:9px;font-weight:800}.int-seg-bar-bg{background:var(--bg-hover);border-radius:3px;height:5px;overflow:hidden}.int-seg-bar-fg{background-image:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);background-size:200% 100%;border-radius:3px;height:100%;transition:width .9s cubic-bezier(.4,0,.2,1);animation:2.5s ease-in-out infinite int-shimmer}@keyframes int-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.int-seg-meta{color:var(--text);justify-content:space-between;font-size:10.5px;font-weight:700;display:flex}.int-seg-pct{color:var(--text-muted);font-weight:600}.int-churn-legend{gap:8px;margin-top:10px;display:flex}.int-churn-pill{border-radius:20px;padding:3px 10px;font-size:9.5px;font-weight:700}.int-churn-pill.safe{color:#10b981;background:#10b9811a}.int-churn-pill.medium{color:#f97316;background:#f973161a}.int-churn-pill.high{color:#ef4444;background:#ef44441a}.int-time-chip{color:var(--text-muted);align-items:center;gap:5px;margin-left:auto;font-size:10px;display:flex}.int-cohort-wrap{overflow-x:auto}.int-cohort-table{border-collapse:collapse;width:100%;font-size:12px}.int-cohort-table th,.int-cohort-table td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:9px 12px}.int-cohort-table th{background:var(--bg-hover);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center;font-size:9.5px;font-weight:700}.int-cohort-table th:first-child,.int-cohort-table td:first-child{text-align:left}.int-cohort-table th:last-child,.int-cohort-table td:last-child{border-right:none}.int-cohort-table tr:last-child td{border-bottom:none}.int-cohort-cell{text-align:center;cursor:pointer;will-change:transform;transition:filter .15s,transform .18s cubic-bezier(.34,1.56,.64,1)}.int-cohort-cell:hover{filter:brightness(1.15);transform:scale(1.06)}.int-cohort-hint{color:var(--text-muted);background:#6366f112;border:1px solid #6366f12e;border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:9px 14px;font-size:11.5px;animation:.3s int-card-up;display:flex}.int-cohort-hint strong{color:var(--text)}.int-mix-list{flex-direction:column;gap:11px;margin-top:4px;display:flex}.int-mix-row{animation:.5s both int-card-up;animation-delay:var(--mix-delay,0s);flex-direction:column;gap:4px;display:flex}.int-mix-info{align-items:center;gap:7px;display:flex}.int-mix-label{color:var(--text);flex:1;font-size:12px;font-weight:700}.int-mix-val{color:var(--text);font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.int-mix-bar-bg{background:var(--bg-hover);border-radius:3px;height:5px;overflow:hidden}.int-mix-bar-fg{background-image:linear-gradient(90deg,#0000 0%,#ffffff2e 50%,#0000 100%);background-size:200% 100%;border-radius:3px;height:100%;transition:width .9s cubic-bezier(.4,0,.2,1);animation:2.8s ease-in-out infinite int-shimmer}.int-mix-pct{color:var(--text-muted);text-align:right;font-size:10px;font-weight:700}.int-unit-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:4px;display:grid}.int-unit-card{background:var(--bg-hover);border:1px solid var(--border);animation:.5s both int-card-up;animation-delay:var(--uc-delay,0s);will-change:transform;border-radius:11px;align-items:center;gap:10px;padding:11px 13px;transition:border-color .15s,background-color .15s,transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;transform:translateZ(0)}.int-unit-card:hover{border-color:var(--uc-color,var(--accent));background:var(--bg-card);transform:translateY(-3px)translateZ(0);box-shadow:0 0 12px #6366f11a}.int-unit-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .2s;display:flex}.int-unit-card:hover .int-unit-icon{transform:scale(1.1)}.int-unit-body{flex-direction:column;gap:0;min-width:0;display:flex}.int-unit-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;overflow:hidden}.int-unit-val{color:var(--text);letter-spacing:-.03em;font-size:17px;font-weight:900}.int-unit-sub{color:var(--text-muted);font-size:9px;font-weight:500}.tooltip-label{color:var(--text);margin-bottom:5px;font-weight:800}@media (width<=768px){.int-page{padding:14px 14px 40px}.int-unit-grid{grid-template-columns:1fr}.int-kpi-row{grid-template-columns:repeat(2,1fr)}}.analytics-page{background:var(--bg);flex-direction:column;gap:0;min-height:100%;padding:20px 24px 40px;display:flex;position:relative}.premium-blur-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:100;text-align:center;background:#090d16b8;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;padding:40px;display:flex;position:absolute;inset:0}.an-tab-bar{background:var(--bg-card);border:1px solid var(--border);width:fit-content;box-shadow:var(--shadow-sm);border-radius:14px;gap:4px;margin-bottom:20px;padding:5px;display:flex}.an-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;will-change:transform;background:0 0;border:none;border-radius:10px;align-items:center;gap:7px;padding:8px 18px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background-color .15s,color .15s,transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;transform:translateZ(0)}.an-tab-btn:hover{background:var(--bg-hover);color:var(--text);transform:translateY(-1px)translateZ(0)}.an-tab-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 4px 16px #6366f166}.analytics-page-content{flex-direction:column;gap:16px;display:flex}.analytics-page-content.locked{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none}.an-section-wrap{flex-direction:column;gap:16px;animation:.35s an-fadein;display:flex}@keyframes an-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.an-section-header{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:14px;padding:14px 20px;display:flex}.an-section-icon{color:#a78bfa;background:linear-gradient(135deg,#6366f12e,#a855f71f);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 0 12px #6366f133}.an-section-titles{flex:1}.an-section-title{color:var(--text);margin:0;font-size:15px;font-weight:800;line-height:1.3}.an-section-sub{color:var(--text-muted);margin:2px 0 0;font-size:11.5px}.an-section-badge{letter-spacing:.08em;text-transform:uppercase;color:#a78bfa;white-space:nowrap;background:#6366f11f;border:1px solid #6366f140;border-radius:20px;padding:4px 12px;font-size:9.5px;font-weight:800;animation:3s ease-in-out infinite an-pulse-badge}@keyframes an-pulse-badge{0%,to{box-shadow:0 0 #6366f14d}50%{box-shadow:0 0 0 4px #6366f100}}.an-kpi-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=1280px){.an-kpi-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=900px){.an-kpi-grid{grid-template-columns:repeat(2,1fr)}}.an-kpi-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:default;will-change:transform;border-radius:12px;align-items:center;gap:11px;padding:14px 15px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.an-kpi-card:after{content:"";background:radial-gradient(ellipse at top left, color-mix(in srgb, var(--kpi-color,#6366f1) 6%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.an-kpi-card:hover{box-shadow:0 8px 24px #00000026, 0 0 0 1px var(--border);transform:translateY(-3px)translateZ(0)}.an-kpi-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .2s;display:flex}.an-kpi-card:hover .an-kpi-icon{transform:scale(1.1)}.an-kpi-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.an-kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-weight:700;overflow:hidden}.an-kpi-value{color:var(--text);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:900;overflow:hidden}.an-kpi-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:2px;padding:3px 7px;font-size:10px;font-weight:700;display:flex}.an-kpi-badge.up{color:#10b981;background:#10b9811f}.an-kpi-badge.down{color:#ef4444;background:#ef44441f}.an-kpi-grid-4{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=900px){.an-kpi-grid-4{grid-template-columns:repeat(2,1fr)}}.an-stat-pill{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 18px;transition:transform .2s,box-shadow .2s;display:flex}.an-stat-pill:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.an-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:9.5px;font-weight:700}.an-stat-value{color:var(--text);letter-spacing:-.03em;font-size:22px;font-weight:900}.an-stat-change{align-items:center;gap:2px;font-size:11px;font-weight:700;display:flex}.an-stat-change.up{color:#10b981}.an-stat-change.down{color:#ef4444}.an-grid-2{grid-template-columns:1.5fr 1fr;gap:14px;display:grid}@media (width<=1024px){.an-grid-2{grid-template-columns:1fr}}.an-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:0;padding:18px;transition:box-shadow .2s,border-color .2s;display:flex}.an-card:hover{border-color:#6366f12e;box-shadow:0 8px 24px #0000001f}.an-card-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.an-card-title{color:var(--text);font-size:13px;font-weight:800;line-height:1.3}.an-card-sub{color:var(--text-muted);margin-top:2px;font-size:10.5px;font-weight:500}.an-chart-wrap{flex:1;width:100%;min-height:150px}.an-legend-row{color:var(--text-muted);white-space:nowrap;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.an-legend-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.an-donut-wrap{flex:1;align-items:center;gap:16px;display:flex}.an-pie-legend{flex-direction:column;flex:1;gap:7px;display:flex}.an-pie-legend-row{align-items:center;gap:8px;font-size:11.5px;display:flex}.an-pie-name{color:var(--text-muted);flex:1;font-weight:600}.an-pie-val{color:var(--text);font-variant-numeric:tabular-nums;font-weight:800}.an-ai-badge{color:#a78bfa;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:linear-gradient(135deg,#6366f126,#a855f71a);border:1px solid #6366f140;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:4px 11px;font-size:9.5px;font-weight:800;animation:3s ease-in-out infinite an-pulse-badge;display:flex}.an-segments-wrap{flex-direction:column;gap:10px;margin-top:2px;display:flex}.an-segment-row{flex-direction:column;gap:4px;display:flex}.an-segment-info{align-items:center;gap:7px;display:flex}.an-seg-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 5px}.an-seg-name{color:var(--text);flex:1;font-size:11.5px;font-weight:700}.an-risk-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:20px;padding:2px 8px;font-size:9px;font-weight:800}.risk-low{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.risk-medium{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40}.risk-high{color:#f97316;background:#f973161f;border:1px solid #f9731640}.risk-critical{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.an-seg-bar-bg{background:var(--bg-hover);border-radius:3px;height:5px;overflow:hidden}.an-seg-bar-fg{border-radius:3px;height:100%;transition:width .7s cubic-bezier(.4,0,.2,1)}.an-seg-meta{color:var(--text);justify-content:space-between;font-size:10.5px;font-weight:700;display:flex}.an-seg-pct{color:var(--text-muted);font-weight:600}.an-churn-legend{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.an-churn-pill{border-radius:20px;padding:3px 10px;font-size:9.5px;font-weight:700}.an-churn-pill.safe{color:#10b981;background:#10b9811a}.an-churn-pill.medium{color:#f97316;background:#f973161a}.an-churn-pill.high{color:#ef4444;background:#ef44441a}.an-cohort-wrap{overflow-x:auto}.cohort-table{border-collapse:collapse;width:100%;font-size:12px}.cohort-table th,.cohort-table td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:9px 12px}.cohort-table th{background:var(--bg-hover);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center;font-size:9.5px;font-weight:700}.cohort-table th:first-child,.cohort-table td:first-child{text-align:left}.cohort-table th:last-child,.cohort-table td:last-child{border-right:none}.cohort-table tr:last-child td{border-bottom:none}.cohort-cell{text-align:center;cursor:pointer;border-radius:4px;transition:all .2s}.cohort-cell:hover{filter:brightness(1.15);transform:scale(1.05)}.an-cohort-hint{color:var(--text-muted);background:#6366f10f;border:1px solid #6366f126;border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:9px 14px;font-size:11.5px;display:flex}.an-cohort-hint strong{color:var(--text)}.an-fin-mix-list{flex-direction:column;gap:12px;margin-top:4px;display:flex}.an-mix-row{flex-direction:column;gap:4px;display:flex}.an-mix-info{align-items:center;gap:7px;display:flex}.an-mix-label{color:var(--text);flex:1;font-size:12px;font-weight:700}.an-mix-val{color:var(--text);font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.an-mix-bar-bg{background:var(--bg-hover);border-radius:3px;height:5px;overflow:hidden}.an-mix-bar-fg{border-radius:3px;height:100%;transition:width .7s cubic-bezier(.4,0,.2,1)}.an-mix-pct{color:var(--text-muted);text-align:right;font-size:10px;font-weight:700}.an-unit-econ-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:4px;display:grid}.an-unit-card{background:var(--bg-hover);border:1px solid var(--border);border-radius:11px;align-items:center;gap:10px;padding:11px 13px;transition:all .2s;display:flex}.an-unit-card:hover{border-color:var(--uc-color,var(--accent));background:var(--bg-card);box-shadow:0 0 10px #6366f114}.an-unit-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.an-unit-body{flex-direction:column;gap:0;min-width:0;display:flex}.an-unit-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;overflow:hidden}.an-unit-val{color:var(--text);letter-spacing:-.03em;font-size:16px;font-weight:900}.an-unit-sub{color:var(--text-muted);font-size:9px;font-weight:500}.chart-tooltip{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;min-width:130px;padding:9px 13px;font-size:12px;box-shadow:0 8px 24px #00000026}.tooltip-label{color:var(--text);margin-bottom:5px;font-size:11.5px;font-weight:800}.tooltip-row{justify-content:space-between;gap:14px;padding:2px 0;display:flex}.funnel-container{flex-direction:column;gap:14px;margin-top:12px;display:flex}.funnel-step{flex-direction:column;gap:7px;display:flex}.funnel-label-wrap{justify-content:space-between;font-size:12px;display:flex}.funnel-step-name{color:var(--text);font-weight:600}.funnel-step-val{color:var(--text);font-weight:700}.funnel-step-pct{color:var(--text-muted);margin-left:4px;font-size:10.5px}.funnel-bar-bg{background:var(--bg-hover);border:1px solid var(--border);border-radius:5px;height:10px;overflow:hidden}.funnel-bar-fg{border-radius:5px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}@media (width<=768px){.analytics-page{padding:14px 14px 40px}.an-kpi-grid-4{grid-template-columns:repeat(2,1fr)}.an-unit-econ-grid{grid-template-columns:1fr}.an-tab-btn{padding:7px 12px;font-size:11.5px}}.ai-page{height:calc(100vh - var(--topbar-h) - 48px);flex-direction:column;gap:16px;display:flex}.ai-page-header{justify-content:space-between;align-items:center;display:flex}.ai-page-info{align-items:center;gap:10px;display:flex}.ai-status-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 6px var(--green);border-radius:50%;animation:2s infinite pulse}.ai-page-title{color:var(--text);font-size:16px;font-weight:600}.ai-page-sub{color:var(--muted);margin-top:1px;font-size:11.5px}.demo-pill{color:var(--accent2);background:#6366f114;border:1px solid #6366f126;border-radius:99px;align-items:center;padding:4px 10px;font-size:11.5px;display:flex}.ai-layout{flex:1;grid-template-columns:1fr 280px;gap:16px;min-height:0;display:grid}.ai-chat-panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.ai-chat-panel.dragging{border-color:var(--accent);box-shadow:0 0 0 3px #6366f126}.drag-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#f8fafce0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}body.dark .drag-overlay{background:#0f172ae0}.drag-content{text-align:center;color:var(--text);flex-direction:column;align-items:center;gap:8px;display:flex}.pulse-icon{color:var(--accent);animation:1.5s infinite pulse-light}@keyframes pulse-light{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.ai-messages{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.ai-bubble{will-change:transform;gap:12px;max-width:80%;animation:.28s cubic-bezier(.16,1,.3,1) both slide-up;display:flex}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-bubble.user{flex-direction:row-reverse;align-self:flex-end}.ai-bubble.ai{align-self:flex-start}.bubble-icon-wrap{background:var(--bg3);border:1px solid var(--border);width:28px;height:28px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-bubble.user .bubble-icon-wrap{background:var(--accent);color:#fff;border-color:var(--accent)}.bubble-body{flex-direction:column;gap:6px;display:flex}.bubble-text{color:var(--text);background:var(--bg3);border:1px solid var(--border);word-break:break-word;border-radius:12px;padding:10px 14px;font-size:13.5px;line-height:1.55;position:relative}.ai-bubble.user .bubble-text{background:var(--accent);color:#fff;border-color:var(--accent);border-bottom-right-radius:2px}.ai-bubble.ai .bubble-text{background:var(--bg2);border-bottom-left-radius:2px}.bubble-ts{color:var(--muted);padding:0 4px;font-size:10px}.ai-bubble.user .bubble-ts{text-align:right}.streaming-cursor{background-color:var(--accent);vertical-align:-2px;width:2px;height:14px;margin-left:2px;animation:.8s infinite blink;display:inline-block}.ai-bubble.user .streaming-cursor{background-color:#fff}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.typing{align-items:center;gap:5px;min-height:20px;padding:8px 12px;display:flex}.typing span{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite bounce}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.chat-chart-card{border:1px solid var(--border);background:#00000005;border-radius:8px;width:320px;max-width:100%;margin-top:10px;padding:10px}body.dark .chat-chart-card{background:#ffffff05}.chat-chart-title{color:var(--text);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:11px;font-weight:600}.chat-chart-legend{border-top:1px solid var(--border);margin-top:6px;padding-top:6px}.ai-suggestions-row{border-top:1px solid var(--border);background:var(--bg2);flex-wrap:wrap;gap:6px;padding:8px 16px;display:flex}.ai-sug-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;will-change:transform;border-radius:99px;padding:5px 12px;font-size:11.5px;transition:border-color .15s,color .15s,background-color .15s,transform .18s cubic-bezier(.34,1.56,.64,1);transform:translateZ(0)}.ai-sug-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#6366f10a;transform:translateY(-1px)translateZ(0)}.ai-input-bar{border-top:1px solid var(--border);background:var(--bg2);gap:8px;padding:12px 16px;display:flex}.ai-input-field{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:99px;outline:none;flex:1;padding:8px 16px;font-size:13px;transition:border-color .15s}.ai-input-field:focus{border-color:var(--accent)}.ai-input-field::placeholder{color:var(--muted)}.ai-send-btn{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;padding:0!important}.ai-context-panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex;overflow-y:auto}.context-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:10px;font-weight:600}.context-card{border-radius:10px;padding:12px}.context-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.context-filename{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;font-weight:500;overflow:hidden}.reset-context-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .15s}.reset-context-btn:hover{color:var(--red);background:#ef444414}.context-info-rows{flex-direction:column;gap:4px;display:flex}.context-info-row{justify-content:space-between;font-size:11px;display:flex}.ci-label{color:var(--muted)}.ci-value{color:var(--text2);font-weight:500}.insights-container{flex-direction:column;gap:8px;display:flex}.insight-card{border:1px solid var(--border);background:var(--bg3);border-radius:8px;padding:10px 12px;font-size:11.5px;line-height:1.45}.insight-card.info{border-left:3px solid var(--accent)}.insight-card.success{border-left:3px solid var(--green)}.insight-card.warning{border-left:3px solid var(--amber)}.insight-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.insight-badge{text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:600}.insight-badge.active{color:var(--accent);background:#6366f114}.insight-badge.success{color:var(--green);background:#10b98114}.insight-badge.warning{color:var(--amber);background:#f59e0b14}.insight-card p{color:var(--text2);margin:0}.sample-questions{flex-direction:column;gap:6px;display:flex}.sample-q{background:var(--bg3);border:1px solid var(--border);color:var(--text2);text-align:left;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:11.5px;line-height:1.35;transition:all .15s;display:flex}.sample-q:hover{border-color:var(--accent);color:var(--accent);background:#6366f108}.sample-q:hover .q-arrow{color:var(--accent);transform:translate(2px)}.q-arrow{color:var(--muted);transition:transform .15s}.ai-mode-tabs{background:var(--bg3);border:1px solid var(--border);border-radius:8px;gap:3px;margin-top:4px;padding:3px;display:flex}.ai-mode-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.ai-mode-tab:hover{color:var(--text)}.ai-mode-tab.active{background:var(--bg2);color:var(--text);border:1px solid var(--border);box-shadow:0 1px 2px #0000000d}.doc-upload-zone{border:2px dashed var(--border2);border-radius:var(--radius);background:var(--bg3);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;margin:16px;padding:48px 24px;transition:all .15s;display:flex}.doc-upload-zone:hover{border-color:var(--accent);background:#6366f105}.upload-box{text-align:center;flex-direction:column;align-items:center;display:flex}.upload-box p{color:var(--text);margin:0;font-size:13px;font-weight:500}.upload-subtext{color:var(--muted);margin-top:4px;font-size:11px}.upload-error{color:var(--red);text-align:center;margin-top:10px;font-size:11.5px}.doc-badge-chat{background:#6366f10d;border:1px solid #6366f126;border-radius:8px;justify-content:space-between;align-items:center;margin:12px 16px 0;padding:8px 12px;font-size:12px;display:flex}.doc-badge-filename{color:var(--text);align-items:center;gap:6px;font-weight:500;display:flex}.doc-badge-reset{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:13px;transition:all .15s;display:flex}.doc-badge-reset:hover{color:var(--red);background:#ef444414}.copilot-tasks-container{flex-direction:column;gap:8px;display:flex}.copilot-task-card{background:var(--bg3);border:1px solid var(--border);text-align:left;cursor:pointer;will-change:transform;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:border-color .15s,background-color .15s,transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;transform:translateZ(0)}.copilot-task-card:hover:not(:disabled){border-color:var(--accent);background:#6366f10a;transform:translateY(-2px)translateZ(0);box-shadow:0 4px 12px #6366f11a}.copilot-task-card:disabled{opacity:.6;cursor:not-allowed}.task-card-icon{width:28px;height:28px;color:var(--accent);background:#6366f114;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.copilot-task-card:nth-child(2) .task-card-icon{color:var(--green);background:#10b98114}.copilot-task-card:nth-child(3) .task-card-icon{color:var(--amber);background:#f59e0b14}.copilot-task-card:nth-child(4) .task-card-icon{color:var(--purple);background:#7c3aed14}.task-card-details{flex-direction:column;gap:2px;min-width:0;display:flex}.task-card-title{color:var(--text);font-size:11.5px;font-weight:600}.task-card-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}@media (width<=1024px){.ai-layout{grid-template-columns:1fr;overflow:visible}.ai-page{height:auto}.ai-chat-panel{min-height:560px;max-height:680px}.ai-context-panel{max-height:400px;overflow-y:auto}}@media (width<=768px){.ai-bubble{max-width:92%}.ai-suggestions-row{flex-direction:column;gap:4px}.ai-sug-btn{text-align:left;border-radius:8px;width:100%}.chat-chart-card{width:100%}.ai-mode-tabs{flex-direction:column;gap:4px}.ai-mode-tab{justify-content:flex-start;width:100%}}.reports-page{flex-direction:column;gap:16px;padding:4px;display:flex}.reports-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.reports-page-title{color:var(--text);font-size:18px;font-weight:700}.reports-page-sub{color:var(--muted);margin-top:2px;font-size:12px}.reports-actions{gap:10px;display:flex}.reports-template-selector{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);gap:8px;margin-bottom:6px;padding:6px;display:flex}.template-tab-btn{color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:12.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.template-tab-btn:hover{color:var(--text);background:var(--bg3)}.template-tab-btn.active{background:var(--accent);color:#fff}.report-summary{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.report-metric{border-radius:var(--radius);flex-direction:column;gap:6px;padding:18px 22px;display:flex}.report-metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.report-metric-val{color:var(--text);font-size:24px;font-weight:750}.report-metric-change{font-size:11px;font-weight:500}.report-metric-change.green{color:var(--green)}.report-metric-change.red{color:var(--red)}.reports-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.audit-list{flex-direction:column;gap:10px;display:flex}.audit-item{border:1px solid var(--border);background:#00000005;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}body.dark .audit-item{background:#ffffff03}.audit-title{color:var(--text);font-size:12.5px;font-weight:600}.audit-desc{color:var(--muted);margin-top:2px;font-size:11px}.audit-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}.audit-badge.status-pass{color:var(--green);background:#10b98114}.audit-badge.status-active{color:var(--accent);background:#6366f114}.investor-kpis-list{flex-direction:column;gap:10px;display:flex}.investor-kpi-row{background:var(--bg3);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.ik-label{color:var(--text);font-size:12.5px;font-weight:500}.ik-sub{color:var(--muted);margin-top:2px;font-size:11px}.ik-val{color:var(--accent2);font-family:DM Mono,monospace;font-size:18px;font-weight:600}.table-pagination{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;display:flex}.pagination-info{color:var(--muted);font-size:11.5px}.pagination-buttons{gap:6px;display:flex}.print-only-header{display:none}@media print{.no-print,.sidebar,.topbar,button{display:none!important}.print-only-header{margin-bottom:24px;display:block!important}.print-only-header h1{color:#111827;margin:0 0 6px;font-size:22px}.print-only-header p{color:#6b7280;margin:0;font-size:11px}body{color:#111827!important;background:#fff!important;margin:0!important;padding:0!important}.reports-page{gap:20px!important;padding:20px!important}.report-summary{grid-template-columns:repeat(4,1fr)!important;gap:12px!important;display:grid!important}.report-metric{box-shadow:none!important;color:#111827!important;background:#f9fafb!important;border:1px solid #e5e7eb!important}.report-metric-val{color:#111827!important}.reports-grid{flex-direction:column!important;gap:16px!important;display:flex!important}.card{page-break-inside:avoid;box-shadow:none!important;background:#fff!important;border:1px solid #e5e7eb!important}.data-table th{color:#374151!important;border-bottom:2px solid #e5e7eb!important}.data-table td{color:#111827!important;border-bottom:1px solid #f3f4f6!important}}@media (width<=992px){.report-summary{grid-template-columns:repeat(2,1fr)}.reports-grid{grid-template-columns:1fr}.reports-header{flex-direction:column;align-items:flex-start;gap:10px}.reports-actions,.reports-template-selector{flex-wrap:wrap}.template-tab-btn{flex:auto}}@media (width<=576px){.report-summary{grid-template-columns:1fr}.report-metric-val{font-size:20px}.card>.data-table{-webkit-overflow-scrolling:touch;white-space:nowrap;display:block;overflow-x:auto}.investor-kpi-row{flex-direction:column;align-items:flex-start;gap:4px}.ik-val{font-size:15px}}.billing-page{flex-direction:column;gap:16px;display:flex}.billing-usage{flex-wrap:wrap;align-items:center;gap:20px;padding:16px 20px;display:flex}.usage-left{flex:1}.usage-title{color:var(--text);margin-bottom:3px;font-size:13.5px;font-weight:600}.usage-plan-name{color:var(--accent2)}.usage-sub{color:var(--muted);font-size:11.5px}.usage-bar-wrap{align-items:center;gap:10px;min-width:220px;display:flex}.usage-bar-bg{background:var(--bg3);border:1px solid var(--border);border-radius:99px;flex:1;height:6px;overflow:hidden}.usage-bar-fg{background:linear-gradient(90deg, var(--accent), var(--accent2));border-radius:99px;height:100%}.usage-pct{color:var(--muted);font-family:DM Mono,monospace;font-size:11.5px}.billing-intro-section{text-align:center;margin:10px 0}.billing-intro-title{color:var(--text);font-size:18px;font-weight:600}.billing-intro-sub{color:var(--muted);margin-top:3px;font-size:12.5px}.plans-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.plan-card{flex-direction:column;gap:12px;padding:24px;transition:border-color .2s,transform .2s;display:flex;position:relative}.plan-card:hover{border-color:var(--border2);transform:translateY(-2px)}.plan-card-accent{border-color:#6366f166;box-shadow:0 4px 20px #6366f10d}.plan-popular-badge{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:99px;padding:2px 12px;font-size:10px;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.plan-header-row{align-items:center;gap:10px;display:flex}.plan-icon-wrap{width:28px;height:28px;color:var(--accent);background:#6366f114;border-radius:6px;justify-content:center;align-items:center;display:flex}.plan-card-accent .plan-icon-wrap{background:var(--accent);color:#fff}.plan-name{color:var(--text2);font-size:13.5px;font-weight:600}.plan-price{align-items:baseline;gap:4px;margin-top:4px;display:flex}.plan-price-num{color:var(--text);letter-spacing:-.02em;font-size:32px;font-weight:700}.plan-price-period{color:var(--muted);font-size:12.5px}.plan-desc{color:var(--muted);font-size:12.5px;line-height:1.4}.plan-divider{background:var(--border);height:1px;margin:8px 0 4px}.plan-features{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.plan-features li{color:var(--text2);align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.4;display:flex}.check-icon{color:var(--green);flex-shrink:0;margin-top:2px}.plan-cta{justify-content:center;width:100%;margin-top:8px;padding:10px!important;font-size:13px!important}.billing-portal{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.portal-left{flex:1}.portal-title{color:var(--text);margin-bottom:3px;font-size:13.5px;font-weight:600}.portal-sub{color:var(--muted);font-size:12.5px}.portal-btn{justify-content:center;align-items:center;display:flex;padding:9px 16px!important}.settings-page{flex-direction:column;gap:16px;display:flex}.settings-grid{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}@media (width<=1024px){.settings-grid{grid-template-columns:1fr}}.settings-left-col,.settings-right-col{flex-direction:column;gap:16px;display:flex}.settings-section{flex-direction:column;gap:14px;display:flex}.settings-section-title{color:var(--text);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.settings-section-sub{color:var(--muted);margin-top:-10px;font-size:11.5px}.settings-avatar-row{align-items:center;gap:12px;padding-bottom:4px;display:flex}.settings-avatar{background:linear-gradient(135deg, var(--accent), var(--teal));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:600;display:flex}.avatar-name{color:var(--text);font-size:13.5px;font-weight:550}.avatar-email{color:var(--muted);margin-top:1px;font-size:11.5px}.settings-fields{flex-direction:column;gap:10px;display:flex}.disabled-input{opacity:.65;cursor:not-allowed;background-color:var(--bg3)}.settings-error-msg{color:var(--red);font-size:11.5px}.save-btn{align-self:flex-start;padding:8px 16px!important;font-size:12.5px!important}.flex-between{justify-content:space-between;align-items:center;display:flex}.api-key-list{flex-direction:column;gap:8px;display:flex}.api-key-row{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.api-key-name{color:var(--text);font-size:12.5px;font-weight:500}.api-key-env{color:var(--muted);margin-top:1px;font-family:DM Mono,monospace;font-size:11px}.security-ring-section{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:10px 0;display:flex}.ring-wrap{justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.ring-text{color:var(--green);font-family:DM Mono,monospace;font-size:18px;font-weight:700;position:absolute}.ring-details{flex:1}.ring-status-header{color:var(--text);font-size:14px;font-weight:600}.ring-status-sub{color:var(--muted);margin-top:2px;font-size:11.5px;line-height:1.4}.session-list-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:8px;font-size:11px;font-weight:600}.sessions-list{flex-direction:column;gap:8px;display:flex}.session-row{background:var(--bg3);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.session-icon{width:28px;height:28px;color:var(--muted);background:#00000008;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}body.dark .session-icon{background:#ffffff08}.session-info{flex:1}.session-device{color:var(--text);align-items:center;gap:6px;font-size:12.5px;font-weight:550;display:flex}.current-session-badge{color:var(--green);background:#10b98114;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:600}.session-loc{color:var(--muted);margin-top:1px;font-size:11px}.team-list{flex-direction:column;gap:10px;display:flex}.team-member-row{align-items:center;gap:12px;display:flex}.tm-avatar{background:var(--border);width:32px;height:32px;color:var(--text2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.tm-body{flex:1}.tm-header{justify-content:space-between;align-items:baseline;display:flex}.tm-name{color:var(--text);font-size:12.5px;font-weight:550}.tm-pct{color:var(--muted);font-family:DM Mono,monospace;font-size:11px}.tm-role{color:var(--muted);margin-top:1px;font-size:11px}.tm-bar-bg{background:var(--bg3);border:1px solid var(--border);border-radius:99px;height:4px;margin-top:5px;overflow:hidden}.tm-bar-fg{border-radius:99px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.settings-danger{border-color:#ef444440;box-shadow:0 4px 12px #ef444408}.danger-header{color:var(--red);align-items:center;gap:12px;display:flex}.danger-title{font-size:13.5px;font-weight:600}.danger-sub{color:var(--muted);margin-top:1px;font-size:11.5px}.delete-account-btn{align-self:flex-start;margin-top:4px;color:var(--red)!important;background:0 0!important;border:1px solid #ef44444d!important;padding:8px 14px!important;font-size:12px!important}.delete-account-btn:hover{background:#ef44440d!important}.settings-warning-banner{border-radius:var(--radius);background:#f59e0b0f;border:1px solid #f59e0b33;gap:12px;margin-bottom:8px;padding:12px 16px;display:flex}.warning-banner-icon{color:var(--amber);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.warning-banner-content{flex-direction:column;gap:2px;display:flex}.warning-banner-title{color:var(--text);font-size:13px;font-weight:600}.warning-banner-desc{color:var(--muted);font-size:11.5px;line-height:1.4}.audit-timeline{flex-direction:column;gap:16px;margin-top:6px;padding-left:14px;display:flex;position:relative}.audit-timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:6px;bottom:6px;left:4px}.timeline-item{gap:12px;display:flex;position:relative}.timeline-badge{background:var(--accent);border:2px solid var(--bg);z-index:1;border-radius:50%;width:9px;height:9px;position:absolute;top:5px;left:-14px;box-shadow:0 0 0 2px #4f46e533}.timeline-content{flex-direction:column;gap:2px;display:flex}.timeline-action{color:var(--text);font-size:12.5px;font-weight:500}.timeline-meta{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.timeline-user{color:var(--text2);font-weight:500}.timeline-dot{font-size:10px}.timeline-time{font-family:DM Mono,monospace}.timeline-empty{color:var(--muted);text-align:center;padding:12px 0;font-size:12px}.btn:disabled,.save-btn:disabled,.delete-account-btn:disabled{opacity:.5;cursor:not-allowed!important}