body { font-family: system-ui, Segoe UI, Roboto, Arial; margin:0; background:#0b1220; color:#e8eefc; }
header, footer { padding: 12px 20px; background: #0f172a; display:flex; align-items:center; justify-content:space-between; }
h1 { margin:0; font-size:20px; }
main { padding: 20px; }
.card { background:#111827; padding:16px; border-radius:12px; max-width:90%; margin: 0 auto 20px; }
label { display:block; margin:8px 0; }
input, select { width:100%; padding:8px; border-radius:8px; border:1px solid #334155; background:#0b1220; color:#e8eefc; }
button, .btn { background:#38bdf8; border:none; color:#0b1220; padding:8px 12px; border-radius:8px; cursor:pointer; font-weight:600; }
table { width:100%; border-collapse:collapse; margin-top:10px; }
th, td { text-align:left; padding:8px; border-bottom:1px solid #1f2937; }
.userbar { display:flex; gap:8px; align-items:center; }
.row { display:flex; gap:8px; margin-top:10px; }
a { color:#93c5fd; text-decoration:none; }
a.btn { display:inline-block; margin:8px 0; }