:root{--brand:#1d4ed8;--bg:#f4f7fb;--text:#172033;--muted:#667085;--line:#e5e7eb;--card:#fff;--danger:#b42318;--ok:#067647}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--brand);text-decoration:none}.topbar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 4vw;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px}.brand img{width:38px;height:38px;object-fit:contain;border-radius:8px}.topbar nav{display:flex;gap:8px;flex-wrap:wrap}.topbar nav a{padding:8px 10px;border-radius:8px;color:#344054}.topbar nav a:hover{background:#f2f4f7}.container{width:min(1180px,92vw);margin:24px auto 60px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;margin:18px 0;box-shadow:0 4px 18px rgba(16,24,40,.04)}.card h1,.card h2{margin-top:0}.mini{margin:0}.flash{background:#ecfdf3;border:1px solid #abefc6;color:#05603a;padding:12px 16px;border-radius:10px;margin-bottom:14px}.alert{background:#fff4ed;border:1px solid #ffd6ae;color:#93370d;padding:16px;border-radius:12px;margin:12px 0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stats>div{padding:16px;border:1px solid var(--line);border-radius:12px}.stats b{display:block;font-size:28px;color:var(--brand)}.stats span{color:var(--muted)}.badge{display:inline-block;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.badge.ok{background:#ecfdf3;color:var(--ok)}.badge.bad{background:#fef3f2;color:var(--danger)}form{display:grid;gap:12px}label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#344054}input,select,textarea{width:100%;border:1px solid #d0d5dd;border-radius:9px;padding:10px 11px;background:#fff;color:#101828;font:inherit}textarea{min-height:96px;resize:vertical}button,.button{border:0;border-radius:9px;padding:10px 15px;background:var(--brand);color:#fff;font-weight:700;cursor:pointer;display:inline-block;text-align:center}button.secondary,.button.secondary{background:#344054}button.danger{background:var(--danger)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.form-grid .wide{grid-column:1/-1}.inline{display:flex;align-items:center;gap:8px}.inline input,.inline select{min-width:90px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.course-card{display:block;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;color:var(--text)}.course-card:hover{border-color:var(--brand);box-shadow:0 6px 20px rgba(16,24,40,.08)}.course-card .thumb{height:120px;background:linear-gradient(135deg,#eef4ff,#f9f5ff);border-radius:10px;display:grid;place-items:center;font-size:42px;overflow:hidden}.course-card .thumb img{width:100%;height:100%;object-fit:cover}.progress{height:8px;background:#eaecf0;border-radius:99px;overflow:hidden;margin:8px 0}.progress span{display:block;height:100%;background:var(--brand)}.subject>h3{color:var(--brand);margin-top:24px}details{border:1px solid var(--line);border-radius:12px;margin:10px 0;overflow:hidden}summary{cursor:pointer;padding:12px 14px;font-weight:800;background:#f9fafb}.resource-list{display:grid}.resource{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:12px 14px;border-top:1px solid var(--line);color:var(--text)}.resource:hover{background:#f8fafc}.resource-icon{font-size:20px}.resource small{display:block;color:var(--muted);margin-top:2px}.status{font-size:12px;font-weight:700;color:var(--brand)}.video-shell{position:relative;background:#0b0f19;border-radius:14px;overflow:hidden;min-height:360px;display:grid;place-items:center}.video-shell video{width:100%;max-height:72vh;background:#000}.video-status{position:absolute;color:#fff;background:rgba(0,0,0,.65);padding:8px 12px;border-radius:8px}.video-ad{position:absolute;right:16px;bottom:72px;max-width:240px;z-index:3}.video-ad img{width:100%;max-height:120px;object-fit:contain;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.35)}.pdf-shell{height:78vh;border:1px solid var(--line);border-radius:12px;overflow:hidden}.pdf-shell iframe{width:100%;height:100%;border:0}.ad-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.ad-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;color:var(--text);display:grid}.ad-card img{width:100%;height:120px;object-fit:cover}.ad-card b,.ad-card small{padding:7px 10px}.muted{color:var(--muted);font-size:13px}.auth-grid,.renew-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.qr{width:min(280px,100%);aspect-ratio:1;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#fff}.qr.placeholder{display:grid;place-items:center;text-align:center;color:var(--muted)}code{background:#f2f4f7;padding:2px 5px;border-radius:5px}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.container{width:94vw;margin-top:14px}.form-grid,.auth-grid,.renew-grid{grid-template-columns:1fr}.card{padding:16px}.video-shell{min-height:220px}.video-ad{max-width:150px;bottom:58px}.resource{grid-template-columns:32px 1fr}.resource .status{grid-column:2}.topbar nav{width:100%;overflow:auto;flex-wrap:nowrap}.topbar nav a{white-space:nowrap}.pdf-shell{height:70vh}}