*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;background:#0f172a;color:#e5e7eb}main{max-width:900px;margin:40px auto;padding:24px;background:#020617;border-radius:12px;box-shadow:0 10px 40px #0006}nav{display:flex;gap:16px;margin-bottom:24px;border-bottom:1px solid #1e293b;padding-bottom:12px}nav a{color:#93c5fd;text-decoration:none;font-weight:500}nav a:hover{text-decoration:underline}nav button{margin-left:auto;background:transparent;border:1px solid #475569;color:#e5e7eb;padding:6px 12px;border-radius:6px;cursor:pointer}nav button:hover{background:#1e293b}h1,h2,h3{margin-top:0;color:#f8fafc}input,select{width:100%;padding:10px 12px;margin-bottom:12px;background:#020617;border:1px solid #334155;border-radius:8px;color:#e5e7eb;font-size:14px}input::placeholder{color:#64748b}input:focus,select:focus{outline:none;border-color:#60a5fa}button{background:#2563eb;border:none;color:#fff;padding:10px 16px;border-radius:8px;font-size:14px;cursor:pointer}button:hover{background:#1d4ed8}button:disabled{opacity:.6;cursor:not-allowed}ul{list-style:none;padding:0}li{background:#020617;border:1px solid #1e293b;border-radius:8px;padding:12px;margin-bottom:10px;display:flex;align-items:center;gap:12px}li b{color:#f8fafc}li button{margin-left:auto;background:#16a34a}li button:hover{background:#15803d}.success{color:#22c55e}.error{color:#ef4444}.muted{color:#94a3b8}.auth-container{max-width:420px;margin:80px auto;padding:32px;background:#020617;border-radius:12px;box-shadow:0 10px 40px #00000080}.auth-container h1,.auth-container p{text-align:center}.auth-container a{color:#93c5fd}@media(max-width:600px){main{margin:20px;padding:16px}nav{flex-wrap:wrap}nav button{margin-left:0}}header{padding:20px;background:#020617;border-bottom:1px solid #1e293b;text-align:center}footer{padding:16px;background:#020617;border-top:1px solid #1e293b;text-align:center;margin-top:40px}