:root { --bg:#0b1020; --card:#121833; --text:#e7ecff; --muted:#9fb0ff; --accent:#5b7cff; }
*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial;background:var(--bg);color:var(--text)}
a{color:var(--accent);text-decoration:none}
.header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:rgba(0,0,0,.25);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}
.brand{font-weight:700;letter-spacing:.5px}
.container{max-width:1100px;margin:0 auto;padding:24px}
.grid{display:grid;gap:16px}
.card{background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
h1,h2{margin:8px 0 12px} label{display:block;font-size:.9rem;color:var(--muted);margin-bottom:6px}
input,textarea,select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #26305f;background:#0e1533;color:var(--text)}
button,.btn{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;background:var(--accent);border:none;color:white;border-radius:10px;cursor:pointer;font-weight:600}
.btn.secondary{background:#26305f} .badge{font-size:.75rem;color:#fff;padding:4px 8px;border-radius:999px;background:#26305f}
.table{width:100%;border-collapse:collapse} .table th,.table td{border-bottom:1px solid #26305f;padding:10px;text-align:left}
.flex{display:flex;gap:12px;flex-wrap:wrap;align-items:center} img.avatar{width:64px;height:64px;object-fit:cover;border-radius:12px;border:1px solid #26305f}
.footer{color:var(--muted);text-align:center;padding:32px;border-top:1px solid rgba(255,255,255,.08)}
.admin-nav{display:flex;gap:8px;flex-wrap:wrap}
.alert{padding:10px 12px;border-radius:10px;background:#132247;border:1px solid #2a3f86}
.success{border-color:#2c7a4b} .error{border-color:#7a2c3b}