:root{--bg: #eef2f6;--bg-sidebar: #152033;--bg-sidebar-hover: #1d2c44;--surface: #ffffff;--text: #152033;--muted: #5d6b7c;--line: #dbe2ea;--primary: #2f6fed;--primary-ink: #ffffff;--danger: #c43c3c;--warn: #b7791f;--ok: #1f8a5b;--focus: #2f6fed;--radius: 12px;--font: "Segoe UI Variable", "Segoe UI", "Helvetica Neue", sans-serif;--mono: "Cascadia Mono", "Consolas", "ui-monospace", monospace;--shadow: 0 1px 0 rgba(21, 32, 51, .04)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--primary);text-decoration:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shell{min-height:100%;display:grid;grid-template-columns:240px 1fr}.sidebar{background:var(--bg-sidebar);color:#d7deea;display:flex;flex-direction:column;padding:20px 12px 16px}.brand{display:flex;align-items:baseline;gap:8px;padding:0 10px 20px;color:#fff}.brand strong{font-size:18px;letter-spacing:-.02em}.brand span{font-size:11px;color:#8ea0b8;text-transform:uppercase;letter-spacing:.12em}.nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav a{color:inherit;padding:8px 10px;border-radius:8px;display:flex;align-items:center;gap:8px;border-left:3px solid transparent}.nav a:hover{background:var(--bg-sidebar-hover)}.nav a.active{background:var(--bg-sidebar-hover);color:#fff;border-left-color:var(--primary)}.sidebar-foot{padding:12px 10px 0;border-top:1px solid #2a3b55}.sidebar-foot .who{font-size:13px;color:#fff;margin-bottom:8px}.sidebar-foot .who small{display:block;color:#8ea0b8}.main{min-width:0;display:flex;flex-direction:column}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:var(--surface)}.topbar h1{font-size:18px;margin:0;letter-spacing:-.02em}.page{padding:24px 28px 40px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.card .label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.card .value{font-size:28px;font-weight:650;margin-top:6px;font-variant-numeric:tabular-nums}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.search,select.input,input.input,textarea.input{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 10px;min-width:220px}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th,table.data td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}table.data th{font-size:12px;color:var(--muted);font-weight:600}table.data tr:hover td{background:#f7f9fc}.mono{font-family:var(--mono);font-size:12px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.badge.ok{color:var(--ok)}.badge.off{color:var(--muted)}.badge.danger{color:var(--danger)}.btn{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 12px;cursor:pointer}.btn.primary{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.btn.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.pager{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:12px;color:var(--muted);font-size:13px}.empty,.error,.loading{padding:28px;color:var(--muted);text-align:center}.error{color:var(--danger)}.login-wrap{min-height:100%;display:grid;place-items:center;background:radial-gradient(circle at 10% 10%,#d7e4ff 0,transparent 32%),var(--bg)}.login-card{width:380px;max-width:calc(100% - 32px)}.login-card h1{margin:0 0 6px}.login-card p{margin:0 0 18px;color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:13px;font-weight:600}.stack{display:flex;flex-direction:column;gap:12px}.dlg-back{position:fixed;inset:0;background:#15203366;display:grid;place-items:center;padding:16px}.dlg{width:min(480px,100%)}.token-once{font-family:var(--mono);background:#f3f6fb;border:1px dashed var(--line);padding:10px;border-radius:8px;word-break:break-all}@media(max-width:1024px){.shell{grid-template-columns:72px 1fr}.brand span,.nav a span,.sidebar-foot .who small{display:none}.nav a{justify-content:center;padding:10px 0}}@media(max-width:800px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;overflow:auto;padding:10px}.nav{flex-direction:row}.sidebar-foot{display:none}}