:root{--bg:#08060b;--panel:#121016;--line:#33293a;--accent:#a614c7;--gold:#ffc83d;--text:#f7f3f8;--muted:#a99fae}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,Arial,sans-serif}
button,input{font:inherit}
.login{min-height:100vh;display:grid;place-items:center}
.login form,.create,main>section{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}
.login form{width:min(420px,calc(100% - 30px))}
h1,h2{margin:0}
.login p,header p{color:var(--muted)}
label{display:block;color:#ccc;font-size:12px}
input{width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:6px;background:#08060b;color:#fff}
button{padding:10px 15px;border:0;border-radius:6px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}
.login button{width:100%;margin-top:18px}
.login small{display:block;margin-top:10px;color:#ff8ca1}
main{max-width:1400px;margin:auto;padding:24px}
header,.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
header{margin-bottom:20px}
.create form{display:grid;grid-template-columns:repeat(5,1fr) auto;gap:12px;align-items:end;margin-top:18px}
main>section{margin-top:18px}
#notice,#credential{margin-top:14px;padding:12px;border:1px solid #376744;border-radius:7px;background:#102b18}
.table-wrap{overflow:auto;margin-top:15px}
table{width:100%;min-width:850px;border-collapse:collapse}
th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{color:var(--gold);font-size:11px;text-transform:uppercase}
td small{display:block;color:var(--muted)}
td small.error{color:#ff8ca1}
a{color:var(--gold)}
.reset-password{display:block;margin-top:8px;padding:7px 9px;background:#35283b;font-size:11px}
@media(max-width:900px){.create form{grid-template-columns:1fr 1fr}}
@media(max-width:560px){main{padding:14px}.create form{grid-template-columns:1fr}}