:root{--brand:#315be8;--ink:#152545;--muted:#63718a;--line:#e2e8f1;--bg:#f3f6fb;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0;border-radius:9px;background:var(--brand);color:white;padding:11px 16px;font-weight:650}button:disabled{opacity:.55;cursor:default}button.secondary{background:#edf1fa;color:var(--ink);border:1px solid var(--line)}button.quiet{background:transparent;color:var(--muted);padding:8px}button.danger{background:#bc2740}a{color:var(--brand)}h1{font-size:2rem;letter-spacing:-.035em;margin:0 0 10px}h2{font-size:1.2rem;margin:0 0 18px}h3{font-size:1.02rem;margin:0 0 8px}p{line-height:1.6}.muted,small{color:var(--muted);font-size:.875rem}.label{font-size:.875rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:700}.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:#102343;color:#cbd8ee;padding:28px 17px;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;gap:20px}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:1.15rem;font-weight:750}.mark{width:37px;height:37px;background:var(--brand);color:white;border-radius:10px;display:grid;place-items:center;font-size:21px}.brand img{width:38px;height:38px;object-fit:contain}.sidebar .muted{color:#a5b7d3}.sidebar nav{display:grid;gap:5px}.nav{width:100%;text-align:left;background:transparent;color:#c4d1e8;padding:12px;display:flex;align-items:center;gap:11px;font-size:.9rem}.nav.active{background:#294265;color:#fff}.nav:hover{background:#203a5d}.nav span:first-child{font-size:1.1rem;min-width:21px}.sidebar .foot{margin-top:auto;border-top:1px solid #334664;padding:18px 6px 0}.foot button{color:#cbd8ee}.workspace{min-width:0}.topbar{height:75px;border-bottom:1px solid var(--line);background:#fff;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:14px}.topbar strong{font-size:.9rem}.profile{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;background:#eaf0ff;color:var(--brand);display:grid;place-items:center;font-weight:750}main.content{max-width:1390px;margin:auto;padding:32px 38px 60px}.pagehead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:0 0 24px}.pagehead p{margin:5px 0 0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.actions{display:flex;gap:9px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:19px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:23px;min-width:0}.s12{grid-column:span 12}.s8{grid-column:span 8}.s7{grid-column:span 7}.s6{grid-column:span 6}.s5{grid-column:span 5}.s4{grid-column:span 4}.s3{grid-column:span 3}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.metric{background:white;border:1px solid var(--line);border-radius:13px;padding:20px}.metric b{display:block;font-size:1.85rem;letter-spacing:-.04em;margin:4px 0}.metric small{display:block}.strip{padding:15px 20px;background:#eaf0ff;border-radius:11px;margin-bottom:23px;color:#274577}.item{padding:16px 0;border-top:1px solid var(--line)}.item:first-of-type{border-top:0}.item p{margin:5px 0}.badge{border-radius:7px;padding:5px 8px;font-size:.875rem;display:inline-block;background:#edf1fa;color:#4c6080;font-weight:600}.red{background:#fdebf0;color:#ad2342}.green{background:#e3f5ee;color:#167455}.yellow{background:#fff1d9;color:#7a4d0d}.blue{background:#e9efff;color:#3058ce}.bar{height:6px;background:#edf1f7;border-radius:5px;margin-top:12px;overflow:hidden}.bar i{display:block;height:100%;background:var(--brand);border-radius:5px}.signal{display:block;text-align:left;background:transparent;border-radius:0;color:var(--ink);width:100%;font-weight:400;padding:16px 0;border-top:1px solid var(--line)}.signal .dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#d24b61;margin-right:10px}.signal small{display:block;margin:7px 0 0 20px}.signal:hover h3{color:var(--brand)}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:normal}th{font-size:.875rem;color:var(--muted);font-weight:600;background:#f8faff}th,td{padding:13px 12px;border-bottom:1px solid var(--line)}td button{padding:7px 10px;font-size:.875rem}.empty{padding:26px;color:var(--muted);text-align:center}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.tabs button{background:white;color:var(--muted);border:1px solid var(--line)}.tabs button.active{color:var(--brand);border-color:var(--brand)}.login{max-width:470px;margin:8vh auto;background:white;padding:36px;border:1px solid var(--line);border-radius:18px}.login .mark{margin-bottom:24px}.login h1{font-size:1.7rem}.login footer{margin-top:24px;line-height:1.6}.login form{margin-top:24px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:.875rem;color:#3b4e6e;font-weight:600;margin-bottom:16px}input,textarea,select{display:block;width:100%;margin-top:7px;border:1px solid #cdd7e7;padding:11px 12px;border-radius:8px;color:var(--ink);background:white;min-width:0}textarea{min-height:95px;resize:vertical}input[type=checkbox]{display:inline-block;width:auto;margin-right:8px}input[type=color]{height:45px}fieldset{border:1px solid var(--line);border-radius:10px;padding:16px;margin:14px 0}legend{font-weight:650}dialog{width:min(740px,calc(100vw - 24px));max-height:88vh;border:0;border-radius:16px;padding:28px;color:var(--ink);box-shadow:0 25px 90px #1023434d}dialog::backdrop{background:#10234380}.dialoghead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.dialoghead h2{margin:0}dialog .formgrid label{margin-bottom:3px}.error{color:#ad2342;background:#fdebf0;padding:12px;border-radius:8px;display:none}.error.visible{display:block}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#102343;color:white;padding:13px 23px;border-radius:11px;box-shadow:0 8px 30px #10234333;z-index:1000;max-width:90vw;display:none}#toast.visible{display:block}.question{max-width:850px;margin:auto}.question .prompt{font-size:1.28rem;line-height:1.75;margin:22px 0}.choice{display:flex;align-items:center;gap:13px;background:white;border:1px solid #d5deed;color:var(--ink);width:100%;padding:16px;text-align:left;margin:10px 0;font-weight:500}.choice span{border-radius:7px;background:#edf1fa;width:33px;height:33px;display:grid;place-items:center;flex-shrink:0}.choice.correct{background:#e3f5ee;border-color:#27a57b}.choice.wrong{background:#fdebf0;border-color:#d8627b}.feedback{padding:18px;background:#edf3ff;border-radius:10px;margin-top:20px}.timeline{border-left:2px solid var(--line);padding-left:20px}.timeline .item{border:0}.checklist{display:grid;gap:10px;margin:20px 0}.checkrow{padding:13px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:12px}.checkrow span:first-child{border-radius:50%;background:#edf1fa;display:grid;place-items:center;width:30px;height:30px}.checkrow.done span:first-child{background:#e3f5ee;color:#167455}.notice{background:#fff6e6;color:#79550f;border:1px solid #f1ddb7;padding:14px;border-radius:10px;font-size:.875rem;line-height:1.6;margin-bottom:24px}.nowrap{white-space:nowrap}.mobile-menu{display:none}.question-list{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:12px}.question-list label{font-weight:400;margin:7px 0}.statline{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0}.subject{padding:18px;background:#f7f9fe;border-radius:10px}.subject b{font-size:1.55rem}.logo-preview{max-height:55px;max-width:180px}.bigscore{font-size:3rem;font-weight:750;color:var(--brand)}.loading{padding:40px;text-align:center}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1100px){.app{grid-template-columns:205px 1fr}.topbar{padding:0 24px}main.content{padding:28px 24px}.metrics{grid-template-columns:repeat(2,1fr)}.s3,.s4{grid-column:span 6}.s5,.s7,.s8{grid-column:span 12}}@media(max-width:760px){.app{display:block}.sidebar{display:none;position:fixed;z-index:50;width:245px;box-shadow:0 0 0 100vmax #10234380}.sidebar.open{display:flex}.mobile-menu{display:inline-block;background:#edf1fa;color:var(--ink);padding:8px 11px}.topbar{height:68px;padding:0 15px}.topbar .muted{display:none}main.content{padding:24px 15px 50px}h1{font-size:1.6rem}.pagehead{flex-direction:column}.card{padding:18px}.s3,.s4,.s5,.s6,.s7,.s8{grid-column:span 12}.metrics{gap:10px}.metric{padding:16px}.metric b{font-size:1.55rem}.formgrid{grid-template-columns:1fr}.login{margin:25px 15px;padding:25px}table{min-width:520px}.profile strong{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strip{font-size:.875rem}.pagehead .actions{width:100%}.badge{font-size:.82rem}}