@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--black:#080808;--ink:#0b0b0a;--gold:#c59632;--gold-light:#d7ad4d;--cream:#f7f4ec;--muted:#b9b09e;--line:#5e491b;--panel:#11110f;--soft:#171714;--radius:18px;font-family:DM Sans,Arial,sans-serif;color:var(--cream);background:var(--black);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--black)}button,input{font:inherit}button{cursor:pointer}h1,h2{font-family:Space Grotesk,Arial,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(30px,4vw,52px);line-height:1;margin:0}h2{font-size:24px;margin:0}.muted{color:var(--muted)}.eyebrow,.side-label{color:#aab2a2;font:500 11px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 10%,#352b12 0,#080808 42%)}.login-card{width:min(430px,100%);padding:42px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 30px 80px #0009}.brand-mark,.logo{font:700 46px Space Grotesk;letter-spacing:-6px;color:var(--cream)}.brand-mark span,.logo span{color:var(--gold)}.login-card h1{font-size:32px;margin:12px 0}.login-card form{display:grid;gap:17px;margin-top:30px}.login-card label{display:grid;gap:8px;color:var(--muted);font-size:13px}.login-card input,.toolbar input{width:100%;padding:12px 13px;color:var(--cream);background:#0b0b0a;border:1px solid #493a1b;border-radius:10px;outline:none}.login-card input:focus,.toolbar input:focus{border-color:var(--gold)}.login-card button{padding:13px;border:1px solid var(--gold);border-radius:10px;background:var(--gold);color:var(--ink);font-weight:700}.error{color:#e49c8d;font-size:13px}.app-shell{display:flex;min-height:100vh;background:var(--black);color:var(--cream)}aside{width:238px;flex:none;padding:30px 22px;background:#0c0c0b;border-right:1px solid var(--line);display:flex;flex-direction:column}.logo{font-size:42px}.side-label{margin:38px 10px 14px;color:var(--gold-light)}nav{display:grid;gap:7px}nav button{padding:13px 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:#aaa797;text-align:left}nav button:hover,nav button.selected{color:var(--cream);background:#201b10;border-color:#4e3c1c}nav button span{margin-left:10px}.logout{margin-top:auto;padding:13px 14px;border:0;background:transparent;color:#8f8a7b;text-align:left}.logout:hover{color:var(--gold-light)}.content{width:100%;max-width:1600px;padding:42px 5vw;background:var(--black)}header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:36px}.live{color:#aab2a2;font-size:13px}.live i{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#91aa72}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card,.panel{background:var(--panel);border:1px solid #332d1b;border-radius:var(--radius);padding:22px}.stat-card{min-height:150px}.stat-top{display:flex;justify-content:space-between;color:#aaa797;font-size:13px}.stat-top b{color:var(--gold-light)}.stat-card>strong{display:block;margin:20px 0 2px;color:var(--cream);font:600 39px Space Grotesk}.stat-card small,.panel small{display:block;color:#8d897d;font-size:12px}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:20px}.panel-head,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.panel .eyebrow{margin:0 0 7px}.pill,.role{padding:5px 9px;border:1px solid #5e491b;border-radius:99px;color:var(--gold-light);font-size:11px;white-space:nowrap}table{width:100%;border-collapse:collapse;font-size:13px}th{padding:10px 8px;border-bottom:1px solid #3a321e;color:#8d897d;font-size:10px;font-weight:600;letter-spacing:.1em;text-align:left;text-transform:uppercase}td{padding:14px 8px;border-bottom:1px solid #29261c;color:#ddd8ca}td strong{font-weight:600;color:var(--cream)}td small{margin-top:3px}.clickable-row{cursor:pointer}.clickable-row:hover{background:#1a1811}.status{display:inline-block;padding:5px 9px;border-radius:99px;font-size:11px;white-space:nowrap}.status.on{background:#203325;color:#a9ce9e}.status.off{background:#3b211d;color:#e4a398}.activity{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #29261c}.activity-icon{padding:9px;border-radius:50%;background:#302514;color:var(--gold-light)}.activity>span{margin-left:auto}.toolbar input{width:240px}.action{padding:8px 10px;border:1px solid #5e491b;border-radius:8px;background:#241d0e;color:var(--gold-light);font-size:11px}.notice{margin-bottom:18px;padding:12px 16px;border:1px solid #5d6e35;border-radius:10px;background:#1e2b18;color:#b5d39e;font-size:13px}.notice button{float:right;border:0;background:transparent;color:inherit}.loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.back-button{margin:0 0 18px;padding:0;border:0;background:transparent;color:var(--gold-light);font-weight:700}.teacher-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:24px;background:linear-gradient(120deg,#19150c,#12120f);border:1px solid var(--line);border-radius:var(--radius)}.teacher-hero h2{font-size:28px}.teacher-hero .eyebrow{margin-top:0}.teacher-hero .muted{color:var(--muted)}.teacher-hero+.cards{margin-bottom:20px}.usage-list{display:grid;gap:18px}.usage-list div{display:flex;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid #29261c}.usage-list span{color:#8d897d;font-size:13px}.usage-list strong{font-size:13px;text-align:right}.matches-panel{margin-top:20px}.empty-cell{padding:25px;color:#8d897d;text-align:center}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}aside{width:190px}}@media(max-width:650px){.app-shell{display:block}aside{width:100%;height:auto;padding:20px;flex-direction:row;align-items:center;gap:20px}.side-label,.logout{display:none}nav{display:flex;margin-left:auto}.content{padding:26px 16px}header{align-items:flex-start}.live{display:none}.cards{grid-template-columns:1fr 1fr}.stat-card{padding:16px}.stat-card>strong{font-size:30px}.panel{overflow:auto}.toolbar{align-items:flex-start;flex-direction:column}.toolbar input{width:100%}.teacher-hero{align-items:flex-start;flex-direction:column}}.brand-image{display:block;object-fit:contain}.brand-image-login{width:min(220px,70%);max-height:92px;margin-bottom:22px}.brand-image-sidebar{width:142px;max-height:64px;object-position:left center;margin-bottom:4px}@media(max-width:700px){html,body,#root{min-width:320px;overflow-x:hidden}.login-shell{padding:16px;align-items:start;padding-top:10vh}.login-card{padding:28px 22px;border-radius:14px}.brand-image-login{width:190px;max-height:76px}.app-shell{display:block;min-height:100dvh}aside{position:sticky;top:0;z-index:10;width:100%;height:72px;padding:12px 16px;display:flex;flex-direction:row;align-items:center;gap:14px;background:#0c0c0bf5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:0;border-bottom:1px solid var(--line)}.brand-image-sidebar{width:112px;max-height:42px;margin:0}.side-label,.logout{display:none}nav{display:flex;gap:5px;margin-left:auto}nav button{min-height:42px;padding:10px 11px;font-size:0}nav button:first-child:before{content:"◈";font-size:16px}nav button:nth-child(2):before{content:"◎";font-size:16px}nav button span{display:none}.content{width:100%;padding:26px 14px 40px}header{align-items:flex-start;margin-bottom:26px}header h1{font-size:32px;line-height:1.05}.eyebrow{font-size:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{min-height:126px;padding:15px;border-radius:14px}.stat-card>strong{font-size:28px;margin-top:16px}.stat-card small{font-size:11px;line-height:1.25}.grid{display:block;margin-top:14px}.panel{width:100%;padding:16px;border-radius:14px;margin-top:14px;overflow-x:auto}.panel h2{font-size:19px}.panel-head{align-items:flex-start;margin-bottom:14px}.panel table{min-width:620px}.compact{overflow-x:hidden}.activity{min-width:0}.toolbar{align-items:stretch}.toolbar input{width:100%;min-height:44px}.teacher-hero{padding:18px;border-radius:14px}.teacher-hero h2{font-size:24px}.matches-panel{margin-top:14px}.back-button{min-height:42px;padding:8px 0}}@media(max-width:390px){.content{padding-left:10px;padding-right:10px}.cards{gap:8px}.stat-card{padding:12px}.stat-card>strong{font-size:25px}.brand-image-sidebar{width:96px}nav button{padding-inline:9px}}