.app-error-screen{color:#eaf3ff;background:radial-gradient(circle at 50% 38%,#245d7e33,#0000 38%),#07111f;align-items:center;min-height:100vh;padding:24px;display:grid}.app-error-card{background:#0e1c32f0;border:1px solid #91b1da33;border-radius:20px;width:100%;max-width:540px;margin:auto;padding:clamp(26px,6vw,42px);box-shadow:0 24px 70px #00000047}.app-error-mark{color:#fbbf24;background:#fbbf2421;border:1px solid #fbbf245c;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;font-weight:800;display:inline-flex}.app-error-kicker{color:#7ee9dc;margin:24px 0 8px;font-size:12px;font-weight:700}.app-error-card h1{letter-spacing:-.04em;margin:0;font-size:clamp(23px,5vw,30px);line-height:1.25}.app-error-copy{color:#a8b8cc;margin:14px 0 0;font-size:15px;line-height:1.8}.app-error-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px;display:flex}.app-error-actions button,.app-error-actions a{cursor:pointer;font:inherit;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 17px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.app-error-actions button{color:#06202a;background:#5eead4;border:1px solid #5eead4}.app-error-actions a{color:#eaf3ff;background:0 0;border:1px solid #91b1da4d}.app-error-actions button:focus-visible,.app-error-actions a:focus-visible{outline-offset:3px;outline:3px solid #fbbf24}@media (max-width:480px){.app-error-actions{flex-direction:column;align-items:stretch}}:root{color:#eaf3ff;font-synthesis:none;text-rendering:optimizelegibility;--navy:#071326;--panel:#0e1c32;--line:#91b1da29;--muted:#8ea3bd;--mint:#5eead4;--blue:#38bdf8;--violet:#a78bfa;--orange:#fbbf24;background:#07111f;font-family:Inter,Segoe UI,Microsoft YaHei UI,PingFang SC,system-ui,sans-serif}.teaching-tabs{gap:8px;margin-top:18px;display:flex}.teaching-tabs button{color:#718398;cursor:pointer;background:#fff;border:1px solid #dfe8f0;border-radius:11px;align-items:center;gap:7px;padding:10px 14px;font-size:11px;font-weight:800;display:flex}.teaching-tabs button svg{width:16px}.teaching-tabs button.active{color:#7de8d9;background:#0d263e;border-color:#0d263e}.operation-message{color:#167d72;background:#e7f8f5;border:1px solid #bcebe3;border-radius:11px;margin-top:13px;padding:10px 13px;font-size:11px}.teaching-create{grid-template-columns:repeat(4,1fr)}.teaching-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.teaching-card{background:#fff;border:1px solid #e1e9f0;border-radius:16px;padding:19px}.teaching-card>header{justify-content:space-between;align-items:center;display:flex}.teaching-card>header span{color:#269e9b;font-size:9px;font-weight:800}.teaching-card>header i{color:#16826f;background:#e8f8f4;border-radius:20px;padding:5px 8px;font-size:8px;font-style:normal}.teaching-card h3{margin:13px 0 5px;font-size:16px}.teaching-card>p{color:#778a9e;min-height:34px;font-size:11px}.teaching-card>small{color:#94a2b1;font-size:9px}.teaching-card>footer{border-top:1px solid #eef2f6;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;display:flex}.teaching-card>footer b{font-size:10px}.teaching-card button,.review-row button{color:#188a84;cursor:pointer;background:#e9f7f6;border:0;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:800;display:flex}.teaching-card button svg,.review-row button svg{width:13px}.review-row{border-top:1px dashed #e7edf2;align-items:center;gap:6px;margin-top:10px;padding-top:10px;display:flex}.review-row>span{flex:1;font-size:10px;font-weight:800}.review-row small{color:#91a0ae;margin-top:2px;font-size:8px;font-weight:400;display:block}.wide-select{background:#f8fafc;border:1px solid #dce5ee;border-radius:9px;width:100%;height:42px;margin:15px 0;padding:0 11px}.attendance-list{flex-direction:column;margin:10px 0 16px;display:flex}.attendance-list label{border-bottom:1px solid #edf2f6;align-items:center;padding:11px 4px;display:flex}.attendance-list label>span{flex:1}.attendance-list b,.attendance-list small{display:block}.attendance-list b{font-size:11px}.attendance-list small{color:#93a1b0;margin-top:3px;font-size:8px}.attendance-list select{background:#f5f8fa;border:1px solid #dae4ec;border-radius:8px;padding:7px}.notification-list{margin-top:12px}.notification-list article{color:#9aa9b7;border-bottom:1px solid #edf2f6;align-items:flex-start;gap:12px;padding:14px 7px;display:flex}.notification-list article.unread{color:#19a19c}.notification-list article>svg{width:18px}.notification-list h3{color:#26394e;margin:0;font-size:12px}.notification-list p{color:#74879b;margin:4px 0;font-size:10px}.notification-list small{font-size:8px}.review-form{background:#f6fafb;border:1px solid #dcebec;border-radius:11px;gap:9px;margin-top:8px;padding:11px;display:grid}.review-form label{color:#4f687b;gap:5px;font-size:9px;font-weight:800;display:grid}.review-form textarea,.review-form input{color:#21394c;font:inherit;resize:vertical;background:#fff;border:1px solid #d7e3e9;border-radius:8px;padding:8px}.review-form textarea{min-height:62px}.review-form>div{justify-content:flex-end;gap:7px;display:flex}.import-strip{background:#fff;border:1px dashed #bdd5df;border-radius:13px;align-items:center;gap:12px;margin-top:13px;padding:12px 14px;display:flex}.import-strip>svg{color:#1ba39e;width:21px}.import-strip>span{flex-direction:column;flex:1;display:flex}.import-strip b{font-size:11px}.import-strip small{color:#8395a7;margin-top:3px;font-size:8px}.import-strip input{max-width:230px;font-size:9px}@media (max-width:900px){.teaching-create,.teaching-grid{grid-template-columns:1fr 1fr}.teaching-create .form-wide{grid-column:span 2}.import-strip{flex-wrap:wrap;align-items:flex-start}.import-strip>span{min-width:70%}}@media (max-width:680px){.teaching-tabs{overflow-x:auto}.teaching-tabs button{white-space:nowrap}.teaching-create,.teaching-grid{grid-template-columns:1fr}.teaching-create .form-wide{grid-column:auto}.review-row{flex-wrap:wrap;align-items:flex-start}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--navy);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #5eead48c}.brand{letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-style:normal;display:inline-flex}.brand b{font-weight:800}.brand em{color:var(--mint);font-style:normal;font-weight:800}.brand-mark{color:#05202a;background:linear-gradient(145deg,#5eead4,#0ea5e9);border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;transform:rotate(-5deg);box-shadow:0 0 28px #2dd4bf59}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:11px 18px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#06202a;background:linear-gradient(135deg,#6ee7d3,#28b8d4);box-shadow:0 12px 30px #23bfbe33}.button-ghost{border-color:var(--line);background:#ffffff0a}.button-large{border-radius:14px;padding:14px 22px}.button:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.6;transform:none}.home-page{background:radial-gradient(circle at 70% 18%,#10345c 0,#0000 25%),linear-gradient(#071326,#081120 70%,#08182a);min-height:100vh;position:relative;overflow:hidden}.home-page:before{content:"";opacity:.3;pointer-events:none;background-image:radial-gradient(#94d2ff85 .65px,#0000 .7px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 65%);mask-image:linear-gradient(#000,#0000 65%)}.aurora{filter:blur(110px);opacity:.12;border-radius:50%;position:absolute}.aurora-one{background:#00ffd5;width:500px;height:500px;top:200px;right:-100px}.aurora-two{background:#6d5dfc;width:400px;height:400px;top:500px;left:-250px}.home-nav,.hero,.track-section,.platform-section,.home-footer{z-index:1;max-width:1240px;margin:auto;position:relative}.home-nav{justify-content:space-between;align-items:center;height:82px;padding:0 28px;display:flex}.home-nav nav{gap:38px;display:flex}.home-nav nav a,.text-link{color:#aabbd1;font-size:14px;font-weight:600;transition:color .2s}.home-nav nav a:hover,.text-link:hover{color:#fff}.nav-actions{align-items:center;gap:22px;display:flex}.hero{grid-template-columns:minmax(0,48%) minmax(0,46%);align-items:center;gap:6%;min-height:665px;padding:48px 28px 84px;display:grid}.hero-copy{min-width:0}.hero-kicker{color:#8ff2e1;letter-spacing:.5px;background:#5eead414;border:1px solid #5eead43b;border-radius:99px;align-items:center;gap:7px;padding:8px 13px;font-size:13px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-3.5px;overflow-wrap:anywhere;margin:27px 0 24px;font-size:clamp(42px,4.7vw,68px);line-height:.98}.hero h1 span{color:#0000;background:linear-gradient(100deg,#5eead4,#61c5ff 55%,#a78bfa);-webkit-background-clip:text;background-clip:text}.hero-copy>p{color:#a4b6cc;max-width:620px;margin:0;font-size:17px;line-height:1.9}.hero-actions{gap:12px;margin:33px 0;display:flex}.trust-row{color:#7f96b1;flex-wrap:wrap;gap:21px;font-size:12px;display:flex}.trust-row span{align-items:center;gap:6px;display:flex}.trust-row svg{color:var(--mint);width:15px;height:15px}.hero-visual{aspect-ratio:1;min-height:500px;position:relative}.planet-grid{background-image:linear-gradient(#49a9d51f 1px,#0000 1px),linear-gradient(90deg,#49a9d51f 1px,#0000 1px);background-size:34px 34px;border-radius:50%;position:absolute;inset:5%;transform:perspective(500px)rotateX(55deg);-webkit-mask-image:radial-gradient(circle,#000 25%,#0000 68%);mask-image:radial-gradient(circle,#000 25%,#0000 68%)}.planet{color:#8ff2e1;background:radial-gradient(circle at 34% 28%,#4b78a8,#173754 35%,#09192c 70%);border:1px solid #5eead459;border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset -30px -35px 70px #030a13,0 0 90px #0ea5e92e}.planet:after{content:"";border:1px solid #5eead480;border-radius:50%;width:285px;height:68px;position:absolute;transform:rotateX(70deg)}.planet-glow{background:var(--mint);filter:blur(20px);opacity:.1;border-radius:50%;position:absolute;inset:28%}.orbit{border:1px solid #6acfff38;border-radius:50%;position:absolute;inset:15%}.orbit-a{animation:18s linear infinite spin;transform:rotate(22deg)}.orbit-b{animation:25s linear infinite spinReverse;inset:3%;transform:rotate(-42deg)}.satellite{background:#122b47;border:1px solid #78d2ff4d;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:20%;left:7%;box-shadow:0 12px 35px #020915}.satellite svg{color:var(--orange);width:22px}.orbit-b .satellite{top:65%;left:auto;right:0}.orbit-b .satellite svg{color:var(--blue)}.code-window{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09192bdb;border:1px solid #88bde033;border-radius:15px;width:265px;padding:14px 18px 19px;position:absolute;bottom:7%;left:-1%;transform:rotate(-2deg);box-shadow:0 20px 60px #00000059}.window-dots{gap:5px;margin-bottom:13px;display:flex}.window-dots i{background:#fb7185;border-radius:50%;width:6px;height:6px}.window-dots i:nth-child(2){background:#fbbf24}.window-dots i:nth-child(3){background:#5eead4}.code-window code{color:#b7c9de;font-size:12px;line-height:1.8}.code-window code b{color:#c4b5fd}.code-window code em{color:#5eead4;font-style:normal}.signal-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e233ae0;border:1px solid #38bdf847;border-radius:14px;align-items:center;gap:11px;padding:11px 14px;display:flex;position:absolute;top:17%;right:0}.signal-card>svg{color:var(--blue)}.signal-card span{flex-direction:column;display:flex}.signal-card b{font-size:20px;line-height:1}.signal-card small{color:var(--muted);font-size:9px}.signal-card i{background:var(--mint);box-shadow:0 0 12px var(--mint);border-radius:50%;width:7px;height:7px;margin-left:7px}@keyframes spin{to{transform:rotate(382deg)}}@keyframes spinReverse{to{transform:rotate(-402deg)}}.track-section{padding:88px 28px 110px}.section-heading{text-align:center;margin:0 auto 44px}.section-heading span,.section-tag{color:var(--mint);letter-spacing:2.2px;font-size:11px;font-weight:800}.section-heading h2{letter-spacing:-1.5px;margin:12px 0;font-size:clamp(30px,4vw,44px)}.section-heading p{color:var(--muted);max-width:600px;margin:auto}.track-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.track-card{border:1px solid var(--line);background:linear-gradient(145deg,#12253de6,#091728e6);border-radius:19px;min-height:265px;padding:25px;transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.track-card:hover{border-color:color-mix(in srgb, var(--card-color), transparent 50%);transform:translateY(-6px)}.track-card.orange{--card-color:var(--orange)}.track-card.mint{--card-color:var(--mint)}.track-card.violet{--card-color:var(--violet)}.track-card.blue{--card-color:var(--blue)}.track-number{color:#ffffff24;font-size:11px;font-weight:800;position:absolute;top:18px;right:20px}.track-icon{background:color-mix(in srgb, var(--card-color), transparent 87%);border:1px solid color-mix(in srgb, var(--card-color), transparent 68%);color:var(--card-color);border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.track-card h3{margin:23px 0 10px;font-size:20px}.track-card p{color:var(--muted);font-size:13px;line-height:1.7}.learn-more{color:var(--card-color);align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:23px}.learn-more svg{width:14px}.platform-section{border:1px solid var(--line);background:linear-gradient(110deg,#123449b3,#0f1d35c7);border-radius:26px;grid-template-columns:1fr 1.1fr;align-items:center;gap:50px;margin-bottom:100px;padding:48px;display:grid;overflow:hidden}.platform-section h2{letter-spacing:-1px;margin:10px 0 14px;font-size:34px}.platform-section p{color:var(--muted);line-height:1.8}.platform-flow{justify-content:space-between;align-items:center;display:flex}.platform-flow span{border:1px solid var(--line);text-align:center;background:#101f35;border-radius:15px;flex-direction:column;align-items:center;gap:9px;width:105px;padding:16px 10px;font-size:11px;display:flex}.platform-flow span svg{color:var(--mint)}.platform-flow i{background:linear-gradient(90deg, var(--mint), transparent);width:40px;height:1px}.home-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:30px 28px 50px;font-size:12px;display:flex}.auth-page{background:#071326;grid-template-columns:47% 53%;min-height:100vh;display:grid}.auth-story{background:radial-gradient(circle at 30% 35%,#1e6b8359,#0000 24%),linear-gradient(145deg,#07182c,#0b2035);flex-direction:column;justify-content:space-between;padding:42px clamp(40px,6vw,90px);display:flex;position:relative;overflow:hidden}.auth-story:before{content:"";opacity:.25;background-image:radial-gradient(#8adcff80 .6px,#0000 .7px);background-size:28px 28px;position:absolute;inset:0}.auth-story>*{z-index:1;position:relative}.auth-story h1{letter-spacing:-3px;margin:15px 0;font-size:clamp(42px,5vw,65px);line-height:1.12}.auth-story h1 em{color:var(--mint);font-style:normal}.auth-story p{color:var(--muted);max-width:430px;line-height:1.8}.auth-story>small{color:#7390ad}.auth-orbit{border:1px solid #5eead42e;border-radius:50%;justify-content:center;align-self:center;align-items:center;width:180px;height:180px;margin:-30px 0;display:flex}.auth-orbit:before,.auth-orbit:after{content:"";border:1px solid #38bdf81f;border-radius:50%;width:260px;height:260px;position:absolute}.auth-orbit:after{width:370px;height:370px}.auth-orbit>svg{color:var(--mint);width:64px;height:64px;transform:rotate(-42deg)}.auth-orbit span{color:#9bb4cc;text-align:center;background:#102b44;border:1px solid #5eead440;border-radius:10px;padding:8px 11px;font-size:9px;line-height:1.2;position:absolute;right:17%}.auth-orbit b{color:#fff;font-size:11px}.register .auth-orbit>svg{transform:rotate(-12deg)}.auth-panel{color:#122239;background:#f5f8fc;justify-content:center;align-items:center;padding:80px 30px;display:flex;position:relative}.back-link{color:#64748b;align-items:center;gap:7px;font-size:13px;display:flex;position:absolute;top:35px;left:40px}.back-link svg{width:16px}.auth-panel form{width:100%;max-width:460px}.form-kicker{color:#0f9f9b;letter-spacing:2px;font-size:11px;font-weight:800}.auth-panel h2{color:#0f1d31;letter-spacing:-1.5px;margin:8px 0 6px;font-size:38px}.auth-panel form>p{color:#77869a;margin:0 0 29px;font-size:14px}.auth-panel label{color:#334155;margin:17px 0 0;font-size:12px;font-weight:700;display:block}.input-wrap{background:#fff;border:1px solid #dbe3ed;border-radius:12px;align-items:center;gap:10px;margin-top:8px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.input-wrap:focus-within{border-color:#38bfc2;box-shadow:0 0 0 4px #38bfc217}.input-wrap svg{color:#8da0b5;width:18px;height:18px}.input-wrap input{color:#17253a;background:0 0;border:0;outline:0;width:100%;min-width:0;height:50px}.input-wrap button{cursor:pointer;background:0 0;border:0;padding:5px;display:flex}.form-two{grid-template-columns:1fr 1fr;gap:13px;display:grid}.submit-button{border:0;width:100%;min-height:50px;margin-top:25px}.form-switch{text-align:center;border-top:1px solid #e1e8f0;padding-top:22px;margin-top:25px!important;font-size:13px!important}.form-switch a{color:#0d9a97;font-weight:700}.form-error{color:#be123c;background:#fff0f2;border:1px solid #fecdd3;border-radius:10px;margin:16px 0;padding:11px 13px;font-size:12px}.demo-hint{color:#58717d;background:#e8f6f6;border-radius:10px;margin-top:14px;padding:10px 13px;font-size:11px;line-height:1.8}.demo-hint b{color:#0c7775}.app-shell{color:#14233a;background:#f3f7fb;grid-template-columns:238px 1fr;min-height:100vh;display:grid}.sidebar{color:#dce9f8;background:#08162a;flex-direction:column;min-height:100vh;padding:27px 18px 20px;display:flex;position:sticky;top:0}.sidebar .brand{padding:0 8px}.sidebar nav{flex-direction:column;gap:6px;margin-top:42px;display:flex}.sidebar nav a,.nav-disabled{color:#7990aa;border-radius:10px;align-items:center;gap:11px;min-height:43px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.sidebar nav a.active{color:#8ff2e1;background:#5eead41a}.nav-disabled{cursor:default}.nav-disabled i{color:#7890aa;background:#172941;border-radius:20px;margin-left:auto;padding:3px 6px;font-size:8px;font-style:normal}.sidebar-bottom{flex-direction:column;gap:8px;margin-top:auto;display:flex}.user-tile{color:#fff;cursor:pointer;text-align:left;background:#0d2037;border:1px solid #90b4d81f;border-radius:12px;grid-template-columns:34px 1fr 16px;align-items:center;gap:9px;margin-top:4px;padding:9px;display:grid}.user-tile .avatar{color:#06202a;background:linear-gradient(135deg,#5eead4,#38bdf8);border-radius:9px;justify-content:center;align-items:center;height:34px;font-size:11px;font-weight:800;display:flex}.user-tile b,.user-tile small{display:block}.user-tile b{font-size:11px}.user-tile small{color:#718ba7;margin-top:2px;font-size:8px}.user-tile>svg{color:#66819c;width:15px}.dashboard-main{min-width:0;padding:36px clamp(25px,4vw,55px) 70px}.dashboard-header{justify-content:space-between;align-items:center;max-width:1250px;margin:0 auto 29px;display:flex}.eyebrow{color:#219997;letter-spacing:2px;font-size:9px;font-weight:800}.dashboard-header h1{color:#10213a;letter-spacing:-1px;margin:4px 0 0;font-size:30px}.system-pill{color:#668095;background:#fff;border:1px solid #e4eaf2;border-radius:99px;align-items:center;gap:7px;padding:8px 12px;font-size:10px;display:flex}.system-pill span{background:#34d399;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #34d399}.dashboard-main>section,.dashboard-main>div{max-width:1250px;margin-left:auto;margin-right:auto}.welcome-banner,.teacher-hero{color:#fff;background:radial-gradient(circle at 83% 20%,#46b2cd40,#0000 28%),linear-gradient(110deg,#0b2038,#112e49);border-radius:20px;justify-content:space-between;align-items:center;min-height:155px;padding:28px 36px;display:flex;position:relative;overflow:hidden}.welcome-banner>div:first-child>span{color:#7ee9dc;letter-spacing:1px;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.welcome-banner>div:first-child>span svg{width:14px}.welcome-banner h2,.teacher-hero h2{letter-spacing:-.7px;margin:8px 0;font-size:25px}.welcome-banner p,.teacher-hero p{color:#8eabc4;margin:0;font-size:12px}.mini-planet{background:radial-gradient(circle at 35% 30%,#356e8e,#102841);border:1px solid #5eead452;border-radius:50%;justify-content:center;align-items:center;width:105px;height:105px;margin-right:45px;display:flex;box-shadow:0 0 50px #38bdf82e}.mini-planet svg{color:#8ff2e1;width:37px;height:37px}.section-title{justify-content:space-between;align-items:end;display:flex;margin-top:34px!important}.section-title span{color:#25a09c;letter-spacing:1.8px;font-size:8px;font-weight:800}.section-title h2{letter-spacing:-.5px;margin:4px 0 0;font-size:21px}.section-title small{color:#93a2b5;font-size:10px}.tool-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid;margin-top:16px!important}.tool-card{--tool-color:var(--mint);background:#fff;border:1px solid #e3eaf1;border-radius:17px;min-height:225px;padding:22px;position:relative;overflow:hidden}.tool-card.orange{--tool-color:#f59e0b}.tool-card.mint{--tool-color:#17b6a1}.tool-card.blue{--tool-color:#1199d5}.tool-card-head{justify-content:space-between;align-items:center;display:flex}.tool-icon{background:color-mix(in srgb,var(--tool-color),white 88%);color:var(--tool-color);border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.tool-icon svg{width:21px}.tool-status{color:#7890a5;align-items:center;gap:5px;font-size:9px;display:flex}.tool-status i{background:#34d399;border-radius:50%;width:5px;height:5px}.tool-label{color:var(--tool-color);letter-spacing:1.2px;margin-top:21px;font-size:8px;font-weight:800;display:block}.tool-card h3{margin:5px 0;font-size:17px}.tool-card p{color:#8899ac;font-size:10px}.tool-card>a,.tool-card>button{color:var(--tool-color);cursor:pointer;z-index:1;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:10px;font-weight:800;display:flex;position:absolute;bottom:19px}.tool-card>a svg{width:14px}.tool-card>button:disabled{color:#9ba9b9;cursor:not-allowed}.tool-grid-decoration{opacity:.35;background-image:linear-gradient(#d9e3ec 1px,#0000 1px),linear-gradient(90deg,#d9e3ec 1px,#0000 1px);background-size:13px 13px;width:140px;height:90px;position:absolute;bottom:-20px;right:-10px;transform:skewY(-15deg);-webkit-mask-image:linear-gradient(120deg,#0000,#000);mask-image:linear-gradient(120deg,#0000,#000)}.lesson-heading>svg{color:#9eb0c1}.lesson-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid;margin-top:15px!important}.lesson-card{border:1px solid #e3eaf1;border-left:3px solid var(--accent);background:#fff;border-radius:13px;padding:15px 17px}.lesson-time{color:#7b8ea3;align-items:center;gap:6px;font-size:9px;display:flex}.lesson-time svg{color:var(--accent);width:14px}.lesson-card h3{margin:10px 0 4px;font-size:13px}.lesson-card>p{color:#8b9bae;margin:0;font-size:9px}.lesson-card footer{color:#8496aa;border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;font-size:9px;display:flex}.lesson-card footer span,.lesson-card footer b{align-items:center;gap:4px;display:flex}.lesson-card footer b{color:#ef5f72}.empty-panel,.empty-line{color:#7e91a7;text-align:center;background:#fff;border:1px dashed #cbd7e4;border-radius:15px;padding:35px}.empty-panel svg{color:#5bc8c0}.empty-panel h3{color:#263a52}.empty-panel p{font-size:12px}.empty-line{grid-column:1/-1;font-size:12px}.teacher-hero{min-height:140px}.teacher-hero h2{max-width:680px}.teacher-hero .hero-kicker{padding:6px 10px}.teacher-hero .button small{font-size:8px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid;margin-top:18px!important}.metric-card{background:#fff;border:1px solid #e3eaf1;border-radius:14px;align-items:center;gap:15px;padding:18px;display:flex}.metric-card>span{color:#1da2c3;background:#eaf8fb;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.metric-card.orange>span{color:#e79c19;background:#fff6e4}.metric-card.mint>span{color:#20aa92;background:#e6f9f5}.metric-card.violet>span{color:#8b6ce3;background:#f2edff}.metric-card svg{width:19px}.metric-card strong{font-size:23px}.metric-card p{color:#8697aa;margin:1px 0;font-size:9px}.dashboard-columns{grid-template-columns:1.2fr .8fr;gap:24px;display:grid}.teacher-lessons{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;display:grid}.class-list{flex-direction:column;gap:9px;margin-top:15px;display:flex}.class-list article{background:#fff;border:1px solid #e3eaf1;border-radius:13px;align-items:center;padding:13px;display:flex}.class-avatar{color:#159f9b;background:linear-gradient(135deg,#d8f8f2,#cdeeff);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:flex}.class-list article>div{margin-left:10px}.class-list h3{margin:0;font-size:12px}.class-list p{color:#8ca0b4;margin:3px 0;font-size:9px}.class-list dl{text-align:center;gap:16px;margin-left:auto;display:flex}.class-list dt{font-size:12px;font-weight:800}.class-list dd{color:#91a0b1;margin:1px 0;font-size:7px}.tool-grid{grid-template-columns:repeat(4,1fr)}.workspace-page{color:#eaf3ff;background:#071326;flex-direction:column;height:100vh;display:flex}.workspace-bar{background:#08162a;border-bottom:1px solid #82aad226;align-items:center;gap:17px;min-height:64px;padding:0 18px;display:flex}.workspace-divider{background:#8caacd2e;width:1px;height:25px}.workspace-back{color:#8ca2ba;align-items:center;gap:5px;font-size:11px;display:flex}.workspace-back svg{width:15px}.workspace-title{flex-direction:column;margin-left:12px;display:flex}.workspace-title b{font-size:13px}.workspace-title span{color:#7f95ad;align-items:center;gap:5px;font-size:8px;display:flex}.workspace-title i{background:var(--mint);border-radius:50%;width:5px;height:5px}.workspace-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.workspace-actions button,.workspace-actions>a{color:#8fa5bc;background:#0d2037;border:1px solid #8caacd26;border-radius:8px;align-items:center;gap:5px;padding:7px 10px;font-size:9px;display:flex}.workspace-actions svg{width:14px}.iframe-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.secure-banner{color:#7791aa;background:#0c1e33;align-items:center;gap:6px;padding:7px 14px;font-size:9px;display:flex}.secure-banner>svg{color:var(--mint);width:13px}.secure-banner span{align-items:center;gap:4px;margin-left:auto;display:flex}.secure-banner span svg{width:11px}.iframe-wrap iframe{background:#fff;border:0;flex:1;width:100%}.workspace-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;flex:1!important}.workspace-error>svg{color:#fbbf24;width:52px;height:52px}.workspace-error h1{margin:18px 0 5px;font-size:30px}.workspace-error p{color:var(--muted);margin-bottom:25px}.loading-screen{color:#8fa5bc;background:#071326;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;display:flex}.orbit-loader{border:2px solid #5eead41f;border-radius:50%;width:54px;height:54px;animation:1.3s linear infinite spin;position:relative}.orbit-loader:after{background:var(--mint);box-shadow:0 0 16px var(--mint);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:2px}.loading-screen p{letter-spacing:1px;font-size:11px}.workspace-embedded,.workspace-embedded .iframe-wrap{height:100%;min-height:0}.workspace-embedded .loading-screen{min-height:100%}.workspace-connection-warning{color:#fde68a;background:#2b210c;border-bottom:1px solid #fbbf2447;align-items:center;gap:8px;min-height:34px;padding:6px 12px;font-size:10px;display:flex}.workspace-connection-warning>svg{flex:none;width:15px;height:15px}.workspace-connection-warning span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-connection-warning button{color:#fef3c7;white-space:nowrap;background:#fbbf241f;border:1px solid #fbbf2447;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;font-size:9px;display:flex}.workspace-connection-warning button svg{width:12px;height:12px}.workspace-embedded .workspace-connection-warning{z-index:8;border:1px solid #fbbf2447;border-radius:8px;max-width:min(520px,100% - 24px);position:absolute;top:12px;right:12px;box-shadow:0 8px 24px #0000004d}.live-lobby-hero{color:#edf7ff;background:radial-gradient(circle at 75% 0,#38bdf847,#0000 36%),linear-gradient(135deg,#0b1b31,#102f47);border:1px solid #2cb6b729;border-radius:20px;justify-content:space-between;align-items:center;min-height:185px;padding:32px 38px;display:flex}.live-lobby-hero>div>span{color:#70e6d4;letter-spacing:1px;align-items:center;gap:7px;font-size:9px;font-weight:900;display:flex}.live-lobby-hero>div>span svg{width:16px}.live-lobby-hero h2{margin:13px 0 8px;font-size:26px}.live-lobby-hero p{color:#91a9c0;max-width:650px;font-size:11px;line-height:1.7}.live-lobby-hero aside{background:#040f1b73;border:1px solid #5eead433;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:110px;height:110px;display:flex}.live-lobby-hero aside b{color:#6ee7d7;font-size:24px}.live-lobby-hero aside small{color:#7f96ad;margin-top:5px;font-size:7px}.live-lobby-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.live-lobby-grid>article{background:#fff;border:1px solid #e0e8f0;border-radius:16px;padding:18px;position:relative;box-shadow:0 12px 30px #193a560d}.live-lobby-grid>article.is-live{border-color:#75ddce;box-shadow:0 14px 34px #18b19d1f}.live-lobby-grid article header{justify-content:space-between;align-items:center;display:flex}.live-lobby-grid article header>svg{color:#b5c3d0;width:20px}.live-state{color:#7c8d9f;background:#eef3f7;border-radius:20px;align-items:center;gap:6px;padding:5px 8px;font-size:8px;font-weight:800;display:flex}.live-state i{background:currentColor;border-radius:50%;width:5px;height:5px}.live-state.live{color:#119c88;background:#e6faf6}.live-state.live i{box-shadow:0 0 7px}.live-lobby-grid article>small{color:#21a396;margin-top:18px;font-size:8px;font-weight:800;display:block}.live-lobby-grid article h3{margin:6px 0 13px;font-size:16px}.live-lobby-grid article p{color:#8092a4;align-items:center;gap:6px;margin:6px 0;font-size:9px;display:flex}.live-lobby-grid article p svg{width:13px}.live-lobby-grid article>a{color:#dffbf6;background:#10263e;border-radius:9px;justify-content:center;align-items:center;margin-top:16px;padding:10px;font-size:9px;font-weight:800;display:flex}.live-lobby-grid>.empty-panel{grid-column:1/-1}@media (max-width:900px){.live-lobby-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.live-lobby-hero{padding:24px}.live-lobby-hero aside{display:none}.live-lobby-grid{grid-template-columns:1fr}}.live-state.publishing,.live-state.ending{color:#a86c08;background:#fff6dc}.live-state.interrupted,.live-state.failed{color:#c74a58;background:#fff0f0}.live-state.publishing i,.live-state.ending i{animation:1.4s infinite livePulse}.workspace-error-actions{gap:10px;display:flex}.workspace-error-actions button{border:0}.workspace-error-actions svg{width:15px}.data-stream{opacity:.35;background:linear-gradient(90deg,#0000,#5eead473,#0000);width:36vw;height:1px;position:absolute}.stream-one{animation:9s linear infinite dataDrift;top:310px;right:-8vw;transform:rotate(-18deg)}.stream-two{animation:13s linear infinite reverse dataDrift;top:610px;left:-10vw;transform:rotate(14deg)}.live-window{z-index:4;background:#071627f0;border:1px solid #7ee9dc47;border-radius:18px;width:365px;animation:5.5s ease-in-out infinite heroFloat;position:absolute;top:10%;left:1%;overflow:hidden;box-shadow:0 28px 80px #00000073,0 0 45px #15a4c21a}.live-window>header{background:#ffffff06;border-bottom:1px solid #8cbedc21;align-items:center;gap:10px;padding:11px 14px;display:flex}.live-window>header>span{color:#ff7184;background:#fb50661f;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:900;display:flex}.live-window>header>span i{background:#fb5066;border-radius:50%;width:6px;height:6px;animation:1.2s ease-out infinite livePulse}.live-window>header b{font-size:10px}.live-window>header small{color:#6f8aa6;align-items:center;gap:4px;margin-left:auto;font-size:9px;display:flex}.live-window>header small svg{width:12px}.teacher-feed{grid-template-columns:46px 1fr 20px;align-items:center;gap:11px;padding:15px;display:grid}.teacher-avatar{background:linear-gradient(145deg,#1e5372,#10273f);border:1px solid #5eead440;border-radius:13px;justify-content:center;align-items:center;height:46px;display:flex}.teacher-avatar svg{color:#79e9db;width:22px}.teacher-feed span,.teacher-feed strong{display:block}.teacher-feed span{color:#6f8ba6;font-size:8px}.teacher-feed strong{margin-top:3px;font-size:11px}.teacher-feed>svg{color:#5eead4;width:17px}.voice-wave{align-items:center;gap:2px;height:11px;margin-top:5px;display:flex}.voice-wave i{background:#37c7bd;border-radius:3px;width:2px;height:3px;animation:1s ease-in-out infinite alternate voice}.voice-wave i:nth-child(2),.voice-wave i:nth-child(5){height:8px;animation-delay:.2s}.voice-wave i:nth-child(3),.voice-wave i:nth-child(4){height:11px;animation-delay:.4s}.live-code{background:#071524;border:1px solid #7aa9cc1f;border-radius:10px;margin:0 14px;padding:11px 13px}.live-code code{color:#a9bdd2;font-size:10px;line-height:1.8}.live-code b{color:#c4b5fd}.live-code em{color:#fbbf24;font-style:normal}.code-caret{vertical-align:-2px;background:#5eead4;width:1px;height:12px;margin-left:3px;animation:.8s step-end infinite caretBlink;display:inline-block}.live-window>footer{color:#7d95ad;justify-content:space-between;align-items:center;padding:12px 14px;font-size:8px;display:flex}.student-faces{display:flex}.student-faces i{color:#b9d3e9;background:#18344f;border:2px solid #071627;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-5px;font-size:7px;font-style:normal;display:flex}.student-faces i:first-child{margin-left:0}.live-window>footer>span{align-items:center;gap:5px;display:flex}.live-window>footer svg{color:#5eead4;width:12px}.hero-visual .planet{z-index:2;width:155px;height:155px;inset:auto 4% 4% auto;transform:none}.hero-visual .planet:after{width:205px}.hero-visual .planet svg{width:44px}.language-chip{color:#8edff2;z-index:3;background:#102945;border:1px solid #64c8f040;border-radius:10px;justify-content:center;align-items:center;width:45px;height:35px;font-family:monospace;font-size:9px;font-weight:900;animation:4s ease-in-out infinite chipFloat;display:flex;position:absolute;box-shadow:0 12px 30px #030b16}.chip-python{top:17%;right:9%}.chip-cpp{animation-delay:-1.2s;top:44%;right:0}.chip-html{animation-delay:-2.4s;bottom:17%;right:34%}.servo-node{z-index:5;background:#0d2741;border:1px solid #5eead452;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;animation:4.5s ease-in-out infinite reverse heroFloat;display:flex;position:absolute;bottom:2%;left:18%}.servo-node>svg{color:#55d7d0;width:23px;animation:3s ease-in-out infinite servoTurn}.servo-node>b{background:#5eead4;border-radius:50%;width:6px;height:6px;animation:1.4s infinite livePulse;position:absolute;top:7px;right:1px}.servo-rings,.servo-rings i{border:1px solid #5eead438;border-radius:50%;position:absolute;inset:-9px}.servo-rings i:first-child{animation:2s ease-out infinite ringPulse}.servo-rings i:last-child{animation:2s ease-out .8s infinite ringPulse}.live-section{z-index:1;max-width:1240px;margin:auto;padding:85px 28px;position:relative}.live-feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.live-feature-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#0e273de0,#071727e6);border-radius:18px;min-height:205px;padding:25px;position:relative}.live-feature-grid article>span{color:#ffffff1f;font-size:11px;font-weight:900;position:absolute;top:18px;right:20px}.live-feature-grid svg{color:var(--mint);width:27px;height:27px}.live-feature-grid h3{margin:23px 0 9px;font-size:18px}.live-feature-grid p{color:var(--muted);font-size:12px;line-height:1.75}.platform-flow{gap:7px}.platform-flow span{flex:1}.platform-flow i{flex:0 28px}.page-alert{color:#b4233e;background:#fff2f4;border:1px solid #fecdd3;border-radius:11px;margin:0 auto 16px;padding:12px 15px;font-size:12px}.page-alert.success{color:#147a5c;background:#eafaf5;border-color:#b7ecd9}.management-toolbar{background:#fff;border:1px solid #e3eaf1;border-radius:17px;justify-content:space-between;align-items:center;padding:21px 24px;display:flex}.management-toolbar h2{margin:0;font-size:19px}.management-toolbar p{color:#8294a8;margin:5px 0 0;font-size:11px}.count-chip{color:#238f91;background:#eef8fa;border-radius:30px;align-items:center;gap:6px;padding:8px 12px;font-size:10px;font-weight:700;display:flex}.count-chip svg{width:15px}.management-form{background:#fff;border:1px solid #dfe7ef;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px;display:grid;margin-top:14px!important}.management-form label{color:#536579;font-size:10px;font-weight:800}.management-form input,.management-form select,.inline-form input,.inline-form select,.assignment-row select,.student-table select,.filter-bar input,.filter-bar select{color:#1f334a;background:#f8fafc;border:1px solid #dce5ee;border-radius:9px;outline:none;width:100%;height:40px;margin-top:6px;padding:0 11px}.management-form input:focus,.management-form select:focus,.inline-form input:focus,.inline-form select:focus{border-color:#31b8b4;box-shadow:0 0 0 3px #31b8b41a}.form-wide{grid-column:span 2}.management-form>.button{align-self:end;height:40px}.catalog-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid;margin-top:15px!important}.catalog-card{background:#fff;border:1px solid #e3eaf1;border-radius:14px;align-items:center;gap:14px;min-height:104px;padding:16px;display:flex}.course-symbol{color:#18a68f;background:#e7f8f5;border-radius:11px;flex:0 0 43px;justify-content:center;align-items:center;height:43px;display:flex}.course-symbol.scratch{color:#e89413;background:#fff3df}.course-symbol.robot{color:#168fc5;background:#e8f5fd}.course-symbol svg{width:21px}.catalog-card span:not(.course-symbol){color:#18a49d;letter-spacing:1px;font-size:7px;font-weight:900}.catalog-card h3{margin:4px 0;font-size:13px}.catalog-card p{color:#8496aa;margin:0;font-size:9px}.management-panel{background:#fff;border:1px solid #e3eaf1;border-radius:17px;padding:22px;margin-top:18px!important}.panel-heading{justify-content:space-between;align-items:end;display:flex}.panel-heading span{color:#189d98;letter-spacing:1.5px;font-size:8px;font-weight:900}.panel-heading h2{margin:4px 0;font-size:19px}.panel-heading small{color:#8da0b4}.inline-form{grid-template-columns:1.2fr 1.4fr 1fr 1fr auto;align-items:end;gap:10px;margin-top:14px;display:grid}.inline-form input,.inline-form select{margin:0}.management-create{background:#fff;border:1px solid #e3eaf1;border-radius:14px;grid-template-columns:1.3fr 1fr .7fr auto;gap:10px;padding:14px;display:grid;margin-top:13px!important}.management-create input{margin:0}.offering-list{flex-direction:column;margin-top:8px;display:flex}.offering-list article{border-top:1px solid #edf1f5;align-items:center;gap:12px;padding:13px 2px;display:flex}.offering-list article>div{flex:1}.offering-list h3{margin:0;font-size:12px}.offering-list p{color:#899aab;margin:3px 0;font-size:9px}.offering-list article>span:last-child{color:#278f91;background:#eff7f9;border-radius:20px;padding:5px 8px;font-size:8px}.classroom-layout{grid-template-columns:280px 1fr;gap:16px;display:grid;margin-top:16px!important}.classroom-picker{flex-direction:column;gap:8px;display:flex}.classroom-picker button{color:#20354d;cursor:pointer;text-align:left;background:#fff;border:1px solid #e3eaf1;border-radius:13px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.classroom-picker button.active{border-color:#53c9c2;box-shadow:0 8px 22px #1990911a}.classroom-picker button>span{color:#259c9d;background:#edf8fa;border-radius:9px;justify-content:center;align-items:center;height:38px;display:flex}.classroom-picker svg{width:18px}.classroom-picker b,.classroom-picker small{display:block}.classroom-picker b{font-size:11px}.classroom-picker small{color:#8b9caf;margin-top:3px;font-size:8px}.classroom-picker i{color:#6e8297;background:#f0f4f8;border-radius:20px;padding:4px 7px;font-size:9px;font-style:normal}.classroom-detail{background:#fff;border:1px solid #e3eaf1;border-radius:17px;min-width:0;padding:22px}.classroom-detail>header{justify-content:space-between;align-items:center;display:flex}.classroom-detail>header span{color:#1c9d99;letter-spacing:1.4px;font-size:8px;font-weight:900}.classroom-detail>header h2{margin:4px 0;font-size:22px}.classroom-detail>header p{color:#8295a9;margin:0;font-size:10px}.code-copy{color:#fff;cursor:pointer;text-align:left;background:#0d223a;border:0;border-radius:11px;grid-template-columns:1fr 18px;align-items:center;gap:2px;padding:9px 12px;display:grid}.code-copy span{grid-column:1;color:#6f8da8!important;font-size:7px!important}.code-copy b{font-family:monospace;font-size:12px}.code-copy svg{grid-area:1/2/3;width:14px}.assignment-row{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}.assignment-row form{gap:7px;display:flex}.assignment-row select{margin:0}.assignment-row button{color:#168f8c;white-space:nowrap;background:#eaf7f7;border:0;border-radius:9px;align-items:center;gap:5px;padding:0 11px;font-size:9px;font-weight:800;display:flex}.assignment-row svg{width:14px}.student-table{margin-top:18px}.table-head,.table-row{grid-template-columns:1.2fr 1fr .7fr .7fr;align-items:center;gap:10px;padding:11px 8px;display:grid}.table-head{color:#8395a8;border-bottom:1px solid #e6ecf2;font-size:8px;font-weight:800}.table-row{border-bottom:1px solid #eff3f6;font-size:10px}.table-row b{font-size:11px}.table-row>span{color:#708397}.table-row select{height:30px;margin:0;padding:0 6px}.status{border-radius:20px;align-items:center;gap:4px;width:max-content;padding:5px 8px;font-size:8px;font-style:normal;font-weight:800;display:inline-flex}.status.active,.status.live{color:#13825f;background:#e5f8f1}.status.paused,.status.scheduled{color:#b87810;background:#fff5df}.status.left,.status.cancelled{color:#7d8794;background:#f3f4f6}.status.completed{color:#3b6fb6;background:#eaf1ff}.timeline-panel{background:#fff;border:1px solid #e3eaf1;border-radius:17px;padding:23px;margin-top:16px!important}.timeline-item{grid-template-columns:48px 20px 1fr;min-height:150px;display:grid}.timeline-date{text-align:center}.timeline-date b,.timeline-date span{display:block}.timeline-date b{font-size:22px}.timeline-date span{color:#8194a8;font-size:9px}.timeline-line{border-left:1px dashed #bfd0df;margin-left:9px;position:relative}.timeline-line:before{content:"";background:#38b9b5;border:4px solid #e1f6f4;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;left:-5px}.timeline-card{border-bottom:1px solid #edf1f5;margin-bottom:18px;padding:0 0 20px 14px;position:relative}.timeline-card header{justify-content:space-between;align-items:center;display:flex}.timeline-card header small{color:#7c90a5;align-items:center;gap:4px;font-size:9px;display:flex}.timeline-card header svg{width:13px}.timeline-card h3{margin:10px 0 5px;font-size:16px}.timeline-card p,.timeline-card blockquote{color:#8193a7;font-size:10px}.timeline-card blockquote{border-left:2px solid #61cfc7;margin:12px 0 0;padding-left:10px}.danger-link{color:#c94b5d;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:9px;display:flex}.danger-link svg{width:13px}.filter-bar{background:#fff;border:1px solid #e3eaf1;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex;margin-top:15px!important}.filter-bar label{flex:1;align-items:center;display:flex;position:relative}.filter-bar label>svg{color:#8ca0b4;width:16px;position:absolute;left:11px}.filter-bar input{margin:0;padding-left:36px}.filter-bar select{width:160px;margin:0}.filter-bar>span{color:#8092a5;padding:0 7px;font-size:9px}.user-list{background:#fff;border:1px solid #e3eaf1;border-radius:17px;overflow:hidden;margin-top:13px!important}.user-list>.loading-screen{min-height:260px}.user-list article{border-bottom:1px solid #edf1f5;grid-template-columns:42px 1.4fr 1fr .6fr auto;align-items:center;gap:12px;padding:14px 18px;display:grid}.user-role{color:#2195b1;background:#e9f6fa;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.user-role.admin{color:#7959c8;background:#f1ebff}.user-role.student{color:#1aa17f;background:#e9f9f4}.user-role svg{width:19px}.user-primary h3{margin:0;font-size:12px}.user-primary p{color:#8798aa;margin:3px 0;font-size:9px}.user-meta>span,.user-meta>small{display:block}.user-meta>span{font-size:10px}.user-meta>small{color:#b68120;align-items:center;gap:4px;margin-top:3px;font-size:8px;display:flex}.user-meta svg{width:11px}.row-actions{gap:6px;display:flex}.row-actions button{color:#60758a;cursor:pointer;background:#f4f7fa;border:1px solid #e1e7ed;border-radius:8px;align-items:center;gap:4px;padding:7px;font-size:8px;display:flex}.row-actions svg{width:12px}.project-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid;margin-top:16px!important}.project-grid>article{background:#fff;border:1px solid #e3eaf1;border-radius:16px;padding:20px}.project-icon{color:#1aa68e;background:#e8f7f4;border-radius:11px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.project-icon.scratch{color:#e99516;background:#fff2df}.project-icon.robot{color:#238cb9;background:#eaf5fc}.project-icon svg{width:21px}.project-grid small{color:#1a9c98;letter-spacing:.7px;margin-top:18px;font-size:8px;font-weight:800;display:block}.project-grid h3{margin:5px 0;font-size:15px}.project-grid p{color:#8496aa;font-size:9px}.project-grid footer{color:#8496aa;border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;margin-top:18px;padding-top:12px;font-size:8px;display:flex}.project-grid footer span{align-items:center;gap:4px;display:flex}.project-grid footer svg{width:12px}.course-folders{gap:14px;display:grid;margin-top:16px!important}.course-folder{background:#fff;border:1px solid #dfe8ef;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px #24415a0a}.course-folder>summary{cursor:pointer;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:18px 21px;list-style:none;display:grid}.course-folder>summary::-webkit-details-marker{display:none}.folder-mark{color:#15998f;background:linear-gradient(135deg,#e9f9f5,#e8f2ff);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.folder-mark svg{width:21px}.course-folder summary small,.course-folder summary b{display:block}.course-folder summary small{color:#24a69c;letter-spacing:1.1px;font-size:7px;font-weight:900}.course-folder summary b{margin-top:4px;font-size:14px}.course-folder summary em{color:#73889c;background:#f2f6f8;border-radius:20px;padding:7px 10px;font-size:8px;font-style:normal;font-weight:800}.lesson-project-grid{background:#f7fafc;border-top:1px solid #e8eef3;grid-template-columns:repeat(3,1fr);gap:11px;padding:15px;display:grid}.lesson-project-card{background:#fff;border:1px solid #e1e9ef;border-radius:14px;grid-template-columns:44px 1fr;gap:12px;padding:16px;display:grid}.project-card-copy small{color:#179b92;font-size:8px;font-weight:800}.project-card-copy h3{margin:4px 0;font-size:13px}.project-card-copy p{color:#8698a9;margin:0;font-size:8px}.lesson-project-card footer{border-top:1px solid #edf2f5;grid-column:1/3;justify-content:space-between;align-items:center;padding-top:11px;display:flex}.lesson-project-card footer>span{color:#7c90a4;align-items:center;gap:4px;font-size:8px;display:flex}.lesson-project-card footer .saved-state{color:#13866b}.lesson-project-card footer .draft-state{color:#ae7616}.lesson-project-card footer svg{width:12px}.project-open{color:#168c82;background:#e9f8f5;border:1px solid #cbece6;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:8px;font-weight:800;display:inline-flex}.project-open svg{width:12px}.legacy-note{background:#f2f4f6;border-radius:8px;padding:7px 9px}.project-filter-rail{background:linear-gradient(135deg,#0b2038,#102b45);border:1px solid #5cbeca29;border-radius:17px;grid-template-columns:repeat(3,1fr);gap:12px;padding:17px;display:grid;margin-top:15px!important}.project-filter-rail label>span{color:#68dcd1;letter-spacing:.8px;margin-bottom:6px;font-size:8px;font-weight:900;display:block}.project-filter-rail select{color:#d9e8f3;background:#112f4a;border:1px solid #82bed22b;margin:0}.report-loading{color:#71869a;background:#fff;border:1px solid #e3eaf1;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:180px;font-size:10px;display:flex;margin-top:15px!important}.report-loading svg{color:#1aa599;width:17px;animation:1.3s linear infinite spin}.submission-panel{background:#fff;border:1px solid #e1e8ee;border-radius:17px;overflow:hidden;margin-top:15px!important}.submission-panel>header{border-bottom:1px solid #e8eef3;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.submission-panel>header small{color:#199c94;letter-spacing:1.1px;font-size:7px;font-weight:900}.submission-panel>header h2{margin:4px 0;font-size:17px}.submission-panel>header p{color:#8093a6;margin:0;font-size:9px}.submission-metrics{gap:7px;display:flex}.submission-metrics>span{color:#71869a;background:#f2f6f8;border-radius:10px;align-items:center;gap:5px;padding:9px 10px;font-size:8px;display:flex}.submission-metrics>span.complete{color:#147d63;background:#eaf8f3}.submission-metrics>span.missing{color:#9c6912;background:#fff5e5}.submission-metrics svg{width:13px}.submission-metrics b{font-size:12px}.submission-head,.submission-table article{grid-template-columns:1.2fr .65fr 1fr 1fr;align-items:center;gap:12px;padding:12px 20px;display:grid}.submission-head{color:#8092a5;background:#f8fafb;font-size:8px;font-weight:800}.submission-table article{border-top:1px solid #edf2f5;font-size:9px}.student-cell{align-items:center;gap:9px;display:flex}.student-cell>i{color:#158e86;background:#e8f6f5;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:10px;font-style:normal;font-weight:900;display:flex}.student-cell b,.student-cell small,.version-cell b,.version-cell small{display:block}.student-cell b{font-size:10px}.student-cell small,.version-cell small{color:#899aaa;margin-top:2px;font-size:8px}.submission-status{border-radius:20px;padding:6px 8px;font-size:8px;font-style:normal;font-weight:800}.submission-status.submitted{color:#117d5d;background:#e7f8f1}.submission-status.pending{color:#a56e12;background:#fff4df}.project-open.review{justify-content:center;min-width:128px}.project-open.disabled{color:#a0aab4;cursor:not-allowed;background:#f3f5f7;border-color:#e5e8eb}.password-warning{color:#6c4b13;background:#fff7e7;border:1px solid #f7daa1;border-radius:14px;align-items:center;gap:13px;padding:15px 18px;display:flex}.password-warning>svg{color:#cf8b17}.password-warning b{font-size:11px}.password-warning p{margin:3px 0;font-size:9px}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid;margin-top:16px!important}.settings-card{background:#fff;border:1px solid #e3eaf1;border-radius:17px;padding:23px}.settings-card>header{align-items:center;gap:11px;display:flex}.settings-card>header>span{color:#1ba196;background:#e9f8f6;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.settings-card>header svg{width:19px}.settings-card h2{margin:0;font-size:16px}.settings-card header p{color:#8698aa;margin:3px 0;font-size:9px}.settings-card label{color:#536579;margin-top:16px;font-size:10px;font-weight:700;display:block}.settings-card .input-wrap{height:42px}.settings-card .input-wrap input{height:40px}.settings-card>.button,.settings-card form>.button{border:0;margin-top:18px}.activity-list{background:#fff;border:1px solid #e3eaf1;border-radius:14px;margin-top:15px}.activity-list article{border-bottom:1px solid #edf1f5;align-items:center;gap:10px;padding:12px;display:flex}.activity-list article>span{background:#39bdb4;border-radius:50%;width:7px;height:7px}.activity-list b,.activity-list small{display:block}.activity-list b{font-size:10px}.activity-list small{color:#8a9bad;margin-top:3px;font-size:8px}.section-title>a{color:#198f8d;font-size:9px;font-weight:800}.chip-cpp{right:4%}@keyframes heroFloat{50%{transform:translateY(-9px)}}@keyframes chipFloat{50%{transform:translate(3px,-8px)rotate(3deg)}}@keyframes servoTurn{0%,to{transform:rotate(-18deg)}50%{transform:rotate(28deg)}}@keyframes ringPulse{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.35)}}@keyframes livePulse{0%{box-shadow:0 0 #fb506680}to{box-shadow:0 0 0 8px #fb506600}}@keyframes voice{to{transform:scaleY(.35)}}@keyframes caretBlink{50%{opacity:0}}@keyframes dataDrift{0%{translate:-15vw}to{translate:35vw}}.mission-strip{z-index:2;background:#08182ac2;border:1px solid #70c6de29;border-radius:22px;max-width:1184px;margin:0 auto;padding:18px 22px;position:relative}.mission-strip-title{border-bottom:1px solid #79b5cf1f;align-items:center;gap:9px;padding:2px 3px 15px;display:flex}.mission-strip-title>svg{color:var(--mint);width:17px}.mission-strip-title span{color:#54d5cb;letter-spacing:1.7px;font-size:8px;font-weight:900}.mission-strip-title b{margin-left:auto;font-size:11px}.mission-step-grid{grid-template-columns:repeat(4,1fr);display:grid}.mission-step-grid article{border-right:1px solid #79b5cf1f;grid-template-columns:22px 32px 1fr;align-items:center;gap:8px;padding:18px 14px 4px;display:grid}.mission-step-grid article:last-child{border-right:0}.mission-step-grid article>span{color:#385873;font-family:monospace;font-size:9px}.mission-step-grid article>svg{color:#6fe5d9;width:20px}.mission-step-grid b,.mission-step-grid small{display:block}.mission-step-grid b{font-size:11px}.mission-step-grid small{color:#708aa3;margin-top:3px;font-size:8px;line-height:1.5}.youth-lab-section{z-index:1;grid-template-columns:.88fr 1.12fr;align-items:center;gap:70px;max-width:1240px;margin:0 auto 105px;padding:10px 28px;display:grid;position:relative}.youth-lab-copy h2{letter-spacing:-1.7px;margin:15px 0;font-size:clamp(31px,4vw,45px);line-height:1.12}.youth-lab-copy>p{color:var(--muted);font-size:13px;line-height:1.9}.lab-proof{flex-wrap:wrap;gap:9px;margin-top:25px;display:flex}.lab-proof span{color:#8fa9bf;background:#17374eb3;border:1px solid #6fc9db29;border-radius:30px;align-items:center;gap:6px;padding:8px 11px;font-size:9px;display:flex}.lab-proof svg{color:var(--mint);width:13px}.cockpit-card{background:#0a1a2e;border:1px solid #63c5d838;border-radius:18px;padding-bottom:14px;position:relative;transform:perspective(1000px)rotateY(-3deg);box-shadow:0 30px 90px #00000052}.cockpit-card>header{border-bottom:1px solid #78b7d21f;align-items:center;gap:5px;height:38px;padding:0 13px;display:flex}.cockpit-card>header i{background:#f66c7c;border-radius:50%;width:5px;height:5px}.cockpit-card>header i:nth-child(2){background:#f5bc4b}.cockpit-card>header i:nth-child(3){background:#4bd5b1}.cockpit-card>header b{color:#6d8aa3;margin-left:8px;font-family:monospace;font-size:8px}.cockpit-card>header span{color:#56dacb;margin-left:auto;font-size:7px;font-weight:900}.cockpit-body{grid-template-columns:125px 1fr;min-height:285px;display:grid}.cockpit-body aside{border-right:1px solid #78b7d21a;flex-direction:column;gap:7px;padding:17px 10px;display:flex}.cockpit-body aside span{color:#526e87;border-radius:8px;align-items:center;gap:7px;padding:9px;font-size:8px;display:flex}.cockpit-body aside span.active{color:#f3b84f;background:#f59e0b1c}.cockpit-body aside svg{width:14px}.cockpit-main{padding:28px}.cockpit-main>span{color:#48d3c7;letter-spacing:1.4px;font-size:7px;font-weight:900}.cockpit-main h3{margin:6px 0 20px;font-size:19px}.block-code{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.block-code b{color:#fff;background:#f09a25;border-radius:5px 14px 14px 5px;padding:8px 13px;font-size:8px;font-weight:700}.block-code b:nth-child(2){background:#ffb22e;margin-left:14px}.block-code b:nth-child(3){background:#547cd8;margin-left:28px}.cockpit-main footer{color:#66819a;border-top:1px solid #78b7d21a;align-items:center;margin-top:27px;padding-top:14px;font-size:8px;display:flex}.cockpit-main footer>i{background:#42d5ad;border-radius:50%;width:5px;height:5px;margin-right:6px;box-shadow:0 0 9px #42d5ad}.cockpit-main footer button{color:#80e9dc;background:#14324c;border:1px solid #5eead42e;border-radius:7px;align-items:center;gap:5px;margin-left:auto;padding:7px 9px;font-size:8px;display:flex}.cockpit-main footer svg{width:11px}.permission-beam{color:#75e3d7;background:#102d43;border:1px solid #5eead447;border-radius:9px;align-items:center;gap:6px;padding:9px 11px;font-size:8px;display:flex;position:absolute;bottom:-18px;right:22px;box-shadow:0 13px 30px #0000004d}.permission-beam svg{width:13px}.catalog-card small{color:#9aa9b8;margin-top:5px;font-size:8px;display:block}.panel-note{color:#7e91a5;font-size:10px;line-height:1.7}.wide-select{color:#1f334a;background:#f8fafc;border:1px solid #dce5ee;border-radius:9px;width:100%;height:42px;margin-top:6px;padding:0 11px}.enrollment-roster{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px;display:grid}.enrollment-roster label{cursor:pointer;background:#f8fafc;border:1px solid #e1e8ef;border-radius:11px;padding:12px;display:block}.enrollment-roster label.selected{background:#eaf9f6;border-color:#72d4c9}.enrollment-roster input{accent-color:#159d94;opacity:0;position:absolute}.enrollment-roster label>span{grid-template-columns:25px 1fr;align-items:center;gap:2px;display:grid}.enrollment-roster svg{color:#27a69c;grid-row:1/3;width:17px}.enrollment-roster b{font-size:10px}.enrollment-roster small{color:#899aab;font-size:8px}.enrollment-actions{border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;display:flex}.enrollment-actions>span{color:#6e8297;font-size:9px}.toolbar-actions{gap:8px;display:flex}.button-ghost-dark{color:#497084;background:#eef5f8;border:1px solid #d8e5eb}.recurring-rules{color:#eef6ff;background:#0c2138;border-radius:17px;padding:21px;margin-top:15px!important}.recurring-rules .panel-heading small{color:#6f8da7}.recurring-rules>div:last-child{gap:8px;margin-top:12px;display:grid}.recurring-rules article{background:#102a44;border:1px solid #7ec4da1f;border-radius:11px;grid-template-columns:32px 1fr 1fr auto auto;align-items:center;gap:10px;padding:12px;display:grid}.recurring-rules article.inactive{filter:saturate(.35);opacity:.65}.recurring-rules article>svg{color:#5eead4;width:19px}.recurring-rules article b,.recurring-rules article span{display:block}.recurring-rules article b{font-size:10px}.recurring-rules article span,.recurring-rules article small{color:#738ea8;margin-top:3px;font-size:8px}.recurring-rules article strong{color:#b7cde0;text-align:center;font-size:9px}.recurring-rules article>button{color:#8da8bf;cursor:pointer;background:#ffffff0a;border:1px solid #8cb9d126;border-radius:7px;padding:7px 9px;font-size:8px}@media (max-width:1000px){.home-nav nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:75px}.hero-copy{text-align:center}.hero-copy>p{margin:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{width:100%;max-width:580px;margin:auto}.track-grid{grid-template-columns:1fr 1fr}.platform-section{grid-template-columns:1fr}.mission-step-grid{grid-template-columns:1fr 1fr}.mission-step-grid article:nth-child(2){border-right:0}.youth-lab-section{grid-template-columns:1fr;gap:40px}.app-shell{grid-template-columns:76px 1fr}.sidebar{padding-left:11px;padding-right:11px}.sidebar .brand>span:last-child,.sidebar nav a:not(.active):after,.sidebar nav a,.nav-disabled{justify-content:center;font-size:0}.sidebar .brand{justify-content:center}.sidebar nav a,.nav-disabled{padding:0}.nav-disabled i{display:none}.user-tile{grid-template-columns:1fr;padding:9px}.user-tile>span:not(.avatar),.user-tile>svg{display:none}.metric-grid{grid-template-columns:1fr 1fr}.dashboard-columns{grid-template-columns:1fr}.tool-grid,.lesson-grid{grid-template-columns:1fr 1fr}.lesson-card:last-child{display:none}}@media (max-width:680px){.home-nav{height:68px;padding:0 18px}.home-nav .brand{font-size:17px}.home-nav .brand-mark{width:32px;height:32px}.nav-actions .text-link{display:none}.home-nav .button{padding:9px 12px}.hero{padding:55px 20px 60px}.hero h1{letter-spacing:-2px;margin-top:22px;font-size:clamp(34px,10.5vw,48px)}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.hero-visual{aspect-ratio:1;width:100%;min-height:0}.planet{width:165px;height:165px}.code-window{transform-origin:0 100%;bottom:2%;left:0;transform:scale(.85)}.signal-card{transform-origin:100% 0;right:0;transform:scale(.85)}.track-section{padding:60px 18px}.track-grid{grid-template-columns:1fr}.platform-section{border-radius:0;margin-bottom:50px;padding:36px 20px}.platform-flow span{width:70px;font-size:0}.platform-flow i{width:18px}.home-footer{flex-direction:column;align-items:flex-start;gap:18px;padding:25px 20px}.auth-page{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{padding:90px 22px 40px}.back-link{top:28px;left:22px}.auth-panel h2{font-size:32px}.form-two{grid-template-columns:1fr}.app-shell{display:block}.sidebar{z-index:10;flex-direction:row;justify-content:space-around;align-items:center;height:62px;min-height:0;padding:7px 10px;display:flex;position:fixed;inset:auto 0 0}.sidebar>.brand,.sidebar-bottom>.nav-disabled{display:none}.sidebar nav{flex-direction:row;justify-content:space-around;width:calc(100% - 52px);margin:0;display:flex}.sidebar nav a,.sidebar .nav-disabled{width:42px;height:42px;min-height:42px}.sidebar nav a.active{border-radius:12px}.sidebar-bottom{margin:0}.user-tile{border:0;margin:0}.dashboard-main{padding:24px 16px 90px}.dashboard-header h1{font-size:23px}.system-pill{display:none}.welcome-banner,.teacher-hero{border-radius:16px;min-height:145px;padding:24px}.mini-planet{display:none}.welcome-banner h2,.teacher-hero h2{font-size:21px}.tool-grid,.lesson-grid,.metric-grid,.teacher-lessons{grid-template-columns:1fr}.lesson-card:last-child{display:block}.section-title small,.teacher-hero .button,.workspace-bar .brand,.workspace-divider{display:none}.workspace-title{margin-left:0}.workspace-bar{gap:8px;padding:0 10px}.workspace-actions{gap:4px}.workspace-actions button,.workspace-actions>a{padding:7px 8px}.secure-banner span{display:none}}@media (max-width:1000px){.live-window{width:360px;left:8%}.catalog-grid,.project-grid{grid-template-columns:1fr 1fr}.classroom-layout{grid-template-columns:220px 1fr}.management-form,.inline-form{grid-template-columns:1fr 1fr}.inline-form>.button{min-height:40px}.user-list article{grid-template-columns:42px 1fr 1fr}.user-list .status,.user-list .row-actions{grid-column:2/4}.settings-grid{grid-template-columns:1fr}}@media (max-width:680px){.live-window{transform-origin:0 0;width:360px;top:7%;left:0;transform:scale(.83)}.hero-visual .planet{width:120px;height:120px;right:2%}.language-chip{transform:scale(.85)}.servo-node{bottom:0;left:6%}.live-section{padding:55px 18px}.live-feature-grid,.catalog-grid,.project-grid{grid-template-columns:1fr}.mission-strip{border-radius:0;padding:16px 18px}.mission-strip-title b{display:none}.mission-step-grid{grid-template-columns:1fr}.mission-step-grid article{border-bottom:1px solid #79b5cf1f;border-right:0;padding:13px 7px}.youth-lab-section{margin-bottom:70px;padding:0 18px}.cockpit-card{transform:none}.cockpit-body{grid-template-columns:78px 1fr}.cockpit-body aside span{font-size:0}.cockpit-main{padding:20px 14px}.platform-flow{flex-wrap:wrap}.platform-flow i{display:none}.management-toolbar{align-items:flex-start;gap:15px}.management-toolbar h2{font-size:16px}.toolbar-actions{flex-direction:column}.management-form,.management-create,.inline-form{grid-template-columns:1fr}.form-wide{grid-column:auto}.enrollment-roster{grid-template-columns:1fr 1fr}.recurring-rules article{grid-template-columns:26px 1fr}.recurring-rules article strong,.recurring-rules article small,.recurring-rules article>button{text-align:left;grid-column:2}.classroom-layout{grid-template-columns:1fr}.classroom-picker{grid-template-columns:1fr 1fr;display:grid}.classroom-detail{padding:16px}.classroom-detail>header{align-items:flex-start;gap:12px}.assignment-row{grid-template-columns:1fr}.table-head,.table-row{grid-template-columns:1fr 1fr}.table-head span:nth-child(3),.table-head span:nth-child(4){display:none}.user-list article{grid-template-columns:42px 1fr;padding:13px}.user-meta,.user-list .status,.user-list .row-actions{grid-column:2}.timeline-panel{padding:16px}.timeline-item{grid-template-columns:42px 14px 1fr}.settings-card{padding:18px}}@media (max-width:1000px){.lesson-project-grid{grid-template-columns:1fr 1fr}.submission-panel>header{align-items:flex-start;gap:14px}.submission-metrics{flex-wrap:wrap;justify-content:flex-end}}@media (max-width:680px){.lesson-project-grid,.project-filter-rail{grid-template-columns:1fr}.course-folder>summary{grid-template-columns:44px 1fr}.course-folder summary em{display:none}.submission-panel>header{flex-direction:column;align-items:flex-start}.submission-metrics{justify-content:flex-start}.submission-head{display:none}.submission-table article{grid-template-columns:1fr 1fr;align-items:flex-start;padding:15px}.submission-table article>span:last-child{grid-column:1/3}.project-open.review,.project-open.disabled{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.payroll-toolbar{color:#1b3047;background:#fff;border:1px solid #e2eaf1;border-radius:16px;align-items:center;gap:14px;margin-top:18px;padding:14px 16px;display:flex}.payroll-toolbar>div:first-child{align-items:center;gap:7px;display:flex}.payroll-toolbar>div:first-child>span{color:#71859a;margin-right:4px;font-size:10px;font-weight:800}.payroll-toolbar label{align-items:center;gap:4px;font-size:10px;display:flex}.payroll-toolbar input{color:#243c52;border:1px solid #dce5ed;border-radius:8px;width:78px;padding:8px}.payroll-toolbar>select{color:#243c52;border:1px solid #dce5ed;border-radius:9px;min-width:160px;height:38px}.payroll-actions{gap:7px;margin-left:auto;display:flex}.payroll-actions button,.payroll-panel header button{color:#32677b;cursor:pointer;background:#edf6f8;border:1px solid #d8e7ec;border-radius:9px;align-items:center;gap:5px;padding:8px 10px;font-size:9px;font-weight:800;display:inline-flex}.payroll-actions svg,.payroll-panel header button svg{width:14px}.payroll-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;display:grid}.payroll-metrics article{color:#1b3047;background:#fff;border:1px solid #e2eaf1;border-radius:15px;align-items:center;gap:12px;padding:17px;display:flex}.payroll-metrics article>svg{color:#1b9b90;background:#eaf8f6;border-radius:10px;width:40px;height:40px;padding:10px}.payroll-metrics span,.payroll-metrics b,.payroll-metrics small{display:block}.payroll-metrics b{font-size:19px}.payroll-metrics small{color:#8092a5;margin-top:3px;font-size:8px}.payroll-form,.payroll-panel{color:#1b3047;background:#fff;border:1px solid #e2eaf1;border-radius:17px;margin-top:14px;padding:19px}.payroll-form{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.payroll-form>header,.payroll-panel>header{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.payroll-form header span,.payroll-panel header span{color:#188f8a;letter-spacing:1px;font-size:8px;font-weight:900}.payroll-form h2,.payroll-panel h2{margin:3px 0;font-size:16px}.payroll-form header small{color:#8496a8;font-size:8px}.payroll-form label{color:#536579;font-size:9px;font-weight:800}.payroll-form input,.payroll-form select,.payroll-form textarea{color:#1f334a;background:#f8fafc;border:1px solid #dce5ee;border-radius:9px;width:100%;margin-top:6px;padding:10px}.payroll-form textarea{resize:vertical;min-height:58px}.payroll-form>.button{align-self:end;min-height:39px}.delivery-list,.settlement-list,.policy-list{margin-top:12px}.delivery-list>article{border-top:1px solid #edf1f5;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:13px 3px;display:grid}.delivery-list h3{margin:4px 0;font-size:12px}.delivery-list span,.delivery-list small{color:#7d90a3;font-size:8px}.delivery-list nav,.settlement-detail footer{gap:6px;display:flex}.delivery-list button,.settlement-detail footer button{color:#247d77;cursor:pointer;background:#edf7f6;border:1px solid #d4e9e6;border-radius:8px;align-items:center;gap:4px;padding:7px;font-size:8px;display:flex}.delivery-list button svg,.settlement-detail footer svg{width:12px}.settlement-list details{border-top:1px solid #e8eef3}.settlement-list summary{cursor:pointer;grid-template-columns:1fr auto 120px;align-items:center;gap:12px;padding:14px 3px;list-style:none;display:grid}.settlement-list summary span,.settlement-list summary b,.settlement-list summary small{display:block}.settlement-list summary b{font-size:11px}.settlement-list summary small{color:#8294a6;margin-top:3px;font-size:8px}.settlement-list summary strong{color:#168b82;font-size:16px}.settlement-detail{background:#f8fbfd;border-radius:12px;margin-bottom:13px;padding:13px}.settlement-totals{gap:24px;display:flex}.settlement-totals span{color:#718497;font-size:8px}.settlement-totals b{color:#243b51;margin-left:4px;font-size:11px}.settlement-lines{margin:10px 0}.settlement-lines article{border-top:1px dashed #dfe8ee;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.settlement-lines b{font-size:10px}.settlement-lines small,.settlement-lines p{color:#7b8fa3;margin:2px 0;font-size:8px}.payroll-dispute{color:#986614;background:#fff4df;border-radius:8px;padding:8px;font-size:9px}.policy-list article{border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;padding:12px 3px;display:flex}.policy-list b,.policy-list small{display:block}.policy-list b{font-size:10px}.policy-list small{color:#8193a5;margin-top:3px;font-size:8px}.policy-list em{color:#168b82;font-size:9px;font-style:normal;font-weight:800}.status.teacher_confirmed,.status.admin_approved,.status.approved{color:#117d5d;background:#e7f8f1}.status.disputed,.status.rejected{color:#bc4a55;background:#fff0f0}.status.locked,.status.paid{color:#6254bc;background:#edf0ff}.settings-help{color:#8294a6;font-size:8px;line-height:1.7}.user-role.finance{color:#ad7414;background:#fff3dc}.attendance-list label>input{color:#263d52;background:#f8fafc;border:1px solid #dae4ec;border-radius:8px;max-width:145px;margin-left:7px;padding:7px}.attendance-list label>input[type=number]{max-width:95px}.recording-title{margin-top:28px!important}.recording-library{color:#1b3047;background:#fff;border:1px solid #e2eaf1;border-radius:17px;overflow:hidden}.recording-library>article{border-bottom:1px solid #edf1f5;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:15px 18px;display:grid}.recording-library>article>span{color:#4f7dcc;background:#edf5ff;border-radius:11px;justify-content:center;align-items:center;height:40px;display:flex}.recording-library h3{margin:4px 0;font-size:12px}.recording-library small,.recording-library p,.recording-library em{color:#7f91a4;margin:2px 0;font-size:8px;font-style:normal}.recording-library em{color:#a16b12}.recording-library button{color:#18857d;cursor:pointer;background:#e9f8f6;border:1px solid #d3ebe7;border-radius:9px;align-items:center;gap:5px;padding:9px 11px;font-size:9px;font-weight:800;display:flex}.recording-library button svg{width:15px}.recording-dialog{z-index:60;background:#030c18c7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.recording-dialog>div{background:#081629;border:1px solid #7dbedd3d;border-radius:17px;width:100%;max-width:960px;overflow:hidden;box-shadow:0 30px 100px #0000008c}.recording-dialog header{align-items:center;padding:14px 17px;display:flex}.recording-dialog header span{flex-direction:column;display:flex}.recording-dialog header small{color:#7993ad;margin-top:3px;font-size:9px}.recording-dialog header button{color:#9eb1c4;cursor:pointer;background:0 0;border:0;margin-left:auto}.recording-dialog video{aspect-ratio:16/9;background:#02060c;width:100%;display:block}@media (max-width:1000px){.payroll-form{grid-template-columns:repeat(2,1fr)}.payroll-metrics{grid-template-columns:1fr 1fr}.payroll-toolbar{flex-wrap:wrap;align-items:flex-start}.payroll-actions{margin-left:0}.settlement-list summary{grid-template-columns:1fr auto}.settlement-list summary>em{grid-column:1/3}.attendance-list label{flex-wrap:wrap;align-items:flex-start}.attendance-list label>span{min-width:50%}}@media (max-width:680px){.payroll-form,.payroll-metrics{grid-template-columns:1fr}.payroll-toolbar{flex-direction:column;align-items:stretch}.payroll-toolbar>div:first-child{justify-content:space-between}.payroll-toolbar>select{width:100%}.payroll-actions{flex-wrap:wrap}.delivery-list>article{grid-template-columns:1fr;align-items:flex-start}.settlement-lines article{grid-template-columns:1fr}.settlement-totals{flex-direction:column;align-items:flex-start;gap:7px}.recording-library>article{grid-template-columns:38px 1fr;align-items:flex-start}.recording-library>article>button{grid-column:2}.recording-dialog{padding:10px}}.workspace-directory-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.workspace-folder-list{gap:10px;display:grid}.workspace-folder-list button{color:#14233a;text-align:left;cursor:pointer;background:#fff;border:1px solid #e3eaf1;border-radius:16px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:14px;display:grid}.workspace-folder-list button.active{background:linear-gradient(135deg,#6b57ff29,#22d3ee14);border-color:#715fffa6;box-shadow:0 10px 30px #3c2daa2e}.workspace-folder-list svg{color:#8d7cff;width:23px}.workspace-folder-list span{gap:4px;min-width:0;display:grid}.workspace-folder-list b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-folder-list small{color:var(--text-muted)}.workspace-folder-list em{color:#7c6cf4;font-style:normal;font-weight:700}.workspace-lesson-folder{padding:0;overflow:hidden}.workspace-folder-heading{border-bottom:1px solid #e3eaf1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 20px;display:grid}.workspace-folder-heading span:nth-child(2){gap:3px;display:grid}.workspace-folder-heading p{color:var(--text-muted);margin:0}.workspace-folder-heading em{color:#40d9c1;font-style:normal}.workspace-lesson-folder .lesson-project-grid{padding:18px}.outline-unit-list{gap:9px;max-height:360px;margin:16px 0;display:grid;overflow:auto}.outline-unit-list article{background:#f8fbfe;border:1px solid #e3eaf1;border-radius:12px;grid-template-columns:86px minmax(160px,.7fr) 1fr;align-items:center;gap:12px;padding:12px 14px;display:grid}.outline-unit-list article b{color:#6356d8;font-size:12px}.outline-unit-list article span{color:#1d3048;font-weight:700}.outline-unit-list article small{color:#7d91a7}.courseware-upload{background:linear-gradient(135deg,#f7fbff,#f6f5ff);border:1px solid #e1e7f4;border-radius:14px;grid-template-columns:1.3fr 1.2fr 1.2fr auto;align-items:end;gap:12px;margin-top:15px;padding:15px;display:grid}.courseware-upload label{color:#536579;font-size:10px;font-weight:800}.courseware-upload input,.courseware-upload select{color:#1f334a;background:#fff;border:1px solid #dce5ee;border-radius:9px;width:100%;height:40px;margin-top:6px;padding:0 11px}.courseware-file{cursor:pointer;background:#fff;border:1px dashed #b9c7db;border-radius:9px;justify-content:center;align-items:center;height:40px;margin-top:6px;display:flex;color:#546984!important}.courseware-file input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.courseware-file svg{width:16px;height:16px;margin-right:7px}.courseware-list{flex-direction:column;margin-top:14px;display:flex}.courseware-list article{border-top:1px solid #edf1f5;align-items:center;gap:12px;padding:13px 2px;display:flex}.courseware-list article>div{flex:1}.courseware-list h3{margin:0;font-size:12px}.courseware-list p{color:#899aab;margin:4px 0 0;font-size:9px}.courseware-list .button svg{width:15px;height:15px}.asset-kind{letter-spacing:.8px;border-radius:8px;padding:8px 7px;font-size:8px;font-weight:900}.asset-kind.pdf{color:#c94a58;background:#fff0f1}.asset-kind.pptx{color:#d46d25;background:#fff2e7}.portfolio-mode-switch{background:#fff;border:1px solid #e1e8f0;border-radius:12px;gap:5px;padding:4px;display:inline-flex}.portfolio-mode-switch button{color:#7890a5;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:8px 11px;display:inline-flex}.portfolio-mode-switch button.active{color:#116f75;background:#e8f7f6}.portfolio-mode-switch svg{width:15px}.portfolio-timeline{gap:0;padding:8px 22px 24px;display:grid}.portfolio-timeline article{border-bottom:1px solid #edf1f5;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:92px;display:grid;position:relative}.portfolio-timeline article:last-child{border-bottom:0}.portfolio-timeline h3{color:#1b2c43;margin:5px 0;font-size:14px}.portfolio-timeline p,.portfolio-timeline small{color:#8194a9;margin:0;font-size:10px}.timeline-dot{border:3px solid #d7e0ea;border-radius:50%;width:11px;height:11px}.timeline-dot.saved{border-color:#31c4ae;box-shadow:0 0 0 4px #31c4ae1f}.timeline-dot.started{border-color:#f2ad39}.courseware-list article.unpublished{opacity:.72}.courseware-list h3{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.asset-status{color:#62758a;background:#eef3f8;border-radius:999px;padding:4px 7px;font-size:7px;font-style:normal;font-weight:800}.asset-status.ready{color:#16806c;background:#e8fbf5}.asset-status.failed{color:#c94a58;background:#fff0f1}.asset-status.processing{color:#4869c9;background:#eef3ff}.asset-error{color:#c94a58;max-width:620px;margin-top:5px;font-size:8px;display:block}.asset-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;flex:initial!important;display:flex!important}.button-danger{color:#b63f4d!important;background:#fff2f3!important;border-color:#f5c9ce!important}@media (max-width:820px){.workspace-directory-layout{grid-template-columns:1fr}.workspace-folder-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.outline-unit-list article,.courseware-upload{grid-template-columns:1fr}.courseware-panel .panel-heading{flex-direction:column;align-items:flex-start;gap:7px}.courseware-list article{flex-wrap:wrap;align-items:flex-start}.asset-actions{justify-content:flex-start;width:100%}.portfolio-mode-switch{width:100%}.portfolio-mode-switch button{flex:1;justify-content:center}.portfolio-timeline article{grid-template-columns:18px 1fr;padding:12px 0}.portfolio-timeline .project-open{grid-column:2;justify-self:start}}:root .pagination-panels{gap:8px;margin-top:20px;display:grid}:root .pagination-bar{border-top:1px solid var(--border,#dce2e8);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;display:flex}:root .pagination-bar span{flex:180px}:root .remote-select{gap:6px;min-width:0;display:grid}:root .remote-select-pages{justify-content:space-between;align-items:center;gap:6px;display:flex}:root .remote-select-pages button{cursor:pointer;padding:6px}:root button:disabled{cursor:default;opacity:.5}.pagination-fieldset{border:0;min-width:0;margin:0;padding:0}.dashboard-header-controls{align-items:center;gap:12px;min-width:0;display:flex}.tenant-selector{color:#52677d;flex-direction:column;gap:4px;min-width:0;font-size:12px;display:flex}.tenant-selector select{color:#263a52;max-width:230px;min-height:40px;font:inherit;background:#fff;border:1px solid #cbd7e4;border-radius:8px;padding:8px}.tenant-selector select:focus-visible{outline-offset:2px;outline:2px solid #159f9b}@media (max-width:700px){.dashboard-header{flex-wrap:wrap;align-items:flex-start;gap:12px}.dashboard-header-controls,.tenant-selector{width:100%}.tenant-selector select{width:100%;max-width:100%}}.family-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0;display:grid}.family-product{color:#243a50;background:#fff;border:1px solid #d9e4ed;border-radius:14px;flex-direction:column;min-width:0;padding:22px;display:flex}.family-product header{color:#38677d;justify-content:space-between;gap:12px;font-size:13px;display:flex}.family-product header b{color:#24645d;background:#e6f6f3;border-radius:6px;padding:4px 8px;font-size:12px}.family-product h3{overflow-wrap:anywhere;margin:14px 0 8px;font-size:20px;line-height:1.5}.family-product p{color:#52677b;white-space:pre-wrap;font-size:14px;line-height:1.8}.family-product dl{flex-wrap:wrap;gap:16px;margin:auto 0 22px;padding-top:16px;font-size:13px;display:flex}.family-product dt{color:#566b7b}.family-product dd{margin:6px 0 0;font-weight:700}.family-product footer{border-top:1px solid #e4eaf0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;display:flex}.family-product strong{color:#14314b;font-size:24px}.family-catalog .management-toolbar{margin-top:28px}.family-catalog .management-toolbar label,.family-summary>label{gap:6px;min-width:180px;font-size:14px;display:grid}.family-catalog select,.family-summary select{color:#263e52;background:#fff;border:1px solid #c4d4df;border-radius:8px;min-height:44px;padding:10px}.family-child-list{flex-direction:column;gap:0;display:flex}.family-child-list article{border-bottom:1px solid #e2e9f0;justify-content:space-between;align-items:center;gap:20px;min-width:0;padding:20px 0;display:flex}.family-child-list h3{margin:0 0 8px;font-size:17px}.family-child-list p{color:#52677b;overflow-wrap:anywhere;margin:6px 0;font-size:14px;line-height:1.7}.family-child-list code{-webkit-user-select:all;user-select:all;color:#153d54}.family-actions{flex-wrap:wrap;gap:10px;display:flex}.family-form label{font-size:14px;line-height:1.6}.family-form input,.family-form select,.family-form textarea{min-height:44px;font-size:15px}.family-form h3{margin:10px 0}.family-form .family-consent,.family-interests label{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.family-form input[type=checkbox]{flex-shrink:0;width:18px;height:18px;min-height:18px;margin-top:3px}.family-consent a,.consent-line a{color:#166e69;text-decoration:underline}.family-interests{border:1px solid #d2dfe8;border-radius:8px;flex-wrap:wrap;gap:18px;padding:16px;display:flex}.family-interests legend{padding:0 8px;font-size:14px}.family-interests label{flex-direction:row}.family-report{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:20px 0;display:grid}.family-report h3{margin:0 0 12px;font-size:16px}.family-report p{color:#506579;overflow-wrap:anywhere;font-size:14px;line-height:1.8}.family-summary small{color:#52677b;font-size:13px}.auth-modes{gap:12px;width:min(430px,100%);margin:0 0 24px;display:flex}.auth-modes button{cursor:pointer;color:#496477;background:#f7fafc;border:1px solid #cedce6;border-radius:8px;flex:1;padding:12px;font-size:14px}.auth-modes button.active{color:#b4f5e7;background:#103149;border-color:#103149}.sms-message{line-height:1.7;color:#24615d!important;margin:0!important;font-size:13px!important}.family-auth .consent-line{flex-wrap:wrap;font-size:13px;display:flex}.family-rules{color:#dce9f5;max-width:850px;margin:40px auto;padding:28px;line-height:1.9}.family-rules h1{margin-top:40px;font-size:30px}.family-rules h2{margin-top:30px;font-size:20px}.family-rules p{color:#b8cbdf;font-size:15px}.public-catalog{color:#253b50;background:#f3f7fa;min-height:100vh;padding:30px max(24px,50vw - 620px)}.public-catalog>header{justify-content:space-between;align-items:center;gap:24px;display:flex}.public-catalog .brand{color:#153048}.public-catalog .brand em{color:#177773}.public-catalog nav{color:#24465e;gap:24px;font-size:14px;display:flex}.catalog-intro{max-width:800px;margin:70px 0 40px}.catalog-intro h1{letter-spacing:-1px;font-size:clamp(28px,4vw,44px);line-height:1.4}.catalog-intro p{color:#50697f;font-size:16px;line-height:1.9}.public-catalog .pagination-bar{color:#42596d}select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #24a89c}@media (max-width:1100px){.family-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-report{grid-template-columns:1fr;gap:12px}}@media (max-width:680px){.family-product-grid{grid-template-columns:1fr}.family-child-list article{flex-direction:column;align-items:flex-start;gap:12px}.family-form{grid-template-columns:1fr!important}.family-form .form-wide{grid-column:auto!important}.public-catalog{padding:24px 18px}.public-catalog>header{flex-wrap:wrap}.catalog-intro{margin-top:40px}.family-rules{margin:0;padding:24px 18px}.family-catalog .management-toolbar{flex-direction:column;align-items:flex-start;gap:16px}.family-product{padding:20px}.family-form input,.family-form select,.family-form textarea{width:100%}.family-form input[type=checkbox]{width:18px}.family-form .family-consent{display:block}.family-actions .button{min-height:44px}}@media (prefers-reduced-motion:reduce){.family-product .button,.family-actions .button{transition:none}}.input-wrap .sms-send-button{white-space:nowrap;color:#176b68;width:110px;font-size:13px;font-weight:700;right:8px}.input-wrap:has(.sms-send-button) input{padding-right:125px}@media (max-width:1000px){.sidebar-bottom>a{justify-content:center;align-items:center;width:42px;min-height:42px;font-size:0;display:flex}}@media (max-width:680px){.sidebar-bottom{flex-direction:row;flex-shrink:0;align-items:center;gap:3px}.sidebar nav{width:calc(100% - 96px)}.sidebar-bottom .user-tile{padding:6px}.family-actions .button{white-space:nowrap}.family-child-list .button{font-size:14px}.family-form input[type=password]{font-size:16px}}.management-table-wrap{max-width:100%;overflow-x:auto}.management-table-wrap .management-table{min-width:680px}.app-shell .dashboard-main{min-width:0}