:root{--bg:#f7f8fa;--bg-accent:radial-gradient(1200px 600px at 100% -10%,#eef0fb 0%,rgba(238,240,251,0) 60%);--surface:#fff;--surface-2:#f3f5f8;--surface-3:#eef1f5;--border:#e5e8ee;--border-strong:#d3d8e0;--text:#131720;--text-muted:#566072;--text-subtle:#656e80;--primary:#5b57d6;--primary-hover:#4a45c4;--primary-fg:#fff;--primary-soft:#edecfb;--primary-border:#d9d7f6;--success:#16915a;--success-soft:#e4f5ec;--success-text:#0f6f45;--warning:#b26b00;--warning-soft:#fbefda;--danger:#cc3341;--danger-soft:#fbe7e9;--danger-btn:#c62f3c;--info:var(--primary);--badge-info-fg:#3f3bb0;--badge-success-fg:#0f6f45;--badge-warning-fg:#8a5300;--badge-danger-fg:#a52633;--radius-sm:8px;--radius:12px;--radius-lg:18px;--radius-full:999px;--shadow-xs:0 1px 2px rgba(19,23,32,.05);--shadow-sm:0 1px 2px rgba(19,23,32,.05),0 1px 3px rgba(19,23,32,.04);--shadow:0 2px 4px rgba(19,23,32,.04),0 8px 24px rgba(19,23,32,.08);--shadow-lg:0 12px 40px rgba(19,23,32,.16);--ring:0 0 0 3px var(--primary-soft);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,"SF Mono","Cascadia Code",Menlo,monospace;--series-1:#5b57d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#eda100;--series-5:#e87ba4;--series-6:#008300;--series-7:#2a78d6;--series-8:#e34948;--seq-1:#e7e6fa;--seq-2:#cbc9f3;--seq-3:#aeabec;--seq-4:#918de3;--seq-5:#7570dc;--seq-6:#5b57d6;--seq-7:#423eae;--rank-1:#423eae;--rank-2:#5b57d6;--rank-3:#7570dc;--rank-4:#918de3;--rank-5:#aeabec;--chart-grid:#eceef3;--chart-axis:#d3d8e0;--chart-ink:var(--text-subtle)}[data-theme=dark]{--bg:#0b0e16;--bg-accent:radial-gradient(1200px 600px at 100% -10%,#171a2e 0%,rgba(23,26,46,0) 60%);--surface:#131826;--surface-2:#1a2030;--surface-3:#222a3d;--border:#262e40;--border-strong:#333d53;--text:#e8ecf3;--text-muted:#9aa5b8;--text-subtle:#828da2;--primary:#8b88f6;--primary-hover:#a6a3f9;--primary-fg:#0b0e16;--primary-soft:#211f3a;--primary-border:#322f57;--success:#3fbd82;--success-soft:#10301f;--success-text:#6ddaa2;--warning:#d99a3c;--warning-soft:#322510;--danger:#ef6d78;--danger-soft:#331a1d;--danger-btn:#d43b47;--badge-info-fg:#b3b1fb;--badge-success-fg:#6ddaa2;--badge-warning-fg:#eab86f;--badge-danger-fg:#f4a6ad;--shadow-xs:0 1px 2px rgba(0,0,0,.35);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow:0 2px 4px rgba(0,0,0,.3),0 12px 32px rgba(0,0,0,.5);--shadow-lg:0 16px 48px rgba(0,0,0,.6);--ring:0 0 0 3px rgba(139,136,246,.25);--series-1:#8481f2;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--series-6:#008300;--series-7:#3987e5;--series-8:#e66767;--seq-1:#23214a;--seq-2:#322f6b;--seq-3:#443f92;--seq-4:#5852bb;--seq-5:#7570dc;--seq-6:#928ee8;--seq-7:#b3b0f2;--rank-1:#cbc9f7;--rank-2:#a6a2ef;--rank-3:#837ee4;--rank-4:#6660cc;--rank-5:#4d47a3;--chart-grid:#222a3d;--chart-axis:#333d53}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);background-image:var(--bg-accent);background-attachment:fixed;color:var(--text);font-family:var(--font);font-size:14px;line-height:1.55;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}h1,h2,h3,h4{margin:0 0 .4em;line-height:1.22;font-weight:640;letter-spacing:-.02em;color:var(--text)}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.02rem}p{margin:0 0 .8em}::selection{background:var(--primary-soft);color:var(--primary-hover)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:14px 12px;display:flex;flex-direction:column;gap:2px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:8px 8px 14px}.brand-mark{width:30px;height:30px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.95rem;background:linear-gradient(140deg,var(--primary) 0,#7b78ee 100%);box-shadow:var(--shadow-xs)}.brand-word{font-weight:680;font-size:1.02rem;letter-spacing:-.03em;color:var(--text)}.brand-word span{color:var(--primary)}.nav-link{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-muted);font-weight:500;font-size:.9rem;transition:background .12s,color .12s}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--primary-soft);color:var(--primary-hover);font-weight:600}.nav-link.active svg{color:var(--primary)}.nav-link svg{color:var(--text-subtle)}.nav-link.active svg,.nav-link:hover svg{color:currentColor}.nav-section{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-subtle);font-weight:600;padding:16px 10px 6px}.sidebar-foot{border-top:1px solid var(--border);margin-top:8px;padding:12px 8px 4px}.sidebar-foot .who{font-size:.78rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:8px;padding:10px 24px;min-height:58px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:saturate(160%) blur(8px);backdrop-filter:saturate(160%) blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.content{padding:28px 24px;max-width:1360px;width:100%}.card,.section-head,.tabbar,.tabs,[id]{scroll-margin-top:72px}main:focus{outline:none}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.skip-link{position:absolute;left:8px;top:-60px;z-index:1000;background:var(--primary);color:#fff;padding:10px 16px;border-radius:8px;font-weight:600;transition:top .15s ease}.skip-link:focus{top:8px;outline:2px solid #fff;outline-offset:2px;color:#fff}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.card-title{font-size:.8rem;color:var(--text-muted);font-weight:600;margin-bottom:6px}.grid{display:grid;grid-gap:16px;gap:16px}.grid>*{min-width:0}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.kpi{display:flex;flex-direction:column;gap:8px}.kpi-head{display:flex;align-items:center;justify-content:space-between}.kpi-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--primary-soft);color:var(--primary)}.kpi-label{font-size:.8rem;color:var(--text-muted);font-weight:600}.stat{font-size:1.8rem;font-weight:680;letter-spacing:-.03em;line-height:1}.stat-sub{font-size:.78rem;color:var(--text-subtle)}.delta{display:inline-flex;align-items:center;gap:3px;font-size:.78rem;font-weight:600}.delta-up{color:var(--success-text)}.delta-down{color:var(--danger)}.delta-flat{color:var(--text-subtle)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h3{margin:0}.section-head .sub{font-size:.82rem;color:var(--text-subtle)}.btn{display:inline-flex;align-items:center;gap:7px;justify-content:center;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);font:inherit;font-weight:600;font-size:.88rem;cursor:pointer;transition:background .12s,border-color .12s,box-shadow .12s,transform .04s;background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--primary);color:var(--primary-fg);border-color:transparent;box-shadow:0 1px 2px rgba(91,87,214,.35)}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger-btn);color:#fff;border-color:transparent}.btn-danger:hover{background:var(--danger)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{padding:5px 10px;font-size:.82rem}.btn-lg{padding:11px 18px;font-size:.94rem}.btn-block{width:100%}label{display:block;font-weight:600;font-size:.84rem;margin-bottom:6px;color:var(--text)}input,select,textarea{width:100%;padding:9px 12px;font:inherit;font-size:.9rem;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color .12s,box-shadow .12s}input::placeholder,textarea::placeholder{color:var(--text-subtle)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.field{margin-bottom:16px}.field .hint,.hint{font-size:.78rem;color:var(--text-subtle);margin-top:4px}.input-group{display:flex;gap:8px;align-items:stretch}.tabs{display:flex;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.tab{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 13px;border-radius:9px;font-size:.86rem;font-weight:600;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:background .12s,color .12s}.tab:hover{color:var(--text)}.tab.active{color:var(--text)}.tab.active,.tabbar{background:var(--surface);box-shadow:var(--shadow-xs)}.tabbar{display:flex;flex-wrap:wrap;gap:4px;padding:5px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:22px}.tabbar .tab{padding:7px 12px}.tabbar .tab svg{color:var(--text-subtle)}.tabbar .tab.active{background:var(--primary-soft);color:var(--primary-hover)}.tabbar .tab.active svg{color:var(--primary)}.tabbar .tab:hover:not(.active){background:var(--surface-2)}.table-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:.875rem}thead th{text-align:left;padding:10px 14px;background:var(--surface-2);color:var(--text-muted);font-weight:600;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;position:-webkit-sticky;position:sticky;top:0;white-space:nowrap}tbody td,thead th{border-bottom:1px solid var(--border)}tbody td{padding:11px 14px}tbody tr{transition:background .1s}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--radius-full);font-size:.74rem;font-weight:600;background:var(--surface-2);color:var(--text-muted);border:1px solid transparent}.badge-success{background:var(--success-soft);color:var(--badge-success-fg)}.badge-warning{background:var(--warning-soft);color:var(--badge-warning-fg)}.badge-danger{background:var(--danger-soft);color:var(--badge-danger-fg)}.badge-info{background:var(--primary-soft);color:var(--badge-info-fg)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor}.provenance{border-left:3px solid var(--primary);background:var(--surface-2);padding:8px 12px;border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-muted)}.confidence-bar{height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden}.confidence-bar>span{display:block;height:100%;background:var(--primary);border-radius:3px}.empty,.error-box,.loading{text-align:center;padding:44px 24px;color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface)}.error-box{border-style:solid;border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:16px;flex-wrap:wrap}.page-head h1{margin-bottom:2px}.page-head .sub{color:var(--text-subtle);font-size:.9rem}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.toolbar input,.toolbar select{width:auto;min-width:170px}.pagination{justify-content:flex-end;margin-top:14px}.pagination,.row{display:flex;gap:8px;align-items:center}.spacer{flex:1 1}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.mono{font-family:var(--mono);font-size:.85em}.stack{display:flex;flex-direction:column;gap:16px}.search-field{position:relative;display:inline-flex;align-items:center}.search-field svg{position:absolute;left:11px;color:var(--text-subtle);pointer-events:none}.search-field input{padding-left:34px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(10,14,22,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:16px;animation:fadeIn .12s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px;width:100%;max-width:460px;animation:popIn .14s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}.toast-area{position:fixed;bottom:20px;right:20px;z-index:110;display:flex;flex-direction:column;gap:8px;max-width:380px}.toast{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:11px 14px;font-size:.88rem;animation:popIn .14s ease}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}@media (max-width:560px){.toast-area{left:12px;right:12px;bottom:12px;max-width:none}}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:400px;box-shadow:var(--shadow);padding:28px}.auth-brand{gap:10px;margin-bottom:22px}.auth-brand,.divider{display:flex;align-items:center}.divider{gap:12px;color:var(--text-subtle);font-size:.78rem;margin:18px 0}.divider:after,.divider:before{content:"";height:1px;background:var(--border);flex:1 1}.demo-btn{justify-content:flex-start;text-align:left;width:100%}.demo-btn .role{font-weight:600}.demo-btn .who{font-size:.76rem;color:var(--text-subtle);font-weight:400}.check-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.check-item:last-child{border-bottom:none}.check-ico{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;flex-shrink:0}.check-ico.ok{background:var(--success-soft);color:var(--badge-success-fg)}.check-ico.warn{background:var(--warning-soft);color:var(--badge-warning-fg)}.check-ico.err{background:var(--danger-soft);color:var(--badge-danger-fg)}.check-ico.opt{background:var(--surface-2);color:var(--text-subtle)}.check-body{flex:1 1;min-width:0}.check-body .k{font-weight:600;font-size:.9rem}.check-body .d{font-size:.82rem;color:var(--text-muted);margin-top:2px}.hamburger{display:none}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:40;width:268px;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:var(--shadow-lg)}.hamburger{display:inline-grid}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:39}}@media (max-width:700px){.tabs{flex-wrap:wrap;overflow-x:visible}.tabs .tab{flex:0 1 auto}}@media (max-width:560px){.grid-4{grid-template-columns:1fr}.content{padding:18px 16px}.topbar{padding:10px 16px}}.chart{position:relative}.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.chart-head h4{margin:0;font-size:.95rem;font-weight:640;letter-spacing:-.015em}.chart-head .sub{font-size:.8rem;color:var(--text-subtle);margin-top:1px}.chart-tools{display:flex;align-items:center;gap:4px;flex-shrink:0}.chart-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin-bottom:10px}.chart-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-muted);font-weight:500;background:none;border:none;padding:2px 0;cursor:pointer;font-family:inherit}.chart-legend-item[aria-pressed=false]{opacity:.42}.chart-legend-key{width:11px;height:11px;border-radius:3px;flex-shrink:0}.chart-legend-key.line{width:14px;height:3px;border-radius:2px}.chart-canvas{position:relative;width:100%}.chart-canvas svg{display:block;overflow:visible}.chart-canvas:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--radius-sm)}.chart-grid-line{stroke:var(--chart-grid);stroke-width:1;shape-rendering:crispEdges}.chart-axis-line{stroke:var(--chart-axis);stroke-width:1;shape-rendering:crispEdges}.chart-tick{fill:var(--chart-ink);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chart-label{fill:var(--text-muted);font-size:11px;font-weight:600}.chart-ring,.chart-sep{stroke:var(--surface);stroke-width:2}.chart-crosshair{stroke:var(--chart-axis);stroke-width:1;stroke-dasharray:3 3;pointer-events:none}.chart-tip{position:absolute;z-index:20;pointer-events:none;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:8px 10px;font-size:.8rem;min-width:130px;max-width:260px}.chart-tip-title{font-weight:640;margin-bottom:5px;color:var(--text)}.chart-tip-row{display:flex;align-items:center;gap:7px;justify-content:space-between;padding:1px 0}.chart-tip-row .k{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);min-width:0}.chart-tip-row .v{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:640;color:var(--text);white-space:nowrap}.chart-tip-key{width:9px;height:9px;border-radius:2px;flex-shrink:0}.chart-empty{display:grid;place-items:center;text-align:center;grid-gap:6px;gap:6px;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-muted);padding:22px 18px;background:var(--surface-2)}.chart-empty strong{color:var(--text);font-size:.9rem}.chart-empty .hint{max-width:42ch;color:var(--text-muted)}.chart-table-wrap{max-height:320px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.chart-table-wrap table{font-size:.82rem}.chart-table-wrap thead th{font-size:.7rem}.chart-table-wrap tbody td{padding:7px 12px}.score-ring{display:flex;align-items:center;gap:14px}.score-ring-fig{position:relative;flex-shrink:0}.score-ring-val{position:absolute;inset:0;display:grid;place-items:center;font-weight:680;letter-spacing:-.03em;line-height:1}.score-ring-body{min-width:0}.score-ring-label{font-size:.82rem;color:var(--text-muted);font-weight:600}.score-ring-sub{font-size:.76rem;color:var(--text-subtle);margin-top:2px}.dist-bar{display:flex;width:100%;height:12px;border-radius:6px;overflow:hidden;gap:2px;background:var(--surface-2)}.dist-bar>span{display:block;height:100%}.dist-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:9px}.sparkline{display:block;overflow:visible}.kpi{position:relative}.kpi-stretch{position:absolute;inset:0;z-index:1;border:none;background:transparent;cursor:pointer;border-radius:var(--radius)}.kpi-raised{position:relative;z-index:2}.kpi-interactive{transition:border-color .12s,box-shadow .12s}.kpi-interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.kpi-stretch:focus-visible{outline:2px solid var(--primary);outline-offset:2px}