:root{--bg:#0b1020;--panel:#111a33;--panel2:#0f1730;--text:#e9ecf5;--muted:#aab2cc;--border: rgba(255,255,255,.1);--accent:#6ee7ff;--danger:#ff6b6b;--ok:#67e8a2;--warn:#ffd37a;--shadow: 0 10px 30px rgba(0,0,0,.35);--radius: 14px;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"}*{box-sizing:border-box}html,body{height:100%}html{background:var(--bg)}body{margin:0;font-family:var(--font);background:url(/bg.png) center / cover fixed;color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;transition:background .4s ease;background:radial-gradient(1200px 600px at 20% 0%,rgba(110,231,255,.12),transparent 60%),radial-gradient(900px 500px at 80% 20%,rgba(103,232,162,.1),transparent 60%),linear-gradient(#0b1020ed,#0b1020f7)}body.home:before{background:radial-gradient(1200px 600px at 20% 0%,rgba(110,231,255,.3),transparent 60%),radial-gradient(900px 500px at 80% 20%,rgba(103,232,162,.25),transparent 60%),linear-gradient(#0b102073,#0b102099)}.app{position:relative;z-index:1}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:row}.sidebar{position:sticky;top:0;height:100vh;width:196px;flex-shrink:0;display:flex;flex-direction:column;background:#0b1020bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border);overflow:hidden}.sidebar__brand{padding:20px 16px 16px;border-bottom:1px solid var(--border)}.sidebar__nav{flex:1;min-height:0;overflow-y:auto;padding:8px 0;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar__nav::-webkit-scrollbar{width:6px}.sidebar__nav::-webkit-scrollbar-track{background:transparent}.sidebar__nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar__nav:hover::-webkit-scrollbar-thumb{background:var(--muted)}.sidebar__section{padding:12px 0 4px}.sidebar__section-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:0 16px 6px;opacity:.6}.sidebar__link{display:block;padding:4px 16px;font-size:13px;color:var(--muted);border-left:2px solid transparent;transition:color .12s,border-color .12s,background .12s}.sidebar__link:hover{color:var(--text);background:#ffffff0a}.sidebar__link.is-active{color:var(--text);border-left-color:var(--accent);background:#6ee7ff12}.sidebar__footer{flex-shrink:0;padding:8px 0 12px;border-top:1px solid var(--border)}.main{flex:1;min-width:0;padding:22px;display:flex;flex-direction:column}.card{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;flex:1;position:relative}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row--between{justify-content:space-between}.muted{color:var(--muted)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#ffffff08;color:var(--text);padding:9px 12px;border-radius:12px;cursor:pointer}.btn:hover{background:#ffffff0f}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{border-color:#6ee7ff40;background:#6ee7ff1f}.btn--danger{border-color:#ff6b6b40;background:#ff6b6b1f}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border);color:var(--muted);background:#ffffff08}.badge--on{border-color:#67e8a240;color:var(--ok);background:#67e8a21a}.badge--off{border-color:#ffd37a33;color:var(--warn);background:#ffd37a14}.table{width:100%;border-collapse:collapse;margin-top:12px}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid var(--border);vertical-align:top}.table th{font-size:12px;color:var(--muted);font-weight:600}.table td{font-size:14px}.table tr:hover td{background:#ffffff05}.kv{display:flex;flex-direction:column;gap:2px}.kv__k{font-size:12px;color:var(--muted)}.kv__v{font-size:14px}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}@media (max-width: 760px){.form{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--muted)}.input,.select,.textarea{width:100%;padding:10px;border-radius:12px;border:1px solid var(--border);background:#00000026;color:var(--text);outline:none}.textarea{min-height:86px;resize:vertical}option{background:var(--panel);color:var(--text)}.help{font-size:12px;color:var(--muted);line-height:1.35}.hr{height:1px;background:var(--border);margin:14px 0;border:0}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.toastHost{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:9999;pointer-events:none}.toast{width:min(420px,calc(100vw - 28px));border:1px solid var(--border);border-radius:14px;background:#111a33f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000080;padding:12px 20px;text-align:center;pointer-events:auto;animation:toastIn .25s ease forwards,toastOut .4s ease 3.8s forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.toast__title{font-weight:700;font-size:14px}.toast__msg{color:var(--muted);font-size:13px;margin-top:2px;white-space:pre-wrap}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.blink-cursor{animation:blinkCursor 1s step-end infinite}@keyframes artifactFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.artifact-fade-in{animation:artifactFadeIn .25s ease forwards}.brand{display:flex;align-items:baseline;gap:8px}.brand__name{font-weight:800;font-size:17px;letter-spacing:.2px}.brand__name span{color:var(--accent)}.brand__ver{font-size:10px;color:var(--muted);font-weight:500;letter-spacing:.3px}.page{display:flex;flex-direction:column;gap:16px}.page__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.page__title{font-size:20px;font-weight:700;margin:0}.page__sub{font-size:13px;color:var(--muted);margin-top:2px}.card--flat{flex:none}.card__title{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}.grid{display:grid;gap:16px}.grid--kpi{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 1100px){.grid--2{grid-template-columns:1fr}}.kpi{padding:14px 16px}.kpi__label{font-size:12px;color:var(--muted)}.kpi__value{font-size:28px;font-weight:800;margin-top:4px;font-variant-numeric:tabular-nums}.kpi__hint{font-size:12px;color:var(--muted);margin-top:2px}.kpi--warn .kpi__value{color:var(--warn)}.kpi--danger .kpi__value{color:var(--danger)}.kpi--ok .kpi__value{color:var(--ok)}.kpi--accent .kpi__value{color:var(--accent)}.mono{font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:12px}.nowrap{white-space:nowrap}.truncate{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table--compact th,.table--compact td{padding:7px 10px;font-size:13px}.table tr.is-clickable{cursor:pointer}.table-wrap{overflow-x:auto}.empty{color:var(--muted);font-size:13px;padding:18px 4px;text-align:center}.badge--accent{border-color:#6ee7ff40;color:var(--accent);background:#6ee7ff14}.badge--danger{border-color:#ff6b6b40;color:var(--danger);background:#ff6b6b1a}.badge--sm{padding:2px 7px;font-size:11px}.pills{display:flex;gap:6px;flex-wrap:wrap}.pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--muted)}.pill:hover{color:var(--text)}.pill.is-on{color:var(--text);border-color:#6ee7ff59;background:#6ee7ff1f}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.filters .field{min-width:150px}.input--sm{padding:7px 10px;border-radius:10px;font-size:13px}.btn--sm{padding:5px 10px;font-size:12px;border-radius:10px}.live{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.live__dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 #67e8a299;animation:pulse 1.6s infinite}.live.is-paused .live__dot{background:var(--warn);animation:none}.live.is-error .live__dot{background:var(--danger);animation:none}@keyframes pulse{0%{box-shadow:0 0 #67e8a28c}70%{box-shadow:0 0 0 8px #67e8a200}to{box-shadow:0 0 #67e8a200}}.bar{height:6px;border-radius:3px;background:#ffffff0f;overflow:hidden;min-width:60px}.bar__fill{height:100%;background:var(--accent);border-radius:3px;transition:width .4s ease}.bar--warn .bar__fill{background:var(--warn)}.bar--danger .bar__fill{background:var(--danger)}.timeline{display:flex;flex-direction:column;max-height:560px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.timeline__row{display:grid;grid-template-columns:92px 170px 1fr;gap:10px;padding:7px 4px;border-bottom:1px solid var(--border);font-size:13px;align-items:baseline}.timeline__row:hover{background:#ffffff05}.timeline__row.is-new{animation:rowIn .6s ease}@keyframes rowIn{0%{background:#6ee7ff1f}to{background:transparent}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:50}.drawer{position:fixed;top:0;right:0;height:100vh;width:min(560px,100vw);z-index:51;background:#111a33fa;border-left:1px solid var(--border);box-shadow:var(--shadow);padding:20px;overflow-y:auto;animation:slideInRight .2s ease}.code{font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:12px;white-space:pre-wrap;word-break:break-all;background:#0000004d;border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin:0}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb a:hover{color:var(--text)}.card--flat{min-width:0}.grid>*{min-width:0}.heat-cell{width:102px;height:102px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;outline:2px solid transparent;outline-offset:2px;transition:outline .1s,transform .1s;box-sizing:border-box;padding:4px 0}.heat-cell:hover{outline-color:#6ee7ffcc;transform:scale(1.05)}.heat-cell{position:relative}.heat-cell__progress{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.heat-cell__track{fill:none;stroke:#00000038;stroke-width:4.5}.heat-cell__bar{fill:none;stroke-width:4.5;filter:drop-shadow(0 0 2px rgba(255,255,255,.35));stroke-linecap:round;transition:stroke-dasharray .9s linear}.heat-cell__value{font-size:17px;font-weight:700;color:#fffffff7;margin-bottom:2px;text-shadow:0 1px 2px rgba(0,0,0,.25)}.heat-cell__label{font-size:10px;color:#ffffffb8;text-align:center;line-height:1.25;padding:0 6px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.heat-cell__label--main{color:#ffffffed;font-weight:600}.btn--toggle.is-on{border-color:#67e8a266;background:#67e8a21a;color:var(--ok)}