:root{--bg:#0b1c2a;--card:#0f2638;--text:#e6f1ff;--muted:#9fb3c8;--brand:#3aa7ff;--btn:#2a7bd6;}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif}
a{color:#9ad1ff;text-decoration:none}
.container{max-width:960px;margin:0 auto;padding:16px}
.header{display:flex;align-items:center;gap:12px;padding:16px}
.logo{display:flex;align-items:center;gap:12px}
.logo img{width:40px;height:40px}
.brand{font-weight:700}
.card{background:var(--card);border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.25);margin:12px 0}
.grid{display:grid;gap:16px}
@media(min-width:720px){.grid{grid-template-columns:1fr 1fr}}
.btn{display:inline-block;background:var(--btn);color:white;padding:10px 16px;border-radius:10px;font-weight:600;border:none}
.btn.secondary{background:#143a5a}
.footer{color:var(--muted);padding:24px 16px;text-align:center}
h1,h2,h3{margin:8px 0 12px}
label{display:block;margin:10px 0 6px;color:#d6e4f2}
input,select,textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #254560;background:#0a1a28;color:#d9ecff}
input[type=file]{border:none;background:transparent}
small{color:var(--muted)}
.list{margin:0;padding-left:18px}
.badge{background:#0a3a5a;color:#bfe6ff;border-radius:999px;padding:4px 10px;font-size:12px}
.section-title{display:flex;align-items:center;justify-content:space-between}
hr{border:none;border-top:1px solid #143a5a;margin:16px 0}
.notice{background:#082237;border-left:4px solid var(--brand);padding:12px;border-radius:12px;color:#cfe8ff}
.admin-link{background:#10324e;display:inline-block;margin-top:8px}