:root{color-scheme:light dark;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f1f3f6;--border: #e2e5ea;--text: #17191c;--text-dim: #5d636e;--text-faint: #8a909b;--accent: #2f6fed;--accent-soft: #e8f0ff;--ok: #1f8a4c;--ok-soft: #e6f5ec;--warn: #9a6400;--warn-soft: #fdf2dc;--alert: #c0392b;--alert-soft: #fbeae8;--muted: #6b7280;--muted-soft: #eef0f3;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 2px rgba(20, 24, 31, .06), 0 4px 14px rgba(20, 24, 31, .04);--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #14161a;--surface: #1b1e23;--surface-2: #23272e;--border: #2d323a;--text: #e8eaee;--text-dim: #a2a9b5;--text-faint: #767d89;--accent: #6c9bff;--accent-soft: #1d2740;--ok: #4ec27d;--ok-soft: #14301f;--warn: #e0a83c;--warn-soft: #332714;--alert: #f07a6d;--alert-soft: #3a1c19;--muted: #8b94a1;--muted-soft: #23272e;--shadow: 0 1px 2px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-weight:640;letter-spacing:-.01em}h1{font-size:1.5rem}h2{font-size:1.1rem}h3{font-size:.95rem}p{margin:0}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:7px 13px;transition:background .12s ease,border-color .12s ease}button:hover:not(:disabled){background:var(--surface-2)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){filter:brightness(1.07)}button.ghost{background:transparent;border-color:transparent;color:var(--text-dim)}button.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}button.small{padding:4px 9px;font-size:.83rem}input,select,textarea{font:inherit;width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}label{display:block;font-size:.82rem;color:var(--text-dim);margin-bottom:4px}.field{margin-bottom:12px}.shell{display:flex;min-height:100%}.sidebar{width:236px;flex:0 0 236px;background:var(--surface);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;gap:14px}.brand{font-weight:700;font-size:.98rem;padding:4px 8px 0;letter-spacing:-.02em}.brand small{display:block;font-weight:400;color:var(--text-faint);font-size:.74rem}.nav{display:flex;flex-direction:column;gap:1px}.nav-group{margin-top:10px}.nav-group-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);padding:6px 8px 3px}.nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-radius:var(--radius-sm);color:var(--text-dim);font-size:.89rem}.nav a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:560}.nav a .lock{font-size:.7rem;color:var(--text-faint)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.topbar .spacer{flex:1}.topbar select{width:auto;min-width:190px}.content{padding:22px;max-width:1180px;width:100%}.page-head{margin-bottom:18px}.page-head p{color:var(--text-dim);margin-top:4px;font-size:.9rem}.burger{display:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card+.card{margin-top:14px}.card-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}.card-head .spacer{flex:1}.card-note{color:var(--text-dim);font-size:.84rem}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid.four{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.verdict{display:flex;gap:16px;align-items:flex-start;padding:20px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.verdict .dot{width:14px;height:14px;border-radius:50%;margin-top:7px;flex:none}.verdict h1{font-size:1.32rem;line-height:1.32}.verdict .sub{color:var(--text-dim);font-size:.88rem;margin-top:6px}.verdict.ok .dot{background:var(--ok)}.verdict.attention .dot{background:var(--warn)}.verdict.problem .dot{background:var(--alert)}.verdict.unknown .dot{background:var(--muted)}.area{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:13px 14px}.area .title{display:flex;align-items:center;gap:7px;font-size:.8rem;color:var(--text-dim)}.area .title .pip{width:8px;height:8px;border-radius:50%;flex:none}.area .value{font-size:1.4rem;font-weight:640;margin-top:6px;letter-spacing:-.02em}.area .value small{font-size:.78rem;font-weight:400;color:var(--text-faint);margin-left:4px}.area .summary{font-size:.83rem;color:var(--text-dim);margin-top:5px}.pip.ok{background:var(--ok)}.pip.attention{background:var(--warn)}.pip.problem{background:var(--alert)}.pip.unknown{background:var(--muted)}.signal{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--border)}.signal:first-child{border-top:none;padding-top:4px}.signal .rail{width:3px;border-radius:3px;flex:none}.signal.alert .rail{background:var(--alert)}.signal.warn .rail{background:var(--warn)}.signal.info .rail{background:var(--muted)}.signal .what{font-weight:560}.signal .check{color:var(--text-dim);font-size:.88rem;margin-top:5px}.signal .meta{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;align-items:center}.badge{display:inline-flex;align-items:center;gap:5px;font-size:.73rem;padding:2px 8px;border-radius:100px;border:1px solid transparent;white-space:nowrap}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.alert{background:var(--alert-soft);color:var(--alert)}.badge.muted{background:var(--muted-soft);color:var(--muted)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.insight{border-top:1px solid var(--border);padding:16px 0}.insight:first-child{border-top:none;padding-top:2px}.insight .title{font-size:1rem;font-weight:620}.insight .action{margin-top:10px;padding:10px 12px;background:var(--accent-soft);border-radius:var(--radius-sm);font-size:.9rem}.insight .body{color:var(--text-dim);font-size:.89rem;margin-top:7px}.insight .meta{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap;align-items:center}.insight .feedback{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}details.why{margin-top:10px}details.why>summary{cursor:pointer;font-size:.83rem;color:var(--accent);list-style:none;-webkit-user-select:none;user-select:none}details.why>summary::-webkit-details-marker{display:none}details.why>summary:before{content:"▸ "}details.why[open]>summary:before{content:"▾ "}details.why .inner{margin-top:9px;padding:11px 12px;background:var(--surface-2);border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-dim)}.table-wrap{overflow-x:auto;margin:0 -16px;padding:0 16px}table{width:100%;border-collapse:collapse;font-size:.87rem}th{text-align:left;font-weight:560;color:var(--text-dim);font-size:.78rem;padding:7px 10px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:top}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td.dim{color:var(--text-dim)}.mono{font-family:var(--mono);font-size:.85em}.state{text-align:center;padding:40px 20px;color:var(--text-dim)}.state h3{color:var(--text);margin-bottom:6px}.state p{font-size:.89rem;max-width:460px;margin:0 auto}.state .actions{margin-top:16px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.error-box{background:var(--alert-soft);border:1px solid var(--alert);color:var(--alert);padding:11px 13px;border-radius:var(--radius-sm);font-size:.88rem}.auth-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:400px}.auth-card h1{margin-bottom:4px}.auth-card .lede{color:var(--text-dim);font-size:.89rem;margin-bottom:18px}.auth-switch{margin-top:14px;font-size:.86rem;color:var(--text-dim);text-align:center}.chart{width:100%;display:block}.chart-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:.78rem;color:var(--text-dim);margin-top:8px}.chart-legend span{display:inline-flex;align-items:center;gap:5px}.chart-legend i{width:10px;height:3px;border-radius:2px;display:inline-block}.heatmap{display:grid;grid-template-columns:34px repeat(24,minmax(0,1fr));gap:2px;min-width:620px}.heatmap .cell{aspect-ratio:1;border-radius:2px}.heatmap .rowlabel,.heatmap .collabel{font-size:.64rem;color:var(--text-faint);display:flex;align-items:center;justify-content:center}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:10px}.muted{color:var(--text-dim)}.faint{color:var(--text-faint);font-size:.82rem}.big-number{font-size:1.7rem;font-weight:660;letter-spacing:-.02em}.dash{color:var(--text-faint)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:14px;overflow-x:auto}.tabs button{border:none;background:transparent;border-bottom:2px solid transparent;border-radius:0;color:var(--text-dim);padding:8px 12px;white-space:nowrap}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:560}.pill-row{display:flex;gap:6px;flex-wrap:wrap}@media (max-width: 860px){.shell{flex-direction:column}.sidebar{width:100%;flex:none;border-right:none;border-bottom:1px solid var(--border);flex-direction:column}.sidebar.collapsed .nav,.sidebar.collapsed .sidebar-foot{display:none}.burger{display:inline-flex}.content{padding:14px}.topbar{padding:10px 14px}.table-wrap{margin:0 -14px;padding:0 14px}}