:root{--bg:#0b0e13;--panel:#141922;--panel-2:#1b2230;--line:#263041;--text:#e6edf3;--muted:#8b97a6;--accent:#4cc2ff;--ok:#3fb950;--warn:#d29922;--danger:#f85149;--radius:12px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{background:var(--bg);color:var(--text);margin:0}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--panel) 88%,transparent);border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 20px;position:sticky;top:0;z-index:10}.brand,.topbar{align-items:center;display:flex}.brand{color:var(--text);font-weight:650;gap:10px;letter-spacing:.2px;text-decoration:none}.dot{background:var(--ok);border-radius:50%;box-shadow:0 0 0 3px #3fb9502e;height:10px;width:10px}.nav{align-items:center;display:flex;gap:18px}.nav a{color:var(--muted);font-size:14px;text-decoration:none;transition:color .15s ease}.nav a:hover{color:var(--text)}.nav a.router-link-exact-active{color:var(--accent)}.nav .logout{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;padding:0}.nav .logout:hover{color:var(--danger)}.main{flex:1;margin:0 auto;max-width:1100px;padding:24px 20px;width:100%}.main-full{max-width:none;padding:0}.foot{border-top:1px solid var(--line);color:var(--muted);padding:12px 20px}.foot,code{font-size:12px}code{border-radius:6px;padding:2px 6px}.btn,code{background:var(--panel-2)}.btn{align-items:center;border:1px solid var(--line);border-radius:9px;color:var(--text);cursor:pointer;display:inline-flex;font-size:14px;gap:6px;padding:9px 14px;text-decoration:none;transition:border-color .15s ease,background .15s ease,color .15s ease}.btn:hover{border-color:var(--accent)}.btn:disabled{cursor:default;opacity:.6}.btn-sm{border-radius:8px;font-size:13px;padding:6px 10px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#04212f;font-weight:600}.btn-primary:hover{filter:brightness(1.08)}.btn-danger{color:var(--danger)}.btn-danger:hover{border-color:var(--danger)}.input{background:var(--bg);border:1px solid var(--line);border-radius:9px;color:var(--text);font-size:14px;padding:10px 12px;width:100%}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4cc2ff26;outline:none}.label{color:var(--muted);display:block;font-size:13px;margin:0 0 6px}.badge{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.3px;padding:2px 8px}.badge-ok{background:#3fb9501f;border-color:#3fb95059;color:var(--ok)}.badge-warn{background:#d299221f;border-color:#d2992259;color:var(--warn)}.badge-muted{background:var(--panel-2);border-color:var(--line);color:var(--muted)}