@import "tailwindcss";

:root{--plum:#51213c;--plum2:#6d3153;--ink:#29232a;--muted:#756e75;--line:#e9e2e6;--cream:#f7f3ef;--card:#fff;--amber:#e9a83a;--rose:#d65f72;--lilac:#8b6bb3;--mint:#4f9c7d}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--cream);color:var(--ink)}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:264px 1fr;background:var(--cream);transition:.2s}.app-shell.dark{--ink:#f5edf2;--muted:#b9acb4;--line:#4a3742;--cream:#20171d;--card:#2b2027}.app-shell aside{position:fixed;width:264px;height:100vh;background:#351629;color:#f8edf3;padding:20px 14px;display:flex;flex-direction:column;z-index:20;transition:.2s}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 20px}.brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#f6c76a,#dc8f29);display:grid;place-items:center;color:#45182f;font-weight:900;font-size:22px;box-shadow:0 8px 20px #1a091366}.brand strong{display:block;font-size:20px;letter-spacing:-.5px}.brand small{display:block;font-size:10px;color:#cbb5c2;text-transform:uppercase;letter-spacing:1.8px;margin-top:1px}.school-chip{margin:2px 0 22px;padding:10px;background:#ffffff0c;border:1px solid #ffffff14;border-radius:13px;display:flex;gap:9px;align-items:center}.crest{width:35px;height:35px;border-radius:10px;background:#f2d789;color:#4d243a;display:grid;place-items:center;font-size:11px;font-weight:900}.school-chip>div:nth-child(2){min-width:0;flex:1}.school-chip strong,.school-chip small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.school-chip strong{font-size:12px}.school-chip small{font-size:9px;color:#c8b4c0;margin-top:3px}.nav-label{font-size:9px;letter-spacing:1.6px;color:#9f8193;padding:0 11px;margin:0 0 8px}.app-shell nav{display:grid;gap:3px}.app-shell nav button,.side-bottom>button{height:44px;border:0;background:transparent;color:#cdbbc5;border-radius:10px;display:flex;align-items:center;gap:12px;padding:0 13px;cursor:pointer;text-align:left}.app-shell nav button:hover,.side-bottom>button:hover{background:#ffffff0a;color:white}.app-shell nav button.active{background:#f4e8ee;color:#4c1d38;box-shadow:0 8px 20px #13071033}.app-shell nav button span,.side-bottom>button span{font-size:18px;width:20px;text-align:center}.app-shell nav button b,.side-bottom>button b{font-weight:600;font-size:13px}.app-shell nav i{margin-left:auto;background:#df6e7e;color:white;font-size:9px;font-style:normal;border-radius:10px;padding:2px 7px}.side-bottom{margin-top:auto;border-top:1px solid #ffffff12;padding-top:8px}.user{display:flex;gap:9px;align-items:center;margin-top:9px;padding:12px 8px 2px}.user>div:nth-child(2){min-width:0;flex:1}.user strong,.user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user strong{font-size:11px}.user small{font-size:9px;color:#bda5b3;margin-top:3px}.user button{border:0;background:transparent;color:#bda5b3;font-size:16px}.workspace{grid-column:2;min-width:0}.workspace header{height:66px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:10}.collapse-btn{border:0;background:transparent;color:var(--muted);font-size:18px;margin-right:17px;cursor:pointer}.crumb{display:flex;gap:9px;align-items:center;font-size:12px}.crumb span,.crumb b{color:#a59ca2;font-weight:500}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.circle,.help{height:35px;border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:9px;cursor:pointer}.circle{width:35px;position:relative}.notify i{position:absolute;right:-3px;top:-4px;background:#d85d70;color:white;border:2px solid var(--card);border-radius:10px;font-size:8px;padding:1px 4px;font-style:normal}.help{padding:0 12px}.help span{font-size:11px;margin-left:5px}.content{padding:32px;max-width:1580px;margin:auto}.welcome,.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#a06a48}.welcome h1,.page-head h1{font-family:Georgia,serif;font-size:32px;letter-spacing:-.8px;margin:6px 0 7px;color:var(--ink)}.welcome p,.page-head p{font-size:13px;color:var(--muted);margin:0}.primary,.secondary,.dark{height:40px;border-radius:9px;padding:0 15px;font-weight:700;font-size:11px;cursor:pointer}.primary{border:0;background:var(--plum);color:white;box-shadow:0 7px 14px #51213c28}.secondary{border:1px solid var(--line);background:var(--card);color:var(--ink)}.dark{border:0;background:#29232a;color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:17px;display:flex;gap:13px;align-items:flex-start;box-shadow:0 2px 7px #321b2b08}.stat-icon{width:37px;height:37px;border-radius:10px;background:#efe3e9;color:var(--plum);display:grid;place-items:center;font-weight:900}.stat-card.gold .stat-icon{background:#fff2d8;color:#b77913}.stat-card.rose .stat-icon{background:#fee6ea;color:#c84b5f}.stat-card.lilac .stat-icon{background:#eee6f7;color:#7b59a4}.stat-card p{margin:0 0 4px;font-size:10px;color:var(--muted)}.stat-card strong{font-family:Georgia,serif;display:block;font-size:22px}.stat-card small{display:block;color:#7c947e;font-size:9px;margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px;margin-bottom:16px}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 7px #321b2b08}.progress-panel,.activity{padding:19px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:19px}.panel-title h2,.score-title h2{font-family:Georgia,serif;font-size:17px;margin:0 0 4px}.panel-title p,.score-title p{font-size:10px;color:var(--muted);margin:0}.text-btn,.icon-btn{border:0;background:transparent;color:var(--plum2);font-size:10px;font-weight:700;cursor:pointer}.progress-row{display:grid;grid-template-columns:125px 1fr 35px;align-items:center;gap:11px;margin:13px 0}.progress-copy strong,.progress-copy span{display:block}.progress-copy strong{font-size:11px}.progress-copy span{font-size:8px;color:var(--muted);margin-top:3px}.bar{height:6px;background:var(--cream);border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:var(--plum2);border-radius:5px}.bar i.complete{background:var(--mint)}.bar i.warn{background:var(--amber)}.bar i.danger{background:var(--rose)}.progress-row>b{font-size:10px;text-align:right}.notice{margin-top:17px;background:#fff8e9;border:1px solid #f6e3bb;border-radius:10px;padding:10px;display:flex;align-items:center;gap:10px;color:#553b21}.dark .notice{background:#3a2d22;border-color:#5a4632;color:#f9e7ca}.notice>span{width:25px;height:25px;border-radius:8px;background:#f4c966;display:grid;place-items:center;font-weight:900}.notice div{flex:1}.notice strong{font-size:9px}.notice p{font-size:8px;margin:2px 0 0}.notice button{border:0;background:transparent;color:#8f5b12;font-size:8px;font-weight:800;cursor:pointer}.activity-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#efe6ec;color:#683250;font-size:9px;font-weight:800;flex:none}.avatar.mint,.avatar.c3{background:#dff1e9;color:#347d61}.avatar.lilac,.avatar.c1{background:#ede5f6;color:#76559f}.avatar.gold,.avatar.c2{background:#fff0d2;color:#a66c10}.avatar.rose,.avatar.c0{background:#f8e3e7;color:#a33d50}.activity-row>div{flex:1}.activity-row strong,.activity-row p{display:block;margin:0}.activity-row strong{font-size:10px}.activity-row p{font-size:8px;color:var(--muted);margin-top:3px}.activity-row time{font-size:8px;color:#a39aa0}.activity-all{width:100%;border:0;background:transparent;color:var(--plum2);font-size:9px;font-weight:800;padding:14px 0 0;cursor:pointer}.quick{padding:18px}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.quick-grid button{border:1px solid var(--line);background:var(--card);border-radius:11px;padding:13px;text-align:left;cursor:pointer;color:var(--ink);transition:.15s}.quick-grid button:hover{transform:translateY(-2px);border-color:#cdb7c3;box-shadow:0 8px 18px #321b2b0c}.quick-grid button span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--cream);color:var(--plum);margin-bottom:9px}.quick-grid strong,.quick-grid small{display:block}.quick-grid strong{font-size:10px}.quick-grid small{font-size:8px;color:var(--muted);margin-top:3px}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.mini-stats.wide{grid-template-columns:repeat(3,1fr)}.mini-stats>div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:15px}.mini-stats span,.mini-stats strong{display:block}.mini-stats span{font-size:9px;color:var(--muted);margin-bottom:6px}.mini-stats strong{font-family:Georgia,serif;font-size:21px}.table-panel{overflow:hidden}.table-tools{padding:14px;display:flex;gap:9px;border-bottom:1px solid var(--line)}.search{height:38px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;padding:0 10px;gap:8px;flex:1;max-width:340px}.search input{border:0;outline:0;background:transparent;color:var(--ink);width:100%;font-size:10px}.table-tools select,.filters select,.form-grid input,.form-grid select{height:38px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:9px;padding:0 12px;font-size:10px;outline:none}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th{text-align:left;background:color-mix(in srgb,var(--cream) 60%,var(--card));color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.65px;padding:11px 15px;border-bottom:1px solid var(--line)}td{font-size:10px;padding:12px 15px;border-bottom:1px solid var(--line)}.student-name{display:flex;align-items:center;gap:9px}.status{font-size:8px;font-weight:800;padding:5px 8px;border-radius:15px}.status.active{background:#e3f3eb;color:#397e63}.status.draft{background:#fff0d2;color:#9f6810}.row-menu{border:0;background:transparent;color:var(--muted);cursor:pointer}.pagination{padding:13px 15px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted)}.pagination button{width:29px;height:28px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:9px}.pagination button.selected{background:var(--plum);color:white}.modal-bg{position:fixed;inset:0;background:#1d0f1888;backdrop-filter:blur(4px);z-index:50;display:grid;place-items:center;padding:20px}.modal{background:var(--card);color:var(--ink);width:min(600px,100%);border-radius:16px;box-shadow:0 20px 60px #15091255;padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:15px}.modal-head h2{font-family:Georgia,serif;margin:4px 0 0}.modal-head button{border:0;background:transparent;font-size:24px;color:var(--muted);cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px 0}.form-grid label,.filters label{font-size:9px;color:var(--muted);font-weight:700}.form-grid input,.form-grid select{display:block;width:100%;margin-top:6px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.save-state{font-size:9px;color:#bb5a65;background:#fce9eb;border-radius:20px;padding:7px 10px}.save-state.ok{color:#3b7d62;background:#e3f3eb}.filters{padding:14px;display:flex;align-items:end;gap:10px;margin-bottom:16px}.filters label{flex:1}.filters select{display:block;width:100%;margin-top:6px}.score-panel{overflow:hidden}.score-title{padding:17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.score-table th{text-align:center}.score-table th:nth-child(2),.score-table th:nth-child(3){text-align:left}.score-table td{text-align:center;padding:9px 10px}.score-table td:nth-child(2),.score-table td:nth-child(3){text-align:left}.score-table input{width:52px;height:31px;text-align:center;border:1px solid #dac8d1;border-radius:6px;background:#fbf8fa;color:var(--ink);outline:none}.dark .score-table input{background:#352832}.score-table input:focus{border-color:var(--plum2);box-shadow:0 0 0 3px #6d31531a}.total{font-size:12px}.grade{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:7px;font-weight:900}.g1,.g2{background:#dff1e9;color:#347d61}.g3,.g4,.g5{background:#fff0d2;color:#9f6810}.g6,.g7{background:#f7e5d9;color:#a85d36}.g8,.g9{background:#f8e3e7;color:#a33d50}.score-footer{padding:13px 16px;display:flex;justify-content:space-between;align-items:center}.score-footer>div{display:flex;align-items:center;gap:8px}.score-footer span{font-size:8px;color:var(--muted)}.key i{display:inline-block;width:10px;height:10px;border:1px solid #dac8d1;background:#fbf8fa;border-radius:2px;margin-right:4px;vertical-align:-2px}.empty-state{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.big-icon{width:58px;height:58px;border-radius:18px;background:#efe3e9;color:var(--plum);display:grid;place-items:center;font-size:24px}.empty-state h2{font-family:Georgia,serif;margin:14px 0 5px}.empty-state p{font-size:11px;color:var(--muted);margin:0 0 18px}
.collapsed{grid-template-columns:76px 1fr}.collapsed aside{width:76px}.collapsed .brand>div:last-child,.collapsed .school-chip>div:nth-child(2),.collapsed .school-chip>span,.collapsed .nav-label,.collapsed nav button b,.collapsed nav button i,.collapsed .side-bottom b,.collapsed .user>div:nth-child(2),.collapsed .user>button{display:none}.collapsed .school-chip{justify-content:center}.collapsed nav button,.collapsed .side-bottom>button{justify-content:center;padding:0}.collapsed .user{justify-content:center;padding-left:0;padding-right:0}
@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.app-shell,.collapsed{grid-template-columns:1fr}.app-shell aside{transform:translateX(-100%)}.workspace{grid-column:1}.workspace header{padding:0 15px}.content{padding:20px 14px}.welcome,.page-head{align-items:flex-start;gap:16px;flex-direction:column}.stats,.mini-stats,.mini-stats.wide{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr 1fr}.help span,.crumb span,.crumb b{display:none}.filters{display:grid;grid-template-columns:1fr 1fr}.score-footer{align-items:flex-start;gap:12px;flex-direction:column}.score-footer>div:last-child{width:100%;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.table-tools{flex-wrap:wrap}.search{max-width:none;min-width:100%}.welcome h1,.page-head h1{font-size:28px}}
@media(max-width:440px){.stats,.mini-stats,.mini-stats.wide{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.progress-row{grid-template-columns:100px 1fr 30px}.filters{grid-template-columns:1fr}.notice button{display:none}}