:root{--bg:#0d1117;--panel:#161b22;--panel2:#21262d;--text:#e6edf3;--muted:#8b949e;--accent:#ff7a18;--danger:#ff4d4d;--ok:#2ea043}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#271407,#0d1117 40%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;background:#070a0f;border-right:1px solid #30363d;padding:20px}.brand{font-size:22px;font-weight:800;color:var(--accent);margin-bottom:30px}.sidebar a{display:block;color:var(--text);padding:12px 14px;border-radius:10px;text-decoration:none;margin:5px 0}.sidebar a:hover{background:var(--panel2)}.topbar{margin-left:240px;height:64px;border-bottom:1px solid #30363d;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(13,17,23,.8);backdrop-filter:blur(10px)}.content{margin-left:240px;padding:28px}.grid{display:grid;gap:18px}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card,.panel,.login-card{background:linear-gradient(180deg,var(--panel),#10141a);border:1px solid #30363d;border-radius:18px;padding:22px;box-shadow:0 18px 40px rgba(0,0,0,.25)}.card span{display:block;color:var(--muted);font-size:13px}.card strong{display:block;font-size:28px;margin-top:8px}.panel{margin-top:22px}button{background:var(--accent);border:0;color:#111;font-weight:800;border-radius:10px;padding:11px 16px;cursor:pointer}button:hover{filter:brightness(1.1)}input,select{width:100%;background:#0d1117;border:1px solid #30363d;color:var(--text);border-radius:10px;padding:12px;margin:8px 0 14px}.actions{display:flex;gap:12px;flex-wrap:wrap}pre,.terminal{background:#05070a;border:1px solid #30363d;border-radius:12px;color:#7CFC98;padding:16px;overflow:auto;min-height:120px}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid #30363d;text-align:left;padding:10px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:min(420px,92vw)}.login-card h1{text-align:center}.alert{background:#3b1111;border:1px solid var(--danger);padding:12px;border-radius:10px}.hint{color:var(--muted);font-size:13px}code{background:#05070a;padding:2px 6px;border-radius:6px}@media(max-width:760px){.sidebar{position:static;width:auto}.topbar,.content{margin-left:0}.topbar{height:auto;padding:16px}.content{padding:16px}}