:root{--color-bg:#fff;--color-surface:#f4f7f9;--color-surface-strong:#e6ecef;--color-ink:#0a151e;--color-muted:#4f5d68;--color-primary:#0086b4;--color-primary-strong:#00648e;--color-accent:#269e5f;--color-danger:#c44037;--color-warning:#d79700;--color-success:#348f4f;--color-border:#d2d9dc;--shadow-panel:0 12px 40px #0a151e14}@supports (color:lab(0% 0 0)){:root{--color-bg:lab(100% 0 0);--color-surface:lab(97.1159% -.855237 -1.17248);--color-surface-strong:lab(93.0715% -1.70317 -2.34082);--color-ink:lab(6.16561% -2.06174 -8.00417);--color-muted:lab(38.5138% -3.117 -8.47292);--color-primary:lab(51.4922% -20.8783 -35.9582);--color-primary-strong:lab(38.4939% -17.8691 -42.1233);--color-accent:lab(57.7308% -44.8334 23.1443);--color-danger:lab(47.316% 52.9742 36.4588);--color-warning:lab(67.4454% 18.0407 71.2706);--color-success:lab(52.917% -39.2484 25.8739);--color-border:lab(86.1114% -1.70222 -2.34027);--shadow-panel:0 12px 40px lab(6.16561% -2.06174 -8.00417/.08)}}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-ink);margin:0;font-family:Inter,system-ui,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #16b3eb80;outline:3px solid lab(67.7956% -23.6354 -38.9205/.5)}.shell{background:linear-gradient(90deg, var(--color-surface) 0 280px, var(--color-bg) 280px);grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--color-border);height:100vh;padding:24px 18px;position:sticky;top:0}.brand{letter-spacing:0;margin-bottom:28px;font-weight:800}.nav{gap:6px;display:grid}.nav a{color:var(--color-muted);border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:10px 12px;text-decoration:none;display:flex}.nav a[aria-current=page],.nav a:hover{color:var(--color-ink);background:var(--color-surface-strong)}.main{width:100%;max-width:1500px;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}h1{margin:0 0 6px;font-size:1.75rem;line-height:1.2}.muted{color:var(--color-muted)}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.panel{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);border-radius:8px;padding:18px}.notice{border:1px solid var(--color-border);border-radius:8px;margin-bottom:18px;padding:14px 16px}.notice.error{color:#681c17;color:lab(23.5323% 34.318 23.8533);background:#ffece8;background:lab(95.0542% 10.476 6.42936);border-color:#e1897e;border-color:lab(66.5133% 33.6043 21.2076)}.empty-state{align-items:start;gap:10px;display:grid}.empty-state h2{margin:0}.metric{gap:8px;display:grid}.metric strong{font-size:1.7rem}.button{border:1px solid var(--color-border);background:var(--color-bg);min-height:42px;color:var(--color-ink);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 14px;text-decoration:none;display:inline-flex}.button.primary{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.button:disabled{opacity:.55;cursor:not-allowed}.table-wrap{border:1px solid var(--color-border);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;background:var(--color-bg);width:100%;min-width:900px}th,td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle;padding:12px}th{color:var(--color-muted);background:var(--color-surface);font-size:.82rem}.badge{border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:6px;min-height:26px;padding:0 9px;font-size:.82rem;display:inline-flex}.badge.online{color:#003312;color:lab(17.5808% -27.5932 18.6082);background:#d5f5da;background:lab(93.7045% -14.8141 9.47404)}.badge.warning{color:#493000;color:lab(22.2048% 10.2032 36.4562);background:#ffe8c5;background:lab(93.138% 6.13356 27.3131)}.badge.offline{background:var(--color-surface-strong);color:var(--color-muted)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.form-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.login-screen{background:var(--color-surface);place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel{border:1px solid var(--color-border);background:var(--color-bg);width:min(100%,420px);box-shadow:var(--shadow-panel);border-radius:8px;gap:14px;padding:24px;display:grid}.login-icon{color:#fff;background:var(--color-primary);border-radius:8px;place-items:center;width:48px;height:48px;display:grid}label{color:var(--color-muted);gap:6px;font-size:.9rem;display:grid}input,select,textarea{border:1px solid var(--color-border);background:var(--color-bg);min-height:42px;color:var(--color-ink);border-radius:8px;padding:9px 11px}@media (max-width:860px){.shell{background:var(--color-bg);display:block}.sidebar{border-right:0;border-bottom:1px solid var(--color-border);height:auto;position:static}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:18px}.topbar{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}