:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@media (width<=980px){.admin-layout{grid-template-columns:1fr}.admin-main{padding:28px 20px}.admin-topbar{flex-direction:column}.schools,.dashboard-stats,.dashboard-grid{grid-template-columns:1fr}.header{padding:10px 0}.header h1{font-size:36px}}@media (width<=760px){.approval-card{flex-direction:column;align-items:flex-start}}@media (width<=900px){.user-page{padding:28px 20px}.user-hero{flex-direction:column}.user-profile-card,.user-resource-grid{grid-template-columns:1fr}}@media (width<=980px){.whiteboard-page{grid-template-columns:1fr}.whiteboard-sidebar{border-bottom:1px solid #ffffff1f;border-right:none}.whiteboard-header{flex-direction:column}.whiteboard-canvas-wrap{height:60vh}}@media (width<=760px){.classroom-selector-hero,.classroom-selector-tools{flex-direction:column;align-items:stretch}.classroom-selector-page{padding:34px 18px}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.76;transform:scale(1.22)}}@keyframes cardEnter{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes classroomPulse{0%{transform:scale(1);box-shadow:0 0 #0a6b3b80}70%{transform:scale(1.15);box-shadow:0 0 0 8px #0a6b3b00}to{transform:scale(1);box-shadow:0 0 #0a6b3b00}}@media (width<=720px){.classroom-live-panel{grid-template-columns:1fr}.classroom-live-summary{flex-direction:column}.classroom-refresh-btn{width:100%}}.whiteboard-game-panel{background:radial-gradient(circle at 18% 18%,#7dffbd24,#0000 38%),#0f172a9e;border-color:#7dffbd42}.whiteboard-game-panel p{color:#cfe9ff;margin:10px 0 0;font-size:12px;line-height:1.45}.whiteboard-game-panel button{cursor:pointer;color:#04140d;background:linear-gradient(135deg,#7dffbd,#38bdf8);border:0;border-radius:999px;width:100%;margin-top:12px;padding:10px 12px;font-weight:950;box-shadow:0 14px 34px #38bdf82e}.whiteboard-game-score{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.whiteboard-game-score strong{color:#7dffbd;font-size:34px;line-height:1}.whiteboard-game-score span{color:#d9e3ff;font-weight:900}.whiteboard-game-meter{background:#ffffff1f;border:1px solid #ffffff1a;border-radius:999px;height:12px;overflow:hidden}.whiteboard-game-meter div{border-radius:inherit;background:linear-gradient(90deg,#7dffbd,#38bdf8);height:100%;transition:width .35s}.whiteboard-game-feedback{z-index:20;color:#fff;pointer-events:none;border:3px solid #ffffffe6;border-radius:999px;padding:16px 24px;font-size:clamp(18px,3vw,34px);font-weight:950;animation:.95s both wbGamePop;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 24px 80px #0f172a47}.whiteboard-game-feedback.correct{background:linear-gradient(135deg,#16a34a,#22c55e)}.whiteboard-game-feedback.wrong{background:linear-gradient(135deg,#ef4444,#f97316);animation:.75s both wbGameShake}@keyframes wbGamePop{0%{opacity:0;transform:translate(-50%)translateY(-12px)scale(.8)}45%{opacity:1;transform:translate(-50%)translateY(0)scale(1.08)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes wbGameShake{0%,to{transform:translate(-50%)translateY(0)}20%{transform:translate(calc(-50% - 12px))translateY(0)}40%{transform:translate(calc(12px - 50%))translateY(0)}60%{transform:translate(calc(-50% - 8px))translateY(0)}80%{transform:translate(calc(8px - 50%))translateY(0)}}body{color:#fff;background:#071629;margin:0;font-family:Segoe UI,sans-serif}button{font-family:inherit}.app{text-align:center;color:#fff;background:radial-gradient(circle at 18% 12%,#f1d36b29,#0000 32%),radial-gradient(circle at 85% 18%,#4a90e233,#0000 34%),linear-gradient(135deg,#020817,#071629 52%,#0b1f3a);min-height:100vh;padding:40px 20px}.header{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:10px 30px;display:flex}.header h1{color:#fff;letter-spacing:-1px;margin:0;font-size:46px}.login-btn,.role-action,.dashboard-btn,.dashboard-card button{color:#071629;cursor:pointer;background:linear-gradient(135deg,#d9b52b,#f1d36b);border:none;border-radius:999px;font-weight:900;transition:all .25s}.login-btn{padding:12px 20px;box-shadow:0 12px 30px #c9a22759}.login-btn:hover,.role-action:hover,.dashboard-btn:hover,.dashboard-card button:hover{transform:translateY(-3px);box-shadow:0 18px 40px #c9a22773}.hero{margin-top:34px}.hero h2{color:#fff;margin-bottom:8px;font-size:32px}.hero p{opacity:.82;margin-top:0}.role-strip{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:850px;margin:24px auto 18px;padding:14px 18px;display:flex;box-shadow:0 0 22px #ffffff1f}.role-strip small{color:#f1d36b;font-weight:800}.role-action{padding:9px 16px}.school-badge{color:#f1d36b;background:#f1d36b26;border-radius:10px;padding:6px 12px;font-weight:700}.schools{grid-template-columns:repeat(3,minmax(180px,1fr));gap:20px;max-width:980px;margin:30px auto 0;display:grid}.school-card,.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffff14;border:1px solid #ffffff14;border-radius:18px;transition:all .3s}.school-card{min-height:132px;padding:28px 20px}.school-card h3,.card h3{color:#fff;margin-top:0}.school-card p,.card p{color:#d9e3ff}.school-card:hover{transform:translateY(-6px)scale(1.03);box-shadow:0 0 25px #ffffff40}.school-card.active{border:2px solid #c9a227;box-shadow:0 0 20px #c9a22780}.locked-card{opacity:.38;cursor:not-allowed;filter:grayscale(.5)}.locked-card:hover{box-shadow:none;transform:none}.locked-note{margin-top:8px;font-size:12px;font-weight:800;color:#f1d36b!important}.modules{flex-wrap:wrap;justify-content:center;gap:25px;max-width:850px;margin:38px auto 0;display:flex}.card{width:230px;padding:26px}.card:hover{transform:translateY(-6px);box-shadow:0 0 30px #fff6}.floating{color:#000;cursor:pointer;background:#c9a227;border-radius:50%;place-items:center;width:58px;height:58px;font-size:22px;display:grid;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 25px #0000004d}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#071629f2;width:320px;height:100%;padding:22px;transition:right .3s;position:fixed;top:0;right:-340px;box-shadow:-20px 0 60px #0006}.panel.open{right:0}.panel-header{justify-content:space-between;align-items:center;display:flex}.panel-header button{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:10px;padding:8px 10px}.panel-content button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:12px;width:100%;margin-top:12px;padding:12px;display:block}.panel-content button:hover{background:#fff3}.login-page{background:radial-gradient(circle at 15% 20%,#c9a22724,#0000 35%),linear-gradient(135deg,#020817,#071629 55%,#0b1f3a);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.login-card{text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1938d1;border:1px solid #ffffff24;border-radius:32px;width:min(720px,92vw);padding:42px 38px;box-shadow:0 32px 90px #00000073}.login-eyebrow{letter-spacing:8px;color:#aab7d8;margin-bottom:22px;font-size:13px;font-weight:700}.login-card h1{color:#fff;margin:0 0 22px;font-size:clamp(34px,5vw,52px);line-height:1.05}.login-subtitle{color:#cfd8ef;margin-bottom:34px;font-size:18px}.fake-input{color:#aeb9d4;background:#ffffff17;border:1px solid #ffffff29;border-radius:18px;width:100%;margin-bottom:18px;padding:18px 20px}.login-actions{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.primary-login,.secondary-login{cursor:pointer;border:none;border-radius:999px;padding:16px 28px;font-weight:800}.primary-login{color:#071629;background:#fff}.secondary-login{color:#fff;background:0 0;border:1px solid #ffffff2e}.admin-layout{color:#fff;background:radial-gradient(circle at 18% 8%,#f1d36b2e,#0000 34%),radial-gradient(circle at 88% 18%,#4a90e22e,#0000 30%),linear-gradient(135deg,#020817,#071629 52%,#0b1f3a);grid-template-columns:290px 1fr;min-height:100vh;display:grid;position:relative;overflow:hidden}.admin-bg-orb{filter:blur(55px);opacity:.42;pointer-events:none;border-radius:999px;position:fixed}.admin-bg-orb-one{background:#f1d36b;width:260px;height:260px;top:40px;left:210px}.admin-bg-orb-two{background:#3274d9;width:320px;height:320px;bottom:80px;right:-80px}.admin-sidebar{z-index:2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#030d1fb8;border-right:1px solid #ffffff24;padding:28px 20px;position:relative;box-shadow:22px 0 70px #00000040}.admin-brand{align-items:center;gap:13px;margin-bottom:34px;display:flex}.admin-brand-mark{color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);border-radius:18px;place-items:center;width:54px;height:54px;font-weight:950;display:grid;box-shadow:0 18px 45px #f1d36b4d}.admin-brand strong{font-size:17px;display:block}.admin-brand span{color:#aebde2;margin-top:3px;font-size:12px;display:block}.admin-nav{gap:10px;display:grid}.admin-nav-item{text-align:left;color:#d9e3ff;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:11px;width:100%;padding:14px 15px;font-weight:800;transition:all .22s;display:flex}.admin-nav-icon{background:#ffffff14;border-radius:10px;place-items:center;width:28px;height:28px;display:grid}.admin-nav-item.active,.admin-nav-item:hover{color:#fff;background:#ffffff1b;border-color:#f1d36b61;transform:translate(4px)}.admin-sidebar-card{background:linear-gradient(135deg,#f1d36b24,#ffffff0f);border:1px solid #f1d36b38;border-radius:22px;margin-top:30px;padding:18px}.admin-connect-btn{cursor:pointer;color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);border:none;border-radius:999px;width:100%;margin-top:24px;padding:14px 16px;font-weight:950}.admin-main{z-index:2;padding:42px;position:relative}.admin-topbar{text-align:left;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.admin-topbar h1{color:#fff;letter-spacing:-1.6px;margin:8px 0 12px;font-size:clamp(36px,5vw,56px);line-height:1}.admin-topbar p{color:#d9e3ff;font-size:17px}.dashboard-eyebrow{letter-spacing:6px;color:#f1d36b;font-size:12px;font-weight:950}.admin-top-actions{align-items:center;gap:12px;display:flex}.admin-live-pill{color:#8ff0b2;background:#2ed57324;border:1px solid #2ed57359;border-radius:999px;padding:9px 14px;font-weight:900}.admin-top-actions button{color:#fff;cursor:pointer;background:#ffffff17;border:1px solid #ffffff24;border-radius:999px;padding:10px 16px;font-weight:850}.dashboard-stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px;display:grid}.dashboard-stats div,.dashboard-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff16;border:1px solid #ffffff21;border-radius:26px;padding:25px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 24px 65px #00000042}.dashboard-stats div:hover,.dashboard-card:hover{border-color:#f1d36b59;transform:translateY(-6px)}.dashboard-stats strong{color:#fff;font-size:34px;display:block}.dashboard-stats span,.dashboard-card p{color:#cfd8ef}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.dashboard-card h3{color:#fff;margin-top:0;font-size:23px}.dashboard-card button,.dashboard-btn{color:#071629;cursor:pointer;background:linear-gradient(135deg,#d9b52b,#f1d36b);border:none;border-radius:999px;margin-top:14px;padding:12px 18px;font-weight:950}@media (width<=980px){.admin-layout{grid-template-columns:1fr}.admin-main{padding:28px 20px}.admin-topbar{flex-direction:column}.schools,.dashboard-stats,.dashboard-grid{grid-template-columns:1fr}.header{padding:10px 0}.header h1{font-size:36px}}.real-input{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;outline:none;width:100%;margin-bottom:18px;padding:18px 20px;font-size:15px;transition:all .2s}.real-input::placeholder{color:#aeb9d4}.real-input:focus{border-color:#f1d36b;box-shadow:0 0 10px #f1d36b4d}.mfa-input{text-align:center;letter-spacing:8px;font-size:26px;font-weight:900}.qr-wrap{background:#fff;border-radius:24px;place-items:center;width:230px;height:230px;margin:24px auto;display:grid;box-shadow:0 22px 60px #00000059}.login-error{color:#ffd1d1;background:#ff505024;border:1px solid #ff505059;border-radius:14px;margin:10px 0 18px;padding:12px 14px;font-weight:700}.approval-toolbar{background:#ffffff13;border:1px solid #ffffff1f;border-radius:24px;flex-wrap:wrap;align-items:end;gap:14px;margin-bottom:24px;padding:18px;display:flex}.approval-toolbar label{color:#cfd8ef;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.approval-toolbar select{color:#fff;background:#101d36;border:1px solid #ffffff2e;border-radius:14px;outline:none;min-width:220px;padding:13px 14px}.approval-message{color:#f1d36b;background:#f1d36b24;border:1px solid #f1d36b4d;border-radius:16px;margin-bottom:18px;padding:14px 16px;font-weight:800}.approval-list{gap:16px;display:grid}.approval-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff16;border:1px solid #ffffff21;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;padding:22px;display:flex}.approval-card h3{color:#fff;margin:0 0 8px}.approval-card p{color:#cfd8ef;margin:0 0 6px}.approval-card small{color:#f1d36b;font-weight:800}.approval-actions{gap:10px;display:flex}.approval-actions button{color:#071629;cursor:pointer;background:linear-gradient(135deg,#d9b52b,#f1d36b);border:none;border-radius:999px;padding:11px 16px;font-weight:900}.approval-actions .danger-btn{color:#ffd1d1;background:#ff505029;border:1px solid #ff505059}@media (width<=760px){.approval-card{flex-direction:column;align-items:flex-start}}.register-card{max-width:760px}.register-label{color:#cfd8ef;margin:4px 0 8px;font-size:13px;font-weight:800;display:block}.real-select{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;outline:none;width:100%;margin-bottom:18px;padding:18px 20px;font-size:15px;transition:all .2s}.real-select:focus{border-color:#f1d36b;box-shadow:0 0 10px #f1d36b4d}.real-select option{color:#fff;background:#101d36}.login-success{color:#b8ffd1;background:#2ed57324;border:1px solid #2ed57359;border-radius:14px;margin:10px 0 18px;padding:12px 14px;font-weight:800}.user-page{color:#fff;background:radial-gradient(circle at 20% 12%,#f1d36b29,#0000 34%),radial-gradient(circle at 90% 20%,#4a90e22e,#0000 32%),linear-gradient(135deg,#020817,#071629 55%,#0b1f3a);min-height:100vh;padding:42px}.user-shell{max-width:1180px;margin:0 auto}.user-hero{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.user-eyebrow{letter-spacing:7px;color:#f1d36b;font-size:12px;font-weight:950}.user-hero h1{letter-spacing:-2px;margin:8px 0 12px;font-size:clamp(42px,6vw,72px);line-height:.95}.user-hero p{color:#d9e3ff;font-size:18px}.user-signout{color:#071629;cursor:pointer;background:linear-gradient(135deg,#d9b52b,#f1d36b);border:none;border-radius:999px;padding:13px 20px;font-weight:950;box-shadow:0 18px 45px #f1d36b47}.user-profile-card{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px;display:grid}.user-profile-card div,.user-resource-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff16;border:1px solid #ffffff21;border-radius:28px;padding:24px;box-shadow:0 24px 65px #00000042}.user-profile-card span{color:#aebde2;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.user-profile-card strong{color:#fff;font-size:20px}.user-resource-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.user-resource-card{transition:all .25s}.user-resource-card:hover{border-color:#f1d36b59;transform:translateY(-6px)}.resource-icon{background:#f1d36b24;border-radius:18px;place-items:center;width:52px;height:52px;margin-bottom:18px;font-size:24px;display:grid}.user-resource-card h3{margin:0 0 10px;font-size:23px}.user-resource-card p{color:#cfd8ef;line-height:1.6}.user-resource-card button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;margin-top:14px;padding:11px 16px;font-weight:900}@media (width<=900px){.user-page{padding:28px 20px}.user-hero{flex-direction:column}.user-profile-card,.user-resource-grid{grid-template-columns:1fr}}.approval-tabs{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.approval-tabs button{color:#d9e3ff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:11px 18px;font-weight:900;transition:all .22s}.approval-tabs button:hover,.approval-tabs button.active{color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);border-color:#f1d36b8c;box-shadow:0 14px 34px #f1d36b38}.audit-card{border-color:#f1d36b38}.audit-card small{margin-top:6px;display:inline-block}.whiteboard-page{color:#fff;background:radial-gradient(circle at 12% 10%,#f1d36b2e,#0000 30%),radial-gradient(circle at 86% 20%,#4a90e22e,#0000 34%),linear-gradient(135deg,#020817,#071629 58%,#0b1f3a);grid-template-columns:290px 1fr;min-height:100vh;display:grid}.whiteboard-sidebar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#020817d6;border-right:1px solid #ffffff1f;flex-direction:column;gap:20px;padding:26px 22px;display:flex}.whiteboard-brand{align-items:center;gap:14px;display:flex}.whiteboard-logo{color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);border-radius:18px;place-items:center;width:52px;height:52px;font-weight:950;display:grid;box-shadow:0 18px 48px #f1d36b47}.whiteboard-brand strong{font-weight:950;display:block}.whiteboard-brand span,.whiteboard-profile span,.whiteboard-profile small{color:#aebde2;font-size:12px;display:block}.whiteboard-status-card,.whiteboard-profile,.whiteboard-participants{background:#ffffff13;border:1px solid #ffffff1f;border-radius:26px;padding:18px}.wb-live{color:#9fffc2;background:#2ed57329;border:1px solid #2ed57359;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:950;display:inline-block}.wb-offline{color:#ffd1d1;background:#ff50501f;border:1px solid #ff505040;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:950;display:inline-block}.whiteboard-status-card h3{margin:16px 0 8px}.whiteboard-status-card p{color:#cfd8ef;margin:0;line-height:1.5}.whiteboard-profile strong{margin:8px 0;font-size:18px;display:block}.whiteboard-participants h4{margin:0 0 12px}.participant-row{align-items:center;gap:10px;padding:10px 0;display:flex}.participant-row div{color:#f1d36b;background:#f1d36b26;border-radius:12px;place-items:center;width:34px;height:34px;font-weight:950;display:grid}.participant-row span{font-weight:850}.participant-row small{color:#aebde2;font-size:11px;display:block}.wb-back-btn{color:#071629;cursor:pointer;background:linear-gradient(135deg,#d9b52b,#f1d36b);border:none;border-radius:999px;width:100%;padding:13px 16px;font-weight:950}.wb-back-btn.secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff21}.whiteboard-main{min-width:0;padding:34px}.whiteboard-header{justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:24px;display:flex}.whiteboard-header p{letter-spacing:7px;color:#f1d36b;margin:0 0 10px;font-size:12px;font-weight:950}.whiteboard-header h1{letter-spacing:-2px;margin:0 0 10px;font-size:clamp(36px,5vw,68px);line-height:.95}.whiteboard-header span{color:#d9e3ff}.whiteboard-header-actions{flex-wrap:wrap;gap:10px;display:flex}.whiteboard-header-actions button,.whiteboard-toolbar button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff21;border-radius:999px;padding:12px 16px;font-weight:950}.whiteboard-header-actions button:hover,.whiteboard-toolbar button:hover,.whiteboard-toolbar button.active{color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b)}.whiteboard-workspace{background:#ffffff13;border:1px solid #ffffff21;border-radius:30px;padding:16px;box-shadow:0 28px 80px #0000004d}.whiteboard-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.whiteboard-toolbar .wb-primary{color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b)}.whiteboard-toolbar .wb-danger{color:#ffd1d1;background:#ff50502e;border-color:#ff505059}.whiteboard-toolbar .wb-danger.ghost{margin-left:auto}.whiteboard-toolbar button:disabled{opacity:.45;cursor:not-allowed}.whiteboard-toolbar label{color:#cfd8ef;align-items:center;gap:10px;font-weight:850;display:flex}.whiteboard-canvas-wrap{background:#fff;border:1px solid #ffffff24;border-radius:24px;height:calc(100vh - 230px);min-height:520px;position:relative;overflow:hidden}.whiteboard-canvas-wrap canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.whiteboard-locked canvas{cursor:not-allowed}.whiteboard-lock-overlay{z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0208177a;place-items:center;display:grid;position:absolute;inset:0}.whiteboard-lock-overlay div{text-align:center;background:#071629d1;border:1px solid #ffffff24;border-radius:26px;max-width:420px;padding:24px}.whiteboard-lock-overlay h3{margin:0 0 8px;font-size:28px}.whiteboard-lock-overlay p{color:#cfd8ef;margin:0}.whiteboard-waiting{background:#f1d36b1a;border:1px solid #f1d36b40;border-radius:28px;margin-bottom:20px;padding:20px}.whiteboard-waiting p{color:#f1d36b;letter-spacing:6px;margin:0 0 8px;font-size:12px;font-weight:950}.whiteboard-waiting h2{margin:0 0 8px}.whiteboard-waiting span{color:#d9e3ff}@media (width<=980px){.whiteboard-page{grid-template-columns:1fr}.whiteboard-sidebar{border-bottom:1px solid #ffffff1f;border-right:none}.whiteboard-header{flex-direction:column}.whiteboard-canvas-wrap{height:60vh}}.classroom-selector-page{color:#fff;background:radial-gradient(circle at 0 0,#3b82f638,#0000 34%),radial-gradient(circle at 100% 0,#facc1524,#0000 30%),linear-gradient(135deg,#020617 0%,#071426 48%,#0f172a 100%);min-height:100vh;padding:56px 6vw}.classroom-selector-hero{justify-content:space-between;align-items:center;gap:28px;max-width:1180px;margin:0 auto 34px;display:flex}.classroom-selector-hero p{color:#facc15;letter-spacing:.35em;font-size:12px;font-weight:800}.classroom-selector-hero h1{color:#fff;letter-spacing:-.06em;margin:10px 0;font-size:clamp(42px,6vw,82px);line-height:.95}.classroom-selector-hero span{color:#cbd5e1;font-size:18px}.classroom-selector-profile{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff17;border:1px solid #ffffff24;border-radius:24px;min-width:260px;padding:18px;box-shadow:0 30px 80px #00000047}.classroom-selector-profile strong,.classroom-selector-profile small{color:#fff;margin-bottom:6px;display:block}.classroom-selector-profile button{color:#111827;cursor:pointer;background:#facc15;border:0;border-radius:999px;width:100%;margin-top:12px;padding:10px 14px;font-weight:800}.classroom-selector-tools{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto 28px;display:flex}.classroom-selector-tools input{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;outline:none;width:min(520px,100%);padding:16px 18px}.classroom-selector-tools input::placeholder{color:#94a3b8}.classroom-selector-tools span{color:#f8fafc;font-weight:800}.classroom-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;max-width:1180px;margin:0 auto;display:grid}.classroom-card{color:#0f172a;background:linear-gradient(145deg,#fffffff5,#e2e8f0e6);border-radius:30px;min-height:250px;padding:24px;transition:transform .28s,box-shadow .28s;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000057,inset 0 1px #ffffffb3}.classroom-card:before{content:"";background:#2563eb29;border-radius:999px;width:170px;height:170px;position:absolute;inset:-70px auto auto -70px}.classroom-card:hover{transform:translateY(-8px)scale(1.01);box-shadow:0 38px 100px #00000075}.classroom-card-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.classroom-card-top span{color:#0369a1;background:#e0f2fe;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}.classroom-card-top strong{color:#64748b}.classroom-card h2{color:#020617;letter-spacing:-.04em;margin:0 0 10px;font-size:32px;line-height:1;position:relative}.classroom-card p{color:#334155;font-size:15px;line-height:1.45;position:relative}.classroom-card-meta{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex;position:relative}.classroom-card-meta span{color:#475569;background:#f1f5f9;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.classroom-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:0;border-radius:999px;width:100%;padding:14px 18px;font-weight:900;position:relative;box-shadow:0 16px 34px #2563eb59}.classroom-card button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.classroom-empty,.classroom-selector-error{color:#fff;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border-radius:24px;max-width:720px;margin:30px auto;padding:24px}@media (width<=760px){.classroom-selector-hero,.classroom-selector-tools{flex-direction:column;align-items:stretch}.classroom-selector-page{padding:34px 18px}}.classroom-live-badge{color:#052e16;background:#22c55e;border-radius:999px;padding:7px 11px;font-weight:900;animation:1.4s infinite livePulse}.classroom-waiting-badge{color:#111827;background:#facc15;border-radius:999px;padding:7px 11px;font-weight:900}.classroom-card{animation:.45s both cardEnter}.classroom-live-summary{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.classroom-live-summary span{color:#e8f1ff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:8px 12px;font-size:.85rem}.classroom-refresh-btn{cursor:pointer;color:#07111f;background:linear-gradient(135deg,#fff,#b9dcff);border:0;border-radius:999px;padding:11px 16px;font-weight:800}.classroom-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.classroom-selector-warning{color:#ffe9b5;background:#ffc1071a;border:1px solid #ffc10740;border-radius:16px;width:min(1180px,100% - 32px);margin:18px auto;padding:14px 16px}.classroom-card{transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.classroom-card:hover{transform:translateY(-4px)}.classroom-card-live:before{content:"";pointer-events:none;background:radial-gradient(circle,#50ffaa47,#0000 64%);border-radius:999px;width:180px;height:180px;position:absolute;inset:-80px -80px auto auto}.classroom-status-row{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 10px;display:flex}.classroom-live-badge,.classroom-offline-badge,.classroom-waiting-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:.72rem;font-weight:900;display:inline-flex}.classroom-live-badge{color:#04140d;background:linear-gradient(135deg,#7dffbd,#d7ffe9);box-shadow:0 0 24px #7dffbd47}.classroom-offline-badge{color:#cbd6e2;background:#ffffff14}.classroom-waiting-badge{color:#fff3d5;background:#ffbe5a29;border:1px solid #ffbe5a40}.classroom-live-dot{background:#0a6b3b;border-radius:999px;width:8px;height:8px;animation:1.4s infinite classroomPulse}.classroom-live-panel{grid-template-columns:1.4fr .8fr .8fr;gap:10px;margin:18px 0;display:grid}.classroom-live-panel div{background:#ffffff13;border:1px solid #ffffff1a;border-radius:16px;padding:12px}.classroom-live-panel strong{color:#fff;font-size:.95rem;display:block}.classroom-live-panel small{color:#e8f1ffad;margin-top:4px;font-size:.75rem;display:block}@media (width<=720px){.classroom-live-panel{grid-template-columns:1fr}.classroom-live-summary{flex-direction:column}.classroom-refresh-btn{width:100%}}.classroom-live-row{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 8px;display:flex}.live-badge{letter-spacing:.08em;color:#04140d;background:linear-gradient(135deg,#7dffbd,#d7ffe9);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:900;display:inline-flex;box-shadow:0 0 18px #7dffbd66}.live-dot{background:#0a6b3b;border-radius:999px;width:8px;height:8px;animation:1.4s infinite livePulse}.waiting-badge{color:#ffe8c2;background:#ffbe5a2e;border:1px solid #ffbe5a4d;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.classroom-card-live{border-color:#7dffbd73;box-shadow:0 18px 60px #0000003d,0 0 32px #7dffbd24}.wb-mode-chip{color:#baffd8;background:#7dffbd29;border:1px solid #7dffbd47;border-radius:999px;margin-top:10px;padding:7px 10px;font-size:11px;font-weight:900;display:inline-flex}.wb-mode-chip.danger{color:#ffc8d0;background:#ff506429;border-color:#ff506447}.wb-panel-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.wb-panel-title button,.student-actions button{cursor:pointer;border:0;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}.student-actions{gap:6px;margin-left:auto;display:flex}.active-student{background:#7dffbd17;border:1px solid #7dffbd8c;box-shadow:0 0 18px #7dffbd38}.whiteboard-text-popover{z-index:60;background:#0f172af0;border:1px solid #ffffff29;border-radius:18px;align-items:stretch;gap:10px;padding:12px;display:flex;position:absolute;top:24px;left:24px;box-shadow:0 22px 60px #00000047}.whiteboard-text-popover textarea{resize:vertical;color:#0f172a;background:#fff;border:0;border-radius:14px;outline:none;width:280px;min-height:78px;padding:12px 14px;font-size:15px;font-weight:700}.whiteboard-text-actions{flex-direction:column;gap:8px;display:flex}.whiteboard-text-actions button{cursor:pointer;border:0;border-radius:12px;padding:10px 14px;font-weight:800}.whiteboard-text-actions button:first-child{color:#04140d;background:#7dffbd}.whiteboard-text-actions button:last-child{color:#fff;background:#ffffff24}.whiteboard-canvas-wrap.select-mode canvas{cursor:grab}.whiteboard-canvas-wrap.select-mode canvas:active{cursor:grabbing}.whiteboard-roster-panel .participant-row{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;display:grid;position:relative}.whiteboard-roster-panel .participant-row span{text-overflow:ellipsis;min-width:0;overflow:hidden}.student-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;margin-top:10px;margin-left:0;display:flex}.student-actions button{flex:1;min-width:92px}.whiteboard-product-panel{background:#0f172a94;border:1px solid #ffffff1c;border-radius:18px;margin-top:14px;padding:14px}.whiteboard-product-panel h4{color:#fff;letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;font-size:13px}.whiteboard-page-tabs,.whiteboard-timer-actions,.whiteboard-template-actions,.whiteboard-reactions{flex-wrap:wrap;gap:8px;display:flex}.whiteboard-page-tabs button,.whiteboard-timer-actions button,.whiteboard-template-actions button,.whiteboard-reactions button{cursor:pointer;color:#e5f4ff;background:#ffffff1a;border:0;border-radius:999px;padding:8px 10px;font-size:11px;font-weight:900}.whiteboard-page-tabs button.active{color:#04140d;background:linear-gradient(135deg,#7dffbd,#38bdf8)}.whiteboard-timer-display{text-align:center;letter-spacing:.08em;color:#7dffbd;background:#00000038;border-radius:16px;margin-bottom:10px;padding:12px;font-size:30px;font-weight:950}.whiteboard-reactions button{align-items:center;gap:6px;display:flex}.whiteboard-reactions button span{font-size:16px}.whiteboard-reaction-feed{z-index:200;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:110px;right:24px}.whiteboard-reaction-item{color:#fff;background:#0f172ae0;border:1px solid #ffffff29;border-radius:18px;min-width:180px;padding:12px 14px;box-shadow:0 20px 60px #00000047}.whiteboard-reaction-item strong{margin-right:8px;font-size:24px}.whiteboard-reaction-item span{font-weight:900}.whiteboard-reaction-item small{color:#ffffffb8;margin-top:4px;display:block}.whiteboard-analytics-panel{background:radial-gradient(circle at 18% 12%,#7dffbd1f,#0000 34%),#0f172a94}.whiteboard-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.whiteboard-analytics-grid div{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;padding:11px 10px}.whiteboard-analytics-grid strong{color:#7dffbd;font-size:22px;font-weight:950;line-height:1;display:block}.whiteboard-analytics-grid span{color:#ffffffb8;text-transform:uppercase;letter-spacing:.04em;margin-top:5px;font-size:10px;font-weight:850;display:block}.whiteboard-selected-meta strong{color:#fff;text-transform:capitalize;font-size:12px;font-weight:950}.whiteboard-selected-meta span{color:#7dffbd;font-size:11px;font-weight:900}.whiteboard-layer-panel{max-height:360px;overflow:hidden}.whiteboard-layer-list{gap:8px;max-height:285px;padding-right:4px;display:grid;overflow-y:auto}.whiteboard-layer-list p{color:#ffffffad;margin:0;font-size:12px}.whiteboard-layer-list button{color:#fff;cursor:pointer;text-align:left;background:#ffffff13;border:1px solid #ffffff1f;border-radius:14px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:9px 10px;display:grid}.whiteboard-layer-list button.active{background:#7dffbd24;border-color:#7dffbd73;box-shadow:0 0 18px #7dffbd24}.whiteboard-layer-list button span{color:#f1d36b;background:#ffffff1a;border-radius:10px;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.whiteboard-layer-list button strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:950;overflow:hidden}.whiteboard-layer-list button small{color:#ffffff9e;font-size:10px;font-weight:800}.whiteboard-context-menu{z-index:9999;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172af5;border:1px solid #ffffff29;border-radius:16px;width:190px;padding:8px;position:fixed;box-shadow:0 24px 70px #00000057}.whiteboard-context-menu button{text-align:left;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:12px;width:100%;margin:2px 0;padding:10px 12px;font-weight:850;display:block}.whiteboard-context-menu button:hover:not(:disabled){background:#ffffff1a}.whiteboard-context-menu button:disabled{opacity:.45;cursor:not-allowed}.whiteboard-context-menu button.danger{color:#ffcdd2}.whiteboard-selected-meta{background:#ffffff14;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;display:flex}.whiteboard-selected-meta strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.whiteboard-selected-meta span{color:#f1d36b;background:#f1d36b24;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:950}.whiteboard-layer-actions{flex-wrap:wrap;gap:8px;display:flex}.whiteboard-layer-actions button{cursor:pointer;color:#e5f4ff;background:#ffffff1a;border:0;border-radius:999px;flex:auto;min-width:78px;padding:8px 10px;font-size:11px;font-weight:950}.whiteboard-layer-actions button:hover:not(:disabled){color:#04140d;background:linear-gradient(135deg,#7dffbd,#38bdf8)}.whiteboard-layer-actions button:disabled{opacity:.45;cursor:not-allowed}.teacher-analytics-panel{color:#fff;background:linear-gradient(135deg,#0f172af5,#1e293beb);border:1px solid #ffffff24;border-radius:28px;margin:18px 0;padding:22px;box-shadow:0 24px 70px #0f172a47}.teacher-analytics-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.teacher-analytics-header p{letter-spacing:.16em;color:#93c5fd;margin:0 0 6px;font-size:.72rem;font-weight:800}.teacher-analytics-header h3{margin:0;font-size:1.45rem}.teacher-analytics-header span{color:#ffffffb3}.teacher-analytics-live{text-align:center;background:#22c55e29;border:1px solid #22c55e59;border-radius:22px;min-width:120px;padding:14px}.teacher-analytics-live strong{font-size:1.7rem;display:block}.teacher-analytics-live span{color:#bbf7d0;font-size:.75rem}.teacher-analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.teacher-analytics-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:22px;padding:16px}.teacher-analytics-card h4{margin:0 0 12px}.analytics-row,.analytics-alert{border-top:1px solid #ffffff1a;align-items:flex-start;gap:10px;padding:10px 0;display:flex}.analytics-row small,.analytics-alert small{color:#ffffffa6;margin-top:3px;display:block}.analytics-rank{color:#fde68a;font-weight:900}.analytics-muted{color:#ffffff8c;margin:0}.teacher-analytics-card.danger{background:#ef44441f}.teacher-analytics-card.warning{background:#f59e0b1f}.teacher-analytics-card.success{background:#22c55e1f}.completion-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.completion-stats div{text-align:center;background:#ffffff14;border-radius:18px;padding:14px}.completion-stats strong{font-size:1.7rem;display:block}.completion-stats span{color:#ffffffa6}@media (width<=1100px){.teacher-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.teacher-analytics-header{flex-direction:column;align-items:stretch}.teacher-analytics-grid{grid-template-columns:1fr}}.teacher-command-panel{background:radial-gradient(circle at 0 0,#2563eb1f,#0000 34%),linear-gradient(135deg,#fffffffa,#f8fafcf0);border:1px solid #0f172a1f;border-radius:28px;padding:28px;box-shadow:0 24px 70px #0f172a1f}.teacher-command-search{grid-template-columns:minmax(240px,1.2fr) minmax(240px,1.4fr) auto;align-items:end;gap:18px;display:grid}.teacher-command-search label{color:#334155;letter-spacing:.08em;text-transform:uppercase;gap:8px;font-size:.78rem;font-weight:800;display:grid}.teacher-command-search input,.teacher-command-search select{color:#0f172a;background:#fff;border:1px solid #0f172a24;border-radius:18px;outline:none;min-height:52px;padding:0 16px;font-size:.96rem;font-weight:700;box-shadow:inset 0 1px #ffffffe6}.teacher-command-search input:focus,.teacher-command-search select:focus{border-color:#2563eba6;box-shadow:0 0 0 4px #2563eb1f}.teacher-command-search button,.teacher-class-picker button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8,#4f46e5);border:none;border-radius:18px;min-height:52px;padding:0 20px;font-weight:900;box-shadow:0 18px 32px #2563eb42}.teacher-command-search button:disabled,.teacher-class-picker button:disabled{opacity:.55;cursor:not-allowed}.teacher-class-picker{background:linear-gradient(#fffffffa,#f8fafcf5);border:1px solid #0f172a1a;border-radius:30px;margin-top:22px;padding:26px;box-shadow:0 28px 80px #0f172a1f}.teacher-selected-class-card{background:radial-gradient(circle at 100% 0,#3b82f624,#0000 30%),#fff;border:1px solid #2563eb2e;margin-top:22px;box-shadow:0 22px 55px #0f172a24}.teacher-loaded-class-list{border-top:1px solid #0f172a14;margin-top:20px;padding-top:16px}.teacher-loaded-class-list summary{cursor:pointer;color:#1d4ed8;font-weight:900}@media (width<=900px){.teacher-command-search{grid-template-columns:1fr}}.gc-command-page{color:#fff;background:radial-gradient(circle at 0 0,#3b82f640,#0000 30%),radial-gradient(circle at 100% 100%,#10b98133,#0000 28%),linear-gradient(135deg,#020617 0%,#071226 50%,#0f172a 100%);min-height:100vh;padding:48px}.gc-topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.gc-topbar-left{flex-direction:column;gap:8px;display:flex}.gc-eyebrow{text-transform:uppercase;letter-spacing:.3em;color:#38bdf8;font-size:12px;font-weight:700}.gc-command-title{margin:0;font-size:58px;font-weight:800;line-height:1}.gc-command-subtitle{color:#ffffffb8;max-width:900px;font-size:18px;line-height:1.6}.gc-topbar-actions{align-items:center;gap:12px;display:flex}.gc-action-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#4338ca);border:none;border-radius:18px;padding:14px 22px;font-weight:700;transition:all .25s;box-shadow:0 10px 30px #2563eb59}.gc-action-button:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 18px 40px #3b82f673}.gc-hero-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff1f;border-radius:34px;margin-bottom:28px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff14}.gc-hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#3b82f638,#0000 35%),radial-gradient(circle at 0 100%,#10b9812e,#0000 30%);position:absolute;inset:0}.gc-class-name{margin-bottom:18px;font-size:64px;font-weight:900;line-height:1}.gc-class-meta{flex-wrap:wrap;gap:14px;margin-bottom:22px;display:flex}.gc-pill{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700}.gc-live-pill{color:#86efac;background:#10b98133;border:1px solid #4ade8066;box-shadow:0 0 24px #4ade8059}.gc-metric-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.gc-metric-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff14;border-radius:26px;padding:28px;transition:all .25s}.gc-metric-card:hover{border-color:#60a5fa66;transform:translateY(-4px);box-shadow:0 18px 44px #3b82f640}.gc-metric-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.15em;margin-bottom:12px;font-size:13px;font-weight:700}.gc-metric-value{font-size:42px;font-weight:900;line-height:1}.gc-tabs{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.gc-tab{color:#ffffffd9;cursor:pointer;background:#ffffff14;border:none;border-radius:999px;padding:12px 20px;font-weight:700;transition:all .25s}.gc-tab:hover{background:#3b82f638}.gc-tab.active{color:#fff;background:linear-gradient(135deg,#2563eb,#4338ca);box-shadow:0 12px 28px #3b82f666}.gc-content-grid{grid-template-columns:1.7fr 1fr;gap:24px;display:grid}.gc-main-panel,.gc-side-panel{flex-direction:column;gap:24px;display:flex}.gc-panel-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff14;border-radius:28px;padding:30px;box-shadow:0 16px 50px #00000047}.gc-panel-title{margin-bottom:20px;font-size:24px;font-weight:800}.gc-section-stack{flex-direction:column;gap:18px;display:flex}.gc-big-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:24px}.gc-big-card-title{margin-bottom:10px;font-size:20px;font-weight:800}.gc-muted{color:#ffffffa6;line-height:1.6}.gc-empty{text-align:center;color:#ffffff8c;padding:36px}@media (width<=1100px){.gc-content-grid{grid-template-columns:1fr}.gc-command-title{font-size:42px}.gc-class-name{font-size:44px}}@media (width<=768px){.gc-command-page{padding:24px}.gc-topbar{flex-direction:column;align-items:flex-start;gap:18px}.gc-class-name{font-size:36px}.gc-command-title{font-size:34px}}:root{--gc-navy-950:#020617;--gc-navy-900:#07111f;--gc-navy-800:#0b172a;--gc-slate-100:#f8fafc;--gc-slate-200:#e2e8f0;--gc-slate-300:#cbd5e1;--gc-slate-400:#94a3b8;--gc-gold:#f1d36b;--gc-gold-strong:#d9b52b;--gc-blue:#60a5fa;--gc-green:#4ade80;--gc-red:#fb7185;--gc-purple:#a78bfa;--gc-cyan:#22d3ee;--gc-orange:#fb923c;--gc-glass:#ffffff12;--gc-glass-strong:#ffffff1d;--gc-border:#ffffff1d;--gc-border-strong:#ffffff30;--gc-shadow:0 28px 90px #00000057;--gc-soft-shadow:0 18px 50px #00000038}:is(body:has(.gc-command-page),html:has(.gc-command-page)){background:#020617}.gc-command-page.gc-enterprise-page,.gc-command-page{isolation:isolate;width:100%;min-height:100vh;color:var(--gc-slate-100);text-align:left;background:radial-gradient(circle at 14% 6%,#f1d36b30,#0000 26%),radial-gradient(circle at 82% 10%,#60a5fa38,#0000 28%),radial-gradient(circle at 72% 84%,#a78bfa21,#0000 32%),linear-gradient(145deg,#020617 0%,#06101e 38%,#09182b 70%,#020617 100%);margin:0;padding:clamp(22px,3vw,46px);position:relative;overflow:hidden;max-width:none!important}.gc-command-page:before{content:"";z-index:-4;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at top,#000 12%,#0000 72%);mask-image:radial-gradient(circle at top,#000 12%,#0000 72%)}.gc-bg-grid,.gc-bg-orb{pointer-events:none;z-index:-3;position:fixed}.gc-bg-orb{filter:blur(72px);opacity:.58;border-radius:999px}.gc-bg-orb-one{background:#f1d36b42;width:360px;height:360px;top:130px;left:-90px}.gc-bg-orb-two{background:#60a5fa3d;width:440px;height:440px;top:22%;right:-120px}.gc-enterprise-topbar,.gc-topbar{z-index:20;-webkit-backdrop-filter:blur(26px)saturate(145%);backdrop-filter:blur(26px)saturate(145%);background:#020817a3;border:1px solid #ffffff1a;border-radius:28px;justify-content:space-between;align-items:center;gap:18px;max-width:1760px;margin:0 auto 24px;padding:12px;display:flex;position:sticky;top:18px;box-shadow:0 18px 52px #00000047}.gc-nav-cluster,.gc-topbar-actions{align-items:center;gap:14px;min-width:0;display:flex}.gc-topbar-title{gap:2px;min-width:0;display:grid}.gc-topbar-title span{color:var(--gc-gold);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:950}.gc-topbar-title strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;letter-spacing:-.03em;max-width:56vw;font-size:clamp(18px,2vw,26px);font-weight:950;overflow:hidden}.gc-back-btn,.gc-primary-btn,.gc-hero-actions button,.gc-section-header button,.gc-panel-card button,.gc-classwork-row button{cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:12px 18px;font-weight:950;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex;position:relative}.gc-back-btn,.gc-hero-actions .secondary,.gc-panel-card button,.gc-classwork-row button{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff13;border:1px solid #ffffff1f}.gc-primary-btn,.gc-hero-actions button:first-child,.gc-section-header button{color:#08111f;background:linear-gradient(135deg,#fff2a6 0%,#f1d36b 48%,#d9b52b 100%);box-shadow:0 16px 42px #f1d36b40,inset 0 1px #ffffff6b}.gc-back-btn:hover,.gc-primary-btn:hover,.gc-hero-actions button:hover,.gc-section-header button:hover,.gc-panel-card button:hover,.gc-classwork-row button:hover{transform:translateY(-2px);box-shadow:0 20px 48px #00000047}.gc-system-pill{color:#dbeafe;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:9px;min-height:42px;padding:10px 14px;font-size:13px;font-weight:900;display:inline-flex}.gc-system-pill>span{background:var(--gc-slate-400);border-radius:50%;width:9px;height:9px}.gc-system-pill.is-live{color:#bbf7d0;background:#22c55e1f;border-color:#4ade805c}.gc-system-pill.is-live>span{background:var(--gc-green);box-shadow:0 0 0 7px #4ade8021,0 0 22px #4ade80bf}.gc-enterprise-hero,.gc-hero-card{max-width:1760px;box-shadow:var(--gc-shadow), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(30px)saturate(145%);backdrop-filter:blur(30px)saturate(145%);background:linear-gradient(135deg,#ffffff20,#ffffff0d),radial-gradient(circle at 10% 10%,#f1d36b26,#0000 34%),radial-gradient(circle at 90% 0,#60a5fa2b,#0000 34%);border:1px solid #ffffff24;border-radius:40px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.56fr);align-items:stretch;gap:clamp(22px,3vw,42px);margin:0 auto 24px;padding:clamp(28px,4vw,56px);display:grid;position:relative;overflow:hidden}.gc-enterprise-hero:after{content:"";border-radius:inherit;pointer-events:none;opacity:.7;background:linear-gradient(135deg,#ffffff1f,#0000 28%,#ffffff0a 70%,#0000);position:absolute;inset:1px}.gc-hero-glow{filter:blur(10px);background:radial-gradient(circle,#f1d36b45,#60a5fa14 42%,#0000 70%);border-radius:999px;width:460px;height:460px;position:absolute;bottom:-170px;right:-110px}.gc-hero-content,.gc-hero-actions,.gc-hero-visual{z-index:2;position:relative}.gc-eyebrow,.gc-section-header span,.gc-card-heading span,.gc-big-card>span{color:var(--gc-gold);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:950;line-height:1.2;display:inline-flex}.gc-eyebrow:before,.gc-section-header span:before,.gc-card-heading span:before,.gc-big-card>span:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px;box-shadow:0 0 16px}.gc-hero-content h1{color:#fff;letter-spacing:-.075em;max-width:980px;margin:14px 0 16px;font-size:clamp(48px,7vw,104px);font-weight:980;line-height:.88}.gc-hero-content p{color:#dbeafe;max-width:820px;margin:0;font-size:clamp(16px,1.6vw,20px);line-height:1.65}.gc-hero-meta{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.gc-hero-meta span{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff1c;border-radius:999px;align-items:center;max-width:100%;min-height:38px;padding:9px 13px;font-size:13px;font-weight:800;display:inline-flex}.gc-hero-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px;display:flex}.gc-hero-visual{background:linear-gradient(#02081766,#ffffff0d);border:1px solid #ffffff1f;border-radius:34px;grid-template-columns:1fr;place-items:center;gap:18px;min-height:100%;padding:24px;display:grid;box-shadow:inset 0 1px #ffffff12,0 22px 64px #0000003d}.gc-progress-orb{--gc-progress:0%;aspect-ratio:1;background:radial-gradient(circle at center, #020817f0 0 56%, transparent 57%), conic-gradient(from 215deg, var(--gc-green) 0 var(--gc-progress), #ffffff17 var(--gc-progress) 100%);border:1px solid #ffffff1a;border-radius:999px;place-items:center;width:min(230px,46vw);display:grid;box-shadow:0 24px 70px #00000057,0 0 52px #4ade801f}.gc-progress-orb div{text-align:center}.gc-progress-orb strong{letter-spacing:-.06em;font-size:clamp(38px,4vw,58px);font-weight:980;line-height:.9;display:block}.gc-progress-orb span{color:var(--gc-slate-400);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:950}.gc-live-stack{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.gc-live-chip{color:#cbd5e1;background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;grid-column:1/-1;justify-content:center;align-items:center;min-height:42px;font-weight:950;display:inline-flex}.gc-live-chip.on{color:#052e16;background:linear-gradient(135deg,#86efac,#22c55e);box-shadow:0 14px 34px #22c55e3b}.gc-live-stack div:not(.gc-live-chip){background:#ffffff13;border:1px solid #ffffff1a;border-radius:22px;min-width:0;padding:16px}.gc-live-stack strong{font-size:34px;font-weight:980;display:block}.gc-live-stack span{color:var(--gc-slate-400);font-size:12px;font-weight:850}.gc-status-strip{color:#dbeafe;max-width:1760px;box-shadow:var(--gc-soft-shadow);background:#3b82f61a;border:1px solid #60a5fa3d;border-radius:24px;align-items:center;gap:12px;margin:0 auto 24px;padding:16px 20px;display:flex}.gc-status-strip strong{color:#fff}.gc-status-strip.error{background:#f43f5e1a;border-color:#fb718540}.gc-enterprise-metrics,.gc-metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;max-width:1760px;margin:0 auto 24px;display:grid}.gc-metric-card,.gc-metric-grid article{color:#fff;min-height:132px;box-shadow:var(--gc-soft-shadow), inset 0 1px 0 #ffffff0f;-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);background:linear-gradient(145deg,#ffffff1b,#ffffff0d);border:1px solid #ffffff1f;border-radius:28px;align-items:center;gap:16px;padding:20px;transition:transform .19s,border-color .19s,box-shadow .19s;display:flex;position:relative;overflow:hidden}.gc-metric-card:before,.gc-metric-grid article:before{content:"";filter:blur(8px);background:#60a5fa2e;border-radius:999px;width:170px;height:170px;position:absolute;inset:-60% auto auto -25%}.gc-metric-card:hover,.gc-metric-grid article:hover{border-color:#f1d36b47;transform:translateY(-5px);box-shadow:0 28px 76px #00000057,inset 0 1px #ffffff14}.gc-metric-icon{z-index:1;background:#ffffff18;border:1px solid #ffffff1a;border-radius:18px;flex:none;place-items:center;width:50px;height:50px;font-size:22px;display:grid;position:relative}.gc-metric-card>div:last-child{z-index:1;min-width:0;position:relative}.gc-metric-card strong,.gc-metric-grid article strong{color:#fff;letter-spacing:-.055em;font-size:clamp(32px,2.6vw,48px);font-weight:980;line-height:.95;display:block}.gc-metric-card span,.gc-metric-grid article span{color:#dbeafe;margin-top:8px;font-size:14px;font-weight:950;display:block}.gc-metric-card small{color:var(--gc-slate-400);margin-top:3px;font-size:12px;font-weight:800;display:block}.gc-metric-card.live{border-color:#4ade8061;box-shadow:0 24px 70px #0000004d,0 0 44px #4ade801f}.tone-gold:before{background:#f1d36b38}.tone-green:before{background:#4ade8038}.tone-violet:before{background:#a78bfa38}.tone-cyan:before{background:#22d3ee33}.tone-orange:before{background:#fb923c33}.tone-slate:before{background:#94a3b82e}.gc-enterprise-tabs-shell,.gc-tabs-shell{z-index:18;-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);background:#0208179e;border:1px solid #ffffff18;border-radius:28px;max-width:1760px;margin:0 auto 26px;padding:10px;position:sticky;top:106px;box-shadow:0 18px 50px #0000003d}.gc-tabs{flex-wrap:wrap;gap:8px;display:flex}.gc-tabs button{color:#dbeafe;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:11px 15px;font-weight:950;transition:all .18s;display:inline-flex}.gc-tabs button span{background:#ffffff13;border-radius:10px;place-items:center;width:26px;height:26px;display:grid}.gc-tabs button:hover,.gc-tabs button.active{color:#08111f;background:linear-gradient(135deg,#fff2a6,#f1d36b 50%,#d9b52b);box-shadow:0 14px 34px #f1d36b33}.gc-tabs button:hover span,.gc-tabs button.active span{background:#08111f1a}.gc-enterprise-grid,.gc-content-grid{grid-template-columns:minmax(0,1fr) minmax(340px,410px);grid-template-areas:"main rail";align-items:start;gap:24px;max-width:1760px;margin:0 auto;display:grid}.gc-command-main,.gc-main-panel{grid-area:main;min-width:0}.gc-command-rail,.gc-side-panel{grid-area:rail;gap:18px;min-width:0;display:grid;position:sticky;top:190px}.gc-section-stack{gap:22px;display:grid}.gc-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.gc-section-header h2{color:#fff;letter-spacing:-.055em;margin:8px 0 0;font-size:clamp(28px,3vw,44px);font-weight:980;line-height:.98}.gc-overview-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:22px;display:grid}.gc-big-card,.gc-panel-card,.gc-topic-card,.gc-empty-card,.gc-stream-card{color:#fff;box-shadow:var(--gc-soft-shadow), inset 0 1px 0 #ffffff0e;-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);background:linear-gradient(145deg,#ffffff18,#ffffff0b);border:1px solid #ffffff1f;border-radius:32px;padding:clamp(22px,2.2vw,32px);position:relative;overflow:hidden}.gc-big-card:after,.gc-panel-card:after,.gc-topic-card:after,.gc-stream-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000 35% 72%,#ffffff08);position:absolute;inset:0}.gc-big-card>*,.gc-panel-card>*,.gc-topic-card>*,.gc-stream-card>*{z-index:1;position:relative}.gc-big-card h3{color:#fff;letter-spacing:-.052em;margin:10px 0 22px;font-size:clamp(26px,2.6vw,38px);line-height:1}.gc-big-card p,.gc-panel-card p,.gc-empty-card{color:#cbd5e1;line-height:1.6}.gc-big-card.accent,.gc-panel-card.live-card{background:radial-gradient(circle at 20% 8%,#f1d36b36,#0000 34%),linear-gradient(145deg,#f1d36b21,#ffffff0d);border-color:#f1d36b33}.gc-card-heading{gap:7px;margin-bottom:16px;display:grid}.gc-card-heading strong{color:#fff;letter-spacing:-.035em;font-size:22px;line-height:1.08}.gc-live-meter{background:#ffffff17;border-radius:999px;height:12px;margin:18px 0;overflow:hidden;box-shadow:inset 0 1px 3px #0000003d}.gc-live-meter div{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#86efac,#f1d36b);height:100%;box-shadow:0 0 18px #4ade8066}.gc-signal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.gc-signal-grid div{background:#0208174d;border:1px solid #ffffff1a;border-radius:24px;min-width:0;padding:18px}.gc-signal-grid strong{color:#fff;letter-spacing:-.055em;font-size:clamp(30px,3vw,44px);font-weight:980;line-height:.95;display:block}.gc-signal-grid span{color:var(--gc-slate-400);text-transform:uppercase;letter-spacing:.08em;margin-top:7px;font-size:12px;font-weight:900;display:block}.gc-activity-row,.gc-stream-card,.gc-classwork-row,.gc-person-row,.gc-mini-row{align-items:flex-start;gap:15px;display:flex}.gc-activity-row,.gc-person-row,.gc-mini-row{border-bottom:1px solid #ffffff13;padding:16px 0}.gc-activity-row:last-child,.gc-person-row:last-child,.gc-mini-row:last-child{border-bottom:0}.gc-activity-icon,.gc-avatar,.gc-classwork-icon{background:linear-gradient(145deg,#ffffff24,#ffffff0f);border:1px solid #ffffff1c;border-radius:19px;flex:0 0 52px;place-items:center;width:52px;height:52px;font-size:21px;display:grid;box-shadow:inset 0 1px #ffffff0f}.gc-avatar{color:#08111f;background:linear-gradient(135deg,#e0f2fe,#fef3c7);font-weight:980}.gc-activity-row div:last-child,.gc-person-row div:last-child,.gc-classwork-row div:nth-child(2){min-width:0}.gc-activity-row strong,.gc-person-row strong,.gc-classwork-row strong,.gc-mini-row span{color:#fff;overflow-wrap:anywhere;font-weight:950;display:block}.gc-activity-row span,.gc-person-row span,.gc-classwork-row span,.gc-mini-row small,.gc-classwork-row small,.gc-stream-card span,.gc-stream-card small{color:#cbd5e1;margin-top:4px;line-height:1.45;display:block}.gc-topic-card{gap:12px;display:grid}.gc-topic-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;display:flex}.gc-topic-heading h3{color:#fff;letter-spacing:-.04em;margin:0;font-size:clamp(22px,2vw,30px)}.gc-topic-heading span{color:#08111f;background:linear-gradient(135deg,#e0f2fe,#fef3c7);border-radius:999px;flex:none;padding:8px 12px;font-size:12px;font-weight:950}.gc-classwork-row{border-top:1px solid #ffffff13;align-items:center;padding:18px 0}.gc-classwork-row:first-of-type{border-top:0}.gc-classwork-row>div:nth-child(2){flex:1}.gc-classwork-row button{border-radius:14px;flex:none;min-height:40px;padding:10px 14px}.gc-stream-card{align-items:flex-start}.gc-empty-card{text-align:center;padding:40px}@media (width<=1450px){.gc-enterprise-metrics,.gc-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gc-enterprise-hero,.gc-hero-card{grid-template-columns:1fr}.gc-hero-actions{grid-column:auto}.gc-hero-visual{grid-template-columns:minmax(180px,240px) 1fr;justify-items:stretch}}@media (width<=1180px){.gc-enterprise-grid,.gc-content-grid,.gc-overview-grid{grid-template-columns:1fr;grid-template-areas:"rail""main"}.gc-command-rail,.gc-side-panel{grid-template-columns:repeat(3,minmax(0,1fr));position:static}}@media (width<=860px){.gc-command-page.gc-enterprise-page,.gc-command-page{padding:16px}.gc-enterprise-topbar,.gc-topbar,.gc-topbar-actions,.gc-nav-cluster{flex-direction:column;align-items:stretch}.gc-topbar-title strong{max-width:100%}.gc-enterprise-tabs-shell,.gc-tabs-shell{position:static}.gc-enterprise-hero,.gc-hero-card{border-radius:30px;padding:24px}.gc-hero-content h1{font-size:clamp(40px,12vw,62px)}.gc-hero-visual,.gc-command-rail,.gc-side-panel,.gc-enterprise-metrics,.gc-metric-grid,.gc-signal-grid{grid-template-columns:1fr}.gc-metric-card,.gc-metric-grid article{min-height:112px}.gc-classwork-row{flex-wrap:wrap;align-items:flex-start}}.gc-access-note{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#38bdf81c,#f1d36b14);border:1px solid #ffffff1a;border-radius:24px;margin:0 0 22px;padding:18px 20px;box-shadow:0 18px 50px #00000038}.gc-access-note div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.gc-access-note strong{color:#fff;letter-spacing:-.01em;font-size:15px;font-weight:950}.gc-access-note span{color:#cbd5e1;flex:1;min-width:280px;line-height:1.55}.gc-modal-backdrop{z-index:9998;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#020817c2;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.gc-classwork-modal{color:#fff;background:radial-gradient(circle at 12% 0,#f1d36b33,#0000 34%),radial-gradient(circle at 92% 14%,#38bdf82e,#0000 38%),linear-gradient(145deg,#0f172af5,#071629f0);border:1px solid #ffffff24;border-radius:34px;width:min(940px,100%);max-height:min(86vh,900px);padding:28px;overflow-y:auto;box-shadow:0 40px 120px #0000008f,inset 0 1px #ffffff14}.gc-modal-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.gc-modal-header span{color:#f1d36b;letter-spacing:.14em;margin-bottom:8px;font-size:12px;font-weight:950;display:block}.gc-modal-header h2{letter-spacing:-.04em;margin:0;font-size:clamp(28px,4vw,46px);line-height:1.02}.gc-modal-header button,.gc-attachment-row button{cursor:pointer;color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);border:0;border-radius:999px;padding:11px 16px;font-weight:950;box-shadow:0 16px 36px #f1d36b38}.gc-modal-meta{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.gc-modal-meta span{color:#dbeafe;background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:850}.gc-modal-description{white-space:pre-wrap;color:#e2e8f0;background:#fff1;border:1px solid #ffffff14;border-radius:24px;margin-bottom:22px;padding:20px;line-height:1.7}.gc-modal-description.muted{color:#94a3b8}.gc-modal-section{gap:12px;display:grid}.gc-modal-section h3{margin:0 0 4px}.gc-attachment-row{background:#fff1;border:1px solid #ffffff14;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.gc-attachment-row strong,.gc-attachment-row span{display:block}.gc-attachment-row span,.gc-attachment-row small{color:#94a3b8;margin-top:4px;font-size:12px;font-weight:800}.gc-modal-warning{color:#ffe8a3;background:#f1d36b1a;border:1px solid #f1d36b38;border-radius:20px;margin-top:22px;padding:16px 18px;line-height:1.55}@media (width<=720px){.gc-modal-backdrop{align-items:flex-end;padding:12px}.gc-classwork-modal{border-radius:28px 28px 18px 18px;max-height:92vh;padding:22px}.gc-modal-header,.gc-attachment-row{flex-direction:column;align-items:stretch}.gc-modal-header button,.gc-attachment-row button{width:100%}}.gc-attachment-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gc-attachment-actions button.secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff24}.gc-viewer-overlay{z-index:9999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020817d6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.gc-viewer-modal{background:linear-gradient(#071629fa,#020817fa);border:1px solid #ffffff1a;border-radius:30px;width:min(1500px,96vw);height:min(92vh,1200px);overflow:hidden;box-shadow:0 44px 140px #000000b8}.gc-viewer-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:16px 24px;display:flex}.gc-viewer-header strong{color:#fff;font-size:18px;font-weight:950;display:block}.gc-viewer-header span{color:#aebde2;margin-top:4px;font-size:13px;display:block}.gc-viewer-header button{cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;flex:none;width:44px;height:44px;font-weight:950}.gc-viewer-body{background:#fff;height:calc(100% - 76px)}.gc-viewer-frame{background:#fff;border:none;width:100%;height:100%}.gc-viewer-loading,.gc-viewer-error{text-align:center;color:#fff;background:linear-gradient(135deg,#020817,#071629);place-items:center;height:100%;padding:34px;display:grid}.gc-viewer-error{align-content:center;gap:12px}.gc-viewer-error strong{font-size:26px}.gc-viewer-error span{color:#cfd8ef;max-width:720px;line-height:1.6}@media (width<=760px){.gc-viewer-overlay{padding:10px}.gc-viewer-modal{border-radius:20px;width:100%;height:96vh}.gc-viewer-header{padding:12px 14px}.gc-viewer-header strong{font-size:15px}.gc-viewer-header span{font-size:11px}}.head-office-premium-shell{text-align:left;isolation:isolate;width:100%;position:relative}.head-office-premium-shell:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 8% 2%,#f1d36b29,#0000 32%),radial-gradient(circle at 86% 10%,#4a90e22e,#0000 34%),radial-gradient(circle at 70% 92%,#38bdf81c,#0000 36%);position:fixed;inset:0}.admin-layout{background:radial-gradient(circle at 8% 4%,#f1d36b29,#0000 32%),radial-gradient(circle at 94% 14%,#4a90e22e,#0000 34%),linear-gradient(135deg,#020817 0%,#07111f 42%,#0b1f3a 100%)}.admin-main{padding:clamp(28px,3.4vw,52px)}.admin-sidebar{background:linear-gradient(#020817e6,#06111fc7),radial-gradient(circle at 0 0,#f1d36b1f,#0000 36%)}.admin-nav-item{border-radius:18px;min-height:56px}.admin-nav-item.active{box-shadow:0 18px 44px #00000038,inset 3px 0 #f1d36bc7}.head-office-command-hero{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);text-align:left;background:linear-gradient(145deg,#ffffff18,#ffffff09),radial-gradient(circle at 100% 0,#f1d36b2b,#0000 34%),radial-gradient(circle at 0 100%,#4a90e229,#0000 36%);border:1px solid #ffffff21;border-radius:34px;margin-bottom:24px;padding:clamp(28px,3.8vw,48px);position:relative;overflow:hidden;box-shadow:0 34px 100px #00000057}.head-office-command-hero:before{content:"COMMAND";letter-spacing:-.08em;color:#ffffff09;pointer-events:none;font-size:clamp(84px,11vw,160px);font-weight:950;line-height:1;position:absolute;top:-26px;right:24px}.head-office-command-hero>*{z-index:1;position:relative}.head-office-command-hero .live-command-pill{color:#a7f3d0;letter-spacing:.14em;text-transform:uppercase;background:#2ed5731c;border:1px solid #2ed57342;border-radius:999px;align-items:center;gap:10px;width:fit-content;padding:10px 14px;font-size:.76rem;font-weight:950;display:inline-flex}.head-office-command-hero .live-dot{background:#2ed573;border-radius:999px;width:9px;height:9px;animation:1.6s ease-out infinite headOfficePulse;box-shadow:0 0 20px #2ed573cc}.head-office-command-hero h2{color:#fff;letter-spacing:-.06em;max-width:960px;margin:18px 0 12px;font-size:clamp(36px,4.6vw,68px);line-height:.96}.head-office-command-hero p{color:#e8f1ffc2;max-width:980px;margin:0;font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.65}.head-office-command-actions,.head-office-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;width:100%;margin-top:24px;display:flex!important}.head-office-command-actions>span,.head-office-actions>span{color:#e8f1ffc7;background:#ffffff13;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:9px;min-height:44px;padding:0 14px;box-shadow:inset 0 1px #ffffff14;display:inline-flex!important}.head-office-command-actions>span:before,.head-office-actions>span:before{content:"";background:#2ed573;border-radius:999px;width:8px;height:8px;box-shadow:0 0 16px #2ed573b3}.head-office-command-actions>span strong,.head-office-actions>span strong{color:#fff}.head-office-command-actions button,.head-office-actions button,.head-office-command-tabs button,.head-office-mode-tabs button{appearance:none;cursor:pointer;letter-spacing:-.01em;border:0;border-radius:999px;min-height:44px;padding:0 18px;font-family:inherit;font-weight:950;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.head-office-command-actions button,.head-office-actions button{color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);box-shadow:0 16px 38px #f1d36b38,inset 0 1px #ffffff61}.head-office-command-actions button:hover,.head-office-actions button:hover{transform:translateY(-2px);box-shadow:0 22px 55px #f1d36b4d,inset 0 1px #ffffff7a}.head-office-command-tabs,.head-office-mode-tabs{background:#0208176b;border:1px solid #ffffff1f;border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 4px;padding:8px;box-shadow:inset 0 1px #ffffff14,0 18px 45px #0000002e;display:inline-flex!important}.head-office-command-tabs button,.head-office-mode-tabs button{color:#e8f1ffc7;box-shadow:none;background:0 0}.head-office-command-tabs button:hover,.head-office-mode-tabs button:hover{color:#fff;background:#ffffff17;transform:translateY(-1px)}.head-office-command-tabs button.active,.head-office-mode-tabs button.active{color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);box-shadow:0 15px 34px #f1d36b38}.head-office-premium-stats,.head-office-stats{grid-template-columns:repeat(7,minmax(135px,1fr));gap:14px;margin:24px 0 30px;display:grid}.head-office-premium-stats>div,.head-office-stats>div{text-align:left;background:linear-gradient(145deg,#ffffff1c,#ffffff0a);border:1px solid #ffffff21;border-radius:28px;align-content:center;min-height:140px;padding:22px 20px;display:grid;box-shadow:0 24px 70px #00000040,inset 0 1px #ffffff17}.head-office-premium-stats strong,.head-office-stats strong{color:#fff;letter-spacing:-.055em;font-size:clamp(34px,3vw,50px);line-height:1;display:block}.head-office-premium-stats span,.head-office-stats span{color:#e8f1ffa8;margin-top:8px;font-weight:850}.head-office-premium-section,.head-office-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff16,#ffffff08);border:1px solid #ffffff1f;border-radius:32px;margin-top:24px;padding:clamp(20px,2.4vw,28px);box-shadow:0 24px 72px #0000003d}.section-heading-row{text-align:left;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;display:flex}.section-heading-row h3{color:#fff;letter-spacing:-.04em;font-size:clamp(24px,2.4vw,36px)}.section-heading-row p{color:#f1d36b;letter-spacing:.14em;text-transform:uppercase;font-weight:950}.featured-live-school{background:radial-gradient(circle at 100% 0,#2ed57329,#0000 34%),linear-gradient(145deg,#ffffff1c,#ffffff0a);border:1px solid #ffffff21;border-radius:32px;margin-bottom:20px;padding:clamp(22px,3vw,34px);position:relative;overflow:hidden;box-shadow:0 30px 90px #00000047,inset 0 1px #ffffff17}.featured-live-school.is-live{border-color:#2ed57347}.featured-live-school:before{content:"LIVE";letter-spacing:-.08em;color:#ffffff07;pointer-events:none;font-size:clamp(70px,10vw,140px);font-weight:950;position:absolute;top:-20px;right:22px}.featured-live-school-main{z-index:1;justify-content:space-between;align-items:flex-start;gap:18px;display:flex;position:relative}.featured-kicker{color:#9fffc2;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:950}.featured-live-school h3{color:#fff;letter-spacing:-.06em;margin:0;font-size:clamp(34px,4vw,64px);line-height:.95}.featured-live-school-main span{color:#e8f1ffad;margin-top:10px;font-weight:850;display:inline-flex}.featured-live-badge,.featured-quiet-badge{border-radius:999px;align-items:center;min-height:44px;padding:0 16px;font-weight:950;display:inline-flex}.featured-live-badge{color:#062414;background:linear-gradient(135deg,#7dffbd,#d7ffe9);box-shadow:0 0 36px #7dffbd38}.featured-quiet-badge{color:#e8f1ffb8;background:#ffffff14}.featured-live-metrics{z-index:1;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0;display:grid;position:relative}.featured-live-metrics div{background:#02081752;border:1px solid #ffffff1a;border-radius:22px;padding:16px}.featured-live-metrics strong{color:#fff;letter-spacing:-.05em;font-size:34px;line-height:1;display:block}.featured-live-metrics span{color:#e8f1ff9e;margin-top:6px;font-size:.8rem;font-weight:850;display:block}.featured-live-feed{z-index:1;gap:10px;display:grid;position:relative}.featured-live-feed-row,.featured-live-feed-empty{background:#02081757;border:1px solid #ffffff1a;border-radius:20px;padding:14px}.featured-live-feed-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.featured-live-feed-row strong{color:#fff;display:block}.featured-live-feed-row span,.featured-live-feed-empty{color:#e8f1ffa3}.featured-live-feed-row small{color:#f1d36b;font-weight:950}.featured-live-actions{z-index:1;flex-wrap:wrap;gap:10px;margin-top:18px;display:flex;position:relative}.featured-live-actions button,.school-card-actions button{cursor:pointer;color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);border:0;border-radius:999px;min-height:42px;padding:0 15px;font-weight:950;box-shadow:0 14px 36px #f1d36b30}.featured-live-actions button.secondary,.school-card-actions button.secondary{color:#fff;box-shadow:none;background:#ffffff16;border:1px solid #ffffff1f}.executive-school-grid,.head-office-school-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;display:grid}.executive-school-card,.head-office-school-card{transition:transform .24s,border-color .24s,box-shadow .24s;background:linear-gradient(145deg,#ffffff17,#ffffff09)!important;border:1px solid #ffffff21!important;border-radius:28px!important;box-shadow:0 24px 70px #0000003d!important}.executive-school-card:hover,.head-office-school-card:hover{transform:translateY(-5px);border-color:#f1d36b57!important;box-shadow:0 34px 90px #00000052!important}.school-card-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.school-type{color:#ffe68a;text-transform:uppercase;letter-spacing:.08em;background:#f1d36b1c;border:1px solid #f1d36b2e;border-radius:999px;width:fit-content;padding:7px 10px;font-size:.68rem;font-weight:950;display:inline-flex}.live-badge,.quiet-badge{border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:.78rem;font-weight:950;display:inline-flex}.live-badge{color:#062414;background:linear-gradient(135deg,#7dffbd,#d7ffe9)}.quiet-badge{color:#e8f1ffad;background:#ffffff12}.school-live-metrics{grid-template-columns:repeat(3,1fr);gap:11px;margin:18px 0;display:grid}.school-live-metrics>div{background:#02081742;border:1px solid #ffffff17;border-radius:18px;padding:13px}.school-live-metrics strong{color:#fff;font-size:24px;display:block}.school-live-metrics span{color:#e8f1ff9e;font-size:.78rem;font-weight:850}.school-session-list{gap:10px;display:grid}.school-empty-session,.live-table-empty,.teacher-class-empty{color:#e8f1ff94;text-align:center;background:#0208173d;border:1px dashed #ffffff1f;border-radius:20px;padding:18px}.school-session-row{background:#02081742;border:1px solid #ffffff17;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.school-session-row strong{color:#fff;display:block}.school-session-row span,.school-session-row small{color:#e8f1ff9e;margin-top:4px;display:block}.session-progress-mini{text-align:right;min-width:76px}.session-progress-mini strong{color:#f1d36b}@media (width<=1280px){.head-office-premium-stats,.head-office-stats{grid-template-columns:repeat(4,minmax(150px,1fr))}}@media (width<=860px){.head-office-command-actions,.head-office-actions{align-items:stretch}.head-office-command-actions>span,.head-office-actions>span,.head-office-command-actions button,.head-office-actions button{justify-content:center;width:100%}.head-office-command-tabs,.head-office-mode-tabs{border-radius:24px;width:100%}.head-office-command-tabs button,.head-office-mode-tabs button{flex:180px}.head-office-premium-stats,.head-office-stats,.featured-live-metrics{grid-template-columns:repeat(2,minmax(140px,1fr))}.featured-live-school-main,.featured-live-feed-row{flex-direction:column;align-items:flex-start}}@media (width<=560px){.head-office-premium-stats,.head-office-stats,.featured-live-metrics,.school-live-metrics{grid-template-columns:1fr}}@keyframes headOfficePulse{0%{box-shadow:0 0 #2ed573ad}75%{box-shadow:0 0 0 12px #2ed57300}to{box-shadow:0 0 #2ed57300}}.app{text-align:left;background:radial-gradient(circle at 10% 8%,#f5cd412e,#0000 32%),radial-gradient(circle at 86% 16%,#3b82f638,#0000 34%),radial-gradient(circle at 50% 92%,#0ea5e91f,#0000 40%),linear-gradient(135deg,#020617 0%,#071629 48%,#0b1f3a 100%);min-height:100vh;padding:28px 24px 60px;overflow-x:hidden}.app:before{content:"";pointer-events:none;opacity:.35;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:54px 54px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}.header,.hero,.role-strip,.assigned-workspace-card,.connect-quick-grid{width:min(1180px,100% - 24px);margin-left:auto;margin-right:auto}.header{padding:10px 0 18px}.header h1{letter-spacing:-.07em;font-size:clamp(2.4rem,5vw,4.5rem)}.hero{background:linear-gradient(135deg,#030d1feb,#0a203ec7),radial-gradient(circle at 100% 0,#f5cd4133,#0000 42%);border:1px solid #ffffff21;border-radius:38px;margin-top:20px;padding:clamp(30px,5vw,66px);position:relative;overflow:hidden;box-shadow:0 34px 100px #00000057}.hero h2{letter-spacing:-.07em;max-width:780px;margin:0 0 14px;font-size:clamp(2.6rem,6vw,5.6rem);line-height:.92}.role-strip{background:#030d1fbd;border:1px solid #ffffff1f;border-radius:999px;justify-content:flex-start;margin-top:18px;padding:16px 18px}.assigned-workspace-card{border-radius:36px;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:28px;margin-top:24px;padding:clamp(28px,4vw,48px);display:grid}.assigned-workspace-card h3{letter-spacing:-.075em;font-size:clamp(2.4rem,4.8vw,4.7rem);line-height:.93}.assigned-continue-btn{border-radius:999px;width:100%;padding:18px 26px}.connect-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.connect-quick-grid article{cursor:pointer;background:radial-gradient(circle at 100% 0,#3b82f62e,#0000 38%),linear-gradient(145deg,#0f172aeb,#020617fa);border:1px solid #94a3b838;border-radius:28px;min-height:150px;padding:22px;transition:all .22s;box-shadow:0 24px 60px #00000042}.connect-quick-grid article:hover{border-color:#f5cd416b;transform:translateY(-5px)}.connect-quick-grid span{color:#f5cd41;letter-spacing:.16em;font-size:.75rem;font-weight:950;display:block}.connect-quick-grid strong{color:#fff;margin-top:22px;font-size:1.35rem;display:block}.connect-quick-grid small{color:#94a3b8;margin-top:8px;line-height:1.45;display:block}@media (width<=900px){.assigned-workspace-card,.connect-quick-grid{grid-template-columns:1fr}.role-strip{border-radius:24px}}html,body,#root,.admin-layout,.head-office-page,.head-office-shell{width:100%;max-width:100%;overflow-x:hidden}.admin-layout{grid-template-columns:280px minmax(0,1fr);display:grid}.admin-main,.head-office-main{width:100%;min-width:0;padding:36px clamp(18px,2vw,36px);overflow-x:hidden}.dashboard-grid,.dashboard-stats,.head-office-grid,.attendance-ops-grid,.attendance-ops-card-grid{width:100%;max-width:100%}.dashboard-grid,.head-office-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.attendance-ops-panel,.attendance-teacher-presence,.dashboard-card,.dashboard-stats div{min-width:0;overflow:hidden}.head-office-hero,.head-office-command-panel,.attendance-ops-shell{width:100%;max-width:1320px;margin-left:auto;margin-right:auto}@media (width<=1200px){.attendance-ops-grid{grid-template-columns:1fr}}@media (width<=980px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{width:100%;min-width:0}.admin-main,.head-office-main{padding:22px 14px}.dashboard-grid,.dashboard-stats,.attendance-ops-card-grid{grid-template-columns:1fr}}.class-settings-card{background:radial-gradient(circle at 0 0,#38bdf824,#0000 36%),linear-gradient(145deg,#0a162ef5,#020817f5)!important;border-color:#38bdf83d!important}.gc-class-settings-mini{background:#02061761;border:1px solid #93c5fd2e;border-radius:18px;gap:6px;margin:14px 0;padding:14px;display:grid}.gc-class-settings-mini span{color:#04111f;letter-spacing:.08em;background:linear-gradient(135deg,#fde68a,#facc15);border-radius:999px;width:fit-content;padding:5px 9px;font-size:.7rem;font-weight:1000}.gc-class-settings-mini strong{color:#fff;font-size:1rem;line-height:1.2}.gc-class-settings-mini small{color:#93c5fd;font-weight:800;line-height:1.35}.gc-class-settings-modal{width:min(860px,94vw)}.gc-settings-locked-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.gc-settings-locked-strip>div{background:#0f172a9e;border:1px solid #93c5fd29;border-radius:18px;min-width:0;padding:14px}.gc-settings-locked-strip span,.gc-settings-grid label>span,.gc-settings-preview-card>span{color:#93c5fd;letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:950;display:block}.gc-settings-locked-strip strong{color:#eaf3ff;overflow-wrap:anywhere;margin-top:6px;font-size:.84rem;display:block}.gc-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.gc-settings-grid label{gap:8px;min-width:0;display:grid}.gc-settings-grid input,.gc-settings-grid select{color:#fff;background:#020617c2;border:1px solid #93c5fd3d;border-radius:16px;outline:none;width:100%;min-height:48px;padding:0 14px;font-weight:850}.gc-settings-grid input:focus,.gc-settings-grid select:focus{border-color:#38bdf8b8;box-shadow:0 0 0 4px #38bdf81f}.gc-settings-grid small{color:#94a3b8;font-weight:750;line-height:1.4}.gc-settings-preview-card{background:radial-gradient(circle at 0 0,#facc151f,#0000 34%),#0f172aa8;border:1px solid #facc1547;border-radius:22px;margin-top:18px;padding:18px}.gc-settings-preview-card strong{color:#fff;letter-spacing:-.04em;margin-top:8px;font-size:clamp(1.4rem,3vw,2.35rem);line-height:1;display:block}.gc-settings-preview-card small{color:#fde68a;margin-top:8px;font-weight:900;display:block}.gc-settings-preview-card p{color:#9fb7d5;margin:12px 0 0;font-weight:750}.gc-settings-message{color:#bbf7d0;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:16px;margin-top:14px;padding:13px 15px;font-weight:850}.gc-settings-message.error{color:#fecaca;background:#ef44441f;border-color:#f8717157}.gc-settings-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.gc-settings-actions button{color:#04111f;cursor:pointer;background:linear-gradient(135deg,#fde68a,#facc15);border:1px solid #93c5fd42;border-radius:999px;min-height:46px;padding:0 18px;font-weight:1000}.gc-settings-actions button.secondary{color:#eaf3ff;background:#0f172ad1}.gc-settings-actions button:disabled{opacity:.55;cursor:not-allowed}@media (width<=760px){.gc-settings-locked-strip,.gc-settings-grid{grid-template-columns:1fr}.gc-settings-actions{justify-content:stretch}.gc-settings-actions button{width:100%}}.elite-access-page{background:radial-gradient(circle at 12% 16%,#f1d36b29,#0000 30%),radial-gradient(circle at 88% 16%,#38bdf829,#0000 34%),radial-gradient(circle at 52% 110%,#4f46e533,#0000 38%),linear-gradient(135deg,#020817 0%,#071629 52%,#0a1d36 100%);justify-content:center;align-items:center;padding:clamp(22px,4vw,56px);position:relative;overflow:hidden}.elite-access-page:before{content:"";pointer-events:none;border:1px solid #ffffff0f;border-radius:34px;position:absolute;inset:24px}.elite-landing-ambient{filter:blur(58px);opacity:.44;pointer-events:none;border-radius:999px;position:absolute}.elite-landing-ambient-one{background:#f1d36b59;width:260px;height:260px;top:12%;left:7%}.elite-landing-ambient-two{background:#2563eb59;width:360px;height:360px;bottom:6%;right:-80px}.elite-landing-grid{z-index:2;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:stretch;gap:24px;width:min(1260px,96vw);display:grid;position:relative}.elite-access-card{background:linear-gradient(145deg,#0f1b3eeb,#08122be0),#0d1938db;border:1px solid #ffffff26;border-radius:36px;width:100%;min-height:620px;padding:clamp(34px,5vw,58px);position:relative;overflow:hidden;box-shadow:0 44px 120px #0000007a,inset 0 1px #ffffff1c}.elite-access-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#f1d36b21,#0000 66%);border-radius:999px;width:520px;height:520px;position:absolute;inset:auto -18% -44% 28%}.elite-card-glow{opacity:.48;pointer-events:none;background:linear-gradient(120deg,#f1d36b40,#0000 28%,#38bdf82e 70%,#0000);position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000,#0000 72%);mask:linear-gradient(#000,#0000 72%)}.elite-brand-row{z-index:2;align-items:center;gap:16px;margin-bottom:34px;display:flex;position:relative}.elite-brand-mark{color:#071629;background:linear-gradient(135deg,#f6d96f,#c9a227);border-radius:20px;place-items:center;width:58px;height:58px;font-weight:950;display:grid;box-shadow:0 18px 46px #f1d36b47}.elite-brand-row .elite-eyebrow{letter-spacing:7px;color:#f1d36b;margin:0 0 6px}.elite-brand-row span{color:#9fb0d4;font-size:13px;font-weight:800}.elite-access-card h1{z-index:2;letter-spacing:-3px;max-width:760px;margin-bottom:26px;font-size:clamp(44px,6.6vw,84px);line-height:.91;position:relative}.elite-subtitle{z-index:2;color:#d9e3ff;max-width:790px;margin-bottom:26px;font-size:clamp(17px,1.6vw,21px);line-height:1.55;position:relative}.elite-trust-row{z-index:2;flex-wrap:wrap;gap:10px;margin:0 0 30px;display:flex;position:relative}.elite-trust-row span{color:#dce7ff;background:#ffffff13;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:900;display:inline-flex}.elite-trust-row span:before{content:"";background:#7dffbd;border-radius:999px;width:7px;height:7px;box-shadow:0 0 16px #7dffbdb8}.elite-action-row{z-index:2;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;max-width:730px;display:grid;position:relative}.elite-action-row button{text-align:left;flex-direction:column;justify-content:center;gap:4px;min-height:76px;padding:17px 24px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex}.elite-action-row button:hover{transform:translateY(-4px)}.elite-action-row button span{font-size:17px;font-weight:950}.elite-action-row button small{opacity:.72;font-size:12px;font-weight:800}.elite-primary{background:linear-gradient(135deg,#fff,#dceaff);box-shadow:0 20px 48px #ffffff2e}.elite-secondary{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff13;border-color:#ffffff29}.elite-action-row .elite-secondary:last-child{grid-column:1/-1}.elite-access-intelligence{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:radial-gradient(circle at 20% 5%,#7dffbd1f,#0000 34%),linear-gradient(145deg,#ffffff1a,#ffffff0b);border:1px solid #ffffff24;border-radius:36px;min-height:620px;padding:28px;position:relative;overflow:hidden;box-shadow:0 44px 110px #00000061,inset 0 1px #ffffff1f}.elite-access-intelligence:before{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf838,#0000 70%);border-radius:999px;width:260px;height:260px;position:absolute;inset:-80px -130px auto auto}.elite-panel-header{z-index:2;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex;position:relative}.elite-panel-header p{color:#f1d36b;letter-spacing:5px;margin:0;font-size:12px;font-weight:950}.elite-panel-header span{color:#9fffc2;background:#2ed57321;border:1px solid #2ed57347;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:950}.elite-rule-list{z-index:2;gap:14px;display:grid;position:relative}.elite-rule-card{background:#030d1f73;border:1px solid #ffffff1b;border-radius:24px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:104px;padding:16px;transition:transform .22s,border-color .22s,background .22s;display:grid}.elite-rule-card:hover{background:#ffffff16;border-color:#f1d36b52;transform:translateY(-4px)}.elite-rule-icon{color:#f1d36b;background:#f1d36b21;border-radius:17px;place-items:center;width:48px;height:48px;font-size:13px;font-weight:950;display:grid}.elite-rule-card strong{color:#fff;margin-bottom:5px;font-size:17px;display:block}.elite-rule-card span{color:#c8d3ee;font-size:13px;line-height:1.45;display:block}.elite-rule-card small{color:#d9e3ff;text-transform:uppercase;background:#ffffff16;border-radius:999px;padding:7px 9px;font-size:10px;font-weight:950}.admin-rule .elite-rule-icon{color:#f1d36b;background:#f1d36b26}.teacher-rule .elite-rule-icon{color:#9bdcff;background:#38bdf824}.student-rule .elite-rule-icon{color:#a8ffd0;background:#7dffbd24}.parent-rule .elite-rule-icon{color:#d7ccff;background:#c4b5fd29}.elite-status-strip{z-index:2;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid;position:relative}.elite-status-strip div{background:#ffffff13;border:1px solid #ffffff1a;border-radius:20px;padding:15px 12px}.elite-status-strip strong{color:#fff;font-size:28px;line-height:1;display:block}.elite-status-strip span{color:#aebde2;margin-top:6px;font-size:11px;font-weight:850;display:block}@media (width<=1120px){.elite-landing-grid{grid-template-columns:1fr}.elite-access-card,.elite-access-intelligence{min-height:auto}}@media (width<=720px){.elite-access-page{padding:18px}.elite-access-page:before{border-radius:24px;inset:10px}.elite-access-card,.elite-access-intelligence{border-radius:28px;padding:26px}.elite-brand-row{align-items:flex-start}.elite-brand-row .elite-eyebrow{letter-spacing:4px}.elite-access-card h1{letter-spacing:-1.6px}.elite-action-row{grid-template-columns:1fr}.elite-action-row .elite-secondary:last-child{grid-column:auto}.elite-rule-card{grid-template-columns:44px minmax(0,1fr)}.elite-rule-card small{grid-column:1/-1;width:fit-content}.elite-status-strip{grid-template-columns:1fr}}.super-admin-command-page{color:#fff;background:radial-gradient(circle at 14% 12%,#f1d36b2e,#0000 32%),radial-gradient(circle at 88% 20%,#3b82f63d,#0000 34%),linear-gradient(135deg,#020817 0%,#071629 54%,#0b1f3a 100%);min-height:100vh;padding:28px;position:relative;overflow:hidden}.super-admin-bg-orb{filter:blur(64px);opacity:.42;pointer-events:none;border-radius:999px;position:fixed}.super-admin-bg-orb-one{background:#f1d36ba6;width:300px;height:300px;top:4%;left:12%}.super-admin-bg-orb-two{background:#3b82f68c;width:360px;height:360px;bottom:8%;right:-90px}.super-admin-command-shell{z-index:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#050f23b8;border:1px solid #ffffff24;border-radius:34px;grid-template-columns:310px 1fr;width:min(1480px,100%);min-height:calc(100vh - 56px);margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 120px #0000006b}.super-admin-side-panel{background:#020817ad;border-right:1px solid #ffffff1f;flex-direction:column;gap:14px;padding:26px;display:flex}.super-admin-brand-row{align-items:center;gap:14px;margin-bottom:12px;display:flex}.super-admin-brand-mark{color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);border-radius:18px;place-items:center;width:54px;height:54px;font-weight:950;display:grid;box-shadow:0 18px 48px #f1d36b4d}.super-admin-brand-row strong,.super-admin-role-card strong{color:#fff;display:block}.super-admin-brand-row span,.super-admin-role-card span{color:#aebde2;margin-top:4px;font-size:12px;display:block}.super-admin-role-card{background:linear-gradient(135deg,#f1d36b29,#ffffff0f);border:1px solid #f1d36b42;border-radius:24px;margin:10px 0 8px;padding:18px}.super-admin-role-card p{color:#f1d36b;text-transform:uppercase;letter-spacing:.14em;margin:0 0 8px;font-size:11px;font-weight:950}.super-admin-nav-btn,.super-admin-signout{text-align:left;color:#d9e3ff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:16px;width:100%;padding:14px 15px;font-weight:900;transition:all .22s}.super-admin-nav-btn:hover,.super-admin-nav-btn.active{color:#fff;background:#ffffff1c;border-color:#f1d36b61;transform:translate(4px)}.super-admin-signout{color:#ffd1d1;background:#ff50501f;border-color:#ff505047;margin-top:auto}.super-admin-main-panel{min-width:0;padding:34px}.super-admin-hero{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.super-admin-hero h1{letter-spacing:-2.4px;margin:0 0 12px;font-size:clamp(42px,5vw,74px);line-height:.92}.super-admin-hero span{color:#d9e3ff;max-width:760px;font-size:17px;line-height:1.55;display:block}.super-admin-hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.super-admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.super-admin-stat-grid div{background:#ffffff16;border:1px solid #ffffff21;border-radius:24px;padding:22px;box-shadow:0 22px 60px #00000038}.super-admin-stat-grid span,.super-admin-stat-grid small{color:#aebde2;font-weight:800;display:block}.super-admin-stat-grid strong{margin:8px 0;font-size:38px;line-height:1;display:block}.super-admin-tabs{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.super-admin-tabs button{color:#d9e3ff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:11px 18px;font-weight:900}.super-admin-tabs button.active,.super-admin-tabs button:hover{color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);border-color:#f1d36b8c}.super-admin-board-card{background:#ffffff16;border:1px solid #ffffff21;border-radius:30px;padding:24px;box-shadow:0 28px 80px #00000040}.super-admin-board-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.super-admin-board-header p{color:#f1d36b;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:950}.super-admin-board-header h2{margin:0;font-size:28px}.super-admin-board-header>span{color:#9fffc2;background:#2ed57324;border:1px solid #2ed57359;border-radius:999px;padding:8px 12px;font-weight:950}.super-admin-request-list{gap:14px;display:grid}.super-admin-request-card{background:#ffffff12;border:1px solid #ffffff1a;border-radius:24px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.request-avatar{color:#f1d36b;background:#f1d36b29;border-radius:18px;place-items:center;width:52px;height:52px;font-weight:950;display:grid}.request-title-row,.request-meta-row,.request-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.request-title-row h3{color:#fff;margin:0}.request-main p{color:#cfd8ef;margin:7px 0}.request-meta-row span{color:#cfd8ef;background:#ffffff14;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:850}.request-status{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:950}.request-status.good{color:#9fffc2;background:#2ed57324;border:1px solid #2ed57359}.request-status.warn{color:#f1d36b;background:#f1d36b24;border:1px solid #f1d36b4d}.request-status.danger{color:#ffd1d1;background:#ff505024;border:1px solid #ff505059}.request-status.neutral{color:#d9e3ff;background:#ffffff14}.primary-login.small,.secondary-login.small{padding:10px 14px;font-size:12px}.super-admin-empty-state{color:#d9e3ff;text-align:center;background:#ffffff0f;border-radius:22px;padding:26px;font-weight:800}@media (width<=1050px){.super-admin-command-shell{grid-template-columns:1fr}.super-admin-side-panel{border-bottom:1px solid #ffffff1f;border-right:none}.super-admin-stat-grid{grid-template-columns:repeat(2,1fr)}.super-admin-hero{flex-direction:column}}@media (width<=720px){.super-admin-command-page{padding:14px}.super-admin-main-panel,.super-admin-side-panel{padding:20px}.super-admin-stat-grid,.super-admin-request-card{grid-template-columns:1fr}.request-actions{width:100%}.request-actions button{flex:1}}.attendance-ops-shell{color:#eaf3ff;gap:18px;max-width:100%;display:grid;overflow:visible}.attendance-ops-hero,.attendance-ops-panel,.attendance-ops-card{background:radial-gradient(circle at 0 0,#3b82f62e,#0000 34%),linear-gradient(135deg,#0f172af0,#020617fa);border:1px solid #94a3b838;box-shadow:0 24px 70px #00000047}.attendance-ops-hero{z-index:4;border-radius:28px;justify-content:space-between;align-items:center;gap:22px;min-height:210px;padding:28px 32px;display:flex;position:relative;overflow:visible}.teacher-attendance-hero{background:radial-gradient(circle at 11% 20%,#38bdf829,#0000 30%),radial-gradient(circle at 80% 10%,#2563eb24,#0000 32%),linear-gradient(135deg,#0f1d37fa,#030818fa)}.attendance-ops-hero p,.attendance-ops-panel-head p{color:#fde68a;letter-spacing:.18em;text-transform:uppercase;margin:0 0 7px;font-size:.72rem;font-weight:950}.attendance-ops-hero h2{color:#fff;letter-spacing:-.07em;max-width:820px;margin:0;font-size:clamp(2.4rem,4.8vw,5.1rem);line-height:.92}.attendance-ops-hero span{color:#cbd5e1;max-width:760px;margin-top:16px;font-size:1rem;line-height:1.55;display:block}.attendance-ops-actions{z-index:1000;flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:12px;min-width:420px;display:flex;position:relative}.attendance-ops-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#0ea5e9);border:1px solid #93c5fd59;border-radius:24px;min-height:54px;padding:0 22px;font-weight:950;box-shadow:0 14px 30px #0ea5e92e}.attendance-ops-actions button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.attendance-ops-actions button:disabled{opacity:.55;cursor:not-allowed}.attendance-ops-meta{color:#94a3b8;justify-content:space-between;font-weight:850;display:flex}.attendance-ops-meta strong{color:#7dd3fc}.attendance-ops-alert{color:#fecaca;background:#ef444421;border:1px solid #f8717159;border-radius:18px;gap:10px;padding:14px 16px;display:flex}.attendance-ops-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.teacher-admin-metrics{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.attendance-ops-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:18px;display:grid}.attendance-ops-panel{z-index:1;border-radius:28px;min-width:0;padding:20px;position:relative;overflow:visible}.attendance-ops-panel.wide{grid-row:span 3}.attendance-ops-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.attendance-ops-panel-head h3{color:#fff;margin:0;font-size:1.35rem}.attendance-ops-panel-head span{color:#94a3b8;font-weight:800;line-height:1.45}.attendance-ops-table{gap:8px;display:grid;overflow-x:auto}.attendance-ops-table-head,.attendance-ops-table-row{grid-template-columns:1.25fr 1.35fr .85fr .75fr .62fr .62fr .62fr .72fr .88fr .7fr;align-items:center;gap:10px;min-width:980px;display:grid}.attendance-ops-table-head{color:#93c5fd;letter-spacing:.1em;text-transform:uppercase;padding:0 12px;font-size:.68rem;font-weight:950}.attendance-ops-table-row{color:#e5e7eb;background:#0f172ab3;border:1px solid #94a3b829;border-radius:18px;padding:13px 12px;font-weight:750}.attendance-ops-table-row.risk-high{background:linear-gradient(135deg,#ef44441c,#0f172ab3);border-color:#ef444466}.attendance-ops-table-row.risk-watch{background:linear-gradient(135deg,#f59e0b1a,#0f172ab3);border-color:#f59e0b66}.ops-status{border-radius:999px;width:fit-content;padding:6px 10px;font-size:.7rem;font-weight:950}.ops-status.submitted{color:#86efac;background:#22c55e2e}.ops-status.live,.ops-status.marking{color:#93c5fd;background:#3b82f62e}.ops-status.pending,.ops-status.missing,.ops-status.no-live-signal{color:#fde68a;background:#f59e0b2e}.attendance-risk-list{gap:10px;display:grid}.attendance-risk-list article,.presence-correlation-card,.powerschool-sync-card{background:#0f172ab8;border:1px solid #93c5fd2e;border-radius:18px;padding:14px}.attendance-risk-list article{border-color:#f871712e}.attendance-risk-list strong,.presence-correlation-card strong,.powerschool-sync-card strong{color:#fff;font-size:1.45rem;display:block}.attendance-risk-list span,.presence-correlation-card span,.powerschool-sync-card span{color:#cbd5e1;margin-top:4px;display:block}.attendance-risk-list small,.presence-correlation-card p,.powerschool-sync-card p{color:#94a3b8;margin-top:7px;line-height:1.5;display:block}.attendance-ops-empty{color:#94a3b8;text-align:center;background:#0f172a80;border:1px dashed #94a3b83d;border-radius:18px;padding:16px}.course-attendance-console-panel{z-index:20;border-radius:24px;padding:16px}.compact-search-head{align-items:center;margin-bottom:12px}.compact-search-head h3{font-size:1.15rem}.compact-search-head span{max-width:620px;font-size:.84rem}.compact-total-strip{flex-wrap:wrap;gap:8px;display:flex}.compact-total-strip article{border-radius:16px;min-width:92px;padding:10px 12px}.compact-total-strip label,.school-count-card span{color:#9fb7d5;letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:950;display:block}.compact-total-strip strong,.school-count-card strong{color:#eef6ff;margin-top:4px;font-size:1.45rem;line-height:1;display:block}.compact-course-list{gap:8px;margin-top:.7rem;display:grid;overflow:visible}.compact-course-row{z-index:1;background:#081227b8;border:1px solid #7db4ff2e;border-radius:20px;grid-template-columns:minmax(190px,.9fr) minmax(310px,1.15fr) minmax(330px,1fr);align-items:center;gap:.75rem;padding:.72rem;display:grid;position:relative;overflow:visible}.compact-course-row.is-active{z-index:99990}.compact-course-row:has(.attendance-calendar-picker.is-open){z-index:99990}.school-attendance-identity,.school-attendance-range-controls,.school-attendance-count-grid{align-items:center;gap:.65rem;min-width:0;display:flex}.school-attendance-avatar{color:#fff;background:linear-gradient(135deg,#39b8ff,#4a4cff);border-radius:15px;flex:none;place-items:center;width:42px;height:42px;font-weight:1000;display:grid;box-shadow:0 14px 24px #2563eb3d}.school-attendance-identity strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:.95rem;display:block;overflow:hidden}.school-attendance-identity span{color:#9fb7d5;margin-top:3px;font-size:.75rem;display:block}.compact-range-controls{z-index:1000;position:relative;overflow:visible}.compact-count-grid{grid-template-columns:repeat(4,minmax(62px,1fr));gap:6px;display:grid}.school-count-card{text-align:left;cursor:pointer;background:#050d1fc2;border:1px solid #7db4ff2e;border-radius:14px;min-width:0;padding:.62rem .7rem}.school-count-card.present strong{color:#86efac}.school-count-card.late strong{color:#fde68a}.school-count-card.absent strong{color:#fca5a5}.school-count-card.excused strong{color:#c4b5fd}.school-attendance-search-btn,.powerschool-export-btn,.powerschool-row-export-btn{cursor:pointer;border:0;font-weight:950}.school-attendance-search-btn{color:#fff;background:linear-gradient(135deg,#39b8ff,#2766ff);border-radius:14px;min-height:40px;padding:0 .95rem}.powerschool-export-btn{color:#04111f;background:linear-gradient(135deg,#f5cd41,#ffe27a);border-radius:16px;width:100%;margin-top:18px;padding:14px 18px;font-size:.95rem;box-shadow:0 16px 34px #f5cd4138}.powerschool-row-export-btn{color:#fde68a;background:#f5cd411f;border:1px solid #f5cd4159;border-radius:999px;padding:7px 11px;font-size:.72rem}.powerschool-row-export-btn:disabled,.powerschool-export-btn:disabled{opacity:.45;cursor:not-allowed}.powerschool-export-message{color:#ffffffb8;margin-top:12px;line-height:1.5;display:block}.student-attendance-panel{overflow:visible}.student-attendance-search{gap:12px;margin-top:14px;display:flex}.student-attendance-search input{color:#fff;background:#0f172ab8;border:1px solid #93c5fd3d;border-radius:999px;outline:none;flex:1;min-width:240px;padding:13px 16px;font-weight:800}.student-attendance-search button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#0ea5e9);border:1px solid #93c5fd5c;border-radius:999px;padding:13px 20px;font-weight:950}.student-attendance-error{color:#fecaca;background:#ef444421;border:1px solid #f8717159;border-radius:16px;margin-top:12px;padding:12px 14px;font-weight:800}.student-attendance-profile{background:#0f172ab8;border:1px solid #93c5fd2e;border-radius:20px;margin-top:16px;padding:14px 16px}.student-attendance-profile strong{color:#fff;font-size:1.2rem;display:block}.student-attendance-profile span{color:#93c5fd;margin-top:4px;font-weight:800;display:block}.student-search-results{margin-top:16px}.attendance-calendar-picker{z-index:1000;min-width:150px;position:relative}.attendance-calendar-picker.is-open{z-index:100000}.attendance-calendar-picker label{color:#9fd3ff;letter-spacing:.16em;text-transform:uppercase;gap:.45rem;font-size:.66rem;font-weight:950;display:grid}.attendance-calendar-trigger{color:#f7fbff;cursor:pointer;background:#030a19b8;border:1px solid #7db4ff33;border-radius:18px;justify-content:space-between;align-items:center;gap:.7rem;width:100%;min-height:44px;padding:0 .9rem;display:flex;box-shadow:inset 0 1px #ffffff0f,0 12px 30px #00000038}.attendance-ops-hero .attendance-calendar-trigger{border-radius:26px;min-width:170px;min-height:54px}.attendance-calendar-popover{z-index:100001;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#071225;border:1px solid #5baaff61;border-radius:22px;width:300px;padding:.9rem;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 30px 90px #000000b8,inset 0 0 0 1px #ffffff0d}.attendance-calendar-toolbar,.attendance-calendar-footer{align-items:center;gap:.5rem;display:flex}.attendance-calendar-toolbar button,.attendance-calendar-footer button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#39b8ff,#2766ff);border:0;border-radius:12px;padding:.62rem .78rem;font-weight:950}.attendance-calendar-toolbar select{color:#f7fbff;background:#020814f2;border:1px solid #7db4ff33;border-radius:12px;flex:1;min-width:0;padding:.62rem}.attendance-calendar-weekdays,.attendance-calendar-grid{grid-template-columns:repeat(7,1fr);gap:.3rem;margin-top:.72rem;display:grid}.attendance-calendar-weekdays span{color:#9fb7d5;text-align:center;font-size:.66rem;font-weight:850}.attendance-calendar-grid button,.attendance-calendar-grid span{color:#f7fbff;background:#ffffff0a;border:1px solid #0000;border-radius:11px;min-height:34px;font-weight:850}.attendance-calendar-grid button{cursor:pointer}.attendance-calendar-grid button.today{border-color:#39b8ffa6}.attendance-calendar-grid button.selected{background:linear-gradient(135deg,#39b8ff,#2766ff);box-shadow:0 0 24px #39b8ff57}.attendance-calendar-footer{justify-content:space-between;margin-top:.8rem}@media (width<=1200px){.attendance-ops-grid,.compact-course-row{grid-template-columns:1fr}.attendance-ops-hero{flex-direction:column;align-items:stretch}.attendance-ops-actions{justify-content:flex-start;min-width:0}.compact-count-grid{grid-template-columns:repeat(4,minmax(80px,1fr))}}@media (width<=760px){.attendance-ops-hero,.attendance-ops-meta,.attendance-ops-panel-head,.student-attendance-search{flex-direction:column}.attendance-ops-hero h2{font-size:clamp(2.2rem,12vw,4rem)}.attendance-ops-card-grid,.compact-count-grid{grid-template-columns:1fr}.student-attendance-search input,.student-attendance-search button{width:100%}.attendance-calendar-popover{width:min(300px,86vw);left:0;right:auto}}.attendance-detail-overlay{z-index:999999;pointer-events:auto;position:fixed;inset:0}.attendance-detail-backdrop{-webkit-backdrop-filter:blur(8px);background:radial-gradient(circle at 18% 20%,#3b82f624,#0000 34%),#0206177a;animation:.24s both attendanceBackdropFade;position:fixed;inset:0}.attendance-detail-drawer{z-index:1000000;color:#eaf3ff;background:radial-gradient(circle at 100% 0,#38bdf833,#0000 34%),radial-gradient(circle at 10% 16%,#f5cd411f,#0000 28%),linear-gradient(145deg,#09142afa,#020617fc);border-left:1px solid #93c5fd38;width:min(760px,94vw);height:100vh;padding:28px;animation:.34s cubic-bezier(.22,1,.36,1) both attendanceDrawerSlideIn;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-32px 0 90px #0000009e,inset 1px 0 #ffffff0f}.attendance-detail-drawer:before{content:"";background:linear-gradient(90deg,#fde68a,#38bdf8,#6366f1);width:min(760px,94vw);height:5px;position:fixed;top:0;right:0;box-shadow:0 0 28px #38bdf88c}.attendance-detail-head{z-index:5;-webkit-backdrop-filter:blur(14px);background:linear-gradient(#030818fa,#030818d1 74%,#0000);justify-content:space-between;align-items:flex-start;gap:18px;margin:-28px -28px 18px;padding:28px;display:flex;position:sticky;top:0}.attendance-detail-head p{color:#67e8f9;letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-size:.74rem;font-weight:950}.attendance-detail-head h3{color:#fff;letter-spacing:-.04em;margin:0;font-size:clamp(1.45rem,2.8vw,2.35rem);line-height:1.04}.attendance-detail-head span{color:#a8c4e6;margin-top:10px;font-weight:850;display:block}.attendance-detail-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.attendance-detail-actions button,.attendance-detail-close{color:#f8fbff;cursor:pointer;background:linear-gradient(135deg,#1e293beb,#0f172ad1);border:1px solid #93c5fd42;border-radius:999px;min-height:42px;padding:0 15px;font-weight:950;box-shadow:inset 0 1px #ffffff0f}.attendance-detail-actions button:hover,.attendance-detail-close:hover{border-color:#7dd3fc9e;transform:translateY(-1px);box-shadow:0 14px 34px #0ea5e929}.attendance-detail-close{place-items:center;width:46px;height:46px;padding:0;font-size:1.35rem;display:grid}.attendance-detail-error,.attendance-detail-empty{border-radius:20px;margin-top:18px;padding:18px;font-weight:850;line-height:1.5}.attendance-detail-error{color:#fecaca;background:#ef444421;border:1px solid #f8717157}.attendance-detail-empty{color:#bfdbfe;background:#0f172aad;border:1px dashed #93c5fd47}.attendance-detail-table{gap:10px;padding-bottom:34px;display:grid}.attendance-detail-table-head{z-index:4;color:#93c5fd;-webkit-backdrop-filter:blur(10px);letter-spacing:.14em;text-transform:uppercase;background:#030818db;border:1px solid #93c5fd24;border-radius:18px;grid-template-columns:minmax(210px,1.25fr) minmax(140px,.9fr) minmax(150px,.9fr) minmax(96px,.55fr);align-items:center;gap:12px;padding:12px 16px;font-size:.72rem;font-weight:950;display:grid;position:sticky;top:116px}.attendance-detail-row{background:radial-gradient(circle at 0 0,#3b82f61c,#0000 34%),#0f172ac7;border:1px solid #93c5fd29;border-radius:22px;grid-template-columns:minmax(210px,1.25fr) minmax(140px,.9fr) minmax(150px,.9fr) minmax(96px,.55fr);align-items:center;gap:12px;min-width:0;padding:16px;display:grid;box-shadow:0 16px 40px #0000002e}.attendance-detail-row:hover{background:radial-gradient(circle at 0 0,#3b82f629,#0000 34%),#0f172ae6;border-color:#7dd3fc66;transform:translate(-3px)}.attendance-detail-row strong{color:#f8fbff;font-size:1rem;line-height:1.25;display:block}.attendance-detail-row span{color:#d7e5f7;word-break:break-word;font-weight:750;line-height:1.35}.attendance-detail-row div>span{color:#a8c4e6;margin-top:5px;font-weight:700;display:block}.attendance-detail-row small{color:#bae6fd;background:#0ea5e91f;border:1px solid #0ea5e938;border-radius:999px;width:fit-content;margin-top:8px;padding:4px 8px;font-size:.72rem;font-weight:900;display:inline-flex}@keyframes attendanceDrawerSlideIn{0%{opacity:.72;transform:translate(104%)}to{opacity:1;transform:translate(0)}}@keyframes attendanceBackdropFade{0%{opacity:0}to{opacity:1}}@media print{body *{visibility:hidden!important}.attendance-detail-overlay,.attendance-detail-overlay *{visibility:visible!important}.attendance-detail-backdrop,.attendance-detail-actions{display:none!important}.attendance-detail-overlay,.attendance-detail-drawer{color:#000!important;width:100%!important;height:auto!important;max-height:none!important;box-shadow:none!important;background:#fff!important;border:0!important;position:static!important;inset:auto!important;overflow:visible!important}.attendance-detail-head,.attendance-detail-table-head,.attendance-detail-row{color:#000!important;box-shadow:none!important;background:#fff!important;border-color:#ddd!important}}@media (width<=760px){.attendance-detail-drawer{width:100vw;max-width:100vw;padding:20px}.attendance-detail-head{flex-direction:column;margin:-20px -20px 16px;padding:20px}.attendance-detail-table-head{display:none}.attendance-detail-row{grid-template-columns:1fr}.attendance-detail-row>span:before{color:#93c5fd;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;font-size:.68rem;font-weight:950;display:block}.attendance-detail-row>span:nth-child(2):before{content:"Class"}.attendance-detail-row>span:nth-child(3):before{content:"Teacher"}.attendance-detail-row>span:nth-child(4):before{content:"Date"}}.student-attendance-records-panel{background:#02061761;border:1px solid #93c5fd2e;border-radius:22px;margin-top:18px;padding:16px}.student-attendance-records-head p{color:#fde68a;letter-spacing:.16em;margin:0 0 4px;font-size:.7rem;font-weight:950}.student-attendance-records-head h4{color:#fff;margin:0 0 14px;font-size:1.05rem}.student-attendance-records-table{margin-top:10px}.student-attendance-records-table .attendance-detail-row strong{color:#fff}.student-attendance-records-table .attendance-detail-row.status-absent{border-color:#f871714d}.student-attendance-records-table .attendance-detail-row.status-excused{border-color:#c4b5fd4d}.student-attendance-records-table .attendance-detail-row.status-late{border-color:#fde68a4d}.student-attendance-records-table .attendance-detail-row.status-present{border-color:#86efac4d}.student-attendance-records-table .attendance-detail-row small{color:#7dd3fc;margin-top:4px;font-size:.78rem;font-weight:800;display:block}.student-attendance-records-table .attendance-detail-row.status-absent strong{color:#fca5a5}.student-attendance-records-table .attendance-detail-row.status-excused strong{color:#d8b4fe}.student-attendance-records-table .attendance-detail-row.status-late strong{color:#fcd34d}.student-attendance-records-table .attendance-detail-row.status-present strong{color:#86efac}.elite-parent-comms-profile{justify-content:space-between;align-items:center;gap:16px;display:flex}.parent-comms-inline-btn,.parent-comms-mini-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9eb,#2563ebeb);border:1px solid #7dd3fc61;border-radius:999px;font-weight:950;box-shadow:0 14px 34px #0ea5e92e}.parent-comms-inline-btn{min-height:44px;padding:12px 18px}.parent-comms-mini-btn{margin-top:8px;padding:8px 11px;font-size:.72rem}.student-record-date-actions{justify-items:start;gap:4px;display:grid}.school-count-card.parent-alerts{background:radial-gradient(circle at 100% 0,#38bdf82e,#0000 45%),#050d1fc2;border-color:#38bdf859}.school-count-card.parent-alerts strong{color:#67e8f9}.parent-comms-overlay{z-index:1000001;pointer-events:auto;position:fixed;inset:0}.parent-comms-backdrop{-webkit-backdrop-filter:blur(9px);background:radial-gradient(circle at 20% 20%,#38bdf829,#0000 34%),#0206178f;position:fixed;inset:0}.parent-comms-drawer{z-index:1000002;color:#eaf3ff;background:radial-gradient(circle at 100% 0,#14b8a633,#0000 32%),radial-gradient(circle at 10% 18%,#f5cd411f,#0000 26%),linear-gradient(145deg,#071226fc,#020617fc);border-left:1px solid #7dd3fc3d;width:min(820px,95vw);height:100vh;padding:28px;animation:.34s cubic-bezier(.22,1,.36,1) both attendanceDrawerSlideIn;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-34px 0 96px #000000a3,inset 1px 0 #ffffff12}.parent-comms-drawer:before{content:"";background:linear-gradient(90deg,#fde68a,#22d3ee,#14b8a6);width:min(820px,95vw);height:5px;position:fixed;top:0;right:0;box-shadow:0 0 30px #22d3ee8c}.parent-comms-head{-webkit-backdrop-filter:blur(14px);z-index:6;background:linear-gradient(#030818fa,#030818d1 74%,#0000);justify-content:space-between;align-items:flex-start;gap:20px;margin:-28px -28px 22px;padding:28px;display:flex;position:sticky;top:0}.parent-comms-head p,.parent-comms-recipient-panel p,.parent-comms-message-head p{color:#fde68a;letter-spacing:.17em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:950}.parent-comms-head h3{color:#fff;letter-spacing:-.05em;margin:0;font-size:clamp(1.55rem,3vw,2.55rem);line-height:1}.parent-comms-head span{color:#93c5fd;margin-top:10px;font-weight:850;display:block}.parent-comms-close{color:#fff;cursor:pointer;background:#0f172ad1;border:1px solid #93c5fd47;border-radius:999px;place-items:center;width:48px;height:48px;font-size:1.35rem;font-weight:950;display:grid}.parent-comms-intel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.parent-comms-intel-grid article,.parent-comms-recipient-panel,.parent-comms-message-panel,.parent-comms-future-note{background:#0f172a94;border:1px solid #93c5fd2e;border-radius:22px;box-shadow:inset 0 1px #ffffff0a}.parent-comms-intel-grid article{padding:14px}.parent-comms-intel-grid label{color:#9fb7d5;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:.66rem;font-weight:950;display:block}.parent-comms-intel-grid strong{color:#fff;word-break:break-word;font-size:.95rem;display:block}.parent-comms-template-row{margin-bottom:16px}.parent-comms-template-row label{color:#9fd3ff;letter-spacing:.14em;text-transform:uppercase;gap:8px;font-size:.72rem;font-weight:950;display:grid}.parent-comms-template-row select{color:#fff;background:#020814f2;border:1px solid #93c5fd3d;border-radius:18px;min-height:48px;padding:0 14px;font-weight:850}.parent-comms-recipient-panel{margin-bottom:16px;padding:16px}.parent-comms-recipient-options{flex-wrap:wrap;gap:10px;display:flex}.parent-comms-recipient-options button{color:#bfdbfe;background:#0ea5e91f;border:1px solid #7dd3fc3d;border-radius:999px;padding:10px 13px;font-weight:900}.parent-comms-single-target strong{color:#fff;font-size:1.12rem;display:block}.parent-comms-single-target span,.parent-comms-single-target small{color:#93c5fd;margin-top:5px;line-height:1.45;display:block}.parent-comms-single-target small{color:#94a3b8}.parent-comms-message-panel{padding:16px}.parent-comms-message-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.parent-comms-message-head span{color:#94a3b8;font-weight:800}.parent-comms-message-panel textarea{resize:vertical;color:#eef6ff;background:#020814db;border:1px solid #93c5fd33;border-radius:18px;outline:none;width:100%;min-height:260px;padding:16px;font-weight:750;line-height:1.55}.parent-comms-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.parent-comms-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563ebe0,#0ea5e9e0);border:1px solid #93c5fd47;border-radius:999px;min-height:44px;padding:0 16px;font-weight:950}.parent-comms-actions button:disabled{opacity:.48;cursor:not-allowed}.parent-comms-future-note{color:#cbd5e1;margin-top:16px;padding:15px;line-height:1.5}.parent-comms-future-note strong{color:#fde68a;margin-bottom:4px;display:block}@media (width<=760px){.elite-parent-comms-profile,.parent-comms-head,.parent-comms-message-head{flex-direction:column;align-items:stretch}.parent-comms-intel-grid{grid-template-columns:1fr}.parent-comms-inline-btn{width:100%}}.attendance-live-strip{background:linear-gradient(135deg,#0f172af0,#020617fa);border:1px solid #94a3b82e;border-radius:22px;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex;box-shadow:inset 0 1px #ffffff0d,0 16px 40px #0000003d}.attendance-live-strip-primary{color:#fff;letter-spacing:.12em;align-items:center;gap:12px;font-size:.82rem;font-weight:900;display:flex}.attendance-live-dot{background:#22c55e;border-radius:999px;width:10px;height:10px;animation:1.5s ease-in-out infinite livePulse;box-shadow:0 0 16px #22c55ef2}.attendance-live-strip-items{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.attendance-live-strip-items article{gap:3px;display:grid}.attendance-live-strip-items label{color:#94a3b8;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:800}.attendance-live-strip-items strong{color:#fff;font-size:1rem}.attendance-live-strip-items .stable{color:#86efac}.attendance-live-strip-items .watch{color:#fcd34d}.attendance-live-strip-items .danger{color:#fca5a5}.attendance-metric-card{isolation:isolate;background:radial-gradient(circle at 20% 0,#3b82f633,#0000 38%),linear-gradient(145deg,#0f172aeb,#020617fa);border:1px solid #94a3b838;border-radius:26px;min-height:142px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 24px 60px #00000047}.attendance-metric-card:before{content:"";filter:blur(30px);opacity:.85;z-index:-1;background:#38bdf82e;border-radius:999px;width:170px;height:170px;position:absolute;inset:-70px -80px auto auto}.attendance-metric-card:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0%,#ffffff14 45%,#0000 60%);transition:transform .7s;position:absolute;inset:0;transform:translate(-130%)}.attendance-metric-card:hover{border-color:#93c5fd6b;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff14,0 30px 76px #0000005c,0 0 34px #3b82f62e}.attendance-metric-card:hover:after{transform:translate(130%)}.attendance-metric-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.attendance-metric-status{color:#93c5fd;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:7px;width:fit-content;font-size:.68rem;font-weight:950;display:inline-flex}.attendance-metric-status i{background:#22c55e;border-radius:999px;width:8px;height:8px;animation:1.5s ease-in-out infinite attendanceLivePulse;box-shadow:0 0 14px #22c55ee6}.attendance-metric-trend{color:#86efac;font-size:.75rem;font-weight:950}.attendance-metric-value{color:#fff;letter-spacing:-.06em;text-shadow:0 0 24px #93c5fd2e;margin-top:12px;font-size:clamp(2.2rem,4vw,3.4rem);line-height:.9;display:block}.attendance-metric-title{color:#cbd5e1;margin-top:9px;font-size:.95rem;font-weight:900;display:block}.attendance-metric-card small{color:#94a3b8;margin-top:5px;line-height:1.35;display:block}.attendance-metric-sparkline{opacity:.75;align-items:flex-end;gap:4px;width:78px;height:38px;display:flex;position:absolute;bottom:14px;right:16px}.attendance-metric-sparkline b{background:#93c5fd8c;border-radius:999px 999px 3px 3px;flex:1;min-height:6px;display:block;box-shadow:0 0 12px #93c5fd33}.attendance-metric-card.severity-green{border-color:#22c55e3d}.attendance-metric-card.severity-green:before{background:#22c55e29}.attendance-metric-card.severity-green .attendance-metric-status,.attendance-metric-card.severity-green .attendance-metric-trend{color:#86efac}.attendance-metric-card.severity-green .attendance-metric-sparkline b{background:#86efac94}.attendance-metric-card.severity-amber{border-color:#f59e0b4d}.attendance-metric-card.severity-amber:before{background:#f59e0b2b}.attendance-metric-card.severity-amber .attendance-metric-status,.attendance-metric-card.severity-amber .attendance-metric-trend{color:#fcd34d}.attendance-metric-card.severity-amber .attendance-metric-sparkline b{background:#fcd34d94}.attendance-metric-card.severity-red{border-color:#ef444457}.attendance-metric-card.severity-red:before{background:#ef444429}.attendance-metric-card.severity-red .attendance-metric-status,.attendance-metric-card.severity-red .attendance-metric-trend{color:#fca5a5}.attendance-metric-card.severity-red .attendance-metric-sparkline b{background:#fca5a594}.attendance-metric-card.is-live{animation:3.2s ease-in-out infinite attendanceCardBreath}@keyframes attendanceLivePulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes attendanceCardBreath{0%,to{box-shadow:inset 0 1px #ffffff0f,0 24px 60px #00000047}50%{box-shadow:inset 0 1px #ffffff14,0 24px 66px #0000004d,0 0 28px #3b82f629}}.attendance-event-ticker{background:linear-gradient(135deg,#0f172af5,#020617fa);border:1px solid #94a3b829;border-radius:20px;padding:14px 0;position:relative;overflow:hidden}.attendance-event-ticker:before,.attendance-event-ticker:after{content:"";z-index:2;pointer-events:none;width:80px;height:100%;position:absolute;top:0}.attendance-event-ticker:before{background:linear-gradient(90deg,#020617,#0000);left:0}.attendance-event-ticker:after{background:linear-gradient(270deg,#020617,#0000);right:0}.attendance-event-ticker-track{white-space:nowrap;align-items:center;gap:42px;width:fit-content;animation:36s linear infinite tickerScroll;display:flex}.attendance-event-ticker-track span{color:#cbd5e1;letter-spacing:.02em;font-weight:700}.attendance-event-ticker-track span:first-letter{color:#86efac}@keyframes tickerScroll{0%{transform:translate(0%)}to{transform:translate(-50%)}}.attendance-teacher-presence{background:radial-gradient(circle at 100% 0,#3b82f624,#0000 35%),linear-gradient(145deg,#0f172af0,#020617fa);border:1px solid #94a3b82e;border-radius:28px;gap:16px;padding:22px;display:grid}.attendance-teacher-presence-head p{color:#fde68a;letter-spacing:.14em;margin:0 0 6px;font-size:.72rem;font-weight:900}.attendance-teacher-presence-head h3{color:#fff;margin:0;font-size:1.45rem}.attendance-teacher-presence-list{gap:12px;display:grid}.attendance-teacher-presence-list article{background:#0f172ab8;border:1px solid #94a3b824;border-radius:18px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.teacher-presence-info{min-width:0}.teacher-presence-info strong,.teacher-presence-info span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.teacher-presence-info strong{color:#fff;font-size:.95rem}.teacher-presence-info span{color:#94a3b8;margin-top:3px;font-size:.85rem}.presence-dot{border-radius:999px;width:10px;height:10px}.presence-dot.live{background:#22c55e;box-shadow:0 0 16px #22c55ee6}.presence-dot.marking{background:#38bdf8;box-shadow:0 0 16px #38bdf8cc}.presence-dot.idle{background:#facc15}.presence-dot.missing{background:#ef4444;box-shadow:0 0 16px #ef4444b3}.attendance-teacher-presence-list label{letter-spacing:.1em;border-radius:999px;padding:7px 9px;font-size:.66rem;font-weight:900}.attendance-teacher-presence-list label.live{color:#86efac;background:#22c55e1f}.attendance-teacher-presence-list label.marking{color:#7dd3fc;background:#38bdf81f}.attendance-teacher-presence-list label.idle{color:#fde68a;background:#facc151f}.attendance-teacher-presence-list label.missing{color:#fca5a5;background:#ef44441f}:root{--edufun-bg:#061223;--edufun-card:#0f172ab8;--edufun-card-strong:#0f172aeb;--edufun-border:#94a3b838;--edufun-text:#f8fafc;--edufun-muted:#b6c6dd;--edufun-blue:#38bdf8;--edufun-cyan:#22d3ee;--edufun-green:#34d399;--edufun-amber:#fbbf24;--edufun-rose:#fb7185;--edufun-purple:#a78bfa}*{box-sizing:border-box}body{background:var(--edufun-bg);margin:0}button,select{font:inherit}.edufun-command{min-height:100vh;color:var(--edufun-text);background:radial-gradient(circle at 0 0,#38bdf838,#0000 28rem),radial-gradient(circle at 78% 12%,#a78bfa2e,#0000 30rem),linear-gradient(135deg,#020617 0%,#07172a 48%,#0b1730 100%);padding:34px clamp(18px,3vw,44px) 120px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden}.edufun-bg-orb{pointer-events:none;filter:blur(18px);opacity:.7;z-index:0;position:fixed}.orb-one{background:radial-gradient(circle,#22d3ee42,#0000 67%);border-radius:999px;width:460px;height:460px;top:80px;left:-160px}.orb-two{background:radial-gradient(circle,#3b82f63d,#0000 68%);border-radius:999px;width:520px;height:520px;bottom:20%;right:-180px}.edufun-command>:not(.edufun-bg-orb):not(.tools-overlay){z-index:1;position:relative}.edufun-glass{border:1px solid var(--edufun-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#0f172adb,#0f172a94),linear-gradient(#ffffff14,#ffffff05);box-shadow:0 32px 90px #00000061,inset 0 1px #ffffff14}.edufun-hero{border-radius:36px;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:28px;padding:clamp(26px,4vw,48px);display:grid;overflow:hidden}.edufun-hero:before{content:"";pointer-events:none;background:linear-gradient(90deg,#38bdf82e,#0000 42%),radial-gradient(circle at 70% 20%,#facc1529,#0000 20rem);position:absolute;inset:0}.edufun-hero-copy,.edufun-hero-panel{position:relative}.edufun-eyebrow,.edufun-section-heading p,.focus-copy p,.class-command-window header p,.tools-groups p{color:#fde68a;letter-spacing:.33em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}.edufun-hero h1{letter-spacing:-.07em;max-width:930px;margin:18px 0 16px;font-size:clamp(2.6rem,6vw,5.8rem);line-height:.94}.edufun-hero-copy>span{color:#dbeafe;max-width:760px;font-size:clamp(1.02rem,1.6vw,1.32rem);line-height:1.65;display:block}.edufun-hero-meta{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.edufun-hero-meta span{color:#bfdbfe;background:#0f172a8f;border:1px solid #bfdbfe33;border-radius:999px;padding:10px 14px;font-weight:800}.edufun-hero-panel{background:#02061761;border:1px solid #bfdbfe2e;border-radius:30px;flex-direction:column;justify-content:center;gap:12px;min-height:260px;padding:24px;display:flex}.teacher-avatar{color:#020617;background:linear-gradient(135deg,#fde68a,#22d3ee);border-radius:24px;place-items:center;width:76px;height:76px;font-size:1.7rem;font-weight:1000;display:grid;box-shadow:0 20px 50px #22d3ee2e}.edufun-hero-panel strong{font-size:1.25rem}.edufun-hero-panel span{color:var(--edufun-muted)}.edufun-hero-actions,.edufun-focus-actions,.edufun-card-actions,.edufun-import-card div,.quick-launch-grid{flex-wrap:wrap;gap:10px;display:flex}button{color:#f8fafc;cursor:pointer;background:#0f172ab8;border:1px solid #bfdbfe38;border-radius:999px;padding:11px 15px;font-weight:900;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}button:hover:not(:disabled){border-color:#7dd3fca6;transform:translateY(-2px);box-shadow:0 16px 34px #082f4952}button:disabled{cursor:not-allowed;opacity:.55}button.primary,.primary{color:#04111f;background:linear-gradient(135deg,#fef3c7,#22d3ee 45%,#60a5fa);border-color:#0000}button.danger,.danger{color:#fecdd3;background:#7f1d1d61;border-color:#fb718566}button.ghost{background:#ffffff0f}.edufun-alert{background:#082f4985;border:1px solid #7dd3fc38;border-radius:20px;align-items:center;gap:12px;margin:20px 0;padding:16px 18px;display:flex}.edufun-alert span{color:#dbeafe}.edufun-alert.danger{background:#7f1d1d52;border-color:#fb718552}.edufun-alert.success{background:#064e3b47;border-color:#34d39952}.edufun-analytics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.metric-card{border:1px solid var(--edufun-border);background:#0f172ab8;border-radius:28px;padding:20px;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000047}.metric-card:after{content:"";background:#38bdf82e;border-radius:999px;width:100px;height:100px;position:absolute;top:-30px;right:-30px}.metric-card span{color:var(--edufun-muted);font-size:.82rem;font-weight:800}.metric-card strong{letter-spacing:-.06em;margin:8px 0 4px;font-size:clamp(2rem,4vw,3.2rem);display:block}.metric-card p{color:#93c5fd;margin:0;font-size:.9rem;font-weight:750}.live-metric:after{background:#34d39938}.warning-metric:after{background:#fbbf2438}.parent-metric:after{background:#a78bfa38}.edufun-focus-panel{border-radius:34px;grid-template-columns:minmax(0,1.2fr) minmax(250px,.6fr) auto;align-items:center;gap:22px;margin:24px 0;padding:26px;display:grid;overflow:hidden}.edufun-focus-panel:before,.edufun-class-card:before,.class-command-window:before{content:"";pointer-events:none;background:radial-gradient(circle at top right, var(--theme-glow,#38bdf838), transparent 42%);position:absolute;inset:0}.focus-copy,.focus-insight,.edufun-focus-actions,.class-card-title,.edufun-card-topline,.edufun-mini-stats,.edufun-card-actions,.class-command-window>*{position:relative}.class-switch-row{align-items:center;gap:12px;margin:12px 0 10px;display:flex}.subject-emblem{background:#ffffff17;border:1px solid #ffffff29;border-radius:20px;flex:none;place-items:center;width:56px;height:56px;font-size:1.7rem;display:grid}.subject-emblem.small{border-radius:16px;width:46px;height:46px;font-size:1.35rem}select{color:#f8fafc;background:#020617b8;border:1px solid #bfdbfe42;border-radius:18px;width:min(100%,420px);padding:12px 14px;font-weight:900}.focus-copy h2{letter-spacing:-.055em;margin:0;font-size:clamp(1.9rem,4vw,3.8rem);line-height:1}.focus-copy>span,.focus-insight span{color:#dbeafe}.focus-insight{align-items:center;gap:15px;min-width:270px;display:flex}.progress-ring{--value:0%;background:radial-gradient(circle at center, #0f172a 56%, transparent 57%), conic-gradient(#22d3ee var(--value), #94a3b82e 0);border-radius:50%;place-items:center;width:88px;height:88px;display:grid}.progress-ring strong{font-size:1.35rem}.progress-ring span{margin-top:-22px;font-size:.62rem;font-weight:900}.edufun-dashboard-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;display:grid}.edufun-panel{border-radius:32px;margin-bottom:22px;padding:24px}.edufun-section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.edufun-section-heading h2{letter-spacing:-.04em;margin:5px 0 0;font-size:clamp(1.4rem,2.6vw,2.35rem)}.edufun-section-heading>span{color:#bfdbfe;background:#0f172ab3;border:1px solid #bfdbfe29;border-radius:999px;padding:10px 13px;font-weight:900}.edufun-class-grid,.edufun-import-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;display:grid}.edufun-class-card,.edufun-import-card{background:#0f172abd;border:1px solid #bfdbfe2e;border-radius:28px;min-height:260px;padding:20px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000003d}.edufun-class-card:hover,.edufun-import-card:hover{transition:transform .2s;transform:translateY(-3px)}.edufun-card-topline{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.badge,.edufun-import-card>span{color:#dbeafe;text-transform:uppercase;letter-spacing:.08em;background:#0f172a99;border:1px solid #ffffff26;border-radius:999px;align-items:center;width:fit-content;padding:8px 10px;font-size:.72rem;font-weight:950;display:inline-flex}.badge.live{color:#bbf7d0;background:#064e3b8c;border-color:#34d39957}.badge.soft{color:#fde68a}.class-card-title{align-items:flex-start;gap:13px;display:flex}.class-card-title small,.edufun-import-card small{color:#93c5fd;font-weight:850}.class-card-title h3,.edufun-import-card h3{letter-spacing:-.035em;margin:4px 0;font-size:1.55rem;line-height:1.08}.class-card-title p,.edufun-import-card p{color:var(--edufun-muted);margin:0}.edufun-mini-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0;display:grid}.edufun-mini-stats div{background:#0206175c;border:1px solid #ffffff14;border-radius:16px;padding:10px}.edufun-mini-stats strong{font-size:1.15rem;display:block}.edufun-mini-stats span{color:var(--edufun-muted);font-size:.73rem;font-weight:800}.attendance-bar{background:#94a3b829;border-radius:999px;height:8px;margin-bottom:16px;overflow:hidden}.attendance-bar span{border-radius:inherit;background:linear-gradient(90deg,#34d399,#22d3ee);height:100%;display:block}.compact-actions{justify-content:flex-start}.compact-actions button{padding:9px 12px;font-size:.84rem}.edufun-empty{color:#c7d2fe;background:#0f172a75;border:1px dashed #bfdbfe3d;border-radius:24px;padding:28px;font-weight:800}.edufun-side-stack{gap:22px;display:grid}.attention-list{gap:12px;display:grid}.attention-list div{background:#0206175c;border:1px solid #bfdbfe26;border-radius:20px;padding:16px}.attention-list strong,.attention-list span{display:block}.attention-list span{color:var(--edufun-muted);margin-top:5px}.quick-launch-grid{grid-template-columns:1fr 1fr;display:grid}.edufun-import-card{min-height:220px}.edufun-import-card div{margin-top:18px}.floating-tools-button{z-index:30;color:#04111f;background:linear-gradient(135deg,#fde68a,#22d3ee 45%,#60a5fa);border:none;border-radius:999px;align-items:center;gap:10px;padding:16px 20px;display:inline-flex;position:fixed;bottom:26px;right:28px;box-shadow:0 24px 60px #22d3ee42}.floating-tools-button span{background:#fff6;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.tools-overlay{z-index:100;justify-content:flex-end;padding:20px;display:flex;position:fixed;inset:0}.tools-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);width:auto;height:auto;box-shadow:none;background:#020617a3;border:0;border-radius:0;position:absolute;inset:0}.tools-backdrop:hover{box-shadow:none!important;transform:none!important}.class-command-window{background:radial-gradient(circle at top right, var(--theme-glow,#22d3ee42), transparent 45%), linear-gradient(145deg, #0f172af5, #020617e6);border:1px solid #bfdbfe47;border-radius:34px;width:min(520px,100vw - 30px);height:min(880px,100vh - 40px);padding:24px;animation:.22s both slideIn;position:relative;overflow:auto;box-shadow:-28px 0 100px #00000085,inset 0 1px #ffffff1a}@keyframes slideIn{0%{opacity:0;transform:translate(28px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.class-command-window header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.class-command-window h2{letter-spacing:-.045em;margin:8px 0 6px;font-size:2rem;line-height:1}.class-command-window header span{color:#dbeafe}.close-tools{border-radius:16px;width:44px;height:44px;padding:0;font-size:1.6rem}.tools-class-select{gap:8px;margin-bottom:18px;display:grid}.tools-class-select span{color:var(--edufun-muted);font-weight:850}.tools-class-select select{width:100%}.tools-groups{gap:14px;display:grid}.tools-groups section{background:#02061761;border:1px solid #bfdbfe29;border-radius:24px;gap:10px;padding:16px;display:grid}.tools-groups section button{border-radius:16px;justify-content:center}.theme-blue{--theme-glow:#3b82f657}.theme-purple{--theme-glow:#a855f759}.theme-teal{--theme-glow:#14b8a659}.theme-emerald{--theme-glow:#10b98157}.theme-amber{--theme-glow:#f59e0b57}.theme-rose{--theme-glow:#f43f5e57}.theme-cyan{--theme-glow:#06b6d457}.theme-indigo{--theme-glow:#6366f157}@media (width<=1120px){.edufun-hero,.edufun-focus-panel,.edufun-dashboard-grid{grid-template-columns:1fr}.edufun-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.edufun-command{padding:18px 14px 110px}.edufun-hero,.edufun-panel,.edufun-focus-panel{border-radius:24px;padding:18px}.edufun-analytics-grid,.edufun-class-grid,.edufun-import-grid,.edufun-mini-stats,.quick-launch-grid{grid-template-columns:1fr}.edufun-hero h1{font-size:2.5rem}.class-switch-row,.focus-insight{flex-direction:column;align-items:flex-start}.floating-tools-button{bottom:16px;right:16px}.tools-overlay{padding:10px}.class-command-window{height:calc(100vh - 20px)}}.edufun-command-ribbon{background:radial-gradient(circle at 0 0,#22d3ee24,#0000 34%),linear-gradient(135deg,#0f172ad1,#020617ad);border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin:22px 0;padding:16px;display:grid}.ribbon-status{align-items:center;gap:14px;min-width:0;display:flex}.ribbon-status .pulse{background:#94a3b8;border-radius:999px;width:14px;height:14px;box-shadow:0 0 0 6px #94a3b814}.ribbon-status .pulse.live{background:#34d399;animation:1.8s ease-in-out infinite livePulse;box-shadow:0 0 0 7px #34d3991f,0 0 24px #34d399b8}.ribbon-status small,.tools-snapshot small{color:#bfdbfea8;letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;font-weight:950;display:block}.ribbon-status strong{color:#fff;overflow-wrap:anywhere;margin-top:3px;font-size:1.06rem;display:block}.ribbon-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.floating-command-dock{pointer-events:none;justify-items:end;gap:10px;display:grid;right:max(24px, env(safe-area-inset-right))!important;bottom:max(24px, env(safe-area-inset-bottom))!important;z-index:2147483000!important;position:fixed!important;transform:none!important}.floating-command-dock *{pointer-events:auto}.floating-tools-button{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:46px minmax(0,1fr) 12px;align-items:center;gap:12px;min-width:min(360px,100vw - 32px);z-index:2147483001!important;color:#04111f!important;background:linear-gradient(135deg,#fef3c7fa,#22d3eefa 48%,#60a5fafa)!important;border:1px solid #ffffff6b!important;border-radius:24px!important;padding:13px 15px!important;display:grid!important;position:relative!important;bottom:auto!important;right:auto!important;box-shadow:0 28px 80px #22d3ee52,0 12px 28px #00000057!important}.floating-tools-button .dock-icon{background:#ffffff7a;border-radius:18px;place-items:center;width:46px;height:46px;font-size:1.22rem;display:grid;box-shadow:inset 0 1px #ffffff80}.dock-copy{text-align:left;gap:3px;min-width:0;display:grid}.dock-copy strong{color:#04111f;font-size:.98rem;line-height:1.1}.dock-copy small{color:#04111fb8;white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.dock-live{background:#0f172a61;border-radius:999px;width:11px;height:11px}.dock-live.live{background:#16a34a;box-shadow:0 0 18px #16a34acc}.dock-mini-actions{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020617ad;border:1px solid #bfdbfe2e;border-radius:999px;gap:8px;padding:8px;display:flex;box-shadow:0 20px 60px #00000052}.dock-mini-actions button{border-radius:999px;padding:9px 12px;font-size:.78rem}.tools-overlay{isolation:isolate;z-index:2147482000!important;justify-content:flex-end!important;align-items:stretch!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important}.class-command-window{flex-direction:column;display:flex;z-index:2147482002!important;width:min(560px,100vw - 40px)!important;height:auto!important;position:fixed!important;top:20px!important;bottom:20px!important;right:20px!important;overflow:hidden!important}.class-command-window header{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0f172af5,#0f172ab8);border-bottom:1px solid #bfdbfe1f;padding-bottom:16px;position:sticky;top:0}.tools-class-select,.tools-snapshot,.tools-groups{flex:none}.tools-groups{padding-right:3px;overflow:auto}.tools-snapshot{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px;display:grid}.tools-snapshot div{background:#02061757;border:1px solid #bfdbfe24;border-radius:18px;min-width:0;padding:13px}.tools-snapshot strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:1.05rem;display:block;overflow:hidden}.tools-groups section{background:radial-gradient(circle at top right, var(--theme-glow,#22d3ee2e), transparent 52%), #02061770}@media (width<=820px){.edufun-command-ribbon{grid-template-columns:1fr}.ribbon-actions{justify-content:flex-start}.floating-command-dock{justify-items:stretch;bottom:14px!important;left:14px!important;right:14px!important}.floating-tools-button{width:100%;min-width:0}.dock-mini-actions{justify-content:center}.class-command-window{width:auto!important;inset:10px!important}.tools-snapshot{grid-template-columns:1fr}}.teacher-course-command{z-index:1;border-radius:30px;margin:6px 0 4px;padding:24px;position:relative;overflow:hidden}.teacher-course-command:before{content:"";pointer-events:none;opacity:.95;background:radial-gradient(circle at 0 0,#f5cd4121,#0000 36%),radial-gradient(circle at 85% 10%,#22d3ee29,#0000 42%);position:absolute;inset:-1px}.course-command-hero,.course-ops-grid{z-index:1;position:relative}.course-command-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:stretch;gap:18px;margin-bottom:18px;display:grid}.course-command-hero p{color:#f5cd41;letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:950}.course-command-hero h2{color:#fff;letter-spacing:-.055em;margin:0;font-size:clamp(1.75rem,3.2vw,3.35rem);line-height:.98}.course-command-hero span{color:#e2efffb8;max-width:860px;margin-top:12px;line-height:1.65;display:block}.course-command-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.course-command-metrics div,.course-attendance-numbers div{background:#02061759;border:1px solid #ffffff1a;border-radius:18px;padding:14px}.course-command-metrics small,.course-attendance-numbers small,.course-ops-top small{color:#bfdbfea3;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:950;display:block}.course-command-metrics strong{color:#fff;margin-top:4px;font-size:1.75rem;line-height:1;display:block}.course-ops-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.course-ops-card{background:radial-gradient(circle at top right, var(--theme-glow,#22d3ee26), transparent 44%), linear-gradient(145deg, #0f172ae0, #020617c2);border:1px solid #ffffff1b;border-radius:24px;padding:18px;position:relative;overflow:hidden;box-shadow:0 22px 60px #0000003d}.course-ops-card.is-live{border-color:#34d39961;box-shadow:0 24px 70px #10b9812e,0 20px 60px #00000040}.course-ops-top{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.course-ops-top h3{color:#fff;margin:4px 0;font-size:1.15rem;line-height:1.15}.course-ops-top span{color:#e2efff9e;font-size:.88rem}.course-ops-top b{color:#e2efffc7;letter-spacing:.12em;background:#ffffff0f;border:1px solid #ffffff21;border-radius:999px;padding:7px 10px;font-size:.72rem}.course-ops-card.is-live .course-ops-top b{color:#bbf7d0;background:#10b98121;border-color:#34d39959}.course-attendance-strip{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin:18px 0 14px;display:grid}.progress-ring.mini{flex:none;width:94px;height:94px}.progress-ring.mini strong{font-size:1.1rem}.course-attendance-numbers{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.course-attendance-numbers strong{color:#fff;margin-top:4px;font-size:1.05rem;display:block}.course-signal-stack{flex-wrap:wrap;gap:8px;margin:12px 0 16px;display:flex}.course-signal-stack span{color:#e2efffb8;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:999px;padding:8px 10px;font-size:.77rem;font-weight:850}.course-ops-actions{flex-wrap:wrap;gap:9px;display:flex}.course-ops-actions button{color:#eaf2ff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;padding:10px 12px;font-weight:900}.course-ops-actions button.primary{color:#04111f;background:linear-gradient(135deg,#67e8f9,#3b82f6);border:0;box-shadow:0 14px 30px #3b82f63d}.course-ops-actions button:hover:not(:disabled){transform:translateY(-1px)}@media (width<=980px){.course-command-hero,.course-ops-grid,.course-attendance-strip{grid-template-columns:1fr}.course-command-metrics,.course-attendance-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}}.teacher-attendance-command{border-radius:30px;margin-top:22px;padding:clamp(16px,2vw,24px);position:relative;overflow:visible}.teacher-attendance-command .attendance-ops-shell{margin:0}.teacher-attendance-command .attendance-ops-hero{border-radius:26px}.teacher-attendance-command .attendance-ops-card-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.teacher-attendance-command .school-attendance-console-panel .attendance-ops-panel-head h3,.teacher-attendance-command .attendance-ops-panel-head h3{letter-spacing:-.035em}.teacher-attendance-command .school-attendance-console-row{grid-template-columns:minmax(220px,1fr) minmax(340px,1.1fr) minmax(340px,1.15fr)}@media (width<=1180px){.teacher-attendance-command .school-attendance-console-row{grid-template-columns:1fr}}@media (width<=760px){.teacher-attendance-command{border-radius:24px;padding:12px}}.teacher-attendance-command .attendance-ops-hero{align-items:center;min-height:220px;padding:28px 32px}.teacher-attendance-command .attendance-ops-hero h2{letter-spacing:-.065em;max-width:900px;font-size:clamp(2.4rem,4.4vw,4.8rem);line-height:.94}.teacher-attendance-command .attendance-ops-hero span{max-width:780px;font-size:1rem}.teacher-attendance-command .attendance-ops-actions{align-items:end}.teacher-attendance-command .attendance-calendar-trigger{border-radius:26px;min-height:54px}.teacher-attendance-command .attendance-ops-actions button{border-radius:24px;min-height:54px;padding:0 22px}.teacher-attendance-command .attendance-ops-panel{scroll-margin-top:24px}.edufun-attendance-command,.teacher-attendance-command,.edufun-command-section{z-index:1;margin-top:22px;position:relative;overflow:visible}.edufun-command,.teacher-command-center,.teacher-dashboard-shell{overflow:visible}.edufun-floating-tools,.teacher-floating-tools,.class-command-floating{z-index:50000;position:fixed;bottom:24px;right:24px}@media (width<=760px){.class-settings-locked-grid,.class-settings-form-grid{grid-template-columns:1fr}.class-settings-modal{padding:22px}.class-settings-actions{justify-content:stretch}.class-settings-actions button{width:100%}}.class-settings-backdrop{-webkit-backdrop-filter:blur(10px);cursor:pointer;background:radial-gradient(circle at 12% 15%,#38bdf82e,#0000 34%),radial-gradient(circle at 86% 12%,#f5cd4124,#0000 28%),#020617ad;border:0;position:fixed;inset:0}.class-settings-modal:before{content:"";background:linear-gradient(90deg,#fde68a,#38bdf8,#6366f1);border-radius:34px 34px 0 0;height:5px;position:absolute;inset:0 0 auto;box-shadow:0 0 30px #38bdf885}.class-settings-header p,.class-settings-preview span{color:#fde68a;letter-spacing:.2em;text-transform:uppercase;margin:0 0 8px;font-size:.74rem;font-weight:1000}.class-settings-header h2{color:#fff;letter-spacing:-.06em;margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:.98}.class-settings-header span{color:#b9c8dc;margin-top:10px;font-weight:800;display:block}.class-settings-locked-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.class-settings-locked-grid div,.class-settings-preview{background:#0f172aa8;border:1px solid #93c5fd29;border-radius:20px;min-width:0;padding:14px}.class-settings-locked-grid small{color:#93c5fd;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:950;display:block}.class-settings-locked-grid strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:.9rem;display:block;overflow:hidden}.class-settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.class-settings-form-grid label{background:#0f172a8f;border:1px solid #93c5fd29;border-radius:22px;gap:8px;padding:14px;display:grid}.class-settings-form-grid label span{color:#bfdbfe;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:1000}.class-settings-form-grid input,.class-settings-form-grid select{color:#fff;background:#020617cc;border:1px solid #93c5fd3d;border-radius:16px;outline:none;width:100%;min-height:48px;padding:0 14px;font-weight:850}.class-settings-form-grid small{color:#91a4bd;font-weight:700;line-height:1.42}.class-settings-preview strong{color:#fff;letter-spacing:-.03em;font-size:1.55rem;display:block}.class-settings-message{color:#bbf7d0;background:#22c55e1f;border:1px solid #86efac42;border-radius:16px;margin-top:14px;padding:12px 14px;font-weight:850}.class-settings-actions button.primary{color:#04111f;background:linear-gradient(135deg,#fde68a,#38bdf8);border-color:#fde68a61;box-shadow:0 18px 36px #38bdf833}@media (width<=760px){.class-settings-locked-grid,.class-settings-form-grid{grid-template-columns:1fr}.class-settings-modal{padding:22px}.class-settings-actions{justify-content:stretch}.class-settings-actions button{width:100%}}.class-settings-overlay{z-index:1000000;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.class-settings-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:radial-gradient(circle at 18% 18%,#38bdf82e,#0000 34%),#020617ad;border:0;position:fixed;inset:0}.class-settings-modal{z-index:1000001;color:#eef6ff;background:radial-gradient(circle at 0 0,#5bc0ff33,#0000 30%),radial-gradient(circle at 100% 0,#f5cd411f,#0000 28%),linear-gradient(145deg,#09142afa,#020617fc);border:1px solid #93c5fd42;border-radius:34px;width:min(860px,96vw);max-height:min(92vh,920px);padding:26px;position:relative;overflow-y:auto;box-shadow:0 42px 120px #000000b8,inset 0 1px #ffffff14}.class-settings-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.class-settings-header p,.class-settings-preview span{color:#fde68a;letter-spacing:.2em;margin:0 0 8px;font-size:.72rem;font-weight:950}.class-settings-header h2{color:#fff;letter-spacing:-.055em;margin:0;font-size:clamp(1.65rem,3vw,2.6rem)}.class-settings-header span{color:#bfdbfe;margin-top:8px;font-weight:800;line-height:1.45;display:block}.class-settings-header button{color:#fff;cursor:pointer;background:#0f172ac7;border:1px solid #93c5fd47;border-radius:18px;width:52px;height:52px;font-size:1.7rem;font-weight:950}.class-settings-locked-grid,.class-settings-form-grid{gap:14px;display:grid}.class-settings-locked-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.class-settings-locked-grid>div,.class-settings-preview,.class-settings-message{background:#0f172abd;border:1px solid #93c5fd2e;border-radius:20px;padding:14px 16px}.class-settings-locked-grid small,.class-settings-form-grid label span{color:#9fb7d5;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:950;display:block}.class-settings-locked-grid strong{color:#fff;word-break:break-word;margin-top:6px;display:block}.class-settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.class-settings-form-grid label{gap:8px;display:grid}.class-settings-form-grid input,.class-settings-form-grid select{color:#fff;background:#020817d6;border:1px solid #93c5fd3d;border-radius:18px;outline:none;min-height:54px;padding:0 15px;font-weight:850}.class-settings-form-grid input:focus,.class-settings-form-grid select:focus{border-color:#7dd3fcb8;box-shadow:0 0 0 4px #0ea5e924}.class-settings-form-grid small{color:#8ea7c8;line-height:1.35}.class-settings-preview{background:radial-gradient(circle at 0 0,#38bdf82e,#0000 34%),#0f172ac7;margin-top:18px}.class-settings-preview strong{color:#fff;font-size:1.65rem;display:block}.class-settings-preview small{color:#93c5fd;margin-top:6px;font-weight:900;display:block}.class-settings-message{color:#bfdbfe;margin-top:14px;font-weight:850}.class-settings-message.error{color:#fecaca;background:#7f1d1d3d;border-color:#f8717161}.class-settings-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.class-settings-actions button{color:#fff;cursor:pointer;background:#0f172ad1;border:1px solid #93c5fd42;border-radius:999px;min-height:50px;padding:0 18px;font-weight:950}.class-settings-actions button.primary{color:#04111f;background:linear-gradient(135deg,#d9f99d,#22d3ee,#60a5fa)}.class-settings-actions button:disabled{opacity:.55;cursor:not-allowed}@media (width<=760px){.class-settings-locked-grid,.class-settings-form-grid{grid-template-columns:1fr}.class-settings-header,.class-settings-actions{flex-direction:column}.class-settings-actions button{width:100%}}body:has(.class-settings-overlay) .tools-overlay{pointer-events:none!important}.class-settings-overlay{z-index:2147483600!important;isolation:isolate!important;place-items:center!important;padding:22px!important;display:grid!important;position:fixed!important;inset:0!important}.class-settings-backdrop{z-index:2147483601!important;-webkit-backdrop-filter:blur(12px)!important;width:auto!important;height:auto!important;box-shadow:none!important;cursor:pointer!important;background:radial-gradient(circle at 18% 18%,#38bdf833,#0000 34%),radial-gradient(circle at 84% 12%,#f5cd4129,#0000 30%),#020617c7!important;border:0!important;border-radius:0!important;position:fixed!important;inset:0!important}.class-settings-backdrop:hover{box-shadow:none!important;transform:none!important}.class-settings-modal{z-index:2147483602!important;pointer-events:auto!important;width:min(860px,96vw)!important;max-height:min(92vh,920px)!important;position:relative!important;overflow-y:auto!important}.class-settings-overlay~.tools-overlay{pointer-events:none!important}body:has(.class-settings-overlay) .tools-overlay{pointer-events:none!important}.elite-upgrade-grid{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0;display:grid;position:relative}.elite-upgrade-card{background:radial-gradient(circle at top right, var(--theme-glow,#22d3ee2e), transparent 48%), linear-gradient(145deg, #0f172ad6, #020617b8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #bfdbfe2e;border-radius:28px;min-height:210px;padding:20px;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff12}.elite-upgrade-card.identity,.elite-upgrade-card.wide{grid-column:span 2}.elite-upgrade-card>span{color:#04111f;background:linear-gradient(135deg,#fde68a,#22d3ee);border-radius:16px;place-items:center;width:42px;height:42px;font-weight:1000;display:inline-grid;box-shadow:0 18px 34px #22d3ee29}.elite-upgrade-card h3{color:#fff;letter-spacing:-.035em;margin:16px 0 8px;font-size:1.35rem;line-height:1.08}.elite-upgrade-card p{color:#e2efffb8;min-height:74px;margin:0 0 16px;line-height:1.55}.parent-comms-overlay{z-index:2147483600!important}.parent-comms-modal{width:min(980px,100vw - 34px)!important}.message-audience-grid,.mass-message-dashboard,.student-signal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.message-audience-grid button{border-radius:16px}.communication-form label.full{grid-column:1/-1}.communication-form textarea,.communication-form input,.communication-form select,.class-settings-form-grid textarea{color:#f8fafc;width:100%;font:inherit;resize:vertical;background:#020617b8;border:1px solid #bfdbfe38;border-radius:18px;outline:none;padding:13px 14px;font-weight:750}.parent-preview-panel,.mass-message-dashboard div,.student-signal-grid div,.student-note-card{background:#0206176b;border:1px solid #bfdbfe24;border-radius:22px;padding:16px}.parent-preview-panel span,.mass-message-dashboard small,.student-signal-grid small{color:#bfdbfea3;letter-spacing:.13em;text-transform:uppercase;font-size:.7rem;font-weight:950;display:block}.parent-preview-panel strong,.mass-message-dashboard strong,.student-signal-grid strong{color:#fff;text-transform:capitalize;margin-top:6px;font-size:1.25rem;display:block}.parent-preview-panel small{color:#e2efffa8;margin-top:6px;display:block}.student-drawer-overlay{z-index:2147483500;isolation:isolate;justify-content:flex-end;padding:18px;display:flex;position:fixed;inset:0}.student-drawer-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617ad;border:0;border-radius:0;width:auto;height:auto;position:absolute;inset:0}.student-drawer-backdrop:hover{box-shadow:none!important;transform:none!important}.student-command-drawer{z-index:1;background:radial-gradient(circle at top right, var(--theme-glow,#22d3ee38), transparent 46%), linear-gradient(145deg, #0f172af5, #020617e6);border:1px solid #bfdbfe3d;border-radius:32px;width:min(520px,100vw - 32px);height:calc(100vh - 36px);padding:24px;animation:.22s both slideIn;position:relative;overflow:auto;box-shadow:-28px 0 100px #00000085,inset 0 1px #ffffff1a}.student-command-drawer header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.student-command-drawer header p{color:#fde68a;letter-spacing:.23em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:950}.student-command-drawer header h2{color:#fff;letter-spacing:-.045em;margin:8px 0 4px;font-size:2rem;line-height:1}.student-command-drawer header span{color:#e2efffb3}.student-command-drawer header button{border-radius:16px;width:44px;height:44px;padding:0;font-size:1.5rem}.student-action-stack{gap:10px;margin:18px 0;display:grid}.student-action-stack button{border-radius:16px;justify-content:center}.student-note-card{color:#e2efffb8;gap:8px;line-height:1.55;display:grid}.student-note-card strong{color:#fff}@media (width<=1120px){.elite-upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.elite-upgrade-grid,.message-audience-grid,.mass-message-dashboard,.student-signal-grid{grid-template-columns:1fr}.elite-upgrade-card.identity,.elite-upgrade-card.wide{grid-column:span 1}.student-drawer-overlay{padding:10px}.student-command-drawer{width:100%;height:calc(100vh - 20px)}}.elite-upgrade-grid{align-items:stretch}.elite-upgrade-card{flex-direction:column;justify-content:flex-start;min-height:420px;padding:28px 24px;display:flex}.elite-upgrade-card.identity{min-height:420px}.elite-upgrade-card span:first-child{margin-bottom:12px}.elite-upgrade-card h3{margin-top:14px;margin-bottom:8px;font-size:2rem;line-height:1.1}.elite-upgrade-card p{margin-bottom:20px;line-height:1.5}.settings-pill-row{flex-wrap:wrap;gap:10px;margin-top:22px;margin-bottom:18px;display:flex}.settings-pill{border-radius:999px;padding:10px 16px;font-size:.95rem;font-weight:700}.settings-course-pill{margin-top:20px;margin-bottom:14px}.settings-divider{margin:18px 0}.settings-action-row{gap:14px;margin-top:12px}.settings-action-row button{height:56px}.settings-links{margin-top:16px}.elite-upgrade-card:not(.identity),.parent-center-card,.oneclick-email-card,.classroom-settings-card{min-height:420px}@media (width>=1400px){.elite-upgrade-card,.elite-upgrade-card.identity{min-height:390px}}.edufun-focus-panel{min-height:160px!important;margin:20px 0 22px!important;padding:22px 28px!important}.focus-copy h2{letter-spacing:-.065em!important;font-size:clamp(2.8rem,4.8vw,4.6rem)!important;line-height:.92!important}.focus-copy>span{font-size:clamp(1rem,1.25vw,1.2rem)!important}.floating-command-dock{right:max(22px, env(safe-area-inset-right))!important;bottom:max(22px, env(safe-area-inset-bottom))!important;justify-items:end!important;gap:0!important;width:auto!important;left:auto!important}.floating-tools-button{border-radius:22px!important;grid-template-columns:1fr!important;place-items:center!important;gap:0!important;width:62px!important;min-width:62px!important;height:62px!important;padding:8px!important;overflow:hidden!important}.floating-tools-button .dock-icon{border-radius:17px!important;width:44px!important;height:44px!important;font-size:1.18rem!important}.floating-tools-button .dock-copy,.floating-tools-button .dock-live,.dock-mini-actions{display:none!important}.floating-tools-button:hover:not(:disabled){transform:translateY(-4px)scale(1.03)!important}@media (width>=1180px){.course-settings-pill-row.compact-pills{flex-wrap:nowrap!important;align-items:center!important;gap:8px!important}.course-settings-pill-row .active-course-pill{flex:auto!important;min-width:0!important}.course-settings-pill-row .linked-pill,.course-settings-pill-row .room-pill,.course-settings-pill-row .theme-pill{flex:none!important}}.course-settings-pill-row .settings-pill{min-height:34px!important;padding:0 10px!important;font-size:.8rem!important}.course-settings-pill-row .settings-pill b{width:22px!important;height:22px!important;font-size:.72rem!important}.course-health-pill{letter-spacing:.075em!important;min-height:28px!important;padding:0 10px!important;font-size:.62rem!important}.course-health-pill.connected{box-shadow:0 0 12px #22c55e73,0 0 24px #22c55e40!important}.course-health-pill i{width:8px!important;height:8px!important}.compact-command-actions .settings-blue-button,.refined-command-actions .settings-blue-button{background:linear-gradient(135deg,#5da9ff,#2563eb)!important;box-shadow:0 14px 30px #2563eb38!important}.compact-command-actions .settings-gold-button,.refined-command-actions .settings-gold-button{box-shadow:0 16px 34px #ffb72040!important}.elite-upgrade-card{transition:transform .2s,box-shadow .2s,border-color .2s!important}.elite-upgrade-card:hover{border-color:#7dd3fc6b!important;transform:translateY(-4px)!important;box-shadow:0 30px 80px #00000059,0 0 30px #38bdf826,inset 0 1px #ffffff14!important}@media (width<=820px){.floating-command-dock{justify-items:end!important;width:auto!important;bottom:14px!important;left:auto!important;right:14px!important}.floating-tools-button{width:58px!important;min-width:58px!important;height:58px!important}}.classroom-settings-card,.course-settings-card,.elite-upgrade-card.identity{overflow:visible!important}.course-settings-pill-row,.course-settings-pill-row.compact-pills,.settings-pill-row{flex-wrap:wrap!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;overflow:visible!important}.course-settings-pill-row .active-course-pill,.settings-course-pill{flex:1 0 100%!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;max-width:100%!important}.course-settings-pill-row .active-course-pill span,.course-settings-pill-row .active-course-pill strong,.course-settings-pill-row .active-course-pill em,.settings-course-pill .settings-pill-text{text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}.course-settings-pill-row .linked-pill,.course-settings-pill-row .room-pill,.course-settings-pill-row .theme-pill{flex:0 auto!important;min-width:fit-content!important}@media (width>=1180px){.course-settings-pill-row.compact-pills{flex-wrap:wrap!important}.course-settings-pill-row .active-course-pill{flex:1 0 100%!important}}.option-three-course-head{align-items:center!important}.course-title-status{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:6px 0;display:flex}.course-title-status strong{color:#f8fafc;letter-spacing:-.025em;font-size:clamp(1.02rem,1.25vw,1.28rem);font-weight:1000}.course-title-status span{color:#86efac;letter-spacing:.08em;text-transform:uppercase;background:#064e3b38;border:1px solid #34d3994d;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:.7rem;font-weight:950;display:inline-flex}.option-three-pills{flex-wrap:wrap!important;gap:10px!important;width:100%!important;margin-top:18px!important;display:flex!important}.option-three-pills .settings-pill{flex:0 auto!important;width:auto!important;min-width:fit-content!important;max-width:100%!important}.option-three-pills .linked-pill,.option-three-pills .room-pill,.option-three-pills .theme-pill{flex:0 auto!important}.option-three-pills .active-course-pill{display:none!important}@media (width<=680px){.course-title-status{flex-direction:column;align-items:flex-start}.option-three-pills .settings-pill{flex:100%!important}}.course-ops-actions .settings-direct-button{color:#07111f;background:linear-gradient(135deg,#fef3c7,#fbbf24 52%,#38bdf8);border:0;box-shadow:0 14px 34px #fbbf2433}.class-settings-modal{width:min(1120px,100vw - 34px)}.class-settings-suite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.settings-suite-panel{background:radial-gradient(circle at top right, var(--theme-glow,#38bdf829), transparent 46%), #0206176b;border:1px solid #bfdbfe29;border-radius:24px;padding:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.settings-suite-panel.wide{grid-column:1/-1}.settings-suite-title{align-items:center;gap:12px;margin-bottom:16px;display:flex}.settings-suite-title>span{color:#07111f;background:linear-gradient(135deg,#fef3c7,#22d3ee);border-radius:15px;place-items:center;width:42px;height:42px;font-weight:950;display:grid}.settings-suite-title p{color:#fde68a;letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:950}.settings-suite-title h3{color:#fff;letter-spacing:-.02em;margin:3px 0 0;font-size:1.08rem}.expanded-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expanded-settings-grid .full{grid-column:1/-1}.settings-signal-list{gap:10px;display:grid}.settings-signal-list div{background:#0f172a6b;border:1px solid #bfdbfe1f;border-radius:16px;padding:13px}.settings-signal-list strong,.settings-signal-list span{display:block}.settings-signal-list strong{color:#fff;font-size:1.15rem}.settings-signal-list span{color:var(--edufun-muted);margin-top:4px;font-size:.82rem;font-weight:750}.settings-signal-list button{border-radius:16px;width:100%}.enhanced-settings-preview{gap:8px;display:grid}.settings-preview-row{border-top:1px solid #bfdbfe24;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;margin-top:8px;padding-top:10px;display:grid}.settings-preview-row b{color:#93c5fd;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.settings-preview-row em{color:#e0f2fe;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-style:normal;overflow:hidden}@media (width<=860px){.class-settings-suite-grid,.expanded-settings-grid{grid-template-columns:1fr}}.class-grade-badges{flex-wrap:wrap;align-items:center;gap:8px;margin:9px 0 4px;display:flex}.grade-stage,.grade-level{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;padding:6px 10px;font-size:.7rem;font-weight:950;line-height:1;display:inline-flex}.grade-stage{color:#67e8f9;background:#22d3ee24;border:1px solid #22d3ee59;box-shadow:inset 0 1px #ffffff0f}.grade-stage-primary{color:#bbf7d0;background:#064e3b57;border-color:#34d3995c}.grade-stage-middle{color:#c4b5fd;background:#4c1d954d;border-color:#a78bfa61}.grade-stage-high{color:#fde68a;background:#78350f47;border-color:#fbbf2466}.grade-level{color:#fef3c7;background:#fbbf241f;border:1px solid #fbbf2452}.course-ops-top .class-grade-badges,.class-card-title .class-grade-badges{margin-top:8px}.tools-snapshot{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=720px){.grade-stage,.grade-level{padding:6px 9px;font-size:.66rem}.tools-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}}.student-command-center{color:#eaf2ff;background:radial-gradient(circle at 8% 8%,#2463eb38,#0000 34%),radial-gradient(circle at 94% 8%,#facc1526,#0000 30%),linear-gradient(135deg,#020617 0%,#061225 48%,#020617 100%);min-height:100vh;padding:34px;position:relative;overflow:hidden}.student-bg-orb{filter:blur(16px);opacity:.36;pointer-events:none;border-radius:50%;width:380px;height:380px;position:fixed}.student-orb-one{background:radial-gradient(circle,#38bdf873,#0000 62%);top:80px;left:-130px}.student-orb-two{background:radial-gradient(circle,#facc1559,#0000 64%);top:210px;right:-140px}.student-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0f172ad1,#020617c7);border:1px solid #94a3b82e;position:relative;box-shadow:0 28px 90px #00000057,inset 0 1px #ffffff0f}.student-mission-hero{border-radius:34px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:stretch;gap:24px;padding:28px;display:grid}.student-mission-copy{align-content:center;gap:12px;display:grid}.student-eyebrow,.student-section-heading p{color:#fde68a;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:950}.student-mission-copy h1{color:#fff;letter-spacing:-.075em;margin:0;font-size:clamp(2.45rem,4vw,5rem);line-height:.94}.student-mission-copy>span{color:#bfdbfe;background:#2563eb24;border:1px solid #60a5fa38;border-radius:999px;width:fit-content;padding:8px 13px;font-weight:850}.student-today-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 4px;display:grid}.student-today-summary article{background:#02061775;border:1px solid #94a3b824;border-radius:22px;gap:5px;min-height:92px;padding:15px;display:grid}.student-today-summary b{color:#fff;font-size:1.4rem}.student-today-summary span{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:900}.student-hero-actions,.student-focus-actions,.student-card-actions,.student-live-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.student-hero-actions button,.student-focus-actions button,.student-card-actions button,.student-live-actions button,.student-mission-card button,.student-tabbar button,.student-backpack-grid button,.student-mood-grid button,.student-ai-card button{cursor:pointer;border:1px solid #94a3b82e;border-radius:14px;min-height:44px;padding:0 16px;font-weight:950;transition:transform .18s,filter .18s,opacity .18s}.student-hero-actions button:hover:not(:disabled),.student-focus-actions button:hover:not(:disabled),.student-card-actions button:hover:not(:disabled),.student-live-actions button:hover:not(:disabled),.student-mission-card button:hover,.student-tabbar button:hover,.student-backpack-grid button:hover,.student-mood-grid button:hover,.student-ai-card button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}button:disabled{opacity:.48;cursor:not-allowed}.student-primary-btn,.student-mission-card button,.student-ai-card button{color:#061324;background:linear-gradient(135deg,#fff3a8,#ffbd28 55%,#ff9f1c);box-shadow:0 16px 34px #ffb72038}.student-blue-btn,.student-live-actions .blue,.student-card-actions .blue{color:#fff;background:linear-gradient(135deg,#73d5ff,#2f87ff 55%,#1454ff);box-shadow:0 16px 34px #1f7dff3d}.student-soft-btn{color:#eaf2ff;background:#ffffff0b}.student-player-card{text-align:center;background:radial-gradient(circle at 50% 10%,#38bdf833,#0000 42%),#0206178a;border:1px solid #94a3b824;border-radius:28px;align-content:center;justify-items:center;gap:10px;padding:26px;display:grid}.student-live-pill{color:#fde68a;letter-spacing:.1em;background:#facc151a;border:1px solid #facc1538;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 14px;font-size:.72rem;font-weight:950;display:inline-flex}.student-live-pill.on{color:#86efac;background:#22c55e21;border-color:#22c55e42}.student-live-pill i{background:currentColor;border-radius:50%;width:9px;height:9px;box-shadow:0 0 14px}.student-main-emblem{background:radial-gradient(circle at 34% 26%,#fff1a02e,#0000 48%),#ffd6590f;border:1px solid #ffd65966;border-radius:30px;place-items:center;width:92px;height:92px;font-size:2.6rem;display:grid}.student-player-card small,.student-class-title small,.student-live-card small,.student-mission-card small,.student-focus-area small{color:#93c5fd;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:900}.student-player-card h2{color:#fff;margin:0;line-height:1.05}.student-player-card p{color:#e2e8f0b3;margin:0}.student-level-block{background:#0f172a94;border:1px solid #94a3b829;border-radius:20px;gap:9px;width:100%;padding:14px;display:grid}.student-level-block div{justify-content:space-between;gap:10px;display:flex}.student-level-block strong{color:#fff}.student-level-block span{color:#94a3b8;font-size:.85rem}.student-level-block i,.student-skill-row i{background:#94a3b82e;border-radius:999px;height:10px;display:block;overflow:hidden}.student-level-block em,.student-skill-row em{border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#facc15);height:100%;display:block}.student-alert{border-radius:18px;margin:18px 0 0;padding:14px 18px;font-weight:850}.student-alert.error{color:#fecaca;background:#7f1d1d47;border:1px solid #f8717140}.student-alert.info{color:#bfdbfe;background:#1e40af38;border:1px solid #60a5fa38}.student-tabbar{border-radius:24px;flex-wrap:wrap;gap:10px;margin:18px 0;padding:10px;display:flex}.student-tabbar button{color:#cbd5e1;background:#ffffff0b}.student-tabbar button.active{color:#061324;background:linear-gradient(135deg,#fff3a8,#ffbd28 55%,#ff9f1c)}.student-tabbar button span{margin-right:8px}.student-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:18px 0;display:grid}.student-stat-card{border-radius:24px;align-items:center;gap:14px;min-height:96px;padding:18px;display:flex}.student-stat-card>span{background:#38bdf81f;border-radius:18px;place-items:center;width:52px;height:52px;font-size:1.5rem;display:grid}.student-stat-card strong{color:#fff;font-size:1.65rem;line-height:1;display:block}.student-stat-card small{color:#94a3b8;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.student-home-grid,.student-ai-grid,.student-portfolio-grid,.student-future-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:18px;margin-bottom:18px;display:grid}.student-panel{border-radius:28px;padding:22px}.student-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.student-section-heading h2{color:#fff;margin:4px 0 0;font-size:1.45rem}.student-section-heading>span{color:#fde68a;background:#facc1514;border:1px solid #facc1538;border-radius:999px;padding:7px 11px;font-weight:950}.student-empty{text-align:center;color:#94a3b8;border:1px dashed #94a3b83d;border-radius:22px;place-items:center;gap:7px;min-height:160px;padding:24px;display:grid}.student-empty.compact{min-height:120px}.student-empty strong{color:#fff;font-size:1.05rem}.student-mission-list,.student-live-stack,.student-focus-area-list,.student-skill-list,.student-feed-list,.student-career-list{gap:12px;display:grid}.student-mission-card,.student-live-card,.student-focus-area,.student-feed-card{background:#02061775;border:1px solid #94a3b829;border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.student-mission-icon,.student-live-icon,.student-class-icon,.student-ai-orb,.student-feed-card>div{background:#3b82f61f;border:1px solid #60a5fa29;border-radius:18px;place-items:center;width:52px;height:52px;font-size:1.45rem;display:grid}.student-mission-card strong,.student-live-card strong,.student-focus-area strong,.student-feed-card strong{color:#fff;display:block}.student-mission-card span,.student-live-card span,.student-focus-area span,.student-feed-card span{color:#94a3b8;font-size:.9rem}.student-feed-card small{color:#fde68a;font-weight:900}.student-live-card{background:radial-gradient(circle at 0 0,#22c55e1f,#0000 40%),#02061775;border-color:#22c55e38}.student-mood-grid,.student-backpack-grid,.student-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.student-mood-grid button,.student-backpack-grid button,.student-badge-grid div{color:#eaf2ff;background:#02061775;border:1px solid #94a3b829;border-radius:22px;place-items:center;gap:6px;min-height:112px;display:grid}.student-mood-grid button.active{color:#061324;background:linear-gradient(135deg,#fff3a8,#ffbd28 55%,#ff9f1c)}.student-mood-grid span,.student-backpack-grid span,.student-badge-grid span{font-size:2rem}.student-backpack-grid strong{color:#fff;font-size:1.65rem}.student-backpack-grid small{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.student-badge-grid b{color:#fff}.student-ai-note{color:#94a3b8;background:#0f172a8f;border:1px solid #94a3b824;border-radius:18px;gap:5px;margin-top:14px;padding:14px;display:grid}.student-ai-note b{color:#fff}.student-ai-card{background:radial-gradient(circle at 0 0,#a855f729,#0000 42%),#02061775;border:1px solid #a855f72e;border-radius:24px;grid-template-columns:auto minmax(0,1fr);gap:16px;margin-bottom:14px;padding:18px;display:grid}.student-ai-orb{border-radius:24px;width:72px;height:72px;font-size:2.1rem}.student-ai-card h3{color:#fff;margin:0 0 7px;line-height:1.2}.student-ai-card p{color:#94a3b8;margin:0 0 14px;line-height:1.5}.student-focus-area b{color:#fde68a;font-size:1.25rem}.student-skill-row{background:#02061770;border:1px solid #94a3b824;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.student-skill-row>span{font-size:1.5rem}.student-skill-row b{color:#fff;margin-bottom:7px;display:block}.student-skill-row strong{color:#fde68a}.student-class-grid{grid-template-columns:repeat(3,minmax(260px,1fr));gap:16px;display:grid}.student-class-card{cursor:pointer;background:radial-gradient(circle at 5% 5%,#3b82f624,#0000 42%),#0206178a;border:1px solid #94a3b829;border-radius:26px;gap:16px;min-height:300px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.student-class-card:hover,.student-class-card.selected{border-color:#facc1561;transform:translateY(-3px);box-shadow:0 24px 60px #00000047}.student-class-card-top{justify-content:space-between;gap:10px;display:flex}.student-badge{color:#fde68a;letter-spacing:.09em;text-transform:uppercase;background:#facc151a;border:1px solid #facc1529;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.66rem;font-weight:950;display:inline-flex}.student-badge.live{color:#86efac;background:#22c55e1f;border-color:#22c55e3d}.student-badge.soft{color:#bfdbfe;background:#3b82f61a;border-color:#60a5fa29}.student-class-title{align-items:center;gap:14px;display:flex}.student-class-title h3{color:#fff;margin:2px 0;line-height:1.05}.student-class-title p{color:#94a3b8;margin:0;font-size:.9rem}.student-class-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.student-class-meta span{color:#eaf2ff;background:#0f172aa3;border:1px solid #94a3b824;border-radius:16px;gap:3px;min-width:0;padding:12px;display:grid}.student-class-meta b{color:#94a3b8;letter-spacing:.12em;text-transform:uppercase;font-size:.64rem}.student-card-actions{margin-top:auto}.student-journey-line{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.student-journey-step{text-align:center;background:#02061770;border:1px solid #94a3b824;border-radius:20px;justify-items:center;gap:8px;padding:16px 10px;display:grid}.student-journey-step i{background:#475569;border-radius:50%;width:18px;height:18px}.student-journey-step.complete i{background:#22c55e;box-shadow:0 0 18px #22c55e8c}.student-journey-step.current{border-color:#facc1557}.student-journey-step.current i{background:#facc15;box-shadow:0 0 18px #facc158c}.student-journey-step strong,.student-career-list b{color:#fff}.student-journey-step small,.student-career-list small{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}.student-career-list div{background:#02061770;border:1px solid #94a3b824;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.student-career-list span{font-size:1.6rem}.student-theme-purple{background:radial-gradient(circle at 5% 5%,#a855f72e,#0000 42%),#0206178a}.student-theme-teal{background:radial-gradient(circle at 5% 5%,#14b8a62e,#0000 42%),#0206178a}.student-theme-emerald{background:radial-gradient(circle at 5% 5%,#10b9812e,#0000 42%),#0206178a}.student-theme-amber{background:radial-gradient(circle at 5% 5%,#f59e0b2e,#0000 42%),#0206178a}.student-theme-rose{background:radial-gradient(circle at 5% 5%,#f43f5e2e,#0000 42%),#0206178a}.student-theme-cyan{background:radial-gradient(circle at 5% 5%,#06b6d42e,#0000 42%),#0206178a}.student-theme-indigo{background:radial-gradient(circle at 5% 5%,#6366f12e,#0000 42%),#0206178a}@media (width<=1280px){.student-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.student-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-journey-line{grid-template-columns:repeat(3,minmax(0,1fr))}.student-today-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.student-mission-hero,.student-home-grid,.student-ai-grid,.student-portfolio-grid,.student-future-grid{grid-template-columns:1fr}.student-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.student-command-center{padding:18px}.student-mission-hero,.student-panel{border-radius:24px;padding:18px}.student-stats-grid,.student-class-grid,.student-class-meta,.student-backpack-grid,.student-badge-grid,.student-mood-grid,.student-journey-line,.student-today-summary{grid-template-columns:1fr}.student-live-card,.student-mission-card,.student-focus-area,.student-ai-card,.student-feed-card{text-align:center;grid-template-columns:1fr;justify-items:center}.student-mission-copy h1{font-size:2.4rem}}.student-mode-line{color:#e2e8f0c7;max-width:760px;margin:0;font-size:1.02rem;line-height:1.55}.student-stage-primary{background:radial-gradient(circle at 8% 8%,#38bdf83d,#0000 34%),radial-gradient(circle at 94% 8%,#f472b62e,#0000 30%),linear-gradient(135deg,#07111f 0%,#0b1b34 48%,#03101e 100%)}.student-stage-middle{background:radial-gradient(circle at 8% 8%,#14b8a638,#0000 34%),radial-gradient(circle at 94% 8%,#facc1524,#0000 30%),linear-gradient(135deg,#04111b 0%,#082030 48%,#020617 100%)}.student-stage-high{background:radial-gradient(circle at 8% 8%,#4f46e540,#0000 34%),radial-gradient(circle at 94% 8%,#38bdf829,#0000 30%),linear-gradient(135deg,#020617 0%,#0f172a 48%,#111827 100%)}.student-stage-short-course{background:radial-gradient(circle at 8% 8%,#f59e0b33,#0000 34%),radial-gradient(circle at 94% 8%,#22c55e29,#0000 30%),linear-gradient(135deg,#120b03 0%,#1e1b12 48%,#020617 100%)}.student-stage-ribbon{background:#02061770;border:1px solid #facc1538;border-radius:18px;align-items:center;gap:12px;width:fit-content;max-width:100%;margin-top:2px;padding:10px 12px;display:flex}.student-stage-ribbon>span{background:#facc151f;border-radius:14px;place-items:center;width:42px;height:42px;font-size:1.35rem;display:grid}.student-stage-ribbon b,.student-grade-stage-pill b{color:#fff;display:block}.student-stage-ribbon small,.student-grade-stage-pill span{color:#93c5fd;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:900;display:block}.student-stage-ribbon strong{color:#061324;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#fff3a8,#ffbd28 55%,#ff9f1c);border-radius:999px;margin-left:auto;padding:7px 10px;font-size:.72rem}.student-grade-stage-pill{background:#0f172a94;border:1px solid #60a5fa29;border-radius:18px;gap:4px;width:100%;padding:12px 14px;display:grid}.student-identity-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(360px,.9fr);gap:16px;margin:18px 0;display:grid}.student-identity-card,.student-attendance-ring{border-radius:26px;align-items:center;gap:14px;min-height:126px;padding:18px;display:flex}.student-identity-card>span{background:#38bdf81f;border:1px solid #60a5fa29;border-radius:20px;flex:none;place-items:center;width:58px;height:58px;font-size:1.75rem;display:grid}.student-identity-card small,.student-attendance-ring small{color:#fde68a;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:950}.student-identity-card strong{color:#fff;margin:4px 0;font-size:1.16rem;display:block}.student-identity-card p,.student-attendance-ring p{color:#94a3b8;margin:0;line-height:1.35}.student-attendance-ring{justify-content:flex-start}.student-ring{--value:0%;background:radial-gradient(circle at center, #061324 58%, transparent 59%), conic-gradient(#facc15 var(--value), #94a3b82e 0);border:1px solid #facc1538;border-radius:50%;flex:none;place-items:center;width:78px;height:78px;display:grid}.student-ring strong{color:#fff;font-size:1rem}.student-attendance-ring b{color:#fff;margin:4px 0;display:block}.student-learning-timeline{gap:10px;margin-top:16px;display:grid}.student-learning-timeline article{background:#0206176b;border:1px solid #94a3b824;border-radius:18px;grid-template-columns:84px minmax(0,1fr);align-items:start;gap:12px;padding:13px;display:grid}.student-learning-timeline span{color:#061324;background:linear-gradient(135deg,#fff3a8,#ffbd28 55%,#ff9f1c);border-radius:999px;place-items:center;min-height:34px;font-size:.78rem;font-weight:950;display:inline-grid}.student-learning-timeline strong{color:#fff}.student-learning-timeline p{color:#94a3b8;margin:3px 0 0}.student-stage-primary .student-player-card,.student-stage-primary .student-glass{border-color:#38bdf833}.student-stage-high .student-player-card,.student-stage-high .student-glass{border-color:#818cf833}.student-stage-short-course .student-player-card,.student-stage-short-course .student-glass{border-color:#facc1530}@media (width<=1180px){.student-identity-strip{grid-template-columns:1fr}}@media (width<=760px){.student-stage-ribbon,.student-identity-card,.student-attendance-ring{text-align:center;flex-direction:column;justify-content:center;width:100%}.student-learning-timeline article{text-align:center;grid-template-columns:1fr}}.student-age-aware-panel{border-radius:30px;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:stretch;gap:18px;margin:18px 0;padding:20px;display:grid;overflow:hidden}.student-age-aware-copy{background:#0206176b;border:1px solid #94a3b824;border-radius:24px;align-content:center;gap:8px;padding:18px;display:grid}.student-age-aware-copy p{color:#fde68a;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:950}.student-age-aware-copy h2{color:#fff;letter-spacing:-.05em;margin:0;font-size:clamp(1.65rem,2.4vw,2.6rem);line-height:.96}.student-age-aware-copy span{color:#e2e8f0c2;line-height:1.45}.student-age-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.student-age-feature-grid article{background:#02061775;border:1px solid #94a3b824;border-radius:24px;align-content:start;gap:10px;min-height:150px;padding:16px;display:grid;box-shadow:inset 0 1px #ffffff0d}.student-age-feature-grid article>div{background:#38bdf81f;border:1px solid #60a5fa29;border-radius:18px;place-items:center;width:52px;height:52px;font-size:1.55rem;display:grid}.student-age-feature-grid strong{color:#fff;font-size:1rem;line-height:1.15}.student-age-feature-grid span{color:#94a3b8;font-size:.88rem;line-height:1.35}.student-age-early_primary .student-age-feature-grid article>div,.student-age-upper_primary .student-age-feature-grid article>div{background:#f472b624;border-color:#f472b62e}.student-age-middle_school .student-age-feature-grid article>div{background:#14b8a624;border-color:#14b8a62e}.student-age-high_school .student-age-feature-grid article>div{background:#818cf826;border-color:#818cf833}.student-age-short_course .student-age-feature-grid article>div{background:#facc151f;border-color:#facc152e}@media (width<=1180px){.student-age-aware-panel{grid-template-columns:1fr}.student-age-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.student-age-feature-grid{grid-template-columns:1fr}}.attendance-panel{color:#f8fafc;background:radial-gradient(circle at 0 0,#3b82f62e,#0000 32%),linear-gradient(135deg,#0f172af5,#020617fa);border:1px solid #94a3b840;border-radius:28px;margin-top:22px;padding:22px;box-shadow:0 24px 70px #00000059}.attendance-panel-premium{position:relative;overflow:hidden}.attendance-panel-premium:before{content:"";filter:blur(40px);pointer-events:none;background:#3b82f638;border-radius:999px;width:260px;height:260px;position:absolute;inset:-120px auto auto -120px}.attendance-header{z-index:1;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex;position:relative}.attendance-eyebrow{letter-spacing:.18em;color:#93c5fd;margin:0 0 6px;font-size:.72rem;font-weight:800}.attendance-header h2{margin:0;font-size:1.55rem}.attendance-header span{color:#cbd5e1;margin-top:5px;display:block}.attendance-header small{color:#7dd3fc;margin-top:6px;font-weight:800;display:block}.attendance-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.attendance-header button,.attendance-actions button,.attendance-toolbar button{color:#e5e7eb;cursor:pointer;background:#0f172ab8;border:1px solid #94a3b847;border-radius:999px;padding:10px 14px;font-weight:800}.attendance-header button:hover,.attendance-actions button:hover,.attendance-toolbar button:hover{background:#2563eb59}.attendance-header button:disabled,.attendance-actions button:disabled,.attendance-toolbar button:disabled{cursor:not-allowed;opacity:.55}.attendance-alert{color:#fecaca;background:#ef44441f;border:1px solid #f8717159;border-radius:18px;margin:14px 0;padding:14px 16px;font-weight:800}.attendance-summary{grid-template-columns:.8fr .8fr 2fr;gap:12px;margin-bottom:18px;display:grid}.attendance-summary.elite{grid-template-columns:repeat(4,minmax(0,1fr))}.attendance-summary div,.attendance-status-grid div{background:#0f172ab8;border:1px solid #94a3b82e;border-radius:20px;padding:14px}.attendance-summary strong,.attendance-status-grid strong{color:#fff;word-break:break-all;font-size:1.4rem;display:block}.attendance-summary span,.attendance-status-grid span{color:#94a3b8;margin-top:4px;font-size:.82rem;display:block}.attendance-status-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.attendance-status-grid .present strong{color:#86efac}.attendance-status-grid .absent strong{color:#fca5a5}.attendance-status-grid .late strong{color:#fcd34d}.attendance-status-grid .excused strong{color:#d8b4fe}.attendance-intel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.attendance-intel-grid div{background:#02061780;border:1px solid #93c5fd29;border-radius:20px;padding:15px}.attendance-intel-grid span{color:#93c5fd;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:900;display:block}.attendance-intel-grid strong{color:#fff;margin-top:6px;font-size:1.2rem;display:block}.attendance-intel-grid small{color:#94a3b8;margin-top:5px;line-height:1.4;display:block}.attendance-intel-grid .submitted{border-color:#22c55e59}.attendance-intel-grid .not-submitted{border-color:#f59e0b59}.attendance-session-strip{color:#cbd5e1;background:#02061780;border:1px solid #94a3b824;border-radius:18px;justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.attendance-session-strip strong{color:#fff;word-break:break-all}.attendance-controls{gap:14px;margin-bottom:18px;display:flex}.attendance-controls input,.attendance-controls select{color:#fff;background:#0f172ab8;border:1px solid #94a3b833;border-radius:16px;outline:none;padding:12px 14px}.attendance-controls input{flex:1}.attendance-list{gap:10px;display:grid}.attendance-row{background:#0f172a9e;border:1px solid #94a3b829;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:14px;transition:transform .18s,border-color .18s,background .18s;display:flex}.attendance-row:hover{border-color:#93c5fd59;transform:translateY(-1px)}.attendance-row.status-present{background:linear-gradient(135deg,#22c55e14,#0f172a9e);border-color:#22c55e59}.attendance-row.status-absent{background:linear-gradient(135deg,#ef444414,#0f172a9e);border-color:#ef444459}.attendance-row.status-late{background:linear-gradient(135deg,#f59e0b14,#0f172a9e);border-color:#f59e0b59}.attendance-row.status-excused{background:linear-gradient(135deg,#a855f714,#0f172a9e);border-color:#a855f759}.student-info{align-items:center;gap:12px;display:flex}.student-avatar{color:#fff;background:linear-gradient(135deg,#3b82f659,#0ea5e92e);border:1px solid #93c5fd47;border-radius:16px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.student-info strong{display:block}.student-info span{color:#94a3b8;margin-top:3px;font-size:.85rem;display:block}.student-info small{color:#64748b;margin-top:3px;font-size:.75rem;display:block}.attendance-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:430px;display:flex}.attendance-actions button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:#93c5fdd9;box-shadow:0 0 22px #2563eb59}.attendance-intelligence{margin-top:4px}.attendance-pills{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.live-pill,.risk-pill,.alert-pill{border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:800}.live-pill.active{color:#86efac;background:#22c55e2e}.live-pill.idle{color:#fcd34d;background:#f59e0b2e}.live-pill.disconnected{color:#fca5a5;background:#ef44442e}.live-pill.late-candidate{color:#fde68a;background:#fbbf242e}.risk-pill.normal{color:#86efac;background:#22c55e1f}.risk-pill.watch{color:#fde68a;background:#fbbf241f}.risk-pill.intervention{color:#fca5a5;background:#ef44441f}.alert-pill{color:#93c5fd;background:#3b82f629}.parent-alert-btn{cursor:pointer;width:100%;font-weight:800;color:#fff!important;background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;border:none!important;border-radius:14px!important;padding:10px!important}.attendance-empty{text-align:center;color:#94a3b8;padding:18px}@media (width<=900px){.attendance-summary.elite,.attendance-status-grid,.attendance-intel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-row{flex-direction:column;align-items:flex-start}.attendance-actions{justify-content:flex-start;max-width:none}.attendance-controls{flex-direction:column}}.game-board-shell{background:radial-gradient(circle at 0 0,#3b82f62e,#0000 34%),linear-gradient(135deg,#f8fafcfa,#eff6ffeb);border:1px solid #94a3b847;border-radius:30px;min-height:620px;margin:18px;padding:24px;box-shadow:0 26px 80px #0f172a29}.game-board-hero,.game-board-teacher-bar,.game-board-stats,.game-board-grid,.game-board-complete{animation:.28s both gameFadeUp}.game-board-hero{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.game-board-hero p{letter-spacing:.16em;color:#2563eb;margin:0 0 8px;font-size:.72rem;font-weight:900}.game-board-hero h2{letter-spacing:-.06em;color:#0f172a;margin:0;font-size:clamp(2rem,4vw,3.6rem)}.game-board-hero span{color:#475569;max-width:720px;margin-top:8px;font-weight:650;display:block}.game-board-hero-actions,.game-board-teacher-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.game-board-shell button,.game-board-shell select{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:999px;padding:12px 16px;font-weight:900;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 12px 28px #0f172a2e}.game-board-shell button:hover{transform:translateY(-1px)}.game-board-shell button.danger{background:#dc2626}.game-board-shell select{color:#0f172a;background:#fff;border:1px solid #94a3b866}.game-board-teacher-bar{background:#ffffffc2;border:1px solid #94a3b83d;border-radius:22px;justify-content:space-between;margin:16px 0;padding:14px}.game-board-teacher-bar div{align-items:center;gap:10px;display:flex}.game-board-stats{grid-template-columns:repeat(4,minmax(110px,1fr));gap:12px;margin:18px 0;display:grid}.game-board-stats div{background:#ffffffd6;border:1px solid #94a3b840;border-radius:22px;padding:16px}.game-board-stats strong{color:#0f172a;font-size:2rem;line-height:1;display:block}.game-board-stats span{text-transform:uppercase;color:#64748b;letter-spacing:.08em;margin-top:6px;font-size:.76rem;font-weight:900;display:block}.game-board-progress{background:#94a3b842;border-radius:999px;height:14px;margin-bottom:16px;overflow:hidden}.game-board-progress div{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#22c55e);height:100%;transition:width .26s}.game-board-feedback,.game-board-complete{border-radius:22px;margin:14px 0;padding:16px 18px;font-weight:900}.game-board-feedback.correct,.game-board-complete{color:#166534;background:#dcfce7f2;border:1px solid #22c55e47}.game-board-feedback.wrong{color:#991b1b;background:#fee2e2f2;border:1px solid #ef444447}.game-board-grid{grid-template-columns:minmax(240px,.8fr) minmax(340px,1.15fr) minmax(390px,.95fr);align-items:start;gap:18px;display:grid}.game-board-column{background:#ffffffd1;border:1px solid #94a3b83d;border-radius:28px;padding:18px;box-shadow:0 14px 36px #0f172a14}.game-board-column-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.game-board-column-title h3{color:#0f172a;margin:0}.game-board-column-title span{color:#2563eb;font-weight:900}.game-word-bank,.game-target-grid,.game-matched-list{gap:12px;display:grid}.game-word-card{text-align:left;width:100%;color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-radius:24px!important;padding:18px!important;box-shadow:0 16px 32px #2563eb3d!important}.game-word-card.selected{outline:4px solid #facc15e6;transform:translateY(-2px)scale(1.01)}.game-word-card strong{font-size:1.6rem;display:block}.game-word-card small{opacity:.85;margin-top:4px;display:block}.game-target-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.game-target-card{min-height:150px;color:#0f172a!important;background:#f8fafc!important;border:2px dashed #2563eb52!important;border-radius:28px!important;box-shadow:inset 0 0 0 1px #ffffffa6,0 14px 28px #0f172a14!important}.game-target-card.matched{background:#dcfce7!important;border-style:solid!important;border-color:#22c55e99!important}.game-target-emoji{margin-bottom:10px;font-size:3.4rem;display:block}.game-target-card strong,.game-target-card small{display:block}.game-matched-list{border-top:1px solid #94a3b840;margin-top:18px;padding-top:14px}.game-matched-list h4{color:#0f172a;margin:0}.game-matched-list span{color:#166534;background:#dcfce7e6;border-radius:14px;padding:8px 10px;font-weight:900}.game-empty-state,.teacher-empty-state{color:#166534;background:#dcfce7e6;border-radius:18px;padding:18px;font-weight:900}.game-student-help{color:#64748b;margin:16px 0 0;font-weight:700}.teacher-analytics-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#2563eb1a,#0000 34%),linear-gradient(#fffffffa,#f8fafcf0);border:1px solid #94a3b859;border-radius:30px;padding:22px;position:relative;overflow:hidden;box-shadow:0 24px 70px #0f172a33,inset 0 1px #fffffff2}.teacher-analytics-panel:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff8c,#0000 32%,#2563eb14);position:absolute;inset:0}.teacher-analytics-title{letter-spacing:-.03em;color:#0f172a;margin:0 0 18px;font-size:22px;font-weight:950;position:relative}.teacher-analytics-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;display:grid;position:relative}.teacher-stat-card{text-align:center;background:linear-gradient(#fff,#f8fafc);border:1px solid #cbd5e1db;border-radius:24px;padding:18px 12px;box-shadow:inset 0 1px #fff,0 12px 30px #0f172a14}.teacher-stat-number{color:#0f172a;letter-spacing:-.05em;font-size:38px;font-weight:950;line-height:1}.teacher-stat-label{letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-top:10px;font-size:11px;font-weight:950}.student-score-list{gap:10px;margin-top:12px;display:grid;position:relative}.student-score-row{background:#ffffffc7;border:1px solid #e2e8f0eb;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.student-score-name{text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:15px;font-weight:950;overflow:hidden}.student-score-email{text-overflow:ellipsis;white-space:nowrap;color:#64748b;margin-top:4px;font-size:12px;font-weight:700;overflow:hidden}.student-score-pill{color:#1d4ed8;white-space:nowrap;background:linear-gradient(#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;box-shadow:0 8px 18px #2563eb1f}.teacher-analytics-note{color:#475569;background:#f8fafcf0;border:1px solid #cbd5e1e6;border-radius:20px;margin-top:18px;padding:16px;font-size:14px;font-weight:750;line-height:1.55;position:relative}@keyframes gameFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.game-board-grid{grid-template-columns:1fr}.game-board-stats{grid-template-columns:repeat(2,1fr)}.game-target-grid{grid-template-columns:1fr}.game-board-hero{flex-direction:column}}@media (width<=620px){.game-board-shell{border-radius:24px;margin:10px;padding:14px}.game-board-stats,.teacher-analytics-grid,.student-score-row{grid-template-columns:1fr}.student-score-pill{width:fit-content}}.game-board-overlay{z-index:9999;background:radial-gradient(circle at 12% 8%,#2563eb3d,#0000 30%),radial-gradient(circle at 88% 18%,#22c55e2e,#0000 26%),linear-gradient(135deg,#e8eef7 0%,#f8fafc 42%,#dbeafe 100%);position:fixed;inset:0;overflow:hidden}.game-board-shell.phase2{width:100%;height:100vh;min-height:100vh;box-shadow:none;background:linear-gradient(#f8fafcf5,#e2e8f0e6),radial-gradient(circle at 0 0,#2563eb2e,#0000 34%);border:0;border-radius:0;margin:0;padding:28px clamp(18px,3vw,42px) 44px;animation:.32s both gameOverlayEnter;position:relative;overflow:hidden auto}.game-board-aurora{pointer-events:none;opacity:.75;filter:blur(6px);background:radial-gradient(circle at 20% 20%,#3b82f63d,#0000 26%),radial-gradient(circle at 78% 10%,#0ea5e92e,#0000 24%),radial-gradient(circle at 52% 0,#facc151f,#0000 18%);height:420px;position:fixed;inset:-20% -10% auto}.game-command-panel{z-index:20;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ae0;border:1px solid #ffffff29;border-radius:26px;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;padding:14px 16px;display:flex;position:sticky;top:0;box-shadow:0 22px 60px #0f172a33}.game-command-panel strong,.game-command-panel span{display:block}.game-command-panel strong{letter-spacing:-.02em;font-size:15px;font-weight:950}.game-command-panel span{color:#bfdbfe;margin-top:2px;font-size:12px;font-weight:850}.game-command-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.game-command-actions button,.completion-actions button{min-height:42px}.game-command-actions button.secondary,.completion-actions button.secondary,.game-board-hero-actions button:not(.danger){color:#0f172a!important;background:linear-gradient(#fff,#eaf2ff)!important;border:1px solid #94a3b885!important}.game-board-shell.phase2 .game-board-hero{z-index:1;background:linear-gradient(135deg,#fffffff5,#f8fafceb),radial-gradient(circle at 100% 0,#2563eb24,#0000 30%);border:1px solid #cbd5e1ad;border-radius:34px;padding:clamp(22px,3vw,38px);position:relative;box-shadow:0 24px 70px #0f172a1f}.game-board-shell.phase2 .game-board-hero p{color:#2563eb;letter-spacing:.22em}.game-board-shell.phase2 .game-board-hero h2{letter-spacing:-.08em;font-size:clamp(2.6rem,5vw,5.2rem);line-height:.95}.instruction-zone{grid-template-columns:minmax(320px,.95fr) minmax(320px,1.15fr);gap:18px;margin:18px 0;display:grid}.instruction-card,.reply-card,.answer-review-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #cbd5e1b8;border-radius:30px;padding:18px;box-shadow:0 18px 48px #0f172a17}.instruction-card{align-items:center;gap:18px;display:flex}.instruction-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:20px;place-items:center;width:60px;height:60px;font-size:30px;display:grid;box-shadow:0 16px 36px #2563eb42}.instruction-card span,.answer-review-panel p{color:#2563eb;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:950;display:block}.instruction-card strong{color:#0f172a;font-size:clamp(1rem,1.45vw,1.35rem);line-height:1.35}.reply-card{align-content:center;gap:10px;display:grid}.reply-card input,.student-reply-line input{color:#0f172a;background:#fffffff2;border:1px solid #94a3b88c;border-radius:999px;outline:none;width:100%;min-height:46px;padding:0 18px;font-weight:700}.reply-card input:focus,.student-reply-line input:focus{border-color:#2563ebcc;box-shadow:0 0 0 4px #2563eb1f}.quick-replies,.student-reply-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.quick-replies button{color:#0f172a!important;background:linear-gradient(#fff,#f8fafc)!important;border:1px solid #94a3b87a!important;box-shadow:0 10px 26px #0f172a14!important}.student-reply-line{flex-wrap:nowrap}.student-reply-line button,.reply-card>button{flex:none}.game-board-shell.phase2 .game-board-grid{grid-template-columns:minmax(260px,.72fr) minmax(460px,1.08fr) minmax(430px,.9fr);gap:22px}.game-board-shell.phase2 .game-board-column,.teacher-analytics-panel.phase2{background:#fffffff0;border-radius:32px;box-shadow:0 22px 64px #0f172a1f}.game-board-shell.phase2 .game-word-card,.game-board-shell.phase2 .game-target-card{transition:transform .18s,box-shadow .18s,border-color .18s}.game-board-shell.phase2 .game-word-card:hover,.game-board-shell.phase2 .game-target-card:hover{transform:translateY(-2px)}.game-target-card.target-ready{border-color:#2563ebb8!important;box-shadow:0 0 0 5px #2563eb14,0 16px 34px #0f172a1a!important}.success-bounce{animation:.46s cubic-bezier(.2,.8,.2,1) both correctBounce}.wrong-shake{animation:.38s both wrongShake}.teacher-analytics-panel.phase2{max-height:calc(100vh - 260px);overflow-y:auto}.analytics-live-pill{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;position:absolute;top:22px;right:20px;box-shadow:0 12px 24px #22c55e29}.analytics-subtitle{color:#64748b;margin:-8px 0 18px;font-weight:800;position:relative}.teacher-stat-card.attention .teacher-stat-number{color:#b91c1c}.phase2-list .student-score-row{grid-template-columns:minmax(0,1fr);align-items:stretch}.phase2-list .student-score-row.flagged{background:linear-gradient(#fff,#fef2f2);border-color:#ef444457}.student-score-main{min-width:0}.student-progress-track{background:#94a3b838;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.student-progress-track div{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#22c55e);height:100%;transition:width .26s}.phase2-list .student-score-pill{justify-self:start;margin-top:8px}.reply-feed{background:#f8fafcf0;border:1px solid #cbd5e1e0;border-radius:22px;margin-top:18px;padding:16px;position:relative}.reply-feed-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.reply-feed-title strong{color:#0f172a;font-weight:950}.reply-feed-title span{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:950}.reply-feed-item{border-top:1px solid #cbd5e1b3;gap:3px;padding:10px 0;display:grid}.reply-feed-item strong{color:#0f172a;font-size:13px}.reply-feed-item span{color:#334155;font-weight:760}.reply-feed-item small,.reply-feed em{color:#64748b;font-weight:700}.completion-backdrop{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a6b;place-items:center;padding:24px;animation:.24s both fadeIn;display:grid;position:fixed;inset:0}.completion-card{text-align:center;background:radial-gradient(circle at top,#facc1533,#0000 28%),linear-gradient(#fffffffa,#f8fafcf5);border:1px solid #ffffffb8;border-radius:38px;width:min(720px,94vw);padding:clamp(24px,4vw,44px);animation:.36s cubic-bezier(.2,.9,.2,1) both completionPop;box-shadow:0 36px 120px #0f172a59}.completion-burst{background:linear-gradient(135deg,#facc15,#fb923c);border-radius:28px;place-items:center;width:84px;height:84px;margin:0 auto 12px;font-size:44px;animation:1.6s ease-in-out infinite floatPulse;display:grid;box-shadow:0 20px 42px #fb923c4d}.completion-card p{color:#2563eb;letter-spacing:.16em;margin:0 0 8px;font-size:12px;font-weight:950}.completion-card h3{color:#0f172a;letter-spacing:-.07em;margin:0;font-size:clamp(2.2rem,5vw,4.2rem)}.completion-card>span{color:#475569;max-width:560px;margin:12px auto 20px;font-weight:760;line-height:1.55;display:block}.completion-score-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;display:grid}.completion-score-grid div{background:#eff6ffe6;border:1px solid #bfdbfee6;border-radius:24px;padding:18px}.completion-score-grid strong,.completion-score-grid small{display:block}.completion-score-grid strong{color:#0f172a;letter-spacing:-.05em;font-size:2.2rem}.completion-score-grid small{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-weight:950}.completion-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.answer-review-panel{margin-top:22px}.answer-review-panel h3{color:#0f172a;margin:0 0 14px;font-size:1.5rem}.review-chip-grid{flex-wrap:wrap;gap:10px;display:flex}.review-chip-grid span{border:1px solid #94a3b870;border-radius:999px;padding:10px 13px;font-weight:950}.review-chip-grid .complete{color:#166534;background:#dcfce7;border-color:#86efac}.review-chip-grid .pending{color:#64748b;background:#f8fafc}@keyframes gameOverlayEnter{0%{opacity:0;transform:translateY(10px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes completionPop{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floatPulse{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-6px)rotate(3deg)}}@keyframes correctBounce{0%{transform:scale(1)}45%{transform:scale(1.06)translateY(-4px)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@media (width<=1240px){.game-board-shell.phase2 .game-board-grid,.instruction-zone{grid-template-columns:1fr}.teacher-analytics-panel.phase2{max-height:none}}@media (width<=760px){.game-board-shell.phase2{padding:14px 12px 28px}.game-command-panel,.game-board-hero,.instruction-zone,.student-reply-line,.completion-actions{flex-direction:column;align-items:stretch}.game-command-panel{display:grid}.game-command-actions,.quick-replies{grid-template-columns:1fr 1fr;display:grid}.completion-score-grid{grid-template-columns:1fr}}.reply-feed-item.teacher-message{background:linear-gradient(#eff6fff2,#fffffff2);border-left:4px solid #2563eb}.reply-feed-item.own-reply{background:linear-gradient(#f0fdf4f2,#fffffff2);border-left:4px solid #22c55e}.hybrid-mode-strip{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #94a3b852;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;margin:14px 0 18px;padding:14px 16px;display:flex;position:relative;box-shadow:0 14px 34px #0f172a14}.hybrid-mode-strip strong{color:#0f172a;letter-spacing:-.02em;font-weight:950;display:block}.hybrid-mode-strip span{color:#64748b;margin-top:3px;font-size:.92rem;font-weight:750;display:block}.hybrid-mode-strip.is-focused{background:linear-gradient(135deg,#eff6ffeb,#ffffffd1);border-color:#2563eb47}.hybrid-mode-strip.is-open{background:linear-gradient(135deg,#dcfce7e6,#ffffffd6);border-color:#22c55e57}.student-view-switcher{background:#0f172a14;border-radius:999px;gap:8px;padding:6px;display:inline-flex}.student-view-switcher button{min-width:88px;box-shadow:none!important;padding:10px 14px!important}.student-view-switcher button.active{color:#fff!important;background:#2563eb!important}.game-command-actions .hybrid-on,.game-board-shell button.hybrid-on{color:#fff!important;background:linear-gradient(135deg,#16a34a,#22c55e)!important}.current-activity-card{background:radial-gradient(circle at 0 0,#2563eb1f,#0000 34%),linear-gradient(135deg,#fffffff5,#eff6ffe6);border:1px solid #2563eb38;border-radius:30px;justify-content:space-between;align-items:center;gap:18px;margin:18px;padding:22px;display:flex;box-shadow:0 20px 55px #0f172a1f}.current-activity-card p{color:#2563eb;letter-spacing:.14em;margin:0 0 6px;font-size:.74rem;font-weight:950}.current-activity-card h2{color:#0f172a;letter-spacing:-.04em;margin:0;font-size:clamp(1.45rem,2.5vw,2.4rem)}.current-activity-card span{color:#475569;max-width:780px;margin-top:6px;font-weight:750;display:block}@media (width<=760px){.hybrid-mode-strip,.current-activity-card{flex-direction:column;align-items:stretch}.student-view-switcher{width:100%}.student-view-switcher button{flex:1}}.game-target-emoji img{object-fit:cover;border-radius:22px;width:84px;height:84px;box-shadow:0 12px 24px #0f172a29}.teacher-highlight{border:2px solid #3b82f6;transition:all .2s;box-shadow:0 0 14px #3b82f6e6}.review-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 0 0,#2563eb38,#0000 32%),#0f172a85;place-items:center;padding:24px;animation:.22s both fadeIn;display:grid;position:fixed;inset:0}.answer-review-panel.modal.elite-review{background:radial-gradient(circle at 100% 0,#22c55e21,#0000 28%),linear-gradient(#fffffffa,#f8fafcf5);border:1px solid #ffffffb8;border-radius:34px;width:min(1040px,94vw);max-height:84vh;margin:0;padding:26px;overflow-y:auto;box-shadow:0 42px 120px #0f172a6b}.elite-review-topbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.elite-review-badge{color:#2563eb;letter-spacing:.14em;background:#dbeafe;border-radius:999px;width:fit-content;padding:8px 12px;font-size:12px;font-weight:950}.elite-review-close{width:42px;height:42px;font-size:24px;line-height:1;color:#fff!important;background:#0f172a!important;border-radius:999px!important;padding:0!important}.elite-review-hero{background:linear-gradient(135deg,#fff,#eff6ff);border:1px solid #bfdbfecc;border-radius:28px;justify-content:space-between;align-items:center;gap:22px;margin-bottom:20px;padding:22px;display:flex}.elite-review-hero h3{letter-spacing:-.07em;color:#0f172a;margin:0;font-size:clamp(2rem,4vw,3.6rem)}.elite-review-hero p{color:#64748b;margin:8px 0 0;font-weight:800}.elite-review-score{text-align:center;color:#fff;background:#0f172a;border-radius:24px;min-width:130px;padding:18px;box-shadow:0 18px 45px #0f172a38}.elite-review-score strong{letter-spacing:-.05em;font-size:2.2rem;display:block}.elite-review-score span{color:#bfdbfe;text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:950;display:block}.elite-review-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px;display:grid}.elite-review-card{background:#ffffffe0;border:1px solid #cbd5e1cc;border-radius:24px;grid-template-columns:74px 1fr auto;align-items:center;gap:14px;padding:16px;display:grid;position:relative;box-shadow:0 14px 36px #0f172a14}.elite-review-card.complete{background:linear-gradient(135deg,#f0fdf4f2,#fffffff2);border-color:#22c55e59}.elite-review-card.pending{opacity:.78}.elite-review-icon{background:#eff6ff;border-radius:20px;place-items:center;width:64px;height:64px;font-size:2rem;display:grid;overflow:hidden}.elite-review-icon img{object-fit:cover;width:100%;height:100%}.elite-review-content{min-width:0}.elite-review-label{color:#2563eb;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:950;display:block}.elite-review-content strong{color:#0f172a;margin-top:4px;font-size:1.15rem;font-weight:950;display:block}.elite-review-content small{color:#64748b;margin-top:4px;font-weight:800;display:block}.elite-review-status{color:#15803d;background:#dcfce7;border-radius:999px;place-items:center;width:36px;height:36px;font-weight:950;display:grid;box-shadow:0 10px 22px #22c55e2e}.elite-review-card.pending .elite-review-status{color:#94a3b8;background:#f1f5f9}.elite-review-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:22px;display:flex}@media (width<=760px){.elite-review-grid{grid-template-columns:1fr}.elite-review-hero{flex-direction:column;align-items:stretch}.elite-review-score{width:100%}}.leaderboard-row small{text-overflow:ellipsis;white-space:nowrap;color:#cbd5e1;margin-top:4px;font-weight:750;display:block;overflow:hidden}@keyframes leaderboardBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes leaderboardDrawerIn{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}@media (width<=760px){.leaderboard-float-button{top:82px;right:12px;padding:11px 14px!important}.leaderboard-drawer{width:min(390px,94vw);padding:20px}}.floating-leaderboard-shell,.game-live-leaderboard.compact,.game-live-leaderboard.floating{display:none!important}.leaderboard-float-button{z-index:120;align-items:center;gap:10px;display:inline-flex;position:fixed;top:clamp(78px,9vh,104px);right:clamp(14px,2vw,26px);color:#fff!important;background:radial-gradient(circle at 0 0,#facc1533,#0000 32%),linear-gradient(135deg,#0f172a,#1e293b)!important;border:1px solid #ffffff24!important;border-radius:999px!important;padding:13px 18px!important;box-shadow:0 18px 44px #0f172a52,inset 0 1px #ffffff1f!important}.leaderboard-float-button span{color:#111827;background:#facc15;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 8px;font-weight:950;display:grid}.leaderboard-drawer-backdrop{z-index:130;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a38;animation:.18s both leaderboardBackdropIn;position:fixed;inset:0}.leaderboard-drawer{color:#fff;background:radial-gradient(circle at 0 0,#facc1533,#0000 34%),radial-gradient(circle at 100% 100%,#2563eb29,#0000 30%),linear-gradient(#0f172a,#1e293b);width:min(460px,92vw);height:100%;padding:24px;animation:.22s both leaderboardDrawerIn;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-28px 0 80px #0f172a61}.leaderboard-drawer-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.leaderboard-drawer-head p{color:#facc15;letter-spacing:.18em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:950}.leaderboard-drawer-head h3{color:#fff;letter-spacing:-.06em;margin:0;font-size:2rem;line-height:1}.leaderboard-drawer-head button{place-items:center;width:42px;height:42px;font-size:1.4rem;line-height:1;display:grid;color:#fff!important;box-shadow:none!important;background:#ffffff1f!important;border-radius:999px!important;padding:0!important}.leaderboard-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 16px;display:grid}.leaderboard-summary-grid div{text-align:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;min-width:0;padding:12px 8px}.leaderboard-summary-grid strong,.leaderboard-summary-grid span{display:block}.leaderboard-summary-grid strong{color:#fff;font-size:1.35rem;font-weight:950;line-height:1}.leaderboard-summary-grid span{color:#cbd5e1;letter-spacing:.08em;text-transform:uppercase;margin-top:5px;font-size:.68rem;font-weight:900}.leaderboard-empty{color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff1a;border-radius:22px;padding:18px;font-weight:800;line-height:1.45}.leaderboard-list{gap:12px;display:grid}.leaderboard-row{background:#ffffff17;border:1px solid #ffffff1c;border-radius:22px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.leaderboard-row>strong{color:#111827;background:linear-gradient(145deg,#fde68a,#f59e0b);border-radius:16px;place-items:center;width:42px;height:42px;font-weight:950;display:grid;box-shadow:0 12px 26px #f59e0b3d}.leaderboard-row div{min-width:0}.leaderboard-row span{text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:950;display:block;overflow:hidden}.leaderboard-row small{color:#cbd5e1;margin-top:4px;font-weight:750;line-height:1.35;display:block}@media (width<=760px){.leaderboard-float-button{top:82px;right:12px;padding:11px 14px!important}.leaderboard-drawer{width:min(390px,94vw);padding:20px}.leaderboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.game-top-right-tools{z-index:99999;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;top:92px;right:24px}.game-top-right-secondary{gap:10px;display:flex}.game-floating-button{cursor:pointer;-webkit-backdrop-filter:blur(18px);border:none;border-radius:999px;padding:14px 20px;font-weight:900;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 18px 45px #00000047,inset 0 1px #ffffff1f}.game-floating-button:hover{transform:translateY(-2px)}.game-floating-button.end{color:#fff;background:linear-gradient(135deg,#ff2d2d,#c51616)}.game-floating-button.leaderboard{color:#fff;background:linear-gradient(135deg,#1f2f58,#0f172a)}.game-floating-button.dashboard{color:#fff;background:linear-gradient(135deg,#0d9488,#0f766e)}.report-preview-drawer{background:radial-gradient(circle at 0 0,#2563eb1f,#0000 34%),linear-gradient(#fffffffa,#f8fafcf2);border:1px solid #94a3b857;border-radius:32px;margin:22px 0 0;padding:22px;animation:.26s both reportDrawerIn;position:relative;overflow:hidden;box-shadow:0 26px 80px #0f172a2e}.report-preview-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.report-preview-header p,.report-editor-topline p{color:#2563eb;letter-spacing:.14em;margin:0 0 6px;font-size:.72rem;font-weight:950}.report-preview-header h2,.report-editor-topline h3{color:#0f172a;letter-spacing:-.05em;margin:0}.report-preview-header h2{font-size:clamp(1.6rem,3vw,2.4rem)}.report-preview-header span,.report-editor-topline span{color:#64748b;margin-top:6px;font-weight:750;display:block}.report-close-btn{width:42px;height:42px;font-size:24px;line-height:1;color:#fff!important;background:#0f172a!important;border-radius:999px!important;padding:0!important}.report-summary-grid{grid-template-columns:repeat(4,minmax(110px,1fr));gap:12px;margin-bottom:16px;display:grid}.report-summary-grid>div{background:#ffffffe0;border:1px solid #cbd5e1cc;border-radius:22px;padding:16px;box-shadow:inset 0 1px #ffffffe6,0 10px 24px #0f172a0f}.report-summary-grid strong{color:#0f172a;font-size:1.7rem;font-weight:950;line-height:1;display:block}.report-summary-grid span{color:#64748b;letter-spacing:.1em;text-transform:uppercase;margin-top:7px;font-size:.72rem;font-weight:950;display:block}.report-intelligence-strip{grid-template-columns:repeat(3,minmax(130px,1fr));gap:12px;margin:0 0 16px;display:grid}.report-intelligence-strip>div{background:linear-gradient(135deg,#eff6fff2,#fffffff0);border:1px solid #bfdbfecc;border-radius:22px;padding:14px 16px}.report-intelligence-strip span{color:#2563eb;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:950;display:block}.report-intelligence-strip strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-weight:950;display:block;overflow:hidden}.report-audience-row{flex-wrap:wrap;gap:10px;margin:0 0 18px;display:flex}.report-audience-row button{color:#0f172a!important;box-shadow:none!important;background:#e2e8f0!important}.report-audience-row button.active{color:#fff!important;background:#2563eb!important;box-shadow:0 12px 26px #2563eb33!important}.report-preview-layout{grid-template-columns:minmax(220px,.7fr) minmax(360px,1.3fr);align-items:start;gap:16px;display:grid}.report-student-list,.report-editor-panel{background:#ffffffd6;border:1px solid #cbd5e1bf;border-radius:26px;box-shadow:0 16px 44px #0f172a14}.report-student-list{gap:10px;padding:16px;display:grid}.report-student-list h3{color:#0f172a;margin:0 0 4px}.report-student-card{text-align:left;grid-template-columns:1fr auto;gap:3px 12px;width:100%;color:#0f172a!important;box-shadow:none!important;background:#f8fafc!important;border:1px solid #e2e8f0f2!important;border-radius:20px!important;padding:14px!important;display:grid!important}.report-student-card.selected{background:#eff6ff!important;border-color:#2563eb61!important}.report-student-card span{text-overflow:ellipsis;white-space:nowrap;font-weight:950;overflow:hidden}.report-student-card strong{color:#2563eb;font-weight:950}.report-student-card small{color:#64748b;grid-column:1/-1;font-weight:750}.report-editor-panel{padding:18px}.report-editor-topline{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.report-score-badge{color:#1d4ed8;text-align:center;background:linear-gradient(#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:24px;min-width:104px;padding:14px;font-size:2rem;font-weight:950;line-height:1}.report-score-badge small{color:#2563eb;letter-spacing:.1em;text-transform:uppercase;margin-top:6px;font-size:.66rem;display:block}.report-insight-cards{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.report-insight-cards>div{background:#f8fafc;border:1px solid #cbd5e1d9;border-radius:20px;padding:14px}.report-insight-cards strong{color:#0f172a;margin-bottom:8px;font-weight:950;display:block}.report-insight-cards ul,.email-insight-section ul{margin:6px 0 0;padding-left:18px}.report-insight-cards li,.email-insight-section li{color:#334155;margin-bottom:5px;font-weight:760}.report-insight-cards span{color:#64748b;font-weight:760;display:block}.report-label{color:#0f172a;gap:8px;margin:14px 0;font-weight:950;display:grid}.report-label textarea{resize:vertical;width:100%;font:inherit;color:#0f172a;background:#fff;border:1px solid #94a3b880;border-radius:18px;outline:none;padding:14px}.report-label textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.report-email-preview{color:#334155;background:#fff;border:1px solid #cbd5e1e6;border-radius:24px;margin-top:16px;padding:0 18px 18px;overflow:hidden;box-shadow:0 18px 42px #0f172a14}.email-window-top{background:#f1f5f9;border-bottom:1px solid #e2e8f0;gap:7px;margin:0 -18px 14px;padding:12px 16px;display:flex}.email-window-top span{background:#94a3b8;border-radius:999px;width:10px;height:10px}.email-subject{color:#0f172a;font-weight:950}.email-metrics-row{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.email-metrics-row span{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:8px 10px;font-size:.82rem;font-weight:900}.email-insight-section{background:#f8fafc;border:1px solid #e2e8f0f2;border-radius:18px;margin-top:14px;padding:14px}.email-insight-section strong{color:#0f172a;margin-top:6px;display:block}.report-email-preview blockquote{color:#0f172a;background:#f8fafc;border-left:5px solid #2563eb;border-radius:14px;margin:14px 0;padding:14px 16px;font-weight:750}.report-action-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.report-action-row button.secondary{background:#475569!important}.report-action-row button.success{background:#16a34a!important}.report-empty-state{color:#64748b;background:#f8fafc;border-radius:18px;padding:18px;font-weight:850}@keyframes reportDrawerIn{0%{opacity:0;transform:translateY(14px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=900px){.report-summary-grid,.report-intelligence-strip,.report-preview-layout,.report-insight-cards{grid-template-columns:1fr}.report-editor-topline{flex-direction:column}}@media (width<=620px){.report-preview-drawer{border-radius:24px;padding:14px}.report-summary-grid{grid-template-columns:repeat(2,1fr)}}.fish-game-shell.world-ui{color:#fff;background:radial-gradient(circle at 15% 15%,#0ea5e957,#0000 30%),radial-gradient(circle at 85% 75%,#22c55e33,#0000 32%),linear-gradient(135deg,#03162f,#05233e 46%,#020617);border-radius:28px;width:100%;min-height:760px;padding:18px;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000061}.fish-game-bg-grid{opacity:.1;pointer-events:none;background-image:linear-gradient(#ffffff21 1px,#0000 1px),linear-gradient(90deg,#ffffff21 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.fish-topbar,.fish-step-strip,.fish-world-layout{z-index:2;position:relative}.fish-topbar{grid-template-columns:1fr auto auto;align-items:center;gap:12px;margin-bottom:12px;display:grid}.fish-brand{align-items:center;gap:12px;display:flex}.fish-brand-icon{filter:drop-shadow(0 10px 18px #00000047);font-size:2.2rem}.fish-brand h2{color:#f8fafc;letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,3vw,3rem)}.fish-game-stats{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.fish-game-stats span{background:#0f172ab8;border:1px solid #7dd3fc47;border-radius:999px;padding:10px 13px;font-size:.82rem;font-weight:950}.fish-game-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.fish-game-actions button,.selected-answer-bar button,.next-question-button,.fish-complete-card button{color:#fff;cursor:pointer;background:#0f172ae6;border:0;border-radius:999px;padding:10px 14px;font-weight:950;box-shadow:0 14px 28px #00000038}.fish-game-actions button:hover,.selected-answer-bar button:hover,.next-question-button:hover,.fish-complete-card button:hover{transform:translateY(-2px)}.fish-game-actions .danger{background:linear-gradient(135deg,#dc2626,#ef4444)}.fish-step-strip{color:#0f172a;background:#e0f2feeb;border-radius:24px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin-bottom:12px;padding:11px 18px;display:grid;box-shadow:inset 0 1px #ffffffe6,0 18px 40px #0000002e}.fish-step-strip div{opacity:.6;align-items:center;gap:10px;font-weight:950;display:flex}.fish-step-strip div.active{opacity:1;transform:scale(1.02)}.fish-step-strip strong{color:#fff;background:#2563eb;border-radius:999px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 6px 16px #2563eb52}.fish-step-strip div:nth-of-type(2) strong{background:#f59e0b}.fish-step-strip div:nth-of-type(3) strong{background:#16a34a}.fish-step-strip em{color:#2563eb;font-size:1.65rem;font-style:normal;font-weight:1000}.fish-world-layout{grid-template-columns:1fr;gap:14px;display:grid}.fish-world-layout.with-panel{grid-template-columns:minmax(0,1fr) 320px}.fish-world-main{min-width:0}.fish-question-card{z-index:7;color:#172033;background:linear-gradient(#fffdf5,#f8ead3);border:4px solid #92400e59;border-radius:30px;width:min(520px,46%);min-height:118px;padding:28px 120px 24px 32px;position:absolute;top:12%;left:7%;box-shadow:0 22px 42px #00000047,inset 0 2px #ffffffe6}.question-badge{color:#fff;letter-spacing:.08em;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:16px;padding:10px 34px;font-weight:1000;position:absolute;top:-22px;left:50%;transform:translate(-50%);box-shadow:0 10px 18px #581c874d}.question-speaker{color:#fff;cursor:pointer;background:#8b5cf6;border:0;border-radius:14px;width:54px;height:44px;font-size:1.25rem;position:absolute;top:-18px;right:20px}.fish-question-card p{color:#1f2937;margin:0 0 8px;font-size:clamp(1.35rem,2.3vw,2rem);font-weight:950;line-height:1.15}.fish-question-card strong{color:#16a34a;font-size:1.4rem;font-weight:1000;display:block}.fish-progress-track{background:#0f172abd;border:1px solid #ffffff1f;border-radius:999px;height:9px;margin:0 0 12px;overflow:hidden}.fish-progress-track div{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#facc15,#fb923c);height:100%;transition:width .3s}.fish-pond.world{background:radial-gradient(circle at 35% 18%,#ffffff38,#0000 24%),linear-gradient(#0ea5e9 0%,#0369a1 52%,#075985 100%);border:1px solid #bae6fd5c;border-radius:30px;height:520px;position:relative;overflow:hidden;box-shadow:inset 0 0 100px #ffffff21,0 25px 70px #00000047}.water-rays{opacity:.5;pointer-events:none;background:linear-gradient(115deg,#ffffff29,#0000 24%),linear-gradient(75deg,#0000 20%,#ffffff1f,#0000 44%);position:absolute;inset:0}.water-glow{filter:blur(40px);opacity:.42;border-radius:999px;width:300px;height:300px;animation:8s ease-in-out infinite waterFloat;position:absolute}.water-glow.one{background:#67e8f9;top:20%;left:10%}.water-glow.two{background:#22c55e;animation-delay:-3s;bottom:8%;right:10%}.seaweed{color:#22c55ead;opacity:.55;font-size:10rem;font-weight:1000;position:absolute;bottom:-20px;transform:rotate(8deg)}.seaweed.left{left:1%}.seaweed.right{right:2%;transform:rotate(-8deg)}.feeding-station{z-index:6;width:270px;height:230px;position:absolute;bottom:16%;right:8%}.station-sign,.station-label{color:#fef3c7;text-shadow:0 2px #00000047;white-space:nowrap;background:linear-gradient(#92400e,#5b2b0a);border-radius:14px;padding:9px 18px;font-weight:1000;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 24px #00000040}.station-sign{letter-spacing:.04em;font-size:1.35rem;top:0}.station-label{font-size:.92rem;bottom:0}.station-arrow{color:#facc15;text-shadow:0 0 24px #facc15bf;font-size:4rem;font-weight:1000;animation:.9s ease-in-out infinite arrowBounce;position:absolute;top:52px;left:50%;transform:translate(-50%)}.station-mouth{background:linear-gradient(#fb7185,#be123c);border:7px solid #facc15;border-radius:12px 12px 999px 999px;width:180px;height:120px;animation:1.45s ease-in-out infinite mouthIdle;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #facc152e,0 0 42px #facc15b3,inset 0 -18px 36px #00000059}.station-mouth-inner{background:radial-gradient(circle at 50% 70%,#7f1d1d,#1f0205 72%);border-radius:8px 8px 999px 999px;position:absolute;inset:22px 22px 14px}.feeding-station.eating .station-mouth,.feeding-station.correct .station-mouth{border-color:#fde047;animation:.45s ease-in-out mouthEat}.feeding-station.wrong .station-mouth{border-color:#fb7185;box-shadow:0 0 22px #ef444473}.fish-path-line{opacity:.9;z-index:3;border-top:7px dashed #ffffffd1;width:31%;position:absolute;top:58%;left:34%;transform:rotate(-9deg)}.fish-character{z-index:7;filter:drop-shadow(0 22px 24px #00000040);width:230px;height:130px;transition:left .18s linear,top .18s linear;position:absolute;transform:translate(-50%,-50%)}.fish-character.left{transform:translate(-50%,-50%)scaleX(-1)}.fish-character.waiting{animation:1.5s ease-in-out infinite fishWait}.fish-character.eating{animation:.45s ease-in-out infinite fishExcited}.fish-character.happy,.fish-character.celebrate{animation:.55s ease-in-out infinite fishHappy}.fish-character.sad{animation:.7s ease-in-out fishSad}.fish-character.escape{animation:.85s ease-in-out fishEscape}.fish-tail{clip-path:polygon(100% 50%,0 0,18% 50%,0 100%);transform-origin:100%;background:linear-gradient(135deg,#facc15,#fb923c);width:82px;height:78px;animation:.3s ease-in-out infinite tailWag;position:absolute;top:28px;left:8px}.fish-body{background:radial-gradient(circle at 55% 38%,#ffffff40,#0000 9%),radial-gradient(circle at 35% 58%,#fb923ccc,#0000 16%),linear-gradient(135deg,#fbbf24,#f97316 54%,#ea580c);border-radius:60% 45% 45% 60%;width:165px;height:108px;position:absolute;top:10px;right:0;box-shadow:inset -12px -10px 20px #7c2d1238}.fish-eye{background:#fff;border-radius:50%;width:26px;height:30px;animation:4s infinite eyeBlink;position:absolute;top:26px;box-shadow:inset 0 -2px #00000014}.left-eye{right:50px}.right-eye{right:24px}.fish-eye span{background:#020617;border-radius:50%;width:10px;height:10px;animation:1.6s ease-in-out infinite eyeLook;position:absolute;top:11px;left:8px}.fish-mouth{border-bottom:5px solid #7c2d12c7;border-radius:0 0 22px 22px;width:30px;height:16px;animation:1.3s ease-in-out infinite smallMouth;position:absolute;top:66px;right:12px}.fish-character.eating .fish-mouth,.fish-character.happy .fish-mouth,.fish-character.celebrate .fish-mouth{border-bottom-width:8px;height:28px}.fish-character.sad .fish-mouth{border-top:5px solid #7c2d12c7;border-bottom:0;border-radius:22px 22px 0 0;top:78px}.fish-reaction-word{color:#fef3c7;text-shadow:0 6px 16px #00000052;font-size:1.1rem;font-weight:1000;position:absolute;top:-30px;right:-20px}.answer-food-flight{z-index:12;left:var(--start-x);top:var(--start-y);color:#082f49;background:#fef3c7;border-radius:22px;padding:12px 22px;font-size:1.6rem;font-weight:1000;animation:.64s cubic-bezier(.15,.72,.35,1.05) forwards foodArc;position:absolute;transform:translate(-50%,-50%);box-shadow:0 18px 28px #0000003d}.fish-particle{z-index:13;font-size:1.35rem;animation:1.1s ease-out forwards particlePop;position:absolute;transform:translate(-50%,-50%)}.fish-feedback{z-index:14;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617b8;border:1px solid #ffffff2e;border-radius:22px;max-width:min(640px,100% - 44px);padding:13px 18px;font-weight:950;position:absolute;bottom:18px;left:22px;box-shadow:0 16px 32px #00000038}.fish-feedback.correct{background:#14532dc7}.fish-feedback.wrong{background:#7f1d1dd1}.fish-feedback.selected,.fish-feedback.near{background:#1e40afc7}.next-question-button{z-index:15;background:linear-gradient(135deg,#16a34a,#22c55e);position:absolute;bottom:22px;right:26px}.answer-help-card{color:#7c2d12;background:linear-gradient(#fef9c3,#fde68a);border-radius:18px;align-items:center;gap:10px;margin:12px auto;padding:12px 20px;font-weight:950;display:inline-flex;box-shadow:0 14px 26px #0000002e}.answer-help-card span{font-size:1.4rem}.answer-help-card small{color:#92400e}.fish-choice-tray{grid-template-columns:repeat(4,minmax(90px,1fr));gap:14px;display:grid}.fish-choice{color:#082f49;cursor:pointer;border:4px solid #ffffffa6;border-radius:24px;min-height:94px;font-size:2rem;font-weight:1000;transition:transform .18s,filter .18s,box-shadow .18s;box-shadow:0 18px 34px #00000047,inset 0 2px #ffffffb3}.fish-choice span,.fish-choice small{display:block}.fish-choice small{text-transform:uppercase;letter-spacing:.08em;opacity:.72;margin-top:4px;font-size:.68rem}.fish-choice.choice-0{background:linear-gradient(#dbeafe,#60a5fa)}.fish-choice.choice-1{background:linear-gradient(#fef3c7,#f59e0b)}.fish-choice.choice-2{background:linear-gradient(#dcfce7,#22c55e)}.fish-choice.choice-3{background:linear-gradient(#fecaca,#f87171)}.fish-choice:hover:not(:disabled){filter:saturate(1.12);transform:translateY(-5px)scale(1.03);box-shadow:0 24px 42px #00000052,0 0 0 5px #fff3}.fish-choice.selected{outline:5px solid #fef9c3d9;transform:translateY(-6px)scale(1.05);box-shadow:0 26px 46px #00000052,0 0 32px #facc1580}.fish-choice.dragging{opacity:.7}.fish-choice:disabled{opacity:.58;cursor:not-allowed}.selected-answer-bar{background:#0ea5e929;border:1px solid #7dd3fc4d;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:13px 16px;display:flex}.selected-answer-bar span{color:#bae6fd;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:1000;display:block}.selected-answer-bar strong{color:#fef3c7;font-size:1.5rem;display:block}.selected-answer-bar button{background:linear-gradient(135deg,#16a34a,#22c55e);font-size:1rem}.teacher-fish-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020617b3;border:1px solid #38bdf842;border-radius:28px;flex-direction:column;gap:14px;padding:16px;display:flex;box-shadow:0 24px 54px #00000047}.teacher-panel-head{border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:10px;padding-bottom:14px;display:flex}.teacher-panel-head div{align-items:center;gap:10px;display:flex}.teacher-panel-head span{font-size:1.7rem}.teacher-panel-head strong{color:#f8fafc}.teacher-panel-head em{color:#86efac;background:#1665344d;border-radius:999px;align-self:center;padding:7px 10px;font-size:.75rem;font-style:normal;font-weight:950}.teacher-metric-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.teacher-metric-grid div,.teacher-progress-card,.teacher-events-card,.teacher-tip-card{background:#0f172a94;border:1px solid #ffffff14;border-radius:18px;padding:14px}.teacher-metric-grid span{color:#cbd5e1;font-size:.78rem;font-weight:850;display:block}.teacher-metric-grid strong{color:#fef3c7;margin-top:5px;font-size:1.25rem;display:block}.teacher-progress-card div:first-child{color:#f8fafc;justify-content:space-between;gap:10px;margin-bottom:10px;display:flex}.teacher-progress-card span{color:#fef3c7;font-weight:1000}.teacher-progress-track{background:#0ea5e92e;border-radius:999px;height:14px;overflow:hidden}.teacher-progress-track div{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#86efac);height:100%}.teacher-events-card strong,.teacher-tip-card strong{color:#f8fafc;margin-bottom:10px;display:block}.teacher-events-card p,.teacher-tip-card span{color:#cbd5e1;margin:0;font-size:.88rem}.teacher-event-row{border-top:1px solid #ffffff14;gap:2px;padding:10px 0;display:grid}.teacher-event-row span{color:#86efac;font-weight:950}.teacher-event-row small{color:#dbeafe}.teacher-event-row em{color:#94a3b8;font-size:.75rem;font-style:normal}.teacher-tip-card{background:linear-gradient(135deg,#1e40afa6,#0e74908c)}.fish-complete-card{text-align:center;background:#16653438;border:1px solid #86efac57;border-radius:24px;margin-top:14px;padding:18px}.fish-complete-card div{font-size:2.4rem}.fish-complete-card h3{margin:4px 0;font-size:1.7rem}.fish-complete-card p{color:#dbeafe}.fish-pause-screen{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02061770;place-items:center;font-size:3rem;font-weight:1000;display:grid;position:absolute;inset:0}.bubble{border:2px solid #ffffff80;border-radius:999px;width:18px;height:18px;animation:7s ease-in infinite bubbleRise;position:absolute;bottom:-40px}.b1{left:7%}.b2{width:13px;height:13px;animation-delay:-2s;left:26%}.b3{width:22px;height:22px;animation-delay:-4s;left:61%}.b4{width:12px;height:12px;animation-delay:-1s;left:84%}@keyframes tailWag{0%,to{transform:rotate(18deg)}50%{transform:rotate(-22deg)}}@keyframes eyeBlink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.12)}}@keyframes eyeLook{0%,to{transform:translate(-3px)}50%{transform:translate(4px)}}@keyframes smallMouth{0%,to{transform:scaleY(.75)}50%{transform:scaleY(1.15)}}@keyframes fishWait{0%,to{margin-top:0}50%{margin-top:-8px}}@keyframes fishExcited{0%,to{transform:translate(-50%,-50%)rotate(-3deg)scale(1.02)}50%{transform:translate(-50%,-50%)rotate(3deg)scale(1.08)}}@keyframes fishHappy{0%,to{transform:translate(-50%,-50%)rotate(-5deg)scale(1.04)}50%{transform:translate(-50%,-50%)rotate(6deg)scale(1.14)}}@keyframes fishSad{0%,to{filter:drop-shadow(0 22px 24px #00000040)grayscale(.1)}50%{filter:drop-shadow(0 22px 24px #00000040)grayscale(.38)}}@keyframes fishEscape{0%{transform:translate(-50%,-50%)scaleX(-1)}to{transform:translate(-50%,-50%)scaleX(-1)translate(-28px)}}@keyframes mouthIdle{0%,to{transform:translate(-50%,-50%)scaleY(.82)}50%{transform:translate(-50%,-50%)scaleY(1)}}@keyframes mouthEat{0%{transform:translate(-50%,-50%)scale(.9,.8)}55%{transform:translate(-50%,-50%)scale(1.18,1.22)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes arrowBounce{0%,to{transform:translate(-50%)translateY(-4px)}50%{transform:translate(-50%)translateY(8px)}}@keyframes foodArc{0%{left:var(--start-x);top:var(--start-y);transform:translate(-50%,-50%)scale(1)}55%{top:calc((var(--start-y) + var(--end-y)) / 2 - 18%);transform:translate(-50%,-50%)scale(1.1)}to{left:var(--end-x);top:var(--end-y);opacity:.15;transform:translate(-50%,-50%)scale(.45)}}@keyframes particlePop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-160%)scale(1.55)}}@keyframes bubbleRise{0%{opacity:0;transform:translateY(0)}20%{opacity:.8}to{opacity:0;transform:translateY(-560px)}}@keyframes waterFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(25px,-20px)scale(1.15)}}@media (width<=1120px){.fish-world-layout.with-panel{grid-template-columns:1fr}.teacher-fish-panel{order:2}.fish-question-card{width:min(520px,88%);top:10%;left:5%}}@media (width<=760px){.fish-topbar,.fish-step-strip{grid-template-columns:1fr}.fish-step-strip em{display:none}.fish-choice-tray{grid-template-columns:repeat(2,1fr)}.fish-pond.world{height:470px}.fish-character{width:170px;height:98px}.fish-body{width:124px;height:82px}.fish-tail{width:60px;height:58px}.feeding-station{width:220px;right:2%}.station-mouth{width:145px;height:100px}.fish-question-card{width:auto;margin-bottom:12px;padding:24px;position:relative;top:auto;left:auto}}.shape3d-shell{color:#fff;background:radial-gradient(circle at 0 0,#38bdf847,#0000 34%),radial-gradient(circle at 100% 100%,#a855f738,#0000 30%),linear-gradient(135deg,#020617,#082f49 48%,#111827);border-radius:30px;min-height:720px;padding:24px;box-shadow:0 30px 90px #00000061}.shape3d-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.shape3d-header p{color:#7dd3fc;letter-spacing:.2em;margin:0 0 4px;font-size:.72rem;font-weight:900}.shape3d-header h2{margin:0;font-size:clamp(2rem,4vw,3.3rem)}.shape3d-stats{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.shape3d-stats span{background:#ffffff17;border:1px solid #7dd3fc38;border-radius:999px;padding:10px 13px;font-weight:900}.shape3d-question{background:#ffffff17;border:1px solid #ffffff21;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 18px;display:flex}.shape3d-question.correct{border-color:#86efacad}.shape3d-question.wrong{border-color:#fca5a5b3}.shape3d-question span{color:#bae6fd;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:900;display:block}.shape3d-question strong{color:#fef9c3;font-size:clamp(1.2rem,2.4vw,1.9rem);display:block}.shape3d-question button,.shape3d-complete button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#06b6d4);border:0;border-radius:999px;padding:11px 16px;font-weight:900;box-shadow:0 15px 32px #0000003d}.shape3d-stage{background:radial-gradient(circle at 50% 18%,#ffffff24,#0000 28%),linear-gradient(#0ea5e93d,#0f172abd);border:1px solid #bae6fd40;border-radius:30px;height:430px;overflow:hidden;box-shadow:inset 0 0 80px #ffffff14,0 26px 60px #00000040}.shape3d-feedback{color:#dbeafe;background:#02061785;border:1px solid #ffffff1f;border-radius:22px;margin-top:16px;padding:14px 16px;font-weight:900}.shape3d-feedback.correct{color:#dcfce7;background:#14532d94}.shape3d-feedback.wrong{color:#fee2e2;background:#7f1d1d94}.shape3d-complete{text-align:center;background:#16653433;border:1px solid #86efac52;border-radius:26px;margin-top:16px;padding:20px}.shape3d-complete div{font-size:2.5rem}.shape3d-complete h3{margin:4px 0;font-size:1.8rem}.shape3d-complete p{color:#dbeafe}@media (width<=760px){.shape3d-header,.shape3d-question{flex-direction:column;align-items:flex-start}.shape3d-stage{height:360px}}