:root{--purple:#5524a8;--orange:#f47b35;--ink:#211a2d;--muted:#81768d;--line:#ece6f3;--surface:#fff;--bg:#f6f4fa}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}.shell{grid-template-columns:245px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--purple);color:#fff;flex-direction:column;gap:25px;padding:26px 17px;display:flex}.brand{align-items:center;gap:10px;font-size:20px;font-weight:850;display:flex}.brandMark{background:var(--orange);color:#30174e;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.brand small{letter-spacing:1.7px;opacity:.75;margin-top:3px;font-size:9px;display:block}.navLabel{letter-spacing:1.5px;color:#cbb8f4;margin:5px 10px;font-size:10px}.navItem{color:#e7ddfb;border-radius:11px;padding:12px 13px;font-size:13px}.navItem.active,.navItem:hover{color:#fff;background:#ffffff20}.sideBottom{margin-top:auto}.help{background:#ffffff12;border:1px solid #ffffff30;border-radius:14px;padding:15px;font-size:12px}.help p{opacity:.8}.help span{opacity:.7;font-size:10px}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:15px;min-height:76px;padding:15px 30px;font-size:12px;display:flex}.muted{color:var(--muted);font-weight:400}.topControls{align-items:center;gap:12px;display:flex}.search,.field{color:var(--ink);background:#fcfbfe;border:1px solid #e5deed;border-radius:10px;min-width:0;padding:11px 12px}.search{width:200px}.roleLabel{color:var(--muted);align-items:center;gap:6px;display:flex}.roleLabel select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;padding:8px}.avatar{color:#63351e;background:#f8d6bd;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.content{max-width:1500px;margin:auto;padding:30px}.welcome{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:1.6px;color:var(--purple);font-size:10px;font-weight:850}.welcome h1{letter-spacing:-.8px;margin:8px 0;font-size:29px}.welcome p{color:var(--muted);margin:0;font-size:13px}.pill{color:var(--purple);background:#f0e8ff;border-radius:30px;padding:9px 12px;font-size:11px;font-weight:800}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.stat,.panel,.course{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 20px #24103c05}.stat{padding:18px}.stat span,.stat small{color:var(--muted);font-size:11px;display:block}.stat strong{margin:12px 0 6px;font-size:28px;display:block}.sectionHead{justify-content:space-between;align-items:center;gap:10px;margin:28px 0 14px;display:flex}.sectionHead h2{margin:0;font-size:17px}.sectionHead>span{font-size:11px}.courseGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.course{overflow:hidden}.courseArt{color:#fff;justify-content:space-between;height:115px;padding:17px;display:flex}.courseArt span{background:#ffffff25;border:1px solid #fff4;border-radius:7px;height:max-content;padding:6px 9px;font-size:10px}.courseArt b{font-size:34px}.art0{background:linear-gradient(120deg,#3c2379,#8d5be5)}.art1{background:linear-gradient(120deg,#633c14,#f4a52c)}.art2{background:linear-gradient(120deg,#114b62,#36a6a5)}.courseBody{padding:17px}.courseBody h3{margin:0 0 7px;font-size:14px}.courseBody p,.panel p{color:var(--muted);font-size:12px;line-height:1.6}.progressMeta{color:var(--muted);justify-content:space-between;margin:18px 0 8px;font-size:10px;display:flex}.track{background:#eee8f5;border-radius:20px;height:6px;overflow:hidden}.track div{background:var(--purple);border-radius:20px;height:100%}.secondaryButton,.primaryButton{cursor:pointer;border:0;border-radius:10px;margin-top:15px;padding:10px 13px;font-size:11px;font-weight:800}.secondaryButton{color:var(--purple);background:#f8f3ff;border:1px solid #e1d4f6}.primaryButton{background:var(--orange);color:#28150b}.lowerGrid,.adminGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.panel{padding:20px}.panel h2,.panel h3{margin:0 0 13px;font-size:15px}.panel p{border-bottom:1px solid #f0ebf5;padding:5px 0}.due{float:right;color:#b7521a;font-size:10px;font-weight:800}.fieldLabel{margin:13px 0 6px;font-size:11px;font-weight:750;display:block}.field{width:100%}.tableWrap{border:1px solid var(--line);background:#fff;border-radius:14px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th,td{border-bottom:1px solid var(--line);white-space:nowrap;padding:14px}th{letter-spacing:.5px;color:var(--muted);text-transform:uppercase;font-size:10px}td small{color:var(--muted);margin-top:4px;display:block}.statusLive,.statusDraft{border-radius:20px;padding:5px 8px;font-size:10px;font-weight:800}.statusLive{color:#187348;background:#e6f7ee}.statusDraft{color:#a44a16;background:#fff0e6}footer{color:var(--muted);margin:30px 0 0;font-size:10px}.toast{color:#fff;z-index:5;background:#211b2b;border-radius:12px;max-width:370px;padding:14px 18px;font-size:12px;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 35px #0003}@media (max-width:1050px){.shell{grid-template-columns:205px minmax(0,1fr)}.content{padding:22px}.stats,.courseGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.courseGrid .course:last-child{display:none}.topbar{padding:14px 20px}.search{width:145px}}@media (max-width:720px){.shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{flex-direction:column;align-items:flex-start}.topControls{flex-wrap:wrap;width:100%}.search{flex:1}.content{padding:20px 14px}.welcome{flex-direction:column;align-items:flex-start}.welcome h1{font-size:25px}.stats{gap:9px}.stat{padding:13px}.stat strong{font-size:23px}.courseGrid,.lowerGrid,.adminGrid{grid-template-columns:1fr}.courseGrid .course:last-child{display:block}.pill{display:none}}