:root{--bg:#0b0f14;--panel:#121823;--muted:#8da1b9;--text:#e6eef7;--accent:#6c63ff;--accent-2:#22c1c3;--danger:#ff5a5f;--ok:#2ecc71}
*{box-sizing:border-box}
html,body{height:100%}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;margin:0;color:var(--text);background:linear-gradient(180deg,#0b0f14,#0d1320)}
header{background:linear-gradient(90deg,#121823,#161f2e);color:var(--text);padding:14px 20px;border-bottom:1px solid #1e2840;position:sticky;top:0;z-index:10}
header h1{margin:0;font-size:20px;letter-spacing:.3px}
header nav{margin-top:8px}
header a{color:var(--muted);margin-right:14px;text-decoration:none;padding:6px 10px;border-radius:8px;transition:.15s}
header a:hover{color:var(--text);background:#1a2334}
main{padding:20px;max-width:1100px;margin:0 auto}
.flash{margin:10px 0;display:grid;gap:8px}
.flash-error{background:rgba(255,90,95,.12);color:#ffb3b5;padding:10px;border-radius:10px;border:1px solid rgba(255,90,95,.3)}
.flash-success{background:rgba(46,204,113,.12);color:#aef5c8;padding:10px;border-radius:10px;border:1px solid rgba(46,204,113,.3)}
.card{background:var(--panel);border:1px solid #1e2840;border-radius:12px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
form{display:grid;gap:10px;max-width:720px}
input,textarea,select{padding:10px 12px;border:1px solid #21304d;border-radius:10px;background:#0f1522;color:var(--text);outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--accent)}
button{padding:10px 14px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;cursor:pointer;box-shadow:0 6px 16px rgba(108,99,255,.35);transition:transform .05s}
button:hover{transform:translateY(-1px)}
.table{width:100%;border-collapse:separate;border-spacing:0 8px}
.table thead th{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:0 10px}
.table tbody tr{background:var(--panel);border:1px solid #1e2840}
.table td,.table th{padding:12px 10px}
.table tbody tr:first-child td{border-top-left-radius:10px;border-top-right-radius:10px}
.table tbody tr:last-child td{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
nav a{display:inline-block;padding:6px 10px}
footer{color:var(--muted);border-top:1px solid #1e2840;background:#0e1420;padding:16px 20px;text-align:center}