:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1d212a;--border:#272c38;--text:#e7eaf0;--muted:#949cad;--accent:#5b8cff;--good:#3fb96b;--warn:#d9a441;--bad:#e2585f;--radius:10px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{min-height:100vh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;width:232px;padding:20px 14px;display:flex}.brand{letter-spacing:.2px;padding:4px 10px 16px;font-size:15px;font-weight:700}.brand span{color:var(--muted);margin-top:2px;font-size:12px;font-weight:400;display:block}.nav-link{color:var(--muted);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:flex}.nav-link:hover{background:var(--panel-2);color:var(--text);text-decoration:none}.nav-link.active{background:var(--panel-2);color:var(--text);font-weight:600}.nav-count{color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:1px 7px;font-size:11px}.main{flex:1;min-width:0;max-width:1400px;padding:26px 30px 60px}h1{margin:0 0 4px;font-size:21px}h2{margin:28px 0 12px;font-size:16px}.sub{color:var(--muted);margin:0 0 22px;font-size:13px}.cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:8px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.card .label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:12px}.card .value{margin-top:6px;font-size:26px;font-weight:650}.card .hint{color:var(--muted);margin-top:4px;font-size:12px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:16px 18px}.banner{border-radius:var(--radius);border:1px solid;margin-bottom:18px;padding:12px 15px;font-size:14px}.banner.warn{background:#d9a44117;border-color:#d9a44166}.banner.good{background:#3fb96b17;border-color:#3fb96b66}.banner.bad{background:#e2585f17;border-color:#e2585f66}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--panel-2);padding:10px 12px;font-size:11.5px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff04}.pill{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;display:inline-block}.pill.good{color:var(--good);border-color:#3fb96b66}.pill.warn{color:var(--warn);border-color:#d9a44166}.pill.bad{color:var(--bad);border-color:#e2585f66}.pill.accent{color:var(--accent);border-color:#5b8cff66}input,select,textarea,button{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:7px 10px}textarea{resize:vertical;width:100%;min-height:190px;font-size:13.5px;line-height:1.55}input:focus,select:focus,textarea:focus{outline-offset:-1px;outline:2px solid #5b8cff73}button{cursor:pointer;background:var(--panel-2)}button:hover{border-color:#3a4152}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover{filter:brightness(1.08)}button.danger{color:var(--bad);border-color:#e2585f66}button:disabled{opacity:.5;cursor:not-allowed}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.field label{color:var(--muted);font-size:12px}.muted{color:var(--muted)}.small{font-size:12.5px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:370px;padding:26px}@media (max-width:820px){.shell{flex-direction:column}.sidebar{flex-flow:wrap;width:100%;padding:12px}.main{padding:18px 14px 50px}}