:root{color-scheme:dark;--bg: #0b1220;--panel: rgba(255,255,255,.06);--panel2: rgba(255,255,255,.09);--border: rgba(255,255,255,.12);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.65);--danger: #ff4d4d;--warn: #ffb020;--ok: #42d392;--accent: #6aa6ff}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 700px at 15% 10%,rgba(106,166,255,.15),transparent 55%),radial-gradient(1000px 700px at 90% 30%,rgba(66,211,146,.1),transparent 55%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.layout{display:grid;grid-template-columns:260px 1fr;height:100vh;position:relative}.sidebar{padding:18px;border-right:1px solid var(--border);background:#0000002e;overflow:auto}.brand{display:flex;gap:10px;align-items:center;margin-bottom:18px}.brand .dot{width:12px;height:12px;border-radius:999px;background:var(--accent);box-shadow:0 0 18px #6aa6ff99}.brand h1{font-size:14px;margin:0;letter-spacing:.2px}.brand p{margin:0;color:var(--muted);font-size:12px}.nav{display:flex;flex-direction:column;gap:8px}.nav a{padding:10px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted)}.nav a.active{color:var(--text);background:var(--panel);border-color:var(--border)}.content{padding:18px;overflow:auto}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.topbar-left{flex:1 1 auto}.kv{display:flex;gap:14px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.hr{height:1px;background:var(--border);margin:12px 0}.small{font-size:12px;color:var(--muted)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.input{padding:10px;border-radius:12px;border:1px solid var(--border);background:#00000047;color:var(--text);outline:none;min-width:120px}.btn{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#ffffff12;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn:hover{background:#ffffff1a}.btn.primary{border-color:#6aa6ff59;background:#6aa6ff24}.btn.danger{border-color:#ff4d4d73;background:#ff4d4d1a}.mobile-menu,.backdrop{display:none}.toast{position:fixed;right:18px;bottom:18px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;max-width:calc(100vw - 36px);word-break:break-word}@media (max-width: 900px){.layout{grid-template-columns:1fr;height:100vh}.mobile-menu{display:inline-flex;width:auto}.sidebar{position:fixed;top:0;left:0;bottom:0;width:82vw;max-width:320px;transform:translate(-110%);transition:transform .22s ease;z-index:2000;border-right:1px solid var(--border);background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar.open{transform:translate(0)}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:1500}.backdrop.show{opacity:1;pointer-events:auto}.content{padding:12px}.topbar{flex-direction:column;align-items:stretch}.kv{font-size:12px;gap:10px}.input{width:100%;min-width:0}.btn{width:100%}.mobile-menu.btn{width:auto}}