:root{
  --navy:#0b1323;--panel:#111c30;--panel2:#152238;--lime:#a6e22e;
  --gold:#d4af37;--gold2:#f1d77b;--white:#fff;--light:#e5e7eb;
  --muted:#9aa8b8;--line:rgba(255,255,255,.11);--danger:#ff6b6b;
}
*{box-sizing:border-box}
body{margin:0;background:#0b1323;color:#e5e7eb;font-family:Inter,Segoe UI,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}
.sidebar{background:#08101d;border-right:1px solid var(--line);padding:24px 18px;position:sticky;top:0;height:100vh}
.brand{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:24px;font-weight:800}
.brand strong{color:var(--gold)}
.side-note{margin:18px 0 28px;color:#718192;font-size:12px;line-height:1.5}
.side-nav{display:flex;flex-direction:column;gap:8px}
.side-nav button{width:100%;text-align:left;border:0;background:transparent;color:#aeb9c5;padding:12px 14px;border-radius:10px;font-weight:700;cursor:pointer}
.side-nav button:hover,.side-nav button.active{background:#111c30;color:#fff}
.main{padding:28px}
.topline{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}
.topline h1{margin:0;font-family:Georgia,serif;font-size:36px;color:#fff}
.badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(166,226,46,.1);color:var(--lime);border:1px solid rgba(166,226,46,.2);font-weight:900;font-size:11px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
.stat{background:#111c30;border:1px solid var(--line);border-radius:16px;padding:18px}
.stat span{display:block;color:#8291a2;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.stat strong{display:block;font-size:28px;color:#fff;margin-top:6px}
.panel{background:#101b2e;border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:20px}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.panel-head h2{margin:0;color:#fff;font-size:20px}
.btn{border:0;border-radius:10px;padding:11px 15px;font-weight:900;cursor:pointer}
.btn-primary{background:var(--lime);color:#09101d}
.btn-outline{background:transparent;color:var(--gold2);border:1px solid rgba(212,175,55,.45)}
.btn-danger{background:rgba(255,107,107,.1);color:#ff9d9d;border:1px solid rgba(255,107,107,.25)}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:900px}
th,td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;font-size:13px}
th{color:#8797a8;text-transform:uppercase;font-size:11px;letter-spacing:.06em}
td{color:#d5dce5}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#16253c;color:#a7b6c5;font-size:11px}
.chip.on{background:rgba(166,226,46,.1);color:var(--lime)}
.chip.off{background:rgba(255,107,107,.09);color:#ffabab}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:7px}
.field.full{grid-column:1/-1}
label{color:#9aa8b8;font-size:12px;font-weight:800}
input,textarea,select{width:100%;background:#0d1727;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:11px 12px;outline:none}
textarea{min-height:92px;resize:vertical}
input:focus,textarea:focus,select:focus{border-color:rgba(166,226,46,.55)}
.score-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.notice{padding:14px 16px;border-radius:12px;background:rgba(212,175,55,.07);border:1px solid rgba(212,175,55,.25);color:#b6c1cb;font-size:13px;margin-bottom:18px}
.hidden{display:none!important}
.preview-card{background:linear-gradient(180deg,#152238,#111c30);border:1px solid var(--line);border-radius:16px;padding:18px}
.preview-card h3{margin:0 0 8px;color:#fff}
.preview-card p{color:#8fa0b0}
.preview-score{font-size:36px;color:var(--lime);font-weight:1000}
.inline-checks{display:flex;gap:18px;flex-wrap:wrap}
.inline-checks label{display:flex;align-items:center;gap:7px;color:#c5ced8}
.inline-checks input{width:auto}
.small{font-size:12px;color:#77889a}
@media(max-width:1000px){
  .admin-shell{grid-template-columns:1fr}
  .sidebar{position:relative;height:auto}
  .grid4{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .grid4,.form-grid,.score-grid{grid-template-columns:1fr}
  .main{padding:18px}
}