:root{--accent:#0f7f7c;--accent-2:#1ba39d;--accent-3:#6dd8d1;--accent-rgb: 15,127,124;--danger:#dc5b70;--warn:#d99840;--good:#299972;--teal-50: rgba(15,127,124,.12);--teal-100: rgba(15,127,124,.18);--teal-200: rgba(15,127,124,.28);--teal-400: #2fb9b1;--teal-500: var(--accent);--teal-600: #0c6a68;--teal-700: #095554;--page-base: radial-gradient(circle at 14% 0%, rgba(var(--accent-rgb), .16), transparent 26%), radial-gradient(circle at 84% 0%, rgba(var(--accent-rgb), .1), transparent 18%), linear-gradient(180deg, #081214 0%, #0b1719 48%, #091315 100%);--grid:rgba(var(--accent-rgb),.085);--line:rgba(var(--accent-rgb),.13);--line-strong:rgba(var(--accent-rgb),.2);--soft-line:rgba(255,255,255,.05);--panel-fill:#0c181a;--panel-fill-2:#0f1e20;--panel-fill-3:#13262a;--panel-edge:rgba(171,247,239,.12);--panel-edge-soft:rgba(255,255,255,.045);--panel-shine:rgba(255,255,255,.055);--panel-shine-2:rgba(255,255,255,.03);--panel-glow:rgba(var(--accent-rgb),.1);--bg:var(--panel-fill);--bg-subtle:var(--panel-fill-2);--surface:var(--panel-fill-3);--border:var(--line);--border-strong:var(--line-strong);--text-strong:#eef8f7;--text:#d7ecea;--text-muted:#9bb2b3;--blue: #4f7dff;--blue-50: rgba(79,125,255,.12);--blue-100: rgba(79,125,255,.18);--violet: #9f7bff;--violet-50: rgba(159,123,255,.12);--violet-100: rgba(159,123,255,.18);--amber: var(--warn);--amber-50: rgba(217,152,64,.16);--amber-100: rgba(217,152,64,.26);--coral: #f48a2a;--coral-50: rgba(244,138,42,.14);--coral-100: rgba(244,138,42,.22);--rose: var(--danger);--rose-50: rgba(220,91,112,.14);--rose-100: rgba(220,91,112,.22);--cyan: #22d3ee;--cyan-50: rgba(34,211,238,.14);--cyan-100: rgba(34,211,238,.24);--r-card: 18px;--r-btn: 12px;--r-badge: 999px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--blur:28px;--shadow-sm: 0 12px 28px rgba(0,0,0,.22);--shadow: 0 26px 62px rgba(0,0,0,.3);--font-ui: "Inter", system-ui, sans-serif;--font-head: "Inter", system-ui, sans-serif;--toggle-off: #6f7b81;--chrome-bg: #0c181a;--chrome-surface: #0f1e20}:root[data-theme=light]{--page-base: radial-gradient(circle at 14% 0%, rgba(var(--accent-rgb), .1), transparent 26%), radial-gradient(circle at 84% 0%, rgba(var(--accent-rgb), .06), transparent 18%), linear-gradient(180deg, #f7fbfb 0%, #ffffff 55%, #f2f7f7 100%);--grid:rgba(var(--accent-rgb),.06);--line:rgba(11,32,34,.12);--line-strong:rgba(11,32,34,.18);--soft-line:rgba(0,0,0,.04);--panel-fill:#ffffff;--panel-fill-2:#f5f9f9;--panel-fill-3:#ecf3f3;--panel-edge:rgba(12,32,34,.1);--panel-edge-soft:rgba(0,0,0,.04);--panel-shine:rgba(255,255,255,.85);--panel-shine-2:rgba(255,255,255,.55);--panel-glow:rgba(var(--accent-rgb),.1);--bg:var(--panel-fill);--bg-subtle:rgba(var(--accent-rgb),.06);--surface:var(--panel-fill-3);--border:var(--line);--border-strong:var(--line-strong);--text-strong:#0b2024;--text:#1f3a3d;--text-muted:#627376;--shadow-sm: 0 10px 26px rgba(8,17,19,.12);--shadow: 0 28px 60px rgba(8,17,19,.18);--toggle-off: #b8c1c6;--chrome-bg: #ffffff;--chrome-surface: #f5f9f9}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-ui);background:var(--page-base);color:var(--text);font-size:15px;-webkit-font-smoothing:antialiased;overflow:auto;overflow-x:hidden;overscroll-behavior:none}body{min-height:100vh;position:relative;transition:background .24s ease,color .18s ease}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}body:before{background:radial-gradient(circle at 10% 18%,rgba(var(--accent-rgb),.18) 0 2px,transparent 3px),radial-gradient(circle at 26% 34%,rgba(var(--accent-rgb),.18) 0 2px,transparent 3px),radial-gradient(circle at 44% 16%,rgba(var(--accent-rgb),.16) 0 2px,transparent 3px),radial-gradient(circle at 64% 28%,rgba(var(--accent-rgb),.16) 0 2px,transparent 3px),radial-gradient(circle at 82% 14%,rgba(var(--accent-rgb),.16) 0 2px,transparent 3px),linear-gradient(90deg,var(--grid) 0 1px,transparent 1px 40px),linear-gradient(180deg,var(--grid) 0 1px,transparent 1px 40px),linear-gradient(126deg,transparent 0 12%,rgba(var(--accent-rgb),.12) 12% 12.08%,transparent 12.08% 100%),linear-gradient(148deg,transparent 0 32%,rgba(var(--accent-rgb),.1) 32% 32.08%,transparent 32.08% 100%);opacity:.95;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.76) 56%,transparent 96%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.76) 56%,transparent 96%)}body:after{background:radial-gradient(circle at 16% 0%,rgba(var(--accent-rgb),.16),transparent 26%),radial-gradient(circle at 86% 0%,rgba(var(--accent-rgb),.1),transparent 18%),radial-gradient(circle at 58% 80%,rgba(255,255,255,.03),transparent 22%);opacity:.95}#app{min-height:100dvh;position:relative;z-index:1}button{cursor:pointer;border:none;background:none;font-family:inherit}a{text-decoration:none;color:inherit}.app{display:flex;min-height:100dvh;height:auto;overflow:visible}.sidebar{width:252px;flex-shrink:0;background:var(--chrome-bg);border-right:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:18px 14px;gap:var(--s2);overflow:hidden;position:sticky;top:0;height:100vh;align-self:flex-start;backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:10px 10px 18px;border-bottom:1px solid var(--border);margin-bottom:8px}.logo-dot{width:8px;height:8px;border-radius:50%;background:var(--teal-500);flex-shrink:0}.logo-text{font-family:var(--font-head);font-size:18px;font-weight:700;color:var(--text-strong);letter-spacing:-.3px}.logo-mark{width:30px;height:30px;object-fit:contain;flex-shrink:0}.logo-wordmark{height:20px;width:auto;max-width:164px;object-fit:contain;display:block}.logo-wordmark-fallback{display:none;font-family:var(--font-head);font-size:20px;font-weight:800;letter-spacing:.01em;color:#e9fbf8}.nav-section{font-size:12px;font-weight:700;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;padding:10px 10px 6px;margin-top:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;font-size:15px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s;position:relative}.nav-item:hover{background:var(--bg-subtle);color:var(--text)}.nav-item.active{background:var(--teal-50);color:var(--teal-600)}.nav-item.active .nav-icon{color:var(--teal-500)}.nav-icon{width:19px;height:19px;flex-shrink:0;opacity:.8}.nav-item.active .nav-icon{opacity:1}.nav-badge{margin-left:auto;background:var(--rose);color:#fff;border-radius:var(--r-badge);font-size:11px;font-weight:700;padding:2px 7px;min-width:20px;text-align:center}.nav-badge.teal{background:var(--teal-500)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding-top:var(--s4)}.user-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;cursor:pointer;transition:background .15s}.user-row:hover{background:var(--bg-subtle)}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--teal-400),var(--teal-600));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.user-name{font-size:14px;font-weight:700;color:var(--text-strong)}.user-role{font-size:12px;color:var(--text-muted)}.user-chevron{margin-left:auto;color:var(--text-muted);opacity:.5}.main{flex:1;overflow:visible;display:flex;flex-direction:column;min-width:0}.page-header{background:var(--chrome-bg);border-bottom:1px solid var(--border);padding:18px var(--s6);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;backdrop-filter:none;-webkit-backdrop-filter:none}.page-title{font-family:var(--font-head);font-size:32px;font-weight:800;color:var(--text-strong);letter-spacing:-.02em;line-height:1.08}.page-subtitle{font-size:14px;color:var(--text-muted);margin-top:6px;letter-spacing:.01em}.header-actions{display:flex;align-items:center;gap:var(--s3)}.content{padding:var(--s6);display:flex;flex-direction:column;gap:var(--s5);max-width:1200px;width:100%;margin:0 auto;min-width:0}.card{background:linear-gradient(180deg,var(--panel-fill),color-mix(in srgb,var(--panel-fill-2) 85%,transparent)),linear-gradient(128deg,var(--panel-shine) 0%,rgba(255,255,255,.08) 18%,transparent 38%),linear-gradient(180deg,var(--panel-shine-2),transparent 22%);border-radius:var(--r-card);border:1px solid color-mix(in srgb,var(--border) 90%,transparent);box-shadow:var(--shadow-sm);overflow:hidden;backdrop-filter:none;-webkit-backdrop-filter:none}.card-pad{padding:28px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s4)}.card-title{font-family:var(--font-head);font-size:21px;font-weight:750;color:var(--text-strong);letter-spacing:-.02em;line-height:1.24}.card-label{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.auth-brand{display:flex;align-items:center;gap:10px}.auth-brand-mark{width:30px;height:30px;object-fit:contain;flex-shrink:0}.auth-brand-wordmark{height:20px;width:auto;max-width:180px;object-fit:contain;display:block}.auth-wordmark-fallback{display:none;font-family:var(--font-head);font-size:20px;font-weight:800;letter-spacing:.01em;color:#0f6f6c}.brand-on-dark{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:linear-gradient(180deg,#ffffffeb,#e7f6f4d6);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 22px #00000026}.brand-on-dark .logo-wordmark,.brand-on-dark .auth-brand-wordmark{filter:saturate(1.08) contrast(1.08)}.brand-on-dark .logo-wordmark-fallback,.brand-on-dark .auth-wordmark-fallback{color:#0f6665}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--r-badge);font-size:11px;font-weight:600;padding:3px 8px;white-space:nowrap}.badge-critical{background:var(--rose-50);color:var(--rose)}.badge-high{background:var(--amber-50);color:var(--amber)}.badge-medium{background:var(--blue-50);color:var(--blue)}.badge-low{background:var(--teal-50);color:var(--teal-600)}.badge-area{background:var(--violet-50);color:var(--violet)}.badge-teal{background:var(--teal-50);color:var(--teal-600)}.badge-neutral{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.badge-violet{background:var(--violet-50);color:var(--violet)}.badge-coral{background:var(--coral-50);color:var(--coral)}.badge-cyan{background:var(--cyan-50);color:var(--cyan)}.skills-hero{background:linear-gradient(135deg,var(--teal-600) 0%,var(--teal-700) 100%);border-radius:var(--r-card);padding:var(--s5) var(--s6);display:flex;align-items:center;justify-content:space-between;gap:var(--s5);color:#fff;position:relative;overflow:hidden}.skills-hero:before{content:"";position:absolute;top:-60px;right:-60px;width:240px;height:240px;border-radius:50%;background:#ffffff0f;pointer-events:none}.skills-hero:after{content:"";position:absolute;bottom:-40px;left:80px;width:160px;height:160px;border-radius:50%;background:#ffffff0a;pointer-events:none}.hero-left{flex:1;position:relative;z-index:1}.hero-title{font-family:var(--font-head);font-size:28px;font-weight:800;margin-bottom:8px;line-height:1.2}.hero-sub{font-size:16px;opacity:.9;line-height:1.5;margin-bottom:var(--s4)}.hero-stats{display:flex;gap:var(--s5)}.hero-stat-val{font-family:var(--font-head);font-size:30px;font-weight:900;line-height:1}.hero-stat-label{font-size:12px;opacity:.8;margin-top:3px}.filter-bar{display:flex;gap:var(--s2);flex-wrap:wrap}.filter-chip{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;background:var(--bg);border:1.5px solid var(--border);font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s;white-space:nowrap}.filter-chip:hover{border-color:var(--teal-400);color:var(--teal-600)}.filter-chip.active{background:var(--teal-50);border-color:var(--teal-400);color:var(--teal-600);font-weight:600}.drill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s4)}.drill-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-card);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);transition:box-shadow .15s,border-color .15s,transform .1s;cursor:pointer}.drill-card:hover{box-shadow:var(--shadow);border-color:var(--border-strong);transform:translateY(-1px)}.drill-card.passed{border-color:var(--teal-200)}.drill-card.failed{border-color:var(--amber-100)}.drill-card-top{display:flex;align-items:flex-start;gap:var(--s3)}.drill-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.drill-meta{display:flex;flex-wrap:wrap;gap:5px;align-items:center;flex:1}.drill-title{font-family:var(--font-head);font-size:17px;font-weight:750;color:var(--text-strong);line-height:1.3}.drill-desc{font-size:14px;color:var(--text-muted);line-height:1.55}.drill-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--s2);border-top:1px solid var(--border)}.drill-time{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.drill-score{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.score-pass{color:var(--teal-600)}.score-fail{color:var(--amber)}.btn-start{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--teal-500);color:#fff;border-radius:11px;font-size:13px;font-weight:700;transition:background .15s}.btn-start:hover{background:var(--teal-600)}.btn-retry{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-subtle);color:var(--text-muted);border:1.5px solid var(--border);border-radius:11px;font-size:13px;font-weight:700;transition:all .15s}.btn-retry:hover{border-color:var(--border-strong);color:var(--text)}.drill-view{display:flex;flex-direction:column;background:var(--bg);border-radius:var(--r-card);border:1px solid var(--border);overflow:hidden;min-height:0}.drill-view-header{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--border);flex-shrink:0}.drill-view-icon{font-size:20px;flex-shrink:0}.drill-view-title{font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--text-strong);flex:1}.drill-view-skill{font-size:11px;font-weight:600;padding:2px 8px;background:var(--teal-50);color:var(--teal-600);border-radius:999px}.drill-view-close{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s;flex-shrink:0;cursor:pointer;border:none;background:none;font-family:inherit}.drill-view-close:hover{background:var(--bg-subtle);color:var(--text-strong)}#inline-progress{height:3px;background:var(--border);position:relative;flex-shrink:0}#inline-progress-fill{position:absolute;inset:0;background:var(--teal-500);transition:width .3s;width:0}.drill-view-body{padding:var(--s5);overflow-y:auto}.drill-arcade-frame{width:100%;height:520px;border:none;display:block;background:var(--bg-subtle)}.result-screen{display:flex;flex-direction:column;align-items:center;gap:var(--s4);text-align:center;padding:var(--s4) 0}.result-emoji{font-size:52px;line-height:1}.result-title{font-family:var(--font-head);font-size:22px;font-weight:800;color:var(--text-strong)}.result-score{font-size:15px;color:var(--text-muted)}.result-score strong{color:var(--text-strong);font-size:18px}.result-next{width:100%;max-width:340px;padding:14px 20px;background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:14px;text-align:left;cursor:pointer;transition:all .15s}.result-next:hover{border-color:var(--teal-400);background:var(--teal-50)}.result-next-label{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}.result-next-title{font-size:14px;font-weight:600;color:var(--text-strong)}.result-actions{display:flex;gap:var(--s3)}.fc-stack{display:flex;flex-direction:column;gap:var(--s4)}.fc-card{min-height:140px;background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:16px;display:flex;align-items:center;justify-content:center;padding:var(--s5);text-align:center;cursor:pointer;transition:all .2s;position:relative}.fc-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.fc-front{font-family:var(--font-head);font-size:18px;font-weight:700;color:var(--text-strong)}.fc-back{font-size:14px;color:var(--text);line-height:1.6}.fc-flip-hint{position:absolute;bottom:10px;right:14px;font-size:10px;color:var(--text-muted)}.fc-actions{display:flex;gap:var(--s3)}.fc-btn{flex:1;padding:12px;border-radius:12px;font-size:13px;font-weight:600;transition:all .15s;text-align:center}.fc-knew{background:var(--teal-50);color:var(--teal-600);border:1.5px solid var(--teal-200)}.fc-knew:hover{background:var(--teal-100)}.fc-practice{background:var(--amber-50);color:#92400e;border:1.5px solid var(--amber-100)}.fc-practice:hover{background:var(--amber-100)}.fc-counter{font-size:12px;color:var(--text-muted);text-align:center;margin-top:var(--s2)}.q-wrap{display:flex;flex-direction:column;gap:var(--s3)}.q-text{font-family:var(--font-head);font-size:16px;font-weight:700;color:var(--text-strong);line-height:1.4}.q-context{font-size:13px;color:var(--text-muted);padding:10px 14px;background:var(--bg-subtle);border-left:3px solid var(--border-strong);border-radius:0 8px 8px 0;line-height:1.5}.opts-list{display:flex;flex-direction:column;gap:var(--s2)}.q-opt{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text-strong);font-family:var(--font-ui);font-size:13px;font-weight:500;cursor:pointer;text-align:left;display:flex;align-items:flex-start;gap:10px;transition:all .12s;line-height:1.4}.q-opt:hover:not(:disabled){border-color:var(--teal-500);background:var(--teal-50)}.q-opt:disabled{cursor:default;opacity:.55}.q-opt.correct{border-color:var(--teal-500)!important;background:var(--teal-50)!important;color:var(--teal-600)!important;opacity:1!important}.q-opt.wrong{border-color:var(--rose)!important;background:var(--rose-50)!important;color:var(--rose)!important;opacity:1!important}.opt-letter{font-size:10px;font-weight:700;padding:2px 6px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:5px;color:var(--text-muted);flex-shrink:0;margin-top:1px}.q-feedback{padding:12px 14px;font-size:13px;line-height:1.5;border-radius:12px;margin-top:var(--s2)}.q-feedback.ok{background:var(--teal-50);border:1.5px solid #A7F3D0;color:#065f46}.q-feedback.ng{background:var(--rose-50);border:1.5px solid #FECACA;color:#991b1b}.q-feedback .expl{font-size:12px;opacity:.8;margin-top:4px}#inline-next{width:100%;padding:12px;background:var(--teal-500);color:#fff;border:none;border-radius:12px;font-family:var(--font-ui);font-size:14px;font-weight:700;cursor:pointer;margin-top:var(--s3);transition:background .15s}#inline-next:hover{background:var(--teal-600)}.tf-btns{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.tf-btn{padding:20px;border:2px solid var(--border);border-radius:14px;background:var(--bg);font-family:var(--font-head);font-size:16px;font-weight:700;cursor:pointer;transition:all .15s;text-align:center}.tf-btn:hover:not(:disabled){border-color:var(--teal-400);background:var(--teal-50)}.tf-btn.correct{border-color:var(--teal-500)!important;background:var(--teal-50)!important;color:var(--teal-600)!important}.tf-btn.wrong{border-color:var(--rose)!important;background:var(--rose-50)!important;color:var(--rose)!important}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(16px);background:#081315eb;color:#eef8f7;border:1px solid var(--border-strong);box-shadow:0 10px 24px #0000002e;padding:10px 20px;border-radius:12px;font-size:13px;font-weight:600;opacity:0;transition:all .3s;z-index:99999;pointer-events:none;white-space:nowrap}:root[data-theme=light] .toast{background:#fff;color:#0b2024;border-color:#0b202233}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.notif-overlay{position:fixed;inset:0;z-index:120;background:transparent}:root[data-theme=light] .notif-overlay{background:transparent}.notif-panel{position:absolute;top:72px;right:18px;width:min(420px,calc(100vw - 24px));max-height:min(72vh,760px);overflow:hidden;display:flex;flex-direction:column;background:var(--chrome-bg);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 50px #00000038}.notif-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.notif-title{font-size:14px;font-weight:700;color:var(--text-strong)}.notif-actions{display:flex;align-items:center;gap:8px}.notif-tabs{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border)}.notif-tab{padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg-subtle);font-size:11px;color:var(--text-muted);cursor:pointer}.notif-tab.on{background:var(--teal-50);border-color:var(--teal-200);color:var(--teal-700)}.notif-list{overflow:auto;padding:8px 10px;display:flex;flex-direction:column;gap:8px}.notif-empty{padding:14px 10px;font-size:12px;color:var(--text-muted)}.notif-item{border:1px solid var(--border);border-radius:10px;background:var(--chrome-surface);padding:10px;display:flex;flex-direction:column;gap:5px}.notif-item.unread{border-color:var(--border-strong);background:var(--bg)}.notif-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.notif-item-title{font-size:12px;font-weight:700;color:var(--text-strong)}.notif-item-meta{font-size:11px;color:var(--text-muted);white-space:nowrap}.notif-item-text{font-size:12px;color:var(--text);line-height:1.45}.notif-item-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.notif-sev{font-size:10px;padding:2px 7px;border-radius:999px;border:1px solid var(--border);color:var(--text-muted);background:var(--bg-subtle)}.notif-sev.info{color:var(--blue);border-color:var(--blue-100);background:var(--blue-50)}.notif-sev.success{color:var(--teal-700);border-color:var(--teal-200);background:var(--teal-50)}.notif-sev.warning{color:#92400e;border-color:var(--amber-100);background:var(--amber-50)}.notif-sev.critical{color:var(--rose);border-color:var(--rose-100);background:var(--rose-50)}.badge-neutral{background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:14px;font-size:14px;font-weight:700;padding:10px 18px;transition:all .15s;cursor:pointer;font-family:var(--font-ui)}.btn-primary{background:var(--teal-500);color:#fff}.btn-primary:hover{background:var(--teal-600)}.btn-secondary{background:var(--bg);color:var(--text);border:1.5px solid var(--border)}.btn-secondary:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.btn-ghost{color:var(--text-muted)}.btn-ghost:hover{color:var(--text);background:var(--bg-subtle);border-radius:8px}.btn-sm{padding:7px 14px;font-size:13px}.btn-icon{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}.progress-track{background:var(--bg-subtle);border-radius:var(--r-badge);overflow:hidden;height:6px}.progress-fill{height:100%;border-radius:var(--r-badge);background:var(--teal-500);transition:width .4s ease}.progress-fill.amber{background:var(--amber)}.progress-fill.rose{background:var(--rose)}.score-hero{background:var(--bg);border-radius:var(--r-card);border:1px solid var(--border);padding:var(--s5);display:flex;align-items:center;gap:var(--s6)}.score-ring-wrap{position:relative;flex-shrink:0}.score-ring-svg{transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:var(--bg-subtle);stroke-width:8}.score-ring-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.score-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-num{font-family:var(--font-head);font-size:32px;font-weight:700;color:var(--text-strong);line-height:1}.score-label{font-size:11px;color:var(--text-muted);margin-top:2px}.score-info{flex:1}.score-headline{font-family:var(--font-head);font-size:20px;font-weight:700;color:var(--text-strong);margin-bottom:var(--s2)}.score-narrative{font-size:14px;color:var(--text);line-height:1.6;margin-bottom:var(--s4)}.score-areas{display:flex;flex-wrap:wrap;gap:var(--s2)}.area-chip{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:10px;background:var(--bg-subtle);border:1px solid var(--border);font-size:12px}.area-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.score-trend{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;background:var(--teal-50);margin-bottom:var(--s3)}.score-trend-up{color:var(--teal-600);font-size:13px;font-weight:600}.attack-hero-grid{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:var(--s4);align-items:stretch}.attack-score-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.attack-score-card .score-ring-wrap{margin-bottom:var(--s2)}.attack-overview-card{display:flex;flex-direction:column;justify-content:center}.attack-surface-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:var(--s5);align-items:start}.attack-surface-main,.attack-surface-side{display:flex;flex-direction:column;gap:var(--s5)}.attack-stepper{display:flex;flex-direction:column;gap:var(--s4)}.attack-step{padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3)}.step-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3)}.step-title{display:flex;align-items:center;gap:var(--s2);font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--text-strong)}.step-index{width:26px;height:26px;border-radius:9px;background:var(--bg-subtle);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--text-strong);flex-shrink:0}.step-summary{font-size:13px;color:var(--text-muted);line-height:1.6}.step-body{display:flex;flex-direction:column;gap:var(--s3);color:var(--text)}.step-kpis{display:flex;flex-wrap:wrap;gap:6px}.step-kpi{font-size:11px;font-weight:600;padding:4px 8px;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text)}.step-kpi.teal{background:var(--teal-50);border-color:var(--teal-200);color:var(--teal-700)}.step-kpi.amber{background:var(--amber-50);border-color:var(--amber-100);color:var(--amber)}.step-kpi.rose{background:var(--rose-50);border-color:var(--rose-100);color:var(--rose)}.step-kpi.neutral{color:var(--text-muted)}.step-cta{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}.step-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text)}.step-details{margin-top:var(--s2);border-top:1px dashed var(--border);padding-top:var(--s3)}.step-details summary{cursor:pointer;font-size:12px;color:var(--text-muted);font-weight:600;list-style:none}.step-details summary::-webkit-details-marker{display:none}.step-details[open] summary{color:var(--text-strong)}.step-detail-body{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s3)}.step-detail-block{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.step-detail-title{font-size:12px;font-weight:700;color:var(--text-strong);margin-bottom:6px}.step-alert{font-size:11px;color:var(--rose);font-weight:600}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}.dash-grid-3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--s5)}.g2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--s4)}.g-main-side{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:var(--s4)}.g-side-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:var(--s4)}.dash-theme-toggle{display:flex;gap:3px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;padding:3px}.dash-theme-btn{padding:4px 10px;border-radius:7px;font-size:13px;font-weight:600;color:var(--text-muted);transition:all .15s;cursor:pointer;background:none;border:none;font-family:inherit}.dash-theme-btn:hover{color:var(--text)}.dash-theme-btn.active{background:var(--bg-subtle);color:var(--text-strong)}.dash-tag{padding:5px 12px;border-radius:999px;background:var(--violet-50);border:1px solid rgba(159,123,255,.3);font-size:11px;font-weight:700;color:var(--violet)}.mod-wrap{position:relative}.mod-tag{position:absolute;top:-11px;left:var(--s4);z-index:5;background:linear-gradient(90deg,var(--violet),#7c5ce0);color:#fff;font-size:9px;font-weight:800;padding:2px 9px;border-radius:var(--r-badge);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none}.mod-tag.green{background:linear-gradient(90deg,var(--good),#1e7d5c)}.mod-tag.amber{background:linear-gradient(90deg,var(--amber),#c07830)}.dash-v2 .momentum-hero{background:linear-gradient(160deg,var(--panel-fill) 0%,var(--panel-fill-2) 100%);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-sm);padding:var(--s5);display:grid;grid-template-columns:auto 1fr;align-items:stretch;gap:var(--s5);position:relative;overflow:hidden}.dash-v2 .hero-scores{display:flex;gap:var(--s4);align-items:stretch;flex-shrink:0}.dash-v2 .hero-score-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s3) var(--s4);border-radius:14px;background:var(--bg-subtle);border:1px solid var(--border);min-width:96px;position:relative}.dash-v2 .hero-score-box.primary{background:var(--bg-subtle);border-color:var(--border)}.dash-v2 .hero-score-num{font-size:36px;font-weight:900;line-height:1;letter-spacing:-1.5px}.dash-v2 .hero-score-lbl{font-size:10px;font-weight:600;color:var(--text-muted);margin-top:3px;letter-spacing:.04em;text-transform:uppercase}.dash-v2 .hero-score-delta{font-size:11px;font-weight:700;margin-top:5px;display:flex;align-items:center;gap:3px}.dash-v2 .delta-up{color:var(--good)}.dash-v2 .delta-down{color:var(--rose)}.dash-v2 .hero-streak-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s3) var(--s4);border-radius:14px;background:var(--bg-subtle);border:1px solid var(--border);min-width:96px}.dash-v2 .streak-fire{font-size:22px;line-height:1}.dash-v2 .streak-num{font-size:26px;font-weight:900;line-height:1;letter-spacing:-1px;color:var(--amber)}.dash-v2 .streak-lbl{font-size:10px;color:var(--text-muted);margin-top:3px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.dash-v2 .hero-narrative{display:flex;flex-direction:column;justify-content:center;gap:var(--s3);min-width:0}.dash-v2 .hero-greeting{font-size:34px;font-weight:850;color:var(--text-strong);letter-spacing:-.03em;line-height:1.15}.dash-v2 .hero-sub{font-size:17px;color:var(--text);line-height:1.55}.dash-v2 .hero-areas{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.dash-v2 .feed-list{display:flex;flex-direction:column}.dash-v2 .feed-item{display:flex;gap:var(--s3);padding:10px var(--s4);border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;align-items:flex-start}.dash-v2 .feed-item:last-child{border-bottom:none}.dash-v2 .feed-item:hover{background:var(--bg-subtle)}.dash-v2 .feed-dot-col{display:flex;flex-direction:column;align-items:center;padding-top:4px;flex-shrink:0;width:16px}.dash-v2 .feed-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dash-v2 .feed-dot.crit{background:var(--rose)}.dash-v2 .feed-dot.warn{background:var(--amber)}.dash-v2 .feed-dot.good{background:var(--good)}.dash-v2 .feed-dot.info{background:var(--teal-400)}.dash-v2 .feed-dot.read{background:transparent;border:1.5px solid var(--border-strong)}.dash-v2 .feed-line{flex:1;width:1px;background:var(--border);margin-top:4px;min-height:16px}.dash-v2 .feed-body{flex:1;min-width:0}.dash-v2 .feed-text{font-size:13px;color:var(--text);line-height:1.5}.dash-v2 .feed-text strong{color:var(--text-strong);font-weight:600}.dash-v2 .feed-meta{font-size:11px;color:var(--text-muted);margin-top:3px;display:flex;align-items:center;gap:8px}.dash-v2 .feed-action{font-size:11px;color:var(--teal-600);font-weight:600;cursor:pointer;margin-left:auto;white-space:nowrap}.dash-v2 .feed-action:hover{color:var(--teal-400)}.dash-v2 .brief-card{background:var(--panel-fill);border:1px solid var(--border);border-radius:var(--r-card);padding:var(--s5);position:relative;overflow:hidden}.dash-v2 .brief-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--s4)}.dash-v2 .brief-kw{font-size:10px;font-weight:800;color:var(--teal-600);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}.dash-v2 .brief-title{font-size:32px;font-weight:850;color:var(--text-strong);letter-spacing:-.03em;line-height:1.1}.dash-v2 .brief-items{display:flex;flex-direction:column;gap:var(--s3)}.dash-v2 .brief-item{display:flex;gap:var(--s3);align-items:flex-start}.dash-v2 .brief-ico{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.dash-v2 .brief-text{font-size:17px;color:var(--text);line-height:1.55}.dash-v2 .brief-text strong{color:var(--text-strong)}.dash-v2 .pulse-row{display:flex;align-items:center;gap:var(--s3);padding:8px var(--s4);border-bottom:1px solid var(--border)}.dash-v2 .pulse-row:last-child{border-bottom:none}.dash-v2 .pulse-av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;border:1.5px solid var(--border)}.dash-v2 .pulse-name{flex:1;font-size:13px;color:var(--text)}.dash-v2 .pulse-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.dash-v2 .pulse-score{font-size:13px;font-weight:800;color:var(--text-strong);min-width:32px;text-align:right}.dash-v2 .records-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.dash-v2 .record-item{padding:var(--s3);border-radius:12px;background:var(--bg-subtle);border:1px solid var(--border);text-align:center}.dash-v2 .record-val{font-size:22px;font-weight:900;letter-spacing:-1px;color:var(--text-strong)}.dash-v2 .record-lbl{font-size:10px;color:var(--text-muted);margin-top:2px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.dash-v2 .record-name{font-size:11px;color:var(--teal-600);font-weight:600;margin-top:1px}.dash-v2 .news-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--surface)}.dash-v2 .news-tab{flex:1;padding:9px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s;border-bottom:2px solid transparent;position:relative;top:1px;text-align:center}.dash-v2 .news-tab:hover{color:var(--text)}.dash-v2 .news-tab.active{color:var(--teal-600);border-bottom-color:var(--teal-500)}.dash-v2 .news-body{display:none;flex-direction:column;gap:0}.dash-v2 .news-body.active{display:flex}.dash-v2 .news-item{display:flex;gap:var(--s3);padding:10px var(--s4);border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;align-items:flex-start}.dash-v2 .news-item:last-child{border-bottom:none}.dash-v2 .news-item:hover{background:var(--bg-subtle)}.dash-v2 .news-severity{width:3px;border-radius:2px;flex-shrink:0;align-self:stretch;min-height:36px}.dash-v2 .news-content{flex:1;min-width:0}.dash-v2 .news-title{font-size:18px;font-weight:700;color:var(--text-strong);line-height:1.35;margin-bottom:6px}.dash-v2 .news-source{font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dash-v2 .news-tag{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.dash-v2 .news-tag.personal{background:var(--blue-50);color:var(--blue)}.dash-v2 .news-tag.business{background:var(--amber-50);color:var(--amber)}.dash-v2 .news-tag.crit{background:var(--rose-50);color:var(--rose)}.dash-v2 .news-tag.medium{background:var(--teal-50);color:var(--teal-600)}.dash-v2 .sim-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--s4)}.dash-v2 .sim-card{padding:var(--s4);border-radius:14px;background:var(--bg-subtle);border:1px solid var(--border);display:flex;flex-direction:column;gap:var(--s3)}.dash-v2 .sim-head{display:flex;align-items:center;justify-content:space-between}.dash-v2 .sim-ico{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px}.dash-v2 .sim-ico.rose{background:var(--rose-50);border:1px solid var(--rose-100)}.dash-v2 .sim-ico.good{background:var(--good-50);border:1px solid rgba(41,153,114,.25)}.dash-v2 .sim-ico.blue{background:var(--blue-50);border:1px solid rgba(79,125,255,.25)}.dash-v2 .sim-title{font-size:18px;font-weight:750;color:var(--text-strong)}.dash-v2 .sim-sub{font-size:13px;color:var(--text-muted)}.dash-v2 .sim-summary{font-size:15px;color:var(--text);background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;padding:12px 14px;line-height:1.55}.dash-v2 .sim-summary.rose{background:var(--rose-50);border-color:var(--rose-100)}.dash-v2 .sim-summary.good{background:var(--good-50);border-color:#29997238}.dash-v2 .badge-crit{background:var(--rose-50);color:var(--rose);border:1px solid var(--rose-100)}.dash-v2 .badge-good{background:var(--teal-50);color:var(--teal-600)}.dash-v2 .badge-blue{background:var(--blue-50);color:var(--blue)}.dash-v2 .badge-violet{background:var(--violet-50);color:var(--violet)}.dash-v2 .badge-new{background:var(--rose);color:#fff}.risk-card{background:var(--bg);border-radius:var(--r-card);border:1px solid var(--border);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);transition:box-shadow .15s,border-color .15s;cursor:pointer}.risk-card:hover{box-shadow:var(--shadow);border-color:var(--border-strong)}.risk-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3)}.risk-card-meta{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.risk-card-title{font-size:18px;font-weight:700;color:var(--text-strong);line-height:1.3}.risk-card-body{font-size:14px;color:var(--text-muted);line-height:1.6}.risk-card-footer{display:flex;align-items:center;justify-content:space-between}.risk-card-source{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.nba-card{background:linear-gradient(135deg,var(--teal-500) 0%,var(--teal-600) 100%);border-radius:var(--r-card);padding:var(--s5);color:#fff;position:relative;overflow:hidden}.nba-card:before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:#ffffff0f}.nba-card:after{content:"";position:absolute;bottom:-30px;left:20px;width:100px;height:100px;border-radius:50%;background:#ffffff0a}.nba-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.8;margin-bottom:var(--s2)}.nba-title{font-family:var(--font-head);font-size:31px;font-weight:820;margin-bottom:10px;line-height:1.16;position:relative;z-index:1;letter-spacing:-.02em}.nba-desc{font-size:18px;opacity:.92;margin-bottom:var(--s4);line-height:1.5;position:relative;z-index:1}.nba-footer{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.nba-time{display:flex;align-items:center;gap:5px;font-size:12px;opacity:.85}.nba-btn{background:#fff3;color:#fff;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s;border:1.5px solid rgba(255,255,255,.25)}.nba-btn:hover{background:#ffffff4d}.stat-card{background:var(--bg);border-radius:var(--r-card);border:1px solid var(--border);padding:var(--s4)}.stat-val{font-family:var(--font-head);font-size:34px;font-weight:800;color:var(--text-strong);letter-spacing:-.02em;line-height:1}.stat-label{font-size:14px;color:var(--text-muted);margin-top:6px}.stat-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;margin-top:var(--s2)}.stat-trend.up{color:var(--teal-600)}.stat-trend.down{color:var(--rose)}.area-row{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) 0;border-bottom:1px solid var(--border)}.area-row:last-child{border-bottom:none}.area-name{font-size:13px;font-weight:500;color:var(--text);width:200px;flex-shrink:0}.area-bar-wrap{flex:1}.area-score{font-size:13px;font-weight:600;text-align:right;width:36px;flex-shrink:0}.area-sev{width:52px;flex-shrink:0;text-align:right}.nudge-item{display:flex;gap:var(--s3);padding:var(--s3);border-radius:10px;transition:background .15s;cursor:pointer}.nudge-item:hover{background:var(--bg-subtle)}.nudge-dot-wrap{flex-shrink:0;padding-top:2px}.nudge-dot{width:8px;height:8px;border-radius:50%;background:var(--teal-500);margin-top:4px}.nudge-dot.read{background:transparent;border:1.5px solid var(--border-strong)}.nudge-text{font-size:13px;color:var(--text);line-height:1.5}.nudge-meta{font-size:11px;color:var(--text-muted);margin-top:3px}.streak-dots{display:flex;gap:4px;flex-wrap:wrap;margin-top:var(--s3)}.streak-dot{width:20px;height:20px;border-radius:6px;background:var(--bg-subtle);border:1px solid var(--border);transition:all .15s}.streak-dot.done{background:var(--teal-500);border-color:var(--teal-500)}.streak-dot.today{background:var(--teal-100);border-color:var(--teal-400);border-width:2px}.cap-indicator{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--bg);border-radius:var(--r-card);border:1px solid var(--border)}.cap-label{font-size:13px;color:var(--text-muted)}.cap-val{font-weight:600;color:var(--text-strong)}.cap-done{color:var(--teal-600);font-weight:600;font-size:13px}.risk-grid{display:flex;flex-direction:column;gap:var(--s3)}.section-head{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) 0 var(--s2)}.section-head-label{font-family:var(--font-head);font-size:13px;font-weight:700;color:var(--text-strong)}.section-head-count{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-badge);font-size:11px;font-weight:600;color:var(--text-muted);padding:2px 7px}.exposure-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.attr-row{display:flex;align-items:center;justify-content:space-between;padding:var(--s3) 0;border-bottom:1px solid var(--border)}.attr-row:last-child{border-bottom:none}.attr-label{font-size:13px;color:var(--text);font-weight:500}.attr-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.toggle{position:relative;width:36px;height:20px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;inset:0;border-radius:var(--r-badge);background:var(--toggle-off);cursor:pointer;transition:background .1s}.toggle-track.on,.toggle input:checked~.toggle-track{background:var(--teal-500)}.toggle-thumb{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .1s;pointer-events:none;box-shadow:0 1px 3px #0003}.toggle input:checked~.toggle-thumb{transform:translate(16px)}.toggle-btn{width:36px;height:20px;border-radius:999px;background:var(--toggle-off);border:none;position:relative;cursor:pointer;transition:background .1s;flex-shrink:0}.toggle-btn.on{background:var(--teal-500)}.toggle-btn:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .1s;box-shadow:0 1px 3px #0003}.toggle-btn.on:after{left:19px}.pill-group{display:flex;gap:4px}.pill{padding:4px 10px;border-radius:var(--r-badge);font-size:12px;font-weight:500;border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .15s}.pill.active{background:var(--teal-50);border-color:var(--teal-400);color:var(--teal-600)}.breach-item{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s4);border-radius:12px;border:1px solid var(--border);background:var(--bg)}.breach-icon{width:36px;height:36px;border-radius:10px;background:var(--rose-50);display:flex;align-items:center;justify-content:center;flex-shrink:0}.breach-name{font-size:14px;font-weight:600;color:var(--text-strong)}.breach-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.breach-classes{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--s2)}.osint-cta{border:1.5px dashed var(--border-strong);border-radius:var(--r-card);padding:var(--s5);display:flex;flex-direction:column;align-items:stretch;gap:var(--s3);text-align:left;background:var(--bg-subtle)}.osint-cta-icon{width:48px;height:48px;border-radius:14px;background:var(--teal-50);display:flex;align-items:center;justify-content:center}.osint-email-grid{width:100%;display:grid;grid-template-columns:1fr;gap:10px}.osint-email-input{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;background:var(--panel-fill);color:var(--text);font-size:13px;transition:border-color .15s,box-shadow .15s}.osint-email-input:focus{outline:none;border-color:var(--teal-400);box-shadow:0 0 0 3px var(--teal-50)}.osint-email-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.osint-email-chips{display:flex;flex-wrap:wrap;gap:8px}.osint-email-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--teal-200);background:var(--teal-50);font-size:12px;color:var(--teal-700)}.osint-email-chip button{width:18px;height:18px;border:none;border-radius:999px;background:var(--panel-fill-2);color:var(--teal-700);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.osint-email-empty{font-size:12px;color:var(--text-muted)}.osint-email-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.osint-email-count{font-size:12px;color:var(--text-muted)}.osint-email-count strong{font-size:13px;color:var(--text-strong)}.osint-result{width:100%;padding:10px 12px;border-radius:12px;background:var(--panel-fill-2);border:1px solid var(--border);text-align:left}.osint-result-title{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}.osint-result-line{font-size:12px;color:var(--text);line-height:1.5}.osint-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.osint-tag{font-size:11px;padding:3px 8px;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text)}.leaderboard{display:flex;flex-direction:column;gap:2px}.lb-row{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:10px;transition:background .15s;cursor:pointer}.lb-row:hover{background:var(--bg-subtle)}.lb-row.me{background:var(--teal-50)!important;border:1px solid var(--teal-200)}.lb-rank{width:24px;text-align:center;font-size:13px;font-weight:700;color:var(--text-muted);flex-shrink:0}.lb-rank.top3{color:var(--amber)}.lb-avatar{width:30px;height:30px;border-radius:50%;background:var(--bg-subtle);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.lb-name{flex:1;font-size:13px;font-weight:500;color:var(--text)}.lb-dept{font-size:11px;color:var(--text-muted)}.lb-score{font-size:14px;font-weight:700;font-family:var(--font-head);color:var(--text-strong)}.lb-trend{font-size:11px;color:var(--teal-600);font-weight:500;margin-left:4px}.tabs{display:flex;gap:2px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:12px;padding:3px}.tab{padding:6px 14px;border-radius:9px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s;white-space:nowrap}.tab.active{background:var(--bg);color:var(--text-strong);box-shadow:var(--shadow-sm);font-weight:600}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--s3);padding:var(--s6);text-align:center;color:var(--text-muted)}.empty-icon{font-size:32px;opacity:.4}.page{display:flex;flex-direction:column;gap:var(--s5)}.page.page-enter{animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scan-banner{border-radius:var(--r-card);padding:14px 18px;display:flex;align-items:center;gap:12px;animation:fadeIn .3s ease}.scan-banner-scanning{background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff}.scan-banner-review{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.scan-banner-ok{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.scan-banner-clearing{background:var(--panel-fill-2);border:1px solid var(--border);color:var(--text-muted)}.scan-banner-cleared,.scan-banner-error{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626}.scan-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.35);border-top:2.5px solid #fff;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.scan-spinner-dark{border-color:#00000026;border-top-color:var(--teal-600)}.scan-progress-bar{height:4px;border-radius:2px;background:#ffffff40;margin-top:8px;overflow:hidden}.scan-progress-fill{height:100%;border-radius:2px;background:#ffffffe6;transition:width .6s ease}.scan-cta-btn{margin-left:auto;white-space:nowrap;padding:6px 14px;border-radius:8px;background:#ffffff38;border:1.5px solid rgba(255,255,255,.5);color:#fff;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0}.scan-cta-btn:hover{background:#ffffff59}.step-scan-status{margin-top:10px;display:flex;flex-direction:column;gap:6px}.risk-hero{display:flex;align-items:flex-start;gap:var(--s5);padding:var(--s5)}.risk-hero .score-ring-bg{stroke-width:10}.risk-hero .score-ring-fill{stroke-width:10;transition:stroke-dashoffset .8s cubic-bezier(.16,1,.3,1)}.risk-hero .score-num{font-size:36px;transition:all .5s}.risk-hero-info{flex:1;min-width:0}.risk-hero-side{width:320px;flex-shrink:0}.risk-headline{font-family:var(--font-head);font-size:18px;font-weight:700;color:var(--text-strong);margin-bottom:6px;line-height:1.3}.risk-narrative{font-size:14px;color:var(--text);line-height:1.6;margin-bottom:var(--s4)}.risk-stats-row{display:flex;gap:var(--s3);flex-wrap:wrap}.risk-stat-chip{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:10px;background:var(--bg-subtle);border:1px solid var(--border);min-width:80px}.rsc-val{font-family:var(--font-head);font-size:17px;font-weight:700;color:var(--text-strong);line-height:1}.rsc-label{font-size:11px;color:var(--text-muted)}.risk-trend{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;background:var(--teal-50);margin-bottom:var(--s3);width:fit-content}.trend-text{font-size:13px;font-weight:600;color:var(--teal-600)}.spider-training-row{display:grid;grid-template-columns:1fr 310px;gap:var(--s5);align-items:stretch}.spider-card{background:linear-gradient(180deg,var(--panel-fill),var(--panel-fill-2));border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-sm);overflow:hidden}.spider-header{padding:var(--s4) var(--s5);border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3)}.spider-title{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--text-strong)}.spider-sub{font-size:12px;color:var(--text-muted);margin-top:2px;transition:color .2s}.spider-legend{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}.legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted);white-space:nowrap}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.spider-host{position:relative;width:100%;padding-bottom:72%}.spider-host svg{position:absolute;inset:0;width:100%;height:100%}.breach-overlay{position:absolute;inset:0;pointer-events:none;z-index:5;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.breach-overlay.active{opacity:1}.breach-label-box{background:var(--rose-50);border:1.5px solid var(--rose);border-radius:12px;padding:12px 18px;font-size:13px;font-weight:600;color:var(--rose);text-align:center;max-width:300px;line-height:1.5;animation:fadeIn .3s ease}#trainingList{display:flex;flex-direction:column;gap:var(--s2)}.training-item{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-card);padding:var(--s3) var(--s4);cursor:pointer;transition:all .18s;position:relative;overflow:hidden}.training-item:hover,.training-item.preview{border-color:var(--teal-400);background:var(--teal-50)}.training-item.best{border-color:rgba(var(--accent-rgb),.3)}.training-best-tag{position:absolute;top:10px;right:10px;background:var(--teal-500);color:#fff;border-radius:6px;font-size:10px;font-weight:700;padding:2px 7px}.ti-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s2);margin-bottom:5px}.ti-title{font-size:13px;font-weight:600;color:var(--text-strong);line-height:1.3;flex:1;min-width:0;padding-right:4px}.ti-points{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--teal-600);white-space:nowrap;flex-shrink:0}.ti-desc{font-size:12px;color:var(--text-muted);line-height:1.5;margin-bottom:6px}.ti-meta{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.ti-time{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.attacker-scenario{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;background:var(--bg-subtle);border:1.5px solid var(--border);cursor:pointer;transition:all .18s}.attacker-scenario:hover{background:var(--rose-50);border-color:var(--rose-100)}.attacker-scenario.selected{background:var(--rose-50);border-color:var(--rose)}.as-dot{width:8px;height:8px;border-radius:50%;background:var(--rose);flex-shrink:0;margin-top:4px}.as-text{font-size:12px;color:var(--text);line-height:1.55;flex:1}.as-text strong{color:var(--text-strong);font-weight:600}.simulate-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--rose);color:#fff;border-radius:10px;font-size:13px;font-weight:600;width:100%;justify-content:center;transition:background .15s;flex-shrink:0;white-space:nowrap;overflow:hidden}.simulate-btn:hover{background:#c94a5e}.simulate-btn:disabled{opacity:.6;cursor:not-allowed}.sim-result{padding:var(--s3);border-radius:var(--r-btn);background:var(--rose-50);border:1.5px solid var(--rose-100)}.score-chart-wrap{position:relative;height:130px;width:100%}.score-chart-wrap svg{width:100%;height:100%;display:block;overflow:visible}.bench-list{display:flex;flex-direction:column;gap:2px}.bench-row{display:flex;align-items:center;gap:var(--s3);padding:8px 10px;border-radius:10px;transition:background .15s}.bench-row:hover{background:var(--bg-subtle)}.bench-row.me{background:var(--teal-50);border:1px solid var(--teal-200)}.br-bar-wrap{flex:1;max-width:140px}.strength-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin-top:var(--s3)}.strength-card{background:var(--teal-50);border:1.5px solid var(--teal-200);border-radius:var(--r-card);padding:var(--s4)}.prognose-card{background:linear-gradient(135deg,var(--teal-600) 0%,var(--teal-700) 100%);border-radius:var(--r-card);padding:var(--s5);color:#fff;position:relative;overflow:hidden}.prognose-card:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;border-radius:50%;background:#ffffff0f}.prognose-card:after{content:"";position:absolute;bottom:-30px;left:20px;width:120px;height:120px;border-radius:50%;background:#ffffff0a}.prog-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s4)}.prog-title{font-family:var(--font-head);font-size:19px;font-weight:700;line-height:1.25}.prog-target{font-family:var(--font-head);font-size:48px;font-weight:800;line-height:1;letter-spacing:-2px}.prog-steps{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}.prog-step{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15)}.ps-num{width:22px;height:22px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.ps-pts{font-size:12px;font-weight:700;opacity:.9;white-space:nowrap}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--s3);margin-top:var(--s3)}.badge-item{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-card);padding:var(--s4);display:flex;flex-direction:column;align-items:center;gap:var(--s2);text-align:center;transition:all .18s}.badge-item.earned{border-color:var(--teal-400);background:var(--teal-50)}.badge-item.locked{opacity:.45}.combo-card{background:linear-gradient(180deg,var(--panel-fill),var(--panel-fill-2));border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;align-self:stretch}.combo-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--panel-fill-3);flex-shrink:0}.combo-tab{flex:1;padding:11px var(--s4);font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:2px solid transparent;position:relative;top:1px}.combo-tab:hover{color:var(--text);background:var(--bg-subtle)}.combo-tab.active{color:var(--teal-600);border-bottom-color:var(--teal-500);background:var(--bg)}.combo-tab-body{display:none;padding:var(--s4);flex:1;overflow-y:auto}.combo-tab-body::-webkit-scrollbar{width:4px}.combo-tab-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.combo-tab-body.active{display:flex;flex-direction:column;gap:var(--s3)}.hero-badges-mini{display:flex;gap:6px;flex-wrap:wrap;margin-top:var(--s3)}.hbm-item{display:flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--r-badge);background:var(--teal-50);border:1px solid var(--teal-200)}.hbm-ico{font-size:13px;line-height:1}.hbm-name{font-size:11px;font-weight:600;color:var(--teal-600)}.hbm-lock{padding:4px 9px;border-radius:var(--r-badge);background:var(--bg-subtle);border:1px solid var(--border);font-size:11px;color:var(--text-muted)}.demo-banner{background:linear-gradient(90deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.06));border:1px solid var(--teal-200);border-radius:10px;padding:10px 16px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--teal-600);font-weight:500}.section-divider{flex:1;height:1px;background:var(--border)}svg{display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}@media(max-width:900px){.sidebar{width:64px;padding:var(--s3)}.sidebar-logo .logo-text,.sidebar-logo .logo-wordmark,.sidebar-logo .logo-wordmark-fallback,.nav-item span,.user-name,.user-role,.user-chevron{display:none}.nav-item{justify-content:center;padding:10px}.nav-section{display:none}.sidebar-logo{justify-content:center;padding:var(--s3) 0 var(--s4)}.page-header{padding:12px 16px}.content{padding:var(--s4)}.dash-grid,.dash-grid-3,.exposure-grid,.attack-hero-grid,.attack-surface-grid,.g2,.g3,.g-main-side,.g-side-main,.dash-v2 .momentum-hero,.dash-v2 .sim-grid{grid-template-columns:1fr}.attack-score-card{flex-direction:row;justify-content:flex-start;gap:var(--s4);text-align:left}.attack-score-card .score-ring-wrap{margin-bottom:0}}@media(max-width:768px){.app{flex-direction:column;min-height:100vh;height:auto;overflow:visible;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 76px)}.sidebar{position:fixed;inset:auto 0 0;z-index:30;width:100%;min-height:calc(env(safe-area-inset-bottom,0px) + 70px);height:calc(env(safe-area-inset-bottom,0px) + 70px);max-height:calc(env(safe-area-inset-bottom,0px) + 70px);align-self:stretch;border-right:none;border-top:1px solid var(--border);background:var(--chrome-bg);display:flex;align-items:stretch;gap:4px;padding:6px 8px calc(env(safe-area-inset-bottom,0px) + 6px);overflow-x:auto;overflow-y:hidden}.sidebar-logo,.nav-section{display:none}.nav-item{flex:1 1 0;min-width:62px;max-width:104px;min-width:0;padding:6px 5px;min-height:56px;border-radius:10px;flex-direction:column;gap:2px;font-size:10px;text-align:center;justify-content:center;white-space:nowrap;line-height:1.1}.nav-item span{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-icon{width:16px;height:16px}.nav-badge{position:absolute;top:4px;right:8px;margin-left:0}.sidebar-bottom{display:contents;margin:0;border-top:none;padding-top:0}.sidebar-bottom .user-row{display:none}.sidebar-bottom .nav-item{margin:0!important}.user-name,.user-role,.user-chevron{display:none}.page-header{padding:12px;flex-wrap:wrap;gap:10px;align-items:flex-start}.header-actions{margin-left:auto}.content{padding:12px 12px calc(env(safe-area-inset-bottom,0px) + 84px)}.drill-grid{grid-template-columns:1fr}.hero-stats{gap:12px}.score-hero{flex-direction:column;align-items:flex-start;gap:14px}.score-info{width:100%}.score-headline{font-size:20px}.score-areas{flex-direction:column;align-items:stretch}.area-chip{width:100%;justify-content:flex-start}.area-row{align-items:flex-start}.area-name{width:auto;flex:1;min-width:0}.area-score{width:30px}.area-sev{width:auto}}@media(max-width:520px){.page-title{font-size:24px}.page-subtitle{font-size:13px}.btn.btn-secondary.btn-sm{padding:7px 12px;font-size:13px}.header-actions{gap:8px}.score-num{font-size:28px}.score-headline{font-size:18px}.score-narrative{font-size:13px}.area-row{display:grid;grid-template-columns:1fr auto;row-gap:6px;column-gap:8px}.area-bar-wrap{grid-column:1 / -1}.area-sev{display:none}}@media(max-width:900px){.spider-training-row{grid-template-columns:1fr}.strength-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.risk-hero{flex-direction:column;align-items:center;text-align:center}.risk-hero-side{width:100%}.risk-stats-row{justify-content:center}.risk-trend{margin:0 auto var(--s3)}.strength-grid{grid-template-columns:1fr 1fr}.prog-top{flex-direction:column}}@media(max-width:520px){.strength-grid{grid-template-columns:1fr}.badges-grid{grid-template-columns:1fr 1fr}}.rd-spider{--line: color-mix(in srgb, var(--text-muted) 65%, transparent)}@keyframes rdCrackDash{0%{stroke-dashoffset:140}to{stroke-dashoffset:0}}@keyframes rdSimPulse{0%,to{opacity:.35}50%{opacity:.95}}