:root { --bg:#0b1320; --fg:#e9eef6; --muted:#a8b3c7; --card:#141c2b; --accent:#4ea1ff; }
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial}
.container{max-width:920px;margin:40px auto;padding:0 16px}
.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
h1{margin:0 0 16px 0}
.card{background:var(--card);padding:20px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
label{display:block;margin:12px 0 6px;color:var(--muted)}
input{width:100%;padding:10px;border-radius:8px;border:1px solid #2a3550;background:#0f1726;color:var(--fg)}
button{margin-top:16px;padding:10px 16px;border:0;border-radius:10px;background:var(--accent);color:#042042;cursor:pointer;font-weight:600}
button:hover{filter:brightness(1.05)}
.error{color:#ff8ea1;margin-top:10px}
.table{width:100%;border-collapse:collapse;margin-top:12px}
.table th,.table td{border-bottom:1px solid #25304b;padding:10px;text-align:left}
.userbox{color:var(--muted)}
a{color:var(--accent)}