:root { --navy:#0B2550; --gold:#D4A843; --ink:#1a2233; --mist:#6b7488; --line:#e3e7ee; --bg:#f6f8fb; }
* { box-sizing:border-box; }
body { margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif; color:var(--ink); background:var(--bg); }
h1 { font-size:1.6rem; margin:0 0 .5rem; }
.admin-muted { color:var(--mist); }
.admin-shell { display:flex; min-height:100vh; }
.admin-sidebar { width:220px; background:var(--navy); color:#fff; display:flex; flex-direction:column; padding:1rem; gap:.25rem; }
.admin-sidebar a { color:#cdd6e6; text-decoration:none; padding:.5rem .6rem; border-radius:6px; }
.admin-sidebar a:hover, .admin-sidebar a.active { background:rgba(255,255,255,.12); color:#fff; }
.admin-brand { font-weight:700; margin-bottom:1rem; }
.admin-logout { margin-top:auto; }
.admin-logout button { width:100%; background:transparent; color:#cdd6e6; border:1px solid rgba(255,255,255,.2); padding:.5rem; border-radius:6px; cursor:pointer; }
.admin-main { flex:1; padding:1.5rem 2rem; }
.admin-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:1rem; margin-top:1rem; }
.admin-card { background:#fff; border:1px solid var(--line); border-radius:10px; padding:1rem; text-decoration:none; color:inherit; }
.admin-card:hover { border-color:var(--gold); }
table.admin-table { width:100%; border-collapse:collapse; background:#fff; }
table.admin-table th, table.admin-table td { text-align:left; padding:.5rem .6rem; border-bottom:1px solid var(--line); font-size:.92rem; }
.btn-primary { background:var(--navy); color:#fff; border:0; border-radius:8px; padding:.55rem 1rem; cursor:pointer; }
.btn-danger { background:#b5303a; color:#fff; border:0; border-radius:8px; padding:.4rem .8rem; cursor:pointer; }
.alert-error { background:#fdecee; color:#8a1f28; border:1px solid #f3c2c7; padding:.6rem .8rem; border-radius:8px; margin-bottom:.8rem; }
.login-shell { display:flex; min-height:100vh; align-items:center; justify-content:center; }
.login-card { background:#fff; border:1px solid var(--line); border-radius:12px; padding:2rem; width:360px; }
.login-card label { display:block; margin:.6rem 0 .2rem; font-size:.9rem; }
.login-card input { width:100%; padding:.5rem; border:1px solid var(--line); border-radius:8px; }
.login-card .btn-primary { width:100%; margin-top:1rem; }
.admin-toolbar { display:flex; gap:.5rem; margin:1rem 0; flex-wrap:wrap; }
.admin-toolbar input, .admin-toolbar select { padding:.45rem; border:1px solid var(--line); border-radius:8px; }
.field-row { display:flex; gap:1rem; align-items:center; margin:.4rem 0; }
.field-row label { width:220px; color:var(--mist); }