:root{--bg:#0a0e1a;--bg2:#111827;--bg3:#1a2235;--border:#1e293b;--accent:#3b82f6;--green:#10b981;--red:#ef4444;--yellow:#f59e0b;--text:#f1f5f9;--muted:#94a3b8;--card:#131d32}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#17255455,transparent 35%),linear-gradient(135deg,#070b14,var(--bg));color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;padding:14px 22px;background:#0b1222cc;backdrop-filter:blur(14px);border-bottom:1px solid var(--border);box-shadow:0 10px 35px #0005}nav b{font-size:19px;font-weight:900;margin-right:18px;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;color:transparent}nav a{padding:10px 13px;border-radius:12px;color:var(--muted);font-weight:750;font-size:14px;transition:.16s}nav a:hover{background:var(--bg3);color:var(--text);transform:translateY(-1px)}nav a[href='/logout']{margin-left:auto;color:#fca5a5}main{width:min(1440px,100%);margin:0 auto;padding:28px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px}.card{background:linear-gradient(180deg,#16213a,#101827);border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:0 18px 45px #0006;position:relative;overflow:hidden}.card:before{content:'';position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent),#8b5cf6,var(--green))}.card h2{margin:0 0 14px;font-size:16px;letter-spacing:.02em}.big{font-size:48px;font-weight:950;color:var(--green);line-height:1;margin:8px 0 14px;text-shadow:0 0 28px #10b98155}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;border-radius:12px;border:1px solid #334155;background:linear-gradient(180deg,#2563eb,#1d4ed8);color:white;font-weight:850;cursor:pointer;box-shadow:0 10px 25px #1d4ed855;transition:.16s}.btn:hover,button:hover{filter:brightness(1.08);transform:translateY(-1px)}pre{white-space:pre-wrap;word-break:break-word;background:#050a13;border:1px solid #1f2a44;border-radius:14px;padding:16px;font-family:'JetBrains Mono','Fira Code',ui-monospace,monospace;font-size:12.5px;line-height:1.65;color:#cbd5e1;max-height:430px;overflow:auto;box-shadow:inset 0 0 0 1px #0008}input,textarea,select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#0f172a;color:var(--text);outline:none;font:inherit}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f633}.login{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at 50% 0,#1d4ed855,transparent 35%),var(--bg)}.login form{width:min(390px,92vw);background:linear-gradient(180deg,#16213a,#0f172a);border:1px solid var(--border);border-radius:24px;padding:34px;box-shadow:0 25px 80px #0009}.login h1{margin:0 0 22px;text-align:center;font-size:28px;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;color:transparent}.login input{margin-bottom:13px}.login button{width:100%;margin-top:4px}.login p{text-align:center;color:var(--muted);font-size:12px;margin:16px 0 0}@media(max-width:760px){nav{overflow:auto;padding:12px}nav b{min-width:max-content}nav a{min-width:max-content}main{padding:18px}.grid{grid-template-columns:1fr}.card{padding:18px}.big{font-size:38px}}