@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080c12;--surface:#101722;--surface-2:#151e2b;--line:#273449;--text:#f5f7fb;--muted:#91a2bb;--cyan:#59c7d6;--green:#50d7aa;--violet:#8b5cf6;--red:#ff6b7c;--amber:#e7b254}
*{box-sizing:border-box}html{font-family:"Chakra Petch","Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#080c12 0,#0a1018 100%);letter-spacing:0}.topbar{position:sticky;top:0;z-index:20;height:64px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,12,18,.96)}.brand,.top-actions{display:flex;align-items:center;gap:14px}.brand{color:var(--text);text-decoration:none;font-weight:700}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #3d5874;border-radius:6px;background:#111d2b;color:var(--green);font-size:13px}.top-actions form{margin:0}.identity{display:flex;flex-direction:column;line-height:1.15}.identity small{color:var(--muted);text-transform:uppercase;font-size:10px}.shell{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:52px 0 80px}.login-shell{width:100%;min-height:100vh;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#102331 0,#080c12 48%)}.login-panel{width:min(430px,100%);padding:32px;border:1px solid var(--line);border-radius:6px;background:var(--surface);box-shadow:0 28px 80px rgba(0,0,0,.38)}.login-heading{display:flex;align-items:center;gap:16px;margin-bottom:14px}.login-heading .brand-mark{width:44px;height:44px}.login-heading h1{margin:2px 0 0}.eyebrow{margin:0;color:var(--cyan);font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.page-heading{margin-bottom:32px}.page-heading h1,.login-heading h1{font-size:clamp(28px,4vw,42px);line-height:1.1}.page-heading h1{margin:8px 0}.muted{color:var(--muted)}h1,h2,p{letter-spacing:0}h2{font-size:19px}label{display:grid;gap:7px;color:#c8d4e4;font-size:12px;font-weight:600}input,select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #344257;border-radius:5px;background:#0b111a;color:var(--text);font:inherit}input:focus,select:focus{outline:2px solid rgba(89,199,214,.35);border-color:var(--cyan)}.stack{display:grid;gap:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.button{min-height:38px;padding:9px 14px;border:1px solid #344257;border-radius:5px;background:#111a27;color:var(--text);font:600 12px/1 "Chakra Petch",sans-serif;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.button:hover{border-color:#60738f}.button.primary{border-color:#3f8d86;background:#16766f}.button.primary:hover{background:#1a8b82}.button.ghost{background:transparent}.button.success{border-color:#27876e;background:#11382f;color:#a7f3d9}.button.small{min-height:32px;padding:7px 10px}.button.wide{width:100%;margin-top:4px}.notice{margin-bottom:20px;padding:13px 16px;border:1px solid var(--line);border-radius:5px;background:var(--surface)}.notice.error{border-color:#7b3340;color:#ffb3bf}.notice.success{border-color:#266b5b;color:#a7f3d9}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px}.course-card{min-height:250px;padding:24px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.course-card h2{margin:18px 0 8px;font-size:23px}.course-card p{color:#aebbd0;line-height:1.55}.course-meta,.course-footer,.section-heading,.compact-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.course-meta{color:var(--muted);font-size:11px}.course-footer{margin-top:auto;padding-top:22px;border-top:1px solid var(--line)}.tag{display:inline-flex;padding:4px 8px;border:1px solid #344257;border-radius:999px;color:#b7c7dd;font-size:10px;text-transform:uppercase}.empty-state{padding:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.admin-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-bottom:18px}.panel{padding:22px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.section-heading{margin-bottom:20px}.section-heading h2{margin:4px 0 0}.metric{color:var(--green);font-size:22px;font-weight:700}.compact-row{padding:12px 0;border-top:1px solid var(--line);font-size:12px}.compact-row strong,.compact-row small,td strong,td small{display:block}.compact-row small,td small{color:var(--muted);margin-top:3px}.table-panel{padding:0}.table-panel .section-heading{padding:22px 22px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:14px 18px;border-top:1px solid var(--line);text-align:left;white-space:nowrap}th{color:#8193ad;font-size:10px;text-transform:uppercase;background:#0d141e}@media(max-width:800px){.shell{width:min(100% - 24px,1240px);padding-top:30px}.topbar{padding:0 12px}.identity{display:none}.admin-layout,.form-row{grid-template-columns:1fr}.course-grid{grid-template-columns:1fr}.top-actions{gap:6px}.button.ghost{padding:8px}}