*{box-sizing:border-box}
:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f4f7fb}
body{margin:0;min-height:100vh}
.topbar{position:sticky;top:0;z-index:20;background:#14213d;color:#fff;padding:14px max(16px,5vw);display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 4px 20px #0002}
.topbar h1{margin:0;font-size:20px}.topbar p{margin:3px 0 0;opacity:.72;font-size:12px}
main{max-width:1200px;margin:20px auto;padding:0 14px 60px}
.card,.panel{background:#fff;border-radius:16px;padding:18px;box-shadow:0 8px 30px #15213d12;margin-bottom:16px}
.login-card{max-width:460px;margin:12vh auto}
.grid{display:grid;gap:12px}.stats{grid-template-columns:repeat(4,1fr)}
.stats>div{background:#fff;border-radius:14px;padding:16px;box-shadow:0 5px 20px #15213d10}
.stats b{font-size:26px;display:block}.stats span,.muted{color:#6b7280}
.tabs{position:sticky;top:70px;z-index:10;display:flex;gap:7px;margin:14px 0;padding:8px;background:#f4f7fb;overflow-x:auto}
.tabs button{white-space:nowrap}
.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}
input,select,textarea,button{font:inherit;padding:12px 13px;border-radius:11px;border:1px solid #d5dbea;min-height:44px}
textarea{min-height:100px}
button{background:#315efb;color:#fff;border:0;cursor:pointer;font-weight:650}
button.secondary{background:#e8eef9;color:#172033}.ghost{background:#ffffff18;border:1px solid #ffffff33}
button.danger{background:#e5484d}.item{border:1px solid #e4e7ef;border-radius:12px;padding:13px;margin-top:9px;background:#fff}
.inner{box-shadow:none;background:#f7f9fd}.sticky-actions{position:sticky;bottom:10px;z-index:8;display:flex;gap:8px;padding:8px;background:#ffffffee;border-radius:12px}
.automation-cards{grid-template-columns:repeat(3,1fr)}
@media(max-width:800px){main{padding:10px 10px 50px}.stats{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr}.tabs{top:61px}.panel,.card{padding:14px}.topbar{padding:12px 14px}.topbar h1{font-size:18px}.sticky-actions{bottom:6px}}
@media(max-width:430px){.stats b{font-size:22px}.tabs button{font-size:13px;padding:10px}.topbar .ghost{padding:9px}.login-card{margin:8vh auto}}

.automation-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}

.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.section-head h2{margin:0 0 4px}.dashboard-grid{grid-template-columns:repeat(3,1fr)}
.dashboard-grid b{display:block;font-size:28px;margin-top:6px}
.quick-actions{display:flex;flex-wrap:wrap;gap:8px}
.item-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.item-actions{display:flex;gap:6px;flex-wrap:wrap}
.links{margin-top:8px}.links a,.item>a{color:#315efb;text-decoration:none}
.syllabus-preview{white-space:pre-wrap;max-height:120px;overflow:auto;margin:8px 0}
.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e4e7ef;border-radius:12px;padding:14px;background:#fff}
.setting-row input{width:22px;height:22px;min-height:0;accent-color:#315efb}
@media(max-width:800px){.dashboard-grid,.settings-grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:center}.item-row{flex-direction:column}.item-actions{width:100%}.item-actions button{flex:1}}
@media(max-width:430px){.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid b{font-size:22px}.quick-actions button{flex:1 1 45%}.setting-row{padding:12px}.formgrid input,.formgrid select,.formgrid textarea{min-width:0}}


/* Permanent dark admin theme */
:root{
  color-scheme:dark;
  --bg:#0b1020;
  --surface:#121a2b;
  --surface-2:#182235;
  --surface-3:#0f1728;
  --border:#2a3852;
  --text:#e7edf7;
  --muted:#9aa8bd;
  --accent:#5b7cfa;
  --danger:#ef5350;
}
html,body{background:var(--bg);color:var(--text)}
body{background:radial-gradient(circle at top right,#17233d 0,transparent 34%),var(--bg)}
.topbar{background:#0d1424;border-bottom:1px solid var(--border);box-shadow:0 8px 30px #0008}
main{max-width:1400px}
.card,.panel,.stats>div{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:0 12px 35px #0005}
.inner{background:var(--surface-2);border-color:var(--border)}
.muted,.stats span{color:var(--muted)}
.tabs{
  position:sticky;top:74px;z-index:10;
  display:flex;flex-direction:column;align-items:stretch;
  width:210px;float:left;margin:0 18px 20px 0;
  padding:10px;background:var(--surface-3);border:1px solid var(--border);
  border-radius:16px;overflow:visible;
}
.tabs button{background:transparent;color:var(--muted);text-align:left;border:0}
.tabs button:hover,.tabs button.active{background:#243454;color:#fff}
#app>.panel{margin-left:228px;min-height:500px}
input,select,textarea{
  background:#0d1525;color:var(--text);border-color:var(--border);
}
input::placeholder,textarea::placeholder{color:#738198}
button{background:var(--accent);color:#fff}
button.secondary{background:#26344d;color:#e7edf7}
button.danger{background:var(--danger)}
.item,.setting-row{background:var(--surface-2);border-color:var(--border)}
.sticky-actions{background:#10182aee;border:1px solid var(--border)}
.links a,.item>a{color:#8da7ff}
.login-card{border-color:var(--border)}
@media(max-width:800px){
  .tabs{float:none;width:auto;position:sticky;top:61px;flex-direction:row;overflow-x:auto;margin:10px 0;padding:7px}
  .tabs button{text-align:center;white-space:nowrap}
  #app>.panel{margin-left:0}
}