/* public/style.css */
:root { --brand:#6b4eff; --bg:#0f1222; --card:#171a2b; --text:#e8ecff; --muted:#9aa4d6; }
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}
.topbar{display:flex;gap:24px;align-items:center;padding:14px 22px;position:sticky;top:0;background:#0f1222dd;backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid #2a2f4a}
.brand{font-weight:800;font-size:20px}.brand .muted{color:var(--muted);font-weight:600;margin-left:4px}
nav a{color:var(--muted);text-decoration:none;margin-right:14px;font-weight:600} nav a:hover{color:var(--text)}
.container{max-width:1100px;margin:24px auto;padding:0 16px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:18px}
.card{background:var(--card);border:1px solid #262b48;border-radius:16px;padding:18px;box-shadow:0 4px 20px #0003}
.card h2{margin-top:0}
.form{display:grid;gap:10px}
.form input[type=file], .form select, .form button{padding:10px;border-radius:10px;border:1px solid #2a2f4a;background:#101325;color:var(--text)}
.form button{background:var(--brand);border:0;font-weight:700;cursor:pointer}
.form button:hover{filter:brightness(1.1)}
.footer{color:var(--muted);text-align:center;padding:24px}
details{margin-top:8px}