:root{--bg: #0B1220;--surface: #131C2E;--surface-raised: #1C2740;--surface-hover: #18233A;--bg-elev: #0E1524;--sidebar: #0A101E;--border: rgba(148, 163, 184, .12);--border-strong: rgba(148, 163, 184, .22);--text: #E6EDF7;--text-muted: #93A1B8;--text-faint: #7E8FAA;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-soft: rgba(37, 99, 235, .15);--accent-text: #93b4ff;--critical: #F47B7B;--critical-soft: rgba(244, 123, 123, .14);--critical-strong: #DC2626;--high: #F97A21;--high-soft: rgba(249, 122, 33, .14);--medium: #F59E0B;--medium-soft: rgba(245, 158, 11, .14);--low: #22C55E;--low-soft: rgba(34, 197, 94, .14);--info: #38BDF8;--info-soft: rgba(56, 189, 248, .14);--radius-chip: 6px;--radius-control: 10px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow: 0 12px 32px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .28);--duration: .16s;--ease: cubic-bezier(.16, 1, .3, 1);--sidebar-w: 250px;--sidebar-w-collapsed: 68px;--header-h: 60px;--settings-w: 800px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-display: 46px;--text-headline: 24px;--text-title: 20px;--text-body: 13px;--text-control: 12.5px;--text-hint: 11.5px;--text-label: 11px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}a{color:var(--accent-text);text-decoration:none}a:hover{color:#bcd0ff}::selection{background:#2563eb59}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#94a3b82e;border-radius:var(--radius-chip)}::-webkit-scrollbar-track{background:transparent}button{font-family:inherit}input,select{font-family:inherit;color:var(--text)}input::placeholder{color:var(--text-faint)}select option{background:var(--surface-raised);color:var(--text)}.tnum{font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.app-main{flex:1;overflow-y:auto;padding:28px;min-height:0}@media (max-width: 1365px){.app-main{padding:20px}}.settings-page{max-width:var(--settings-w);margin:0 auto}.settings-stack{display:flex;flex-direction:column;gap:16px}.settings-footnote{margin:4px 0 0;padding:0 2px;font-size:var(--text-hint);color:var(--text-faint)}.list-rows{display:flex;flex-direction:column}.list-row{padding:12px 0}.list-row+.list-row{border-top:1px solid var(--border)}.list-rows>.list-row:first-child{padding-top:0}.list-rows>.list-row:last-child{padding-bottom:0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.section-footer{display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);padding-top:16px}.section-footer .hint{flex:1;min-width:0}.section-footer-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.btn{border:none;border-radius:var(--radius-control);padding:9px 16px;font-size:var(--text-control);font-weight:600;cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;border:1px solid var(--border-strong);color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-row{background:transparent;border:1px solid transparent;color:var(--text-muted);padding:5px 10px;font-size:var(--text-hint);display:inline-flex;align-items:center;gap:5px}.btn-row:hover{background:var(--surface-hover);color:var(--text)}.btn-row-danger:hover,.btn-row-danger:focus-visible{color:var(--critical)}.input,.select{background:var(--bg-elev);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-control);padding:8px 12px;font-size:var(--text-control);outline:none}.input::placeholder{color:var(--text-faint)}.select{cursor:pointer}.reveal-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:none;border-radius:var(--radius-control);color:var(--text-faint);cursor:pointer;transition:color .12s,background .12s}.reveal-toggle:hover{color:var(--text);background:var(--surface-hover)}.chip{display:inline-block;font-size:10.5px;font-weight:700;border-radius:var(--radius-pill);padding:3px 9px}.chip-toggle{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:var(--radius-control);background:var(--bg-elev);border:1px solid var(--border)}.chip-toggle button{padding:4px 10px;border:none;border-radius:var(--radius-chip);background:transparent;color:var(--text-muted);font-size:var(--text-control);font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.chip-toggle button:hover{background:var(--surface-hover);color:var(--text)}.chip-toggle button[aria-pressed=true],.chip-toggle button[aria-pressed=true]:hover{background:var(--accent);color:#fff}.chip-toggle button:disabled{cursor:not-allowed;opacity:.6}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:var(--text-label);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:600;padding:12px 16px;border-bottom:1px solid var(--border)}.table td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:var(--text-body)}.table tr.clickable{cursor:pointer;transition:background .12s}.table tr.clickable:hover{background:var(--surface-hover)}.explore-score{transition:background .12s}.explore-score:hover{background:var(--surface-hover)}.explore-score:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.section-label{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:600}.field-label{font-size:var(--text-control);font-weight:600;color:var(--text-muted)}.hint{font-size:var(--text-hint);color:var(--text-faint)}.error-text{font-size:var(--text-control);color:var(--critical);margin:0}.otp{position:relative;display:flex;gap:8px;max-width:336px}.otp-field{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;padding:0;border:none;outline:none;background:transparent;color:transparent;caret-color:transparent;font-size:16px;cursor:text}.otp-field::selection{background:transparent}.otp-field:disabled{cursor:not-allowed}.otp-box{flex:1;height:48px;display:grid;place-items:center;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-control);font-size:19px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.otp-box-active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.otp-box-invalid{border-color:var(--critical)}.otp[data-disabled=true] .otp-box{opacity:.55}.otp-caret{width:1.5px;height:21px;border-radius:1px;background:var(--accent-text);animation:otp-caret-blink 1.1s steps(1) infinite}@keyframes otp-caret-blink{0%,45%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.otp-caret{animation:none}}.page-title{font-size:var(--text-headline);font-weight:700;letter-spacing:-.01em;margin:0}.page-sub{color:var(--text-muted);margin:4px 0 0;font-size:var(--text-body)}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fade-in .3s ease}@keyframes tier-open{0%{grid-template-rows:0fr;opacity:0}to{grid-template-rows:1fr;opacity:1}}.tier-reveal{display:grid;animation:tier-open .25s cubic-bezier(.77,0,.175,1) both}@keyframes wire-drift-left{to{stroke-dashoffset:8.1}}@keyframes wire-drift-right{to{stroke-dashoffset:-8.1}}.wire-dots{stroke-dasharray:.1 8}.wire-dots.wire-drift-left{animation:wire-drift-left .9s linear infinite}.wire-dots.wire-drift-right{animation:wire-drift-right .9s linear infinite}.plug-male,.plug-female{transition:transform .35s var(--ease)}.plug-connected .plug-male{transform:translate(7px)}.plug-connected .plug-female{transform:translate(-4px)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-property:background-color,border-color,color,opacity,fill,stroke!important;transition-duration:.12s!important}}.nav-idle:hover{background:var(--surface-hover)!important;color:var(--text)!important}@keyframes spin{to{transform:rotate(360deg)}}.toast-wrap{position:fixed;bottom:22px;right:22px;z-index:80;display:flex;flex-direction:column;gap:8px}.toast{background:var(--surface-raised);border:1px solid var(--border-strong);border-left:3px solid var(--accent);border-radius:var(--radius-control);padding:12px 16px;min-width:240px;max-width:360px;box-shadow:var(--shadow);font-size:13px;animation:fade-in .2s ease}.toast-success{border-left-color:var(--low)}.toast-error{border-left-color:var(--critical)}.login-shell{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:28px;background:radial-gradient(900px 520px at 22% -10%,rgba(37,99,235,.16),transparent)}.login-brand{position:absolute;top:28px;left:28px;display:block}.login-pane{display:flex;flex-direction:column;justify-content:center;align-items:center}.login-content{width:100%;max-width:400px}.login-headline{font-size:clamp(25px,2.1vw,32px);font-weight:700;letter-spacing:-.02em;line-height:1.18;margin:0 0 10px;text-align:center}.login-sub{color:var(--text-muted);font-size:var(--text-body);line-height:1.5;margin:0 0 26px;text-align:center}.login-card{border-radius:var(--radius-lg);padding:28px 26px;box-shadow:var(--shadow)}.login-policy{margin:16px 0 0;text-align:center;font-size:var(--text-hint);color:var(--text-faint);line-height:1.55}.login-art{position:relative;margin:-28px -28px -28px 0}.login-art svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-mask-image:linear-gradient(to right,transparent,#000 22%);mask-image:linear-gradient(to right,transparent,#000 22%)}.login-identity{display:flex;align-items:center;gap:8px}.login-identity .input{flex:1;min-width:0}.login-identity .input[readonly]{color:var(--text-muted);cursor:default}@media (max-width: 980px){.login-shell{grid-template-columns:minmax(0,1fr);padding:24px 20px}.login-brand{top:24px;left:20px}.login-art{display:none}}.notif-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:var(--radius-control);background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.notif-bell:hover,.notif-bell[aria-expanded=true]{background:var(--surface-hover);color:var(--text)}.notif-bell:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.notif-badge{position:absolute;top:2px;right:1px;min-width:17px;height:17px;padding:0 4px;border-radius:var(--radius-pill);background:var(--critical-strong);color:#fff;font-size:10px;font-weight:700;line-height:17px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--bg-elev)}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:min(400px,calc(100vw - 32px));background:var(--surface-raised);border-color:var(--border-strong);box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:min(560px,calc(100vh - var(--header-h) - 24px));animation:fade-in .16s ease}.notif-list{overflow-y:auto;overscroll-behavior:contain}.notif-item{position:relative;display:flex;align-items:flex-start;border-bottom:1px solid var(--border)}.notif-item:last-child{border-bottom:none}.notif-item[data-read=false]:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--accent)}.notif-open{flex:1;min-width:0;display:flex;gap:10px;text-align:left;background:transparent;border:none;padding:12px 8px 12px 16px;color:inherit;font:inherit;cursor:pointer;transition:background .12s}.notif-open:hover{background:var(--surface-hover)}.notif-open:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.notif-title{font-size:var(--text-body);font-weight:650;color:var(--text);line-height:1.35;overflow-wrap:anywhere}.notif-item[data-read=true] .notif-title{font-weight:500;color:var(--text-muted)}.notif-body{font-size:12px;color:var(--text-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-mark{flex-shrink:0;margin:10px 10px 0 0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:var(--radius-control);background:transparent;border:none;color:var(--text-faint);cursor:pointer;transition:background .12s,color .12s}.notif-mark:hover{background:var(--low-soft);color:var(--low)}.notif-mark:focus-visible{outline:2px solid var(--accent);outline-offset:1px}