:root{--blue:#176de5;--navy:#06163d;--ink:#102449;--muted:#6b7c9c;--bg:#f3f7ff;--line:#dce6f5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Arial,sans-serif}input,select,textarea,button{font:inherit}button{border:0;border-radius:8px;padding:11px 15px;background:linear-gradient(135deg,#1258d6,#248cf4);color:#fff;font-weight:800;cursor:pointer}.layout{min-height:100vh;display:flex}aside{position:fixed;inset:0 auto 0 0;width:260px;padding:24px 18px;color:#fff;display:flex;flex-direction:column;background:linear-gradient(165deg,#06163d,#0a3b91 50%,#1677eb)}.logo{display:flex;align-items:center;gap:11px}.logo>b{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#79d6ff,#e0f7ff);color:#063271}.logo span{font-size:19px;font-weight:900}.logo small{display:block;font-size:7px;letter-spacing:.18em;opacity:.65;margin-top:3px}nav{display:grid;gap:5px;margin-top:35px}nav a,.logout{padding:13px;border-radius:8px;color:#c9ddf9;text-decoration:none;font-weight:700}nav a.active,nav a:hover{background:linear-gradient(90deg,#5cb7ff3d,#ffffff14);color:#fff}.admin{margin-top:auto;display:grid;padding:14px;background:#ffffff12;border-radius:9px}.admin small,.admin span{opacity:.65;font-size:10px}.admin b{margin:5px 0}.logout{text-align:center;margin-top:8px}main{margin-left:260px;width:calc(100% - 260px)}header{height:70px;background:#fff;border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;justify-content:space-between}header span{background:#e8f2ff;color:var(--blue);padding:6px 8px;border-radius:6px;font-size:10px}.content{padding:30px;max-width:1500px;margin:auto}.heading{margin-bottom:24px}.heading small{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.15em}.heading h1{margin:8px 0;font-size:28px}.heading p,.panelhead p,.uploader p{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stats article,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 8px 30px #1c4a910f}.stats small,.stats span{display:block;color:var(--muted)}.stats strong{display:block;font-size:26px;margin:12px 0}.panelhead{display:flex;justify-content:space-between;align-items:start}.panelhead h2{margin:0}.panelhead a{color:var(--blue);text-decoration:none;font-weight:800}.table{overflow:auto}.table table{width:100%;border-collapse:collapse;margin-top:14px}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid var(--line);white-space:nowrap}.table th{font-size:9px;color:var(--muted);letter-spacing:.08em}.table td small{display:block;color:var(--muted);margin-top:4px}.tag,.status{display:inline-block;padding:6px 9px;border-radius:99px;background:#e8f2ff;color:var(--blue);font-size:9px;font-weight:900}.small{padding:7px 10px;font-size:9px}.create{margin-bottom:18px}.create summary{cursor:pointer;font-weight:900;font-size:16px}.create form{margin-top:20px}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.formgrid label,.authbox label{display:grid;gap:6px;font-weight:700}.formgrid .wide{grid-column:1/-1}.formgrid input,.formgrid select,.formgrid textarea,.authbox input,.uploader input{border:1px solid var(--line);border-radius:8px;padding:11px}.formgrid textarea{min-height:70px}.updatehero{display:flex;align-items:center;gap:18px;padding:24px;border-radius:14px;color:#fff;background:linear-gradient(125deg,#071b49,#0c4fac 60%,#1688ee);margin-bottom:18px}.updatehero>div{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:#dff7ff;color:#0752a8;font-weight:900}.updatehero span{color:#91e5ff;font-size:9px;font-weight:900}.updatehero h2{margin:6px 0}.updatehero p{margin:0;color:#bad3f5}.uploader{display:grid;gap:13px;margin-bottom:18px}.uploader label{display:grid;gap:8px;padding:18px;border:2px dashed #a9c9f5;border-radius:10px;background:#f6faff;color:var(--blue);font-weight:800}.uploader small{color:var(--muted)}.alert{padding:13px;border-radius:8px;margin-bottom:16px}.alert.success{background:#e7f4ef;color:#167054}.alert.error{background:#fff0ee;color:#b84031}.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#06163d,#176de5)}.authbox{width:min(580px,100%);background:#fff;padding:30px;border-radius:16px;box-shadow:0 30px 80px #00102c66}.authbox .logo{margin-bottom:24px}.authbox p{color:var(--muted)}.authbox label{margin:12px 0}.authbox button{width:100%;margin-top:10px}.authbox hr{border:0;border-top:1px solid var(--line);margin:20px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}@media(max-width:900px){aside{position:static;width:100%;min-height:auto}.layout{display:block}main{margin:0;width:100%}.stats{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.formgrid .wide{grid-column:auto}}@media(max-width:520px){.stats,.two{grid-template-columns:1fr}.content{padding:20px 15px}header{padding:0 15px}.authbox{padding:24px 18px}}
