.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.card__title{align-items:baseline;gap:8px;min-width:0;display:flex}.card__hint{color:var(--text-muted);font-size:12.5px}.card__body{padding:16px}.card__body--flush{padding:0}.grid{gap:16px;display:grid}.grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row--between{justify-content:space-between}.spacer{flex:1}.stat{padding:14px 16px}.stat__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.stat__value{font-variant-numeric:tabular-nums;margin-top:6px;font-size:26px;font-weight:600;line-height:1.1}.stat__value--danger{color:var(--danger)}.stat__value--warn{color:var(--warn)}.stat__value--ok{color:var(--ok)}.stat__sub{color:var(--text-faint);margin-top:4px;font-size:12px}.badge{white-space:nowrap;background:var(--neutral-soft);color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.badge--ok{background:var(--ok-soft);color:var(--ok)}.badge--warn{background:var(--warn-soft);color:var(--warn)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--info{background:var(--info-soft);color:var(--info)}.badge--accent{background:var(--accent-soft);color:var(--accent)}.badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.btn{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:7px 13px;font-size:13.5px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.btn--ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.btn--sm{padding:4px 9px;font-size:12.5px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);background:var(--bg-sunken);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 16px;font-size:11.5px;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 16px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--bg-hover)}.table--clickable tbody tr{cursor:pointer}.table .num{text-align:right;font-variant-numeric:tabular-nums}.meter{--meter-value:0%;background:var(--neutral-soft);border-radius:999px;min-width:72px;height:6px;position:relative;overflow:hidden}.meter:after{content:"";width:var(--meter-value);border-radius:inherit;background:var(--accent);position:absolute;inset:0 auto 0 0}.meter--warn:after{background:var(--warn)}.meter--danger:after{background:var(--danger)}.meter-row{align-items:center;gap:10px;display:flex}.meter-row__value{font-variant-numeric:tabular-nums;min-width:84px;color:var(--text-muted);font-size:12.5px}.chart{width:100%;height:100%;display:block}.chart__area{fill:var(--accent);opacity:.12}.chart__line{fill:none;stroke:var(--accent);stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.chart-card__head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.chart-card__title{color:var(--text-muted);font-size:12.5px}.chart-card__value{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.chart-card__plot{height:68px}.empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:44px 24px;display:flex}.empty__title{color:var(--text);font-size:15px;font-weight:600}.empty__text{max-width:520px;font-size:13px}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--text-muted);font-size:12.5px;font-weight:500}.field__hint{color:var(--text-faint);font-size:12px}.field__error{color:var(--danger);font-size:12px}.input,.select,.textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;color:var(--text);padding:8px 11px;font-size:13.5px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.textarea{resize:vertical;min-height:76px}.checkbox{cursor:pointer;align-items:flex-start;gap:9px;font-size:13.5px;display:flex}.checkbox input{margin-top:2px}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#090c128c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);width:min(640px,100%);max-height:min(84vh,760px);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.modal--wide{width:min(880px,100%)}.modal__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.modal__body{padding:18px;overflow-y:auto}.modal__foot{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;padding:14px 18px;display:flex}.diff{border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12.5px;overflow:hidden}.diff__row{border-bottom:1px solid var(--line);grid-template-columns:minmax(170px,240px) 1fr;display:grid}.diff__row:last-child{border-bottom:none}.diff__key{background:var(--bg-sunken);color:var(--text-muted);word-break:break-all;padding:8px 12px}.diff__values{flex-direction:column;display:flex}.diff__old,.diff__new{word-break:break-all;padding:6px 12px}.diff__old{background:var(--danger-soft);color:var(--danger)}.diff__new{background:var(--ok-soft);color:var(--ok)}.diff__masked{color:var(--text-faint);padding:8px 12px}.spinner{border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.nowrap{white-space:nowrap}.warn{color:var(--warn)}.row-detail>td{background:var(--bg-sunken);padding-top:10px;padding-bottom:12px}.logbox{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elevated);max-height:260px;color:var(--text-muted);font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:10px 12px;font-size:12px;line-height:1.5;overflow:auto}.notice{border-radius:var(--radius-sm);border:1px solid #0000;gap:10px;padding:11px 14px;font-size:13px;display:flex}.notice--info{background:var(--info-soft);border-color:var(--info);color:var(--info)}.notice--warn{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}.notice--danger{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.shell{grid-template-columns:var(--sidebar-width) 1fr;min-height:100%;display:grid}.sidebar{background:var(--bg-elevated);border-right:1px solid var(--line);flex-direction:column;gap:4px;height:100vh;padding:14px 10px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__brand{align-items:center;gap:10px;padding:6px 10px 14px;display:flex}.sidebar__mark{background:var(--accent);width:30px;height:30px;color:var(--on-accent);border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.sidebar__name{font-weight:600;line-height:1.15}.sidebar__sub{color:var(--text-faint);font-size:11.5px}.sidebar__group{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin:12px 10px 4px;font-size:10.5px;font-weight:600}.navlink{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:9px;padding:7px 10px;font-size:13.5px;text-decoration:none;display:flex}.navlink:hover{background:var(--bg-hover);color:var(--text);text-decoration:none}.navlink--active{background:var(--accent-soft);color:var(--accent);font-weight:500}.navlink__icon{text-align:center;opacity:.85;flex:none;width:16px}.navlink__count{font-variant-numeric:tabular-nums;margin-left:auto;font-size:11.5px}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:20;height:var(--topbar-height);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 20px;display:flex;position:sticky;top:0}.topbar__title{font-size:15px;font-weight:600}.topbar__user{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.topbar__user-name{font-size:13px;font-weight:500}.topbar__user-role{color:var(--text-faint);font-size:11.5px}.content{width:100%;max-width:1560px;padding:20px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.page-head__text{max-width:760px}.page-head__sub{color:var(--text-muted);margin-top:4px;font-size:13px}.mockbar{background:var(--warn-soft);color:var(--warn);border-bottom:1px solid var(--warn);align-items:center;gap:8px;padding:7px 20px;font-size:12.5px;display:flex}.login{place-items:center;min-height:100%;padding:24px;display:grid}.login__card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);width:min(400px,100%);box-shadow:var(--shadow);padding:26px}.login__brand{align-items:center;gap:11px;margin-bottom:20px;display:flex}@media (width<=940px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;height:auto;position:static}.sidebar__group{display:none}.sidebar__brand{padding:0 10px 0 4px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fa;--bg-elevated:#fff;--bg-sunken:#eaeef5;--bg-hover:#f0f3f8;--panel:#fff;--text:#131a24;--text-muted:#5d6b7f;--text-faint:#8c98a9;--line:#dde3ec;--line-strong:#c3ccda;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#e5edff;--on-accent:#fff;--ok:#0f7a52;--ok-soft:#dcf3e8;--warn:#a35a05;--warn-soft:#fbeed6;--danger:#b3261e;--danger-hover:#8c1d18;--danger-soft:#fbe2e0;--info:#0b6e8a;--info-soft:#ddf0f6;--neutral-soft:#e9edf3;--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #1018280f;--shadow:0 6px 20px #10182814;--shadow-lg:0 18px 48px #1018282e;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", "Cascadia Mono", Consolas, monospace;--sidebar-width:244px;--topbar-height:56px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1218;--bg-elevated:#161c26;--bg-sunken:#0a0e13;--bg-hover:#1c2430;--panel:#161c26;--text:#e7ecf3;--text-muted:#9aa8bb;--text-faint:#6c7b90;--line:#232c3a;--line-strong:#33404f;--accent:#5b8dff;--accent-hover:#7aa2ff;--accent-soft:#1a2540;--on-accent:#0b1220;--ok:#45c495;--ok-soft:#12312a;--warn:#e0a24a;--warn-soft:#35270f;--danger:#ef6a62;--danger-hover:#f58b84;--danger-soft:#3a1a1a;--info:#52b6d4;--info-soft:#102c36;--neutral-soft:#1e2632;--shadow-sm:0 1px 2px #00000080;--shadow:0 8px 24px #00000073;--shadow-lg:0 22px 56px #0009}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1218;--bg-elevated:#161c26;--bg-sunken:#0a0e13;--bg-hover:#1c2430;--panel:#161c26;--text:#e7ecf3;--text-muted:#9aa8bb;--text-faint:#6c7b90;--line:#232c3a;--line-strong:#33404f;--accent:#5b8dff;--accent-hover:#7aa2ff;--accent-soft:#1a2540;--on-accent:#0b1220;--ok:#45c495;--ok-soft:#12312a;--warn:#e0a24a;--warn-soft:#35270f;--danger:#ef6a62;--danger-hover:#f58b84;--danger-soft:#3a1a1a;--info:#52b6d4;--info-soft:#102c36;--neutral-soft:#1e2632;--shadow-sm:0 1px 2px #00000080;--shadow:0 8px 24px #00000073;--shadow-lg:0 22px 56px #0009}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:22px}h2{font-size:17px}h3{font-size:15px}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}code,.mono{font-family:var(--font-mono);font-size:12.5px}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}