*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}body{margin:0}:root{--cmp-bg-cream:#fdf5e6;--cmp-bg-light-blue:#ebf8ff;--cmp-bg-footer:#a8e0f0;--cmp-primary-orange:#ffae19;--cmp-primary-orange-hover:#e69b0f;--cmp-purple-btn:#d3c5e5;--cmp-purple-btn-hover:#c1b0d8;--cmp-brand-blue:#3182ce;--cmp-brand-blue-dark:#2b6cb0;--cmp-text-main:#2d3748;--cmp-text-sub:#4a5568;--cmp-text-muted:#718096;--cmp-green-bg:#d4f4dd;--cmp-green-text:#2d6a4f;--cmp-yellow-bg:#ffe5a3;--cmp-yellow-text:#8a5a00;--cmp-pink-bg:#ffd6da;--cmp-pink-text:#9e2a2b;--cmp-font-main:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--cmp-radius-card:18px;--cmp-radius-btn:30px;--cmp-radius-pill:50px;--cmp-shadow-soft:0 10px 20px #0000000f}html,body{height:auto!important;max-height:none!important;overflow:hidden auto!important}#root{height:auto!important;min-height:100vh!important;overflow:visible!important}.cmp-landing-wrapper{background-color:var(--cmp-bg-cream);color:var(--cmp-text-main);font-family:var(--cmp-font-main);flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;height:auto!important;overflow-y:visible!important}.cmp-sub-page{background-color:var(--cmp-bg-cream);flex:1 0 auto;width:100%;min-height:100vh;height:auto!important}.cmp-landing-wrapper{background-color:var(--cmp-bg-cream);color:var(--cmp-text-main);font-family:var(--cmp-font-main);flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden auto}.cmp-header{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffdf7f2;border-bottom:1px solid #f0ead6;justify-content:space-between;align-items:center;padding:.2rem 6%;display:flex;position:sticky;top:0}.cmp-logo-btn{cursor:pointer;background-color:#0000;background-image:url(/assets/FullLogo-BoSfqU-n.png);background-position:0;background-repeat:no-repeat;background-size:contain;border:none;width:200px;height:80px}.cmp-nav-links{gap:1rem;display:flex}.cmp-nav-btn{color:var(--cmp-text-main);cursor:pointer;border-radius:var(--cmp-radius-btn);background:0 0;border:none;padding:.5rem 1.2rem;font-size:.95rem;font-weight:600;transition:all .2s}.cmp-nav-btn.cmp-active,.cmp-nav-btn:hover{background-color:#e2e8f0}.cmp-btn-purple{background-color:var(--cmp-purple-btn);color:var(--cmp-text-main);border-radius:var(--cmp-radius-btn);cursor:pointer;border:none;padding:.6rem 1.6rem;font-size:.95rem;font-weight:700;transition:background-color .2s,transform .2s}.cmp-btn-purple:hover{background-color:var(--cmp-purple-btn-hover);transform:translateY(-1px)}.cmp-btn-orange{background-color:var(--cmp-primary-orange);color:var(--cmp-text-main);border-radius:var(--cmp-radius-btn);cursor:pointer;border:none;padding:.85rem 1.8rem;font-size:.95rem;font-weight:800;transition:all .2s;box-shadow:0 4px 10px #ffae194d}.cmp-btn-orange:hover{background-color:var(--cmp-primary-orange-hover);transform:translateY(-2px)}.cmp-btn-outline{color:var(--cmp-text-main);border-radius:var(--cmp-radius-btn);cursor:pointer;background:#fff;border:none;padding:.85rem 1.8rem;font-size:.95rem;font-weight:700;transition:all .2s;box-shadow:0 4px 10px #0000000d}.cmp-btn-outline:hover{background-color:#f7fafc;transform:translateY(-2px)}.cmp-hero-banner{background-image:url(/assets/container-y1KXQrw0.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;min-height:820px;margin-top:-100px;padding:4rem 8%;display:grid}.cmp-pill-tag{border-radius:var(--cmp-radius-pill);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.2rem;padding:.4rem 1.2rem;font-size:.8rem;font-weight:800;display:inline-block}.cmp-pill-yellow{color:#7a5200;background-color:#ffeca1}.cmp-pill-blue{color:var(--cmp-brand-blue-dark);background-color:#bee3f8}.cmp-pill-pink{color:#9b2c2c;background-color:#fed7e2}.cmp-hero-title{color:var(--cmp-text-main);margin-bottom:1.2rem;font-size:2.8rem;font-weight:800;line-height:1.15}.cmp-hero-desc{color:var(--cmp-text-sub);max-width:580px;margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.cmp-hero-actions{gap:1rem;display:flex}.cmp-hero-side{flex-direction:column;gap:1.2rem;display:flex}.cmp-card-widget{border-radius:var(--cmp-radius-card);box-shadow:var(--cmp-shadow-soft);background:#fff;border:1px solid #fffc;padding:1.25rem 1.5rem}.cmp-card-tag{color:var(--cmp-text-main);margin-bottom:.8rem;font-size:.85rem;font-weight:800}.cmp-level-chips{gap:.6rem;display:flex}.cmp-chip{border-radius:var(--cmp-radius-pill);padding:.35rem 1rem;font-size:.85rem;font-weight:700}.cmp-chip-green{background-color:var(--cmp-green-bg);color:var(--cmp-green-text)}.cmp-chip-yellow{background-color:var(--cmp-yellow-bg);color:var(--cmp-yellow-text)}.cmp-chip-pink{background-color:var(--cmp-pink-bg);color:var(--cmp-pink-text)}.cmp-progress-track{background-color:#edf2f7;border-radius:5px;height:10px;margin:.6rem 0;overflow:hidden}.cmp-progress-fill{background-color:#38a169;height:100%}.cmp-progress-note{color:var(--cmp-text-muted);font-size:.8rem}.cmp-word-title{color:var(--cmp-brand-blue-dark);margin-bottom:.3rem;font-size:1.3rem;font-weight:800}.cmp-word-def{color:var(--cmp-text-sub);font-size:.9rem;line-height:1.4}.cmp-sec-header{text-align:center;border-color:#000;border-radius:20px;max-width:720px;margin:0 auto 3.5rem}.cmp-sec-header h2{color:var(--cmp-text-main);margin-bottom:.8rem;font-size:2.2rem;font-weight:800}.cmp-sec-sub{color:var(--cmp-text-muted);font-size:1.05rem;line-height:1.5}.cmp-sec-features{background-color:#fdf5e6;padding:5rem 8%}.cmp-features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.cmp-feature-card{border-radius:var(--cmp-radius-card);box-shadow:var(--cmp-shadow-soft);background-color:#fff;padding:2.2rem 1.8rem;transition:transform .2s,box-shadow .2s}.cmp-feature-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #00000014}.cmp-feature-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1.2rem;font-size:1.4rem;display:flex}.cmp-icon-blue{background-color:#ebf8ff}.cmp-icon-green{background-color:#e6fffa}.cmp-icon-pink{background-color:#fff5f5}.cmp-icon-yellow{background-color:#fefcbf}.cmp-icon-purple{background-color:#ebf4ff}.cmp-icon-orange{background-color:#fffaf0}.cmp-feature-card h3{color:var(--cmp-text-main);margin-bottom:.8rem;font-size:1.25rem;font-weight:800}.cmp-feature-card p{color:var(--cmp-text-muted);font-size:.95rem;line-height:1.5}.cmp-sec-prof{background-color:var(--cmp-bg-light-blue);padding:5rem 8%}.cmp-prof-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.cmp-prof-card{border-radius:var(--cmp-radius-card);box-shadow:var(--cmp-shadow-soft);text-align:center;padding:2.5rem 2rem;position:relative;overflow:hidden}.cmp-prof-card h3{margin-bottom:1rem;font-size:1.4rem;font-weight:800}.cmp-prof-card p{font-size:.95rem;line-height:1.6}.cmp-prof-green{background-color:var(--cmp-green-bg);color:var(--cmp-green-text)}.cmp-prof-yellow{background-color:var(--cmp-yellow-bg);color:var(--cmp-yellow-text)}.cmp-prof-pink{background-color:var(--cmp-pink-bg);color:var(--cmp-pink-text)}.cmp-cta-section{background-color:var(--cmp-bg-cream);padding:5rem 8%}.cmp-cta-box{box-shadow:var(--cmp-shadow-soft);background-color:#fff;border-radius:28px;max-width:1000px;margin:0 auto;padding:4rem 3rem}.cmp-cta-box h2{color:var(--cmp-text-main);margin-bottom:1rem;font-size:2.2rem;font-weight:800}.cmp-cta-box p{color:var(--cmp-text-sub);max-width:650px;margin-bottom:2rem;font-size:1.05rem}.cmp-footer-wrapper{background-color:var(--cmp-bg-footer);color:var(--cmp-text-main);margin-top:auto;padding:2rem 6%}.cmp-footer-top{justify-content:space-between;gap:1rem;margin-bottom:1rem;display:flex}.cmp-footer-brand{max-width:450px}.cmp-footer-logo{background-image:url(/assets/FullLogo-BoSfqU-n.png);background-position:0;background-repeat:no-repeat;background-size:contain;width:200px;height:88px;margin-bottom:.3rem}.cmp-footer-brand p{color:var(--cmp-text-sub);font-size:.9rem;line-height:1.5}.cmp-footer-col h4{letter-spacing:.5px;text-transform:uppercase;margin-bottom:.6rem;font-size:.9rem;font-weight:800}.cmp-footer-col ul{flex-direction:column;gap:.6rem;list-style:none;display:flex}.cmp-footer-col button{color:var(--cmp-text-sub);cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem}.cmp-footer-col button:hover{color:var(--cmp-text-main);text-decoration:underline}.cmp-footer-bottom{color:var(--cmp-text-sub);border-top:1px solid #0000001a;justify-content:space-between;align-items:center;padding-top:1.8rem;font-size:.85rem;display:flex}.cmp-sub-page{background-color:var(--cmp-bg-cream);flex-direction:column;flex:1 0 auto;width:100%;display:flex}.cmp-sub-hero{background-color:var(--cmp-bg-light-blue);text-align:center;padding:4.5rem 10%}.cmp-sub-hero-title{color:var(--cmp-text-main);max-width:900px;margin:1rem auto 1.2rem;font-size:2.5rem;font-weight:800;line-height:1.2}.cmp-sub-hero-sub{color:var(--cmp-text-sub);max-width:750px;margin:0 auto;font-size:1.05rem;line-height:1.6}.cmp-sub-body{flex-direction:column;gap:3.5rem;max-width:1000px;margin:0 auto;padding:4rem 2rem;display:flex}.cmp-sub-heading{color:var(--cmp-text-main);align-items:center;gap:.6rem;margin-bottom:1.2rem;font-size:1.8rem;font-weight:800;display:flex}.cmp-heading-accent{color:var(--cmp-brand-blue);font-size:2rem;font-weight:900;line-height:1}.cmp-sub-text{color:var(--cmp-text-sub);margin-bottom:1rem;font-size:1rem;line-height:1.65}.cmp-obj-list{flex-direction:column;gap:1.2rem;display:flex}.cmp-obj-item{border-radius:var(--cmp-radius-card);box-shadow:var(--cmp-shadow-soft);background:#fff;border:1px solid #0000000a;align-items:center;gap:1.2rem;padding:1.5rem 1.8rem;display:flex}.cmp-obj-num{background-color:var(--cmp-brand-blue);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;font-weight:800;display:flex}.cmp-obj-item .cmp-sub-text{color:var(--cmp-text-main);margin-bottom:0;font-size:.98rem}.cmp-tech-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.cmp-tech-card{border-radius:var(--cmp-radius-card);box-shadow:var(--cmp-shadow-soft);text-align:center;background:#fff;flex-direction:column;align-items:center;padding:2.2rem 1.5rem;display:flex}.cmp-tech-icon{margin-bottom:1rem;font-size:1.8rem}.cmp-tech-title{color:var(--cmp-text-main);margin-bottom:.5rem;font-size:1.15rem;font-weight:800}.cmp-tech-desc{color:var(--cmp-text-muted);font-size:.9rem;line-height:1.5}.cmp-banner-project{box-shadow:var(--cmp-shadow-soft);background-color:#ebf8ff;border:1px solid #bee3f8;border-radius:20px;align-items:flex-start;gap:1.8rem;padding:2.2rem;display:flex}.cmp-banner-icon{flex-shrink:0;margin-top:.2rem;font-size:2.5rem}.cmp-banner-title{color:var(--cmp-brand-blue-dark);margin-bottom:.6rem;font-size:1.25rem;font-weight:800}.cmp-banner-project .cmp-sub-text{color:var(--cmp-text-sub);margin-bottom:0}.cmp-contact-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:2.5rem;max-width:1050px;margin:0 auto;padding:2.5rem 2rem 4rem;display:grid}.cmp-info-list{flex-direction:column;gap:.8rem;margin-top:1.5rem;display:flex}.cmp-info-card{background:#fff;border:1px solid #00000008;border-radius:14px;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex;box-shadow:0 4px 12px #0000000a}.cmp-info-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.cmp-info-card .cmp-form-label{letter-spacing:.5px;margin-bottom:.1rem;font-size:.7rem}.cmp-info-card strong{color:var(--cmp-text-main);font-size:.92rem}.cmp-contact-form-wrapper{background:#fff;border:1px solid #0000000a;border-radius:20px;padding:1.75rem 2rem;box-shadow:0 10px 25px #0000000f}.cmp-contact-form-wrapper h3{color:var(--cmp-text-main);font-size:1.25rem;font-weight:800;margin-bottom:1rem!important}.cmp-form-flex{flex-direction:column;gap:.85rem;display:flex}.cmp-form-row{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.cmp-form-group{flex-direction:column;gap:.3rem;display:flex}.cmp-form-group label{color:var(--cmp-text-main);font-size:.78rem;font-weight:700}.cmp-input-field{color:var(--cmp-text-main);background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:.6rem .85rem;font-size:.88rem;transition:border-color .2s,background-color .2s}.cmp-input-field:focus{border-color:var(--cmp-brand-blue-dark);background-color:#fff}textarea.cmp-input-field{resize:vertical;min-height:80px}.cmp-submit-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:10px;margin-top:.3rem;padding:.75rem 1.2rem;font-size:.9rem;font-weight:700;transition:background-color .2s,transform .1s}.cmp-submit-btn:hover{background-color:#1d4ed8;transform:translateY(-1px)}@media (width<=992px){.cmp-hero-banner,.cmp-features-grid,.cmp-prof-grid,.cmp-footer-top,.cmp-tech-grid{flex-direction:column;grid-template-columns:1fr}.cmp-sub-hero{padding:3rem 5%}}@media (width<=850px){.cmp-contact-grid{grid-template-columns:1fr;padding:1.5rem 1.5rem 3rem}}@keyframes cmpSlowFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.cmp-card-widget:hover,.cmp-feature-card:hover,.cmp-prof-card:hover,.cmp-cta-box:hover,.cmp-obj-item:hover,.cmp-tech-card:hover,.cmp-banner-project:hover,.cmp-info-card:hover,.cmp-contact-form-wrapper:hover{transform:translateY(-6px);box-shadow:0 16px 32px #00000014}.cmp-card-widget,.cmp-feature-card,.cmp-prof-card,.cmp-cta-box,.cmp-obj-item,.cmp-tech-card,.cmp-banner-project,.cmp-info-card,.cmp-contact-form-wrapper{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.cmp-floating-element{animation:5s ease-in-out infinite cmpSlowFloat}.cmp-floating-element:hover,.cmp-card-widget:hover,.cmp-feature-card:hover,.cmp-prof-card:hover,.cmp-cta-box:hover,.cmp-obj-item:hover,.cmp-tech-card:hover,.cmp-banner-project:hover,.cmp-info-card:hover,.cmp-contact-form-wrapper:hover{animation-play-state:paused;box-shadow:0 16px 32px #00000014;transform:translateY(-6px)!important}:root{--cmp-primary-blue:#e4f3f8;--cmp-secondary-blue:#a7d8e8;--cmp-bg-cream:#fff4d9;--cmp-sky-blue:#a8d7ea;--cmp-btn-orange:#ffae42;--cmp-border-dark:#2d3748;--cmp-pink-dot:#ffb5c5;--cmp-green-hill:#a5d6a7}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.auth-page-wrapper{background-image:url(/assets/PreAss-dqwq_1DG.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex;position:relative;overflow-x:hidden}.auth-card-container{z-index:5;border:2px solid var(--cmp-border-dark);background:#fff;border-radius:24px;grid-template-columns:1fr 1fr;width:90%;max-width:860px;min-height:540px;margin:auto;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.auth-illustration-side{background:linear-gradient(160deg,#fff8e7 0%,#fff0cf 55%,#ffe9c2 100%);border-right:1.5px solid #2d374859;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem 1.5rem;display:flex;position:relative;overflow:hidden}.auth-logo-center{z-index:10;flex-direction:column;justify-content:center;align-items:center;margin:0;display:flex;position:relative}.auth-logo-center img{object-fit:contain;filter:drop-shadow(0 6px 12px #0000001f);cursor:pointer;transition:transform .3s,filter .3s;animation:3.5s ease-in-out infinite logo-bobbing;width:375px!important;max-width:85%!important;height:auto!important}.auth-logo-center img:hover{filter:drop-shadow(0 10px 20px #0003);transform:scale(1.06)rotate(-2deg)translateY(-4px)}.auth-left-title{z-index:10;text-align:center;width:95%;color:var(--cmp-border-dark);margin:10px;font-size:1.4rem;font-weight:800;line-height:1.3;transition:transform .3s,color .3s;position:relative}.auth-left-title:hover{color:#1a202c;transform:scale(1.02)}.auth-left-desc-card{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1.5px solid var(--cmp-border-dark);text-align:center;color:#2d3748;background:#ffffffd1;border-radius:12px;width:92%;margin-bottom:20px;padding:.6rem .85rem;font-size:.65rem;font-weight:600;line-height:1.4;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 4px 12px #0000000d}.auth-left-desc-card:hover{background:#fffffffa;transform:translateY(-4px)scale(1.02);box-shadow:0 8px 20px #0000001f}.auth-left-pills-row{z-index:10;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;width:100%;margin-top:.2rem;display:flex;position:relative}.auth-feature-pill{border:1.5px solid var(--cmp-border-dark);white-space:nowrap;width:fit-content;height:22px;color:var(--cmp-border-dark);box-shadow:0 2px 0 var(--cmp-border-dark);cursor:default;background:#ffffffe6;border-radius:50px;flex:none;align-items:center;gap:.2rem;padding:0 .5rem;font-size:.55rem;font-weight:800;line-height:1;transition:all .25s;animation:3s ease-in-out infinite pill-float;display:inline-flex}.auth-feature-pill span{font-size:.6rem;line-height:1}.auth-feature-pill:nth-child(2){animation-delay:.5s}.auth-feature-pill:nth-child(3){animation-delay:1s}.auth-feature-pill:hover{box-shadow:0 4px 0 var(--cmp-border-dark);background-color:#ffdc65;transform:translateY(-4px)scale(1.05)}.auth-illustration-side:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffdc6599 0%,#ffdc6500 70%);border-radius:50%;width:130px;height:130px;animation:5s ease-in-out infinite auth-glow;position:absolute;top:12%;left:12%}.auth-illustration-side:after{content:"";pointer-events:none;background:linear-gradient(#d4f1d8 0%,#b8e8c0 100%);border-radius:50%;width:240px;height:240px;animation:8s ease-in-out infinite auth-sway;position:absolute;bottom:-110px;left:-90px}.deco-top-left{opacity:.9;background:radial-gradient(circle at 60% 60%,#b5e3f5 0%,#90d5ec 100%);border-radius:50%;width:190px;height:190px;animation:9s ease-in-out infinite auth-drift;position:absolute;top:-70px;left:-70px}.deco-circle-pink{background:#ffc4c4;border-radius:50%;width:30px;height:30px;animation:6s ease-in-out infinite auth-float;position:absolute;top:25%;right:25%;box-shadow:0 0 0 10px #ffb2b240,0 0 0 22px #ffb2b21f}.deco-circle-pink:before,.deco-circle-pink:after{content:"";border-radius:50%;position:absolute}.deco-circle-pink:before{background:#bfe6f5;width:16px;height:16px;animation:7s ease-in-out infinite reverse auth-float;top:90px;left:-90px}.deco-circle-pink:after{background:#a5e3b2;width:10px;height:10px;animation:5s ease-in-out infinite auth-float;top:150px;left:40px}.deco-bottom-right{background:linear-gradient(#a5e3b2 0%,#8fd89f 100%);border-radius:50%;width:260px;height:260px;animation:7s ease-in-out infinite auth-sway;position:absolute;bottom:-120px;right:-70px}@keyframes logo-bobbing{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pill-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes auth-float{0%,to{transform:translateY(10px)}50%{transform:translateY(-18px)}}@keyframes auth-drift{0%,to{transform:translate(0)}50%{transform:translate(15px,12px)}}@keyframes auth-sway{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.05)}}@keyframes auth-glow{20%,to{opacity:.8;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}@keyframes role-icon-pop{0%{transform:translateY(0)scale(1)}45%{transform:translateY(-5px)scale(1.12)}to{transform:translateY(-2px)scale(1.05)}}@media (prefers-reduced-motion:reduce){.auth-illustration-side:before,.auth-illustration-side:after,.deco-top-left,.deco-circle-pink,.deco-circle-pink:before,.deco-circle-pink:after,.deco-bottom-right,.auth-logo-center img,.auth-feature-pill,.role-select-card.selected .role-icon-wrap{animation:none}}.auth-form-side{box-sizing:border-box;background:#fff;flex-direction:column;justify-content:center;gap:.45rem;padding:1.4rem 2rem;display:flex;overflow:hidden}.auth-tab-switch{border:1.5px solid var(--cmp-border-dark);background-color:#fff;border-radius:50px;flex-shrink:0;width:100%;height:42px;margin-bottom:.4rem;display:flex;overflow:hidden}.auth-tab-btn{height:100%;color:var(--cmp-border-dark);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;transition:background-color .2s;display:flex}.auth-tab-btn.active{background-color:#ffdc65}.auth-tab-btn:first-child.active{border-right:1.5px solid var(--cmp-border-dark)}.auth-tab-btn:last-child.active{border-left:1.5px solid var(--cmp-border-dark)}.auth-field-group{flex-direction:column;gap:.15rem;display:flex}.auth-field-group label{color:var(--cmp-border-dark);font-size:.65rem;font-weight:800}.auth-input{border:1px solid var(--cmp-border-dark);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:.45rem .75rem;font-size:.82rem}.password-input-wrapper{align-items:center;display:flex;position:relative}.eye-toggle-btn{cursor:pointer;background:0 0;border:none;font-size:.85rem;position:absolute;right:10px}.role-selection-row{gap:.8rem;display:flex}.role-select-card{border:1.5px solid var(--cmp-border-dark);cursor:pointer;color:var(--cmp-border-dark);box-shadow:0 3px 0 var(--cmp-border-dark);background:#fff;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;padding:.4rem .35rem .45rem;font-size:.75rem;font-weight:800;transition:transform .15s,box-shadow .15s,background-color .2s;display:flex}.role-select-card:hover{box-shadow:0 5px 0 var(--cmp-border-dark);background-color:#fff8e1;transform:translateY(-2px)}.role-select-card:active{box-shadow:0 1px 0 var(--cmp-border-dark);transform:translateY(2px)}.role-select-card:focus-visible{outline:2px solid var(--cmp-btn-orange);outline-offset:2px}.role-select-card.selected{box-shadow:0 1px 0 var(--cmp-border-dark);background-color:#ffdc65;transform:translateY(2px)}.role-select-card.role-error{border-color:#d9534f;box-shadow:0 3px #d9534f}.role-icon-wrap{border:1.5px solid var(--cmp-border-dark);background:radial-gradient(circle at 35% 30%,#fff 0%,#e4f3f8 55%,#cfe9f3 100%);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:inset 0 -3px #2d37481f}.role-select-card:hover .role-icon-wrap{transform:translateY(-2px)scale(1.06)}.role-select-card.selected .role-icon-wrap{background:radial-gradient(circle at 35% 30%,#fff 0%,#fff4d9 60%,#ffe9a8 100%);animation:.35s ease-out forwards role-icon-pop}.role-icon-svg{filter:drop-shadow(0 2px 1px #2d374840);margin-top:2px;display:block}.auth-submit-btn{background-color:var(--cmp-btn-orange);border:1px solid var(--cmp-border-dark);width:100%;color:var(--cmp-border-dark);cursor:pointer;box-shadow:0 2px 0 var(--cmp-border-dark);border-radius:10px;margin-top:.2rem;padding:.65rem;font-size:.88rem;font-weight:800}.auth-submit-btn:hover{transform:translateY(-1px)}.field-error{color:#d9534f;font-size:.65rem;font-weight:700}.error-text-banner{color:#d9534f;text-align:center;font-size:.72rem;font-weight:800}.password-hint{color:#666;margin-top:.1rem;font-size:.62rem}.input-error{border-color:#d9534f}.input-success{border-color:#5cb85c}@media (width<=768px){.auth-card-container{grid-template-columns:1fr}.auth-illustration-side{display:none}}.assessment-page{background-color:#a7d8e8;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:20px;display:flex}.assessment-card,.result-card{background-color:#fffbf5;border:2.5px solid #000;border-radius:24px;flex-direction:column;width:100%;max-width:620px;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000026}.assessment-header{background-color:#ffe9a8;border-bottom:2px dashed #000;flex-direction:column;gap:12px;padding:20px 24px 16px;display:flex}.assessment-title-row{justify-content:space-between;align-items:flex-start;display:flex}.assessment-title-left{align-items:center;gap:12px;display:flex}.assessment-icon{background-color:#fff;border:2px solid #000;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.8rem;display:flex;box-shadow:0 2px #000}.assessment-title-left h1{color:#000;font-size:1.25rem;font-weight:800;line-height:1.2}.assessment-title-left p{color:#2d3748;margin-top:2px;font-size:.8rem}.exit-btn{color:#000;cursor:pointer;background-color:#fff;border:1.5px solid #000;border-radius:8px;padding:5px 12px;font-size:.78rem;font-weight:800;transition:transform .1s;box-shadow:0 2px #000}.exit-btn:hover{background-color:#fff5f5;transform:translateY(-1px)}.progress-bar{background-color:#fff;border:1.5px solid #000;border-radius:10px;width:100%;height:10px;overflow:hidden}.progress-fill{height:100%;transition:width .3s}.progress-fill.zero{width:0%}.progress-fill.question{background-color:#48bb78}.progress-fill.complete{background-color:#48bb78;width:100%}.progress-info{color:#000;justify-content:space-between;font-size:.72rem;font-weight:800;display:flex}.assessment-body{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.assessment-body h2{color:#000;font-size:.95rem;font-weight:800}.expect-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.expect-card{text-align:center;background-color:#e4f3f8;border:1.5px solid #000;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;display:flex;box-shadow:0 2px #000}.expect-card div{font-size:1.5rem}.expect-card p{color:#000;font-size:.75rem;font-weight:700;line-height:1.25}.warning-box{color:#744210;background-color:#fefcbf;border:1.5px dashed #000;border-radius:10px;padding:10px 14px;font-size:.78rem;font-weight:600;line-height:1.35}.passage-box{background-color:#fff;border:1.5px solid #000;border-radius:14px;max-height:130px;padding:14px 16px;overflow-y:auto;box-shadow:inset 0 2px 4px #0000000d}.passage-box p{color:#2d3748;font-size:.85rem;line-height:1.5}.question-type{color:#000;background-color:#ffe9a8;border:1.5px solid #000;border-radius:12px;align-self:flex-start;padding:3px 10px;font-size:.72rem;font-weight:800;display:inline-block}.assessment-body h3{color:#000;font-size:.92rem;font-weight:800;line-height:1.35}.choices{flex-direction:column;gap:8px;display:flex}.choice{color:#2d3748;text-align:left;cursor:pointer;background-color:#fff;border:1.5px solid #cbd5e0;border-radius:12px;padding:10px 14px;font-size:.82rem;font-weight:700;transition:all .15s}.choice:hover:not(:disabled){background-color:#e4f3f8;border-color:#000}.choice.selected{background-color:#e4f3f8;border-color:#3182ce}.choice.correct{font-weight:800;color:#22543d!important;background-color:#c6f6d5!important;border-color:#38a169!important}.choice.incorrect{font-weight:800;color:#742a2a!important;background-color:#fed7d7!important;border-color:#e53e3e!important}.answer-feedback{border:1.5px dashed;border-radius:10px;padding:10px 14px;font-size:.8rem;font-weight:700}.feedback-correct{color:#22543d;background-color:#f0fff4;border-color:#38a169}.feedback-incorrect{color:#742a2a;background-color:#fff5f5;border-color:#e53e3e}.begin-btn,.next-btn{color:#000;cursor:pointer;background-color:#ffb347;border:2px solid #000;border-radius:12px;width:100%;padding:10px 20px;font-size:.85rem;font-weight:800;transition:all .15s;box-shadow:0 3px #000}.begin-btn:hover,.next-btn-active:hover{background-color:#ffa41f;transform:translateY(-1px)}.next-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.result-body{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px;display:flex}.result-logo{font-size:3rem}.result-body h2{color:#000;font-size:2.2rem;font-weight:900}.result-body p{color:#4a5568;font-size:.82rem}.star{font-size:2rem}.level-badge{color:#000;background-color:#e4f3f8;border:2px solid #000;border-radius:20px;padding:8px 18px;font-size:.9rem;font-weight:800;box-shadow:0 2px #000}.result-message{color:#2d3748;max-width:320px;margin:8px 0 14px;font-size:.82rem}.assessment-page{background-image:url(/assets/PreAss-dqwq_1DG.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.slow-warning{color:#744210;background-color:#fefcbf;border:1.5px dashed #000;border-radius:10px;padding:10px 14px;font-size:.8rem;font-weight:700;line-height:1.35}.choice.choice-locked{opacity:.6;cursor:not-allowed}.choice.choice-locked:hover{background-color:#fff;border-color:#cbd5e0}.home-welcome-card:after,.progress-level-card:after{content:"";pointer-events:none;background:#ffdc6573;border-radius:32px;width:140px;height:140px;position:absolute;bottom:-35px;right:2%;transform:rotate(25deg)}.banner-shape-1,.home-banner-shape-1{pointer-events:none;background:#ffffff52;border-radius:14px;width:55px;height:55px;position:absolute;top:12px;right:28%;transform:rotate(15deg)}.banner-shape-2,.home-banner-shape-2{pointer-events:none;background:#a3d89d73;border-radius:50%;width:48px;height:48px;position:absolute;bottom:12px;right:18%}.banner-shape-3,.home-banner-shape-3{pointer-events:none;background:#ffffff59;border-radius:10px;width:32px;height:32px;position:absolute;top:40%;right:42%;transform:rotate(45deg)}.banner-shape-4,.home-banner-shape-4{pointer-events:none;background:#f8d7da80;border-radius:50%;width:40px;height:40px;position:absolute;top:18%;right:6%}.banner-shape-5,.home-banner-shape-5{pointer-events:none;background:#ffdc6580;border-radius:10px;width:36px;height:36px;position:absolute;bottom:15px;right:35%;transform:rotate(-25deg)}.banner-shape-6,.home-banner-shape-6{pointer-events:none;background:#a8d7ea99;border-radius:50%;width:28px;height:28px;position:absolute;top:60%;right:25%}.banner-shape-7,.home-banner-shape-7{pointer-events:none;background:#ffffff40;border-radius:50%;width:42px;height:42px;position:absolute;top:15px;right:52%}.banner-shape-8,.home-banner-shape-8{pointer-events:none;background:#a3d89d59;border-radius:8px;width:30px;height:30px;position:absolute;bottom:20px;right:48%;transform:rotate(30deg)}:root{--cmp-sidebar-bg:#9ed2e6;--cmp-main-bg:#f9f6f0;--cmp-border-dark:#2d3748;--cmp-accent-yellow:#ffdc65;--cmp-card-cream:#fff3d1;--cmp-stat-green:#d4edda;--cmp-stat-pink:#f8d7da;--cmp-stat-yellow:#fff3cd;--cmp-stat-orange:#ffe8d6}.home-page{background-color:var(--cmp-main-bg);width:100vw;height:100vh;color:var(--cmp-border-dark);flex-direction:column;display:flex;position:relative;overflow:hidden}.home-bg-particles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.home-particle{border-radius:50%;animation:linear infinite floatRandomParticle;position:absolute;box-shadow:0 4px 12px #00000008}@keyframes floatRandomParticle{0%{transform:translateY(105vh)translate(0)rotate(0)}50%{transform:translateY(50vh) translateX(var(--p-drift)) rotate(180deg)}to{transform:translateY(-10vh) translateX(calc(var(--p-drift) * -1)) rotate(360deg)}}.home-topbar{border-bottom:2px solid var(--cmp-border-dark);z-index:10;background-color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:54px;padding:0 1.8rem;display:flex}.home-title h2{color:var(--cmp-border-dark);font-size:1.25rem;font-weight:800}.home-word-pill{background-color:var(--cmp-card-cream);border:1.5px solid var(--cmp-border-dark);color:var(--cmp-border-dark);border-radius:20px;padding:.25rem .85rem;font-size:.85rem;font-weight:700;transition:transform .2s}.home-body-layout{z-index:2;flex:1;height:calc(100vh - 54px);display:flex;position:relative;overflow:hidden}.home-sidebar{background-color:var(--cmp-sidebar-bg);border-right:2px solid var(--cmp-border-dark);z-index:15;flex-direction:column;flex-shrink:0;justify-content:space-between;width:250px;padding:1.4rem 1.1rem;transition:transform .3s;display:flex}.home-sidebar-top{flex-direction:column;gap:1.2rem;display:flex}.home-logo-row h1{color:var(--cmp-border-dark);font-size:1.7rem;font-weight:900;line-height:1}.home-logo-row p{opacity:.8;margin-top:.15rem;font-size:.75rem;font-weight:700}.home-user-panel{border:2px solid var(--cmp-border-dark);box-shadow:0 2px 0 var(--cmp-border-dark);background-color:#fff;border-radius:14px;align-items:center;gap:.75rem;padding:.6rem .8rem;transition:transform .2s,box-shadow .2s;display:flex}.home-user-panel:hover{box-shadow:0 4px 0 var(--cmp-border-dark);transform:translateY(-2px)}.home-user-panel h3{color:var(--cmp-border-dark);font-size:.95rem;font-weight:800;line-height:1.1}.home-user-panel p{color:#718096;font-size:.75rem;font-weight:700}.home-nav{flex-direction:column;gap:.5rem;display:flex}.home-nav-item{color:var(--cmp-border-dark);cursor:pointer;text-align:left;background:0 0;border:2px solid #0000;border-radius:12px;align-items:center;gap:.75rem;padding:.7rem .85rem;font-size:.95rem;font-weight:800;transition:all .2s;display:flex}.home-nav-item:hover{background-color:#fff9;transform:translate(4px)}.home-nav-item.active{background-color:var(--cmp-accent-yellow);border-color:var(--cmp-border-dark);box-shadow:0 2px 0 var(--cmp-border-dark)}.animated-nav-icon{font-size:1.1rem;animation:3s ease-in-out infinite navIconBounce;display:inline-block}@keyframes navIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.home-sidebar-bottom{flex-direction:column;gap:.8rem;display:flex}@keyframes discretePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.home-stars-box h2{color:var(--cmp-border-dark);font-size:1.25rem;font-weight:900}.home-stars-box p{opacity:.8;font-size:.75rem;font-weight:700}.home-logout-btn{border:2px solid var(--cmp-border-dark);color:var(--cmp-border-dark);cursor:pointer;box-shadow:0 2px 0 var(--cmp-border-dark);background-color:#fff;border-radius:12px;align-items:center;gap:.5rem;padding:.6rem .85rem;font-size:.9rem;font-weight:800;transition:all .2s;display:flex}.home-logout-btn:hover{background-color:#fff5f5;transform:translateY(-1px)}.home-main{flex-direction:column;flex:1;height:100%;padding:1.2rem 2rem;display:flex;overflow:hidden}.home-main-scroll{flex-direction:column;gap:1.2rem;height:100%;padding-right:4px;display:flex;overflow-y:auto}.home-main-scroll::-webkit-scrollbar{width:6px}.home-main-scroll::-webkit-scrollbar-thumb{background:var(--cmp-sidebar-bg);border-radius:10px}.home-welcome-card:before{content:"";pointer-events:none;background:#ffffff59;border-radius:50%;width:110px;height:110px;position:absolute;top:-20px;right:8%}.home-welcome-card:after{content:"";pointer-events:none;background:#ffdc6573;border-radius:28px;width:120px;height:120px;position:absolute;bottom:-30px;right:2%;transform:rotate(25deg)}.banner-shape-5{pointer-events:none;background:#ffdc6580;border-radius:8px;width:32px;height:32px;position:absolute;bottom:10px;right:32%;transform:rotate(-20deg)}.banner-shape-6{pointer-events:none;background:#a8d7ea99;border-radius:50%;width:24px;height:24px;position:absolute;top:65%;right:22%}.home-welcome-card{border:2px solid var(--cmp-border-dark);box-shadow:0 3px 0 var(--cmp-border-dark);background:linear-gradient(135deg,#a8d7ea 0%,#cbe7f2 100%);border-radius:20px;flex-shrink:0;min-height:135px;padding:1.6rem 2.4rem;animation:4s ease-in-out infinite cardFloat;position:relative;overflow:hidden}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.home-welcome-card h1{color:var(--cmp-border-dark);margin-bottom:.25rem;font-size:1.8rem;font-weight:800;line-height:1.3}.home-welcome-highlight{background-color:var(--cmp-accent-yellow);border-radius:8px;padding:.1rem .6rem;display:inline-block}.home-welcome-card p{opacity:.85;font-size:1.05rem;font-weight:600}.home-class-pill{border:1.5px solid var(--cmp-border-dark);color:var(--cmp-border-dark);box-shadow:0 2px 0 var(--cmp-border-dark);background-color:#fff;border-radius:20px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.3rem .85rem;font-size:.85rem;font-weight:800;display:inline-flex}.home-active-dot{background-color:#38a169;border-radius:50%;width:10px;height:10px;animation:1.5s infinite dotPulse;box-shadow:0 0 8px #38a169}@keyframes dotPulse{0%{transform:scale(.95);box-shadow:0 0 #38a169b3}70%{transform:scale(1);box-shadow:0 0 0 6px #38a16900}to{transform:scale(.95);box-shadow:0 0 #38a16900}}.home-stats-grid{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.home-stat-card{border:2px solid var(--cmp-border-dark);text-align:center;box-shadow:0 2.5px 0 var(--cmp-border-dark);animation:4s ease-in-out infinite statPulse;animation-delay:calc(var(--card-index,0) * .4s);background-color:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:.8rem .5rem;transition:transform .2s,box-shadow .2s;display:flex}@keyframes statPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.home-stat-card:hover{box-shadow:0 6px 0 var(--cmp-border-dark);transform:translateY(-5px)}.home-stat-icon{border:2px solid var(--cmp-border-dark);width:48px;height:48px;box-shadow:0 2px 0 var(--cmp-border-dark);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.3rem;font-size:1.3rem;display:flex}.animated-emoji{animation:3s ease-in-out infinite emojiBounce}@keyframes emojiBounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.1)}}.green-icon{background-color:var(--cmp-stat-green)}.pink-icon{background-color:var(--cmp-stat-pink)}.yellow-icon{background-color:var(--cmp-stat-yellow)}.orange-icon{background-color:var(--cmp-stat-orange)}.home-stat-card h3{color:var(--cmp-border-dark);font-size:1.5rem;font-weight:900;line-height:1.1}.home-stat-card p{color:#718096;font-size:.75rem;font-weight:700}.home-lower-grid{flex:1;grid-template-columns:1fr 1fr;gap:1.2rem;min-height:0;display:grid}.home-word-card{background-color:var(--cmp-card-cream);border:2px solid var(--cmp-border-dark);box-shadow:0 3px 0 var(--cmp-border-dark);border-radius:20px;flex-direction:column;justify-content:space-between;padding:1.2rem 1.5rem;animation:5s ease-in-out infinite boxFloat;display:flex}.home-word-label{border:1.5px solid var(--cmp-border-dark);letter-spacing:.05em;color:var(--cmp-border-dark);background-color:#ffdc65;border-radius:20px;align-self:flex-start;padding:.2rem .75rem;font-size:.7rem;font-weight:800}.home-word-card h2{color:var(--cmp-border-dark);font-size:1.65rem;font-weight:900;line-height:1.1}.home-pronunciation{color:#718096;font-size:.85rem;font-weight:700}.home-word-pill-tag{border:1.5px solid var(--cmp-border-dark);text-transform:uppercase;color:var(--cmp-border-dark);box-shadow:0 1.5px 0 var(--cmp-border-dark);background-color:#fff;border-radius:14px;margin-bottom:.15rem;padding:.15rem .6rem;font-size:.8rem;font-weight:900;display:inline-block}.home-definition{color:var(--cmp-border-dark);font-size:.95rem;font-weight:800;line-height:1.25}.home-example{color:var(--cmp-border-dark);font-size:.88rem;font-style:italic;font-weight:700;line-height:1.2}.home-pronounce-btn{border:2px solid var(--cmp-border-dark);color:var(--cmp-border-dark);cursor:pointer;box-shadow:0 2px 0 var(--cmp-border-dark);background-color:#fff;border-radius:14px;align-self:flex-start;padding:.35rem 1.2rem;font-size:.85rem;font-weight:800;transition:transform .1s,background-color .2s}.home-pronounce-btn:hover{background-color:#f7fafc}.home-pronounce-btn:active{box-shadow:0 1px 0 var(--cmp-border-dark);transform:translateY(2px)}.home-continue-card{border:2px solid var(--cmp-border-dark);box-shadow:0 3px 0 var(--cmp-border-dark);background-color:#fff;border-radius:20px;flex-direction:column;justify-content:space-between;padding:1.3rem 1.6rem;animation:5s ease-in-out 1s infinite boxFloat;display:flex}.home-continue-card h2{color:var(--cmp-border-dark);margin-bottom:.8rem;font-size:1.25rem;font-weight:800}.home-empty-msg{color:#718096;text-align:center;margin:auto 0;font-size:.88rem;font-weight:600}.home-continue-list{flex-direction:column;gap:.6rem;max-height:180px;padding-right:4px;display:flex;overflow-y:auto}.home-story-card{background-color:var(--cmp-main-bg);border:1.5px solid var(--cmp-border-dark);width:100%;animation:.4s cubic-bezier(.34,1.56,.64,1) backwards badgePopIn;animation-delay:calc(.1s + var(--card-index,0) * 80ms);border-radius:14px;justify-content:space-between;align-items:center;padding:.75rem .9rem;transition:transform .2s,background-color .2s;display:flex}.home-story-card:hover{background-color:#fffdf9;transform:translate(4px)}.home-story-left{align-items:center;gap:.65rem;display:flex;overflow:hidden}.home-story-icon{flex-shrink:0;font-size:1.3rem}.home-story-left h3{color:var(--cmp-border-dark);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:800;overflow:hidden}.home-story-left p{color:#718096;font-size:.78rem;font-weight:700}.home-start-reading-btn{background-color:var(--cmp-accent-yellow);border:2px solid var(--cmp-border-dark);width:100%;color:var(--cmp-border-dark);cursor:pointer;box-shadow:0 2.5px 0 var(--cmp-border-dark);border-radius:14px;margin-top:1rem;padding:.7rem;font-size:.95rem;font-weight:800;transition:transform .1s,background-color .2s}.home-start-reading-btn:hover{background-color:#ffd54f}.home-start-reading-btn:active{box-shadow:0 1px 0 var(--cmp-border-dark);transform:translateY(2px)}@media (width<=900px){.home-mobile-toggle{display:block}.home-sidebar{z-index:100;height:100%;position:absolute;top:0;left:-280px;box-shadow:5px 0 15px #0000001a}.home-sidebar.mobile-open{left:0}.home-main{padding:1rem}.home-stats-grid{grid-template-columns:repeat(2,1fr)}.home-lower-grid{flex-direction:column;grid-template-columns:1fr;display:flex}}@media (width<=550px){.home-stats-grid{grid-template-columns:repeat(2,1fr)}.home-welcome-card h1{font-size:1.4rem}}.pm-overlay{z-index:1000;background:#2d37488c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.pm-modal{background:#fff;border:3px solid #2d3748;border-radius:28px;width:100%;max-width:640px;max-height:94vh;position:relative;overflow-y:auto;box-shadow:0 6px #2d3748}.pm-close{cursor:pointer;background:#fff;border:2px solid #2d3748;border-radius:50%;width:36px;height:36px;font-weight:800;position:absolute;top:14px;right:14px}.pm-close:disabled{opacity:.5;cursor:not-allowed}.pm-header{background:#ffe9a8;border-bottom:2px dotted #2d3748;border-radius:25px 25px 0 0;padding:1.2rem 1.6rem}.pm-header h2{color:#2d3748;margin:0;font-size:1.6rem}.pm-header p{color:#2d3748;margin:.2rem 0 0;font-size:.8rem}.pm-body{padding:1.2rem 1.6rem 1.4rem}.pm-top-row{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.pm-preview{background:#ffc7d6;border-radius:50%;flex-shrink:0;width:72px;height:72px;overflow:hidden}.pm-preview img{object-fit:cover;width:100%;height:100%;display:block}.pm-preview-empty{background:#ffc7d6;width:100%;height:100%}.pm-field{flex-direction:column;gap:.35rem;display:flex}.pm-field-name{flex:1;min-width:180px}.pm-field-class{width:170px}.pm-field label{color:#2d3748;letter-spacing:.03em;font-size:.72rem;font-weight:800}.pm-field input{background:#f7f7f7;border:1.5px solid #2d3748;border-radius:10px;padding:.55rem .7rem;font-size:.85rem}.pm-field input:disabled{opacity:.6;cursor:not-allowed}.pm-class-joined{background:#f7f7f7;border:1.5px solid #2d3748;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem .7rem;font-size:.8rem;font-weight:700;display:flex}.pm-level{color:#2d3748;align-items:center;gap:.45rem;font-size:.75rem;font-weight:600;display:flex}.pm-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block}.pm-dot-frustration{background:#f26b6b}.pm-dot-instructional{background:#f6b93b}.pm-dot-independent{background:#5fd068}.pm-fullname{color:#2d3748;margin:.8rem 0 .9rem;font-size:.8rem}.pm-avatar-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.pm-avatar-card{aspect-ratio:1/.85;cursor:pointer;background:#fff;border:2px solid #b7dcec;border-radius:14px;justify-content:center;align-items:center;padding:.4rem;display:flex;position:relative}.pm-avatar-card img{object-fit:contain;border-radius:50%;max-width:100%;height:100%}.pm-avatar-card.selected{background:#ffe9a8;border-color:#e0b94a}.pm-avatar-card:disabled{opacity:.55;cursor:not-allowed}.pm-check{color:#fff;background:#5fd068;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:6px;right:6px}.pm-hint{color:#5a6678;margin:.7rem 0 0;font-size:.75rem}.pm-error{color:#d64545;margin:.7rem 0 0;font-size:.8rem;font-weight:700}.pm-actions{justify-content:flex-end;margin-top:1rem;display:flex}.pm-save-btn{cursor:pointer;background:#ffb347;border:2px solid #2d3748;border-radius:14px;padding:.7rem 2.2rem;font-weight:800}.pm-save-btn:disabled{opacity:.6;cursor:not-allowed}.pm-popup-overlay{z-index:1100;background:#2d374899;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.pm-popup{background:#fff;border:3px solid #2d3748;border-radius:20px;width:100%;max-width:400px;padding:1.4rem;box-shadow:0 5px #2d3748}.pm-popup h3{color:#2d3748;margin:0 0 .7rem}.pm-popup p{color:#2d3748;margin:0 0 .6rem;font-size:.88rem;line-height:1.4}.pm-popup-error{font-weight:700;color:#d64545!important}.pm-popup-actions{justify-content:flex-end;gap:.6rem;margin-top:1rem;display:flex}.pm-popup-confirm,.pm-popup-cancel{cursor:pointer;border:2px solid #2d3748;border-radius:12px;padding:.55rem 1.4rem;font-weight:800}.pm-popup-confirm{background:#ffb347}.pm-popup-cancel{background:#fff}@media (width<=520px){.pm-avatar-grid{grid-template-columns:repeat(2,1fr)}.pm-field-class{width:100%}}:root{--cmp-sidebar-bg:#9ed2e6;--cmp-main-bg:#f9f6f0;--cmp-border-dark:#2d3748;--cmp-accent-yellow:#ffdc65;--cmp-accent-orange:#ffae42;--cmp-banner-blue:#a3d8ea;--cmp-card-cream:#fff3d1;--cmp-badge-pink:#f4a6a6}.read-page{background-color:var(--cmp-main-bg);width:100vw;height:100vh;color:var(--cmp-border-dark);flex-direction:column;display:flex;position:relative;overflow:hidden}.home-word-pill{background-color:var(--cmp-card-cream);border:1.5px solid var(--cmp-border-dark);color:var(--cmp-border-dark);border-radius:20px;padding:.25rem .85rem;font-size:.85rem;font-weight:700;transition:transform .2s;animation:4s ease-in-out infinite pillPulse}.home-word-pill:hover{transform:scale(1.03)}.highlight-word{color:#dd6b20;font-weight:900}@keyframes pillPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.home-stars-box{border:2px solid var(--cmp-border-dark);box-shadow:0 2px 0 var(--cmp-border-dark);background:#fff3d1;border-radius:14px;padding:.75rem 1rem;text-align:left!important}.home-stars-box h2{color:var(--cmp-border-dark)!important;text-align:left!important;justify-content:flex-start!important;align-items:center!important;gap:.4rem!important;margin-bottom:.1rem!important;font-size:1.6rem!important;font-weight:900!important;display:flex!important}.home-stars-box p{opacity:.75!important;text-align:left!important;font-size:.76rem!important;font-weight:700!important}.twinkling-star{font-size:1.3rem!important;animation:2.5s ease-in-out infinite discretePulse!important;display:inline-block!important}@keyframes starPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.12)}}.read-main{z-index:2;background-color:#0000;flex-direction:column;flex:1;gap:1rem;height:calc(100vh - 54px);padding:1.5rem 2.4rem;display:flex;position:relative;overflow-y:auto}.read-content{flex-direction:column;gap:1.6rem;width:100%;max-width:1240px;margin:0 auto;display:flex}.read-steps-card{border:2px solid var(--cmp-border-dark);box-shadow:0 3px 0 var(--cmp-border-dark);background:#fff;border-radius:20px;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding:.9rem 1.8rem;animation:4.5s ease-in-out .5s infinite cardFloat;display:flex}.read-step{opacity:.4;align-items:center;gap:.8rem;display:flex}.read-step.active,.read-step.completed{opacity:1}.read-step-number{background-color:var(--cmp-accent-yellow);border:2px solid var(--cmp-border-dark);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;font-weight:800;display:flex}.read-step h4{font-size:.85rem;font-weight:800}.read-step p{opacity:.8;font-size:.7rem}.read-step-line{border-top:2px dashed #cbd5e0;flex:1;height:2px;margin:0 1rem}.read-hero-card{border:2px solid var(--cmp-border-dark);box-shadow:0 3px 0 var(--cmp-border-dark);background:linear-gradient(135deg,#a8d7ea 0%,#cbe7f2 100%);border-radius:20px;flex-shrink:0;min-height:110px;margin-top:2px;padding:1.4rem 2.2rem;animation:4s ease-in-out infinite cardFloat;position:relative;overflow:hidden}.read-hero-card:before{content:"";pointer-events:none;background:#ffffff4d;border-radius:50%;width:95px;height:95px;position:absolute;top:-15px;right:12%}.read-hero-card:after{content:"";pointer-events:none;background:#ffdc6566;border-radius:24px;width:105px;height:105px;position:absolute;bottom:-25px;right:4%;transform:rotate(25deg)}.read-hero-card h1{color:var(--cmp-border-dark);margin-bottom:.2rem;font-size:1.7rem;font-weight:800}.read-hero-card p{opacity:.85;font-size:.95rem;font-weight:600}.read-passage-card{border:2px solid var(--cmp-border-dark);text-align:center;box-shadow:0 3px 0 var(--cmp-border-dark);background:#fff;border-radius:20px;justify-content:center;padding:1.6rem;transition:transform .2s;animation:5s ease-in-out 1s infinite cardFloat;display:flex}.read-passage-center{flex-direction:column;align-items:center;width:100%;max-width:620px;display:flex}.read-story-icon{background-color:var(--cmp-banner-blue);border:2px solid var(--cmp-border-dark);width:80px;height:50px;box-shadow:0 2px 0 var(--cmp-border-dark);border-radius:14px;justify-content:center;align-items:center;margin-bottom:.5rem;font-size:1.6rem;display:flex}.read-level-badge{background-color:var(--cmp-badge-pink);border:1.5px solid var(--cmp-border-dark);color:#8c1d1d;box-shadow:0 2px 0 var(--cmp-border-dark);border-radius:50px;margin-bottom:.5rem;padding:.2rem .7rem;font-size:.72rem;font-weight:800}.read-passage-center h2{margin-bottom:.3rem;font-size:1.4rem;font-weight:900}.read-story-desc{color:#4a5568;margin-bottom:.8rem;font-size:.88rem;font-weight:600;line-height:1.4}.read-story-meta{opacity:.8;gap:1.2rem;margin-bottom:1rem;font-size:.8rem;font-weight:700;display:flex}.read-action-row{justify-content:center;width:100%;display:flex}.read-start-btn{background-color:var(--cmp-accent-orange);border:2px solid var(--cmp-border-dark);width:100%;max-width:280px;color:var(--cmp-border-dark);cursor:pointer;box-shadow:0 3px 0 var(--cmp-border-dark);border-radius:16px;padding:.65rem;font-size:.88rem;font-weight:800;transition:transform .1s,background-color .2s}.read-start-btn:hover{transform:translateY(-2px)}.vocab-wrap{display:inline-block;position:relative}.vocab-highlight{background-color:var(--cmp-accent-yellow);border:1px solid var(--cmp-border-dark);cursor:pointer;border-radius:4px;padding:0 .2rem;font-weight:800}.vocab-popup{border:2px solid var(--cmp-border-dark);z-index:100;text-align:left;background:#fff;border-radius:14px;width:260px;max-height:min(350px,60vh);padding:1rem;position:absolute;top:125%;bottom:auto;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 8px 20px #00000026}.vocab-popup h3{justify-content:space-between;align-items:center;font-size:.95rem;font-weight:800;display:flex}.vocab-speak-btn{cursor:pointer;background:0 0;border:none;font-size:.95rem}.vocab-pronunciation{opacity:.7;margin-bottom:.4rem;font-size:.75rem}.vocab-meaning{margin-bottom:.4rem;font-size:.85rem;line-height:1.35}.vocab-example{opacity:.85;font-size:.78rem;font-style:italic}.reading-section{border:2px solid var(--cmp-border-dark);box-shadow:0 3px 0 var(--cmp-border-dark);background:#fff;border-radius:20px;padding:1.8rem;animation:5s ease-in-out .8s infinite cardFloat}.reading-card-header{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.read-aloud-btn{border:2px solid var(--cmp-border-dark);cursor:pointer;box-shadow:0 2px 0 var(--cmp-border-dark);background:#fff;border-radius:12px;padding:.45rem 1rem;font-size:.85rem;font-weight:700}.proceed-quiz-btn{background-color:var(--cmp-accent-orange);border:2px solid var(--cmp-border-dark);cursor:pointer;box-shadow:0 3px 0 var(--cmp-border-dark);border-radius:16px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:800}.reading-card-header h1{color:var(--cmp-border-dark);margin-bottom:.6rem;font-size:1.6rem;font-weight:900}.reading-text>.reading-paragraph{margin-bottom:1.2rem;font-size:1.2rem;line-height:1.85}.reading-body{display:block}.reading-body.has-image{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:1.5rem;display:grid}.story-image-wrap{position:sticky;top:.8rem}.story-image{object-fit:cover;background:var(--cmp-card-cream);border:2px solid var(--cmp-border-dark);width:100%;height:auto;max-height:400px;box-shadow:0 3px 0 var(--cmp-border-dark);border-radius:18px;display:block}.story-image-placeholder{text-align:center;background:var(--cmp-card-cream);border:2px dashed var(--cmp-border-dark);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;min-height:240px;padding:1.4rem;display:flex}.story-image-placeholder-icon{font-size:2.2rem;animation:1.4s ease-in-out infinite story-image-pulse}.story-image-placeholder p{margin:0;font-size:.9rem;font-weight:800}@keyframes story-image-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.quiz-card{border:2px solid var(--cmp-border-dark);box-shadow:0 3px 0 var(--cmp-border-dark);background:#fff;border-radius:20px;padding:1.8rem;animation:5s ease-in-out .8s infinite cardFloat}.quiz-header h1{color:var(--cmp-border-dark);margin-bottom:.3rem;font-size:1.65rem;font-weight:900}.quiz-subtitle-highlight{background-color:var(--cmp-card-cream);border:1.5px solid var(--cmp-border-dark);color:#744210;box-shadow:0 2px 0 var(--cmp-border-dark);border-radius:8px;padding:.2rem .7rem;font-size:.85rem;font-style:italic;font-weight:700;display:inline-block}.quiz-question-row{justify-content:space-between;align-items:center;margin:1.2rem 0 .8rem;font-size:1rem;font-weight:800;display:flex}.quiz-num-pill{background-color:var(--cmp-accent-yellow);border:2px solid var(--cmp-border-dark);box-shadow:0 2px 0 var(--cmp-border-dark);border-radius:12px;margin-left:.3rem;padding:.1rem .6rem;font-size:.95rem;font-weight:900;display:inline-block}.quiz-card h2{margin-bottom:1.2rem;font-size:1.25rem;font-weight:800;line-height:1.4}.quiz-choices{flex-direction:column;gap:.9rem;margin-bottom:1.6rem;display:flex}.quiz-choice{border:2px solid var(--cmp-border-dark);background:var(--cmp-main-bg);text-align:left;cursor:pointer;width:100%;box-shadow:0 3px 0 var(--cmp-border-dark);border-radius:14px;padding:.9rem 1.1rem;font-size:.95rem;font-weight:700;transition:transform .15s,background-color .2s,box-shadow .15s}.quiz-choice:hover{box-shadow:0 5px 0 var(--cmp-border-dark);background-color:#fff9e6;transform:translateY(-2px)scale(1.005)}.quiz-choice.selected{background-color:var(--cmp-accent-yellow);box-shadow:0 5px 0 var(--cmp-border-dark);transform:translateY(-2px)}.quiz-bottom-actions{justify-content:space-between;align-items:center;display:flex}.view-passage-btn{border:2px solid var(--cmp-border-dark);cursor:pointer;box-shadow:0 3px 0 var(--cmp-border-dark);background:#a8d7ea;border-radius:14px;padding:.65rem 1.2rem;font-size:.88rem;font-weight:800;transition:transform .1s}.view-passage-btn:hover{background-color:#92cde4;transform:translateY(-2px)}.read-passage-options{grid-template-columns:1fr 1fr;align-items:stretch;gap:1.6rem;width:100%;display:grid}.read-passage-options .read-passage-card{width:100%;margin:0}.teacher-assigned-quiz-card{box-sizing:border-box;text-align:center;width:100%;box-shadow:0 3px 0 var(--cmp-border-dark);background:#dff5ff;border:2px solid #2d3748;border-radius:20px;flex-direction:column;align-items:center;gap:1.2rem;padding:2.2rem;animation:5s ease-in-out 1.5s infinite cardFloat;display:flex}.teacher-assigned-icon{width:80px;height:50px;box-shadow:0 2px 0 var(--cmp-border-dark);background:#a9dff2;border:2px solid #2d3748;border-radius:14px;justify-content:center;align-items:center;margin-bottom:.5rem;font-size:1.6rem;display:flex}.teacher-assigned-quiz-card h2{color:#172b4d;margin:0 0 .3rem;font-size:1.4rem;font-weight:900}.teacher-assigned-description{color:#172b4d;margin:0 0 .8rem;font-size:.88rem;font-weight:600}.assigned-quiz-item{box-sizing:border-box;border:2px solid var(--cmp-border-dark);text-align:left;width:100%;box-shadow:0 2px 0 var(--cmp-border-dark);background:#fff3d1;border-radius:14px;align-items:center;gap:.8rem;padding:.8rem 1rem;display:flex}.assigned-quiz-file-icon{flex-shrink:0;font-size:1.8rem}.assigned-quiz-info{flex:1;min-width:0}.assigned-quiz-info h3{color:#172b4d;word-break:break-word;margin:0 0 .2rem;font-size:.92rem;font-weight:800}.assigned-quiz-info p{color:#667085;margin:0;font-size:.76rem;font-weight:700}.take-assigned-quiz-btn{color:#172b4d;cursor:pointer;box-shadow:0 2px 0 var(--cmp-border-dark);background:#ffd45c;border:2px solid #2d3748;border-radius:12px;flex-shrink:0;padding:.6rem .9rem;font-size:.8rem;font-weight:800}.take-assigned-quiz-btn:hover{transform:translateY(-1px)}.dictionary-word{color:inherit;font:inherit;line-height:inherit;cursor:pointer;text-align:inherit;background:0 0;border:none;margin:0;padding:0;display:inline}.dictionary-word:hover{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.quiz-results-scroll-wrapper{flex-direction:column;gap:1.8rem;width:100%;padding-bottom:3rem;display:flex}.quiz-completed-card{border:2px solid var(--cmp-border-dark);text-align:center;box-shadow:0 4px 0 var(--cmp-border-dark);background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:.6rem;padding:1.6rem;animation:5s ease-in-out infinite cardFloat;display:flex;position:relative;overflow:hidden}.quiz-popper-frame{border:2.5px solid var(--cmp-border-dark);width:76px;height:76px;box-shadow:0 3px 0 var(--cmp-border-dark);z-index:2;background:linear-gradient(135deg,#ffdc65 0%,#ffae42 100%);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.1rem;display:flex;position:relative}.quiz-popper-emoji{font-size:2.3rem}.quiz-completed-highlight{color:var(--cmp-border-dark);z-index:2;background:linear-gradient(120deg,#ffdc65 0%,#ffe8d4 100%);border-radius:8px;padding:.1rem .6rem;display:inline-block;position:relative}.quiz-completed-card h1{z-index:2;margin-bottom:.05rem;font-size:1.7rem;font-weight:900;position:relative}.quiz-completed-subtitle{color:#4a5568;z-index:2;max-width:480px;margin-bottom:.5rem;font-size:.88rem;font-weight:600;position:relative}.quiz-stats-row-inline{z-index:2;justify-content:center;align-items:center;gap:1.2rem;width:100%;margin-bottom:.6rem;display:flex;position:relative}.quiz-stat-circle{border:2.5px solid var(--cmp-border-dark);width:105px;height:105px;box-shadow:0 3px 0 var(--cmp-border-dark);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:.4rem;display:flex}.quiz-stat-circle span{text-transform:uppercase;margin-bottom:.1rem;font-size:.65rem;font-weight:800}.quiz-stat-circle h3{color:var(--cmp-border-dark);font-size:1.15rem;font-weight:900}.stat-circle-1{color:#5c1d1d;background-color:#f4a6a6}.stat-circle-2{color:#1a4d2e;background-color:#a3d89d;width:118px;height:118px}.stat-circle-3{color:#744210;background-color:#ffdc65}.quiz-result-actions{z-index:2;justify-content:center;gap:1rem;width:100%;margin-top:.2rem;display:flex;position:relative}.quiz-outline-btn,.quiz-solid-btn{border:2px solid var(--cmp-border-dark);cursor:pointer;box-shadow:0 3px 0 var(--cmp-border-dark);border-radius:16px;padding:.6rem 1.3rem;font-size:.88rem;font-weight:800}.quiz-outline-btn{color:var(--cmp-border-dark);background:#fff}.quiz-solid-btn{background-color:var(--cmp-accent-orange);color:var(--cmp-border-dark)}.quiz-feedback-section{border:2px solid var(--cmp-border-dark);box-shadow:0 3px 0 var(--cmp-border-dark);background:#fff;border-radius:20px;padding:1.6rem}.quiz-feedback-toggle-btn{border:2px solid var(--cmp-border-dark);cursor:pointer;width:100%;box-shadow:0 3px 0 var(--cmp-border-dark);text-align:left;background:linear-gradient(135deg,#fff3d1 0%,#ffe8d4 100%);border-radius:16px;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;display:flex}.quiz-feedback-toggle-title h2{color:var(--cmp-border-dark);margin-bottom:.15rem;font-size:1.35rem;font-weight:900}.quiz-feedback-toggle-title .quiz-feedback-desc{color:#4a5568;margin:0;font-size:.85rem;font-weight:600}.quiz-feedback-arrow{border:2px solid var(--cmp-border-dark);width:36px;height:36px;box-shadow:0 2px 0 var(--cmp-border-dark);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:900;display:flex}.quiz-feedback-arrow.open{transform:rotate(180deg)}.quiz-feedback-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:1.5rem;display:grid}.quiz-feedback-item{background:var(--cmp-main-bg);border:2px solid var(--cmp-border-dark);box-shadow:0 3px 0 var(--cmp-border-dark);border-radius:16px;flex-direction:column;gap:.8rem;padding:1.4rem;display:flex}.quiz-feedback-item.correct{border-left:6px solid #48bb78}.quiz-feedback-item.incorrect{border-left:6px solid #f56565}.quiz-feedback-header{justify-content:space-between;align-items:center;display:flex}.quiz-feedback-qnum{opacity:.7;font-size:.85rem;font-weight:800}.quiz-feedback-badge{border:1.5px solid var(--cmp-border-dark);box-shadow:0 1.5px 0 var(--cmp-border-dark);border-radius:50px;padding:.2rem .7rem;font-size:.78rem;font-weight:800}.quiz-feedback-badge.correct{color:#22543d;background-color:#c6f6d5}.quiz-feedback-badge.incorrect{color:#742a2a;background-color:#fed7d7}.quiz-feedback-qtext{color:var(--cmp-border-dark);margin:0;font-size:1.05rem;font-weight:900}.quiz-feedback-answers{flex-direction:column;gap:.5rem;display:flex}.quiz-feedback-ans-box{border:1.5px solid var(--cmp-border-dark);box-shadow:0 1.5px 0 var(--cmp-border-dark);border-radius:10px;flex-direction:column;gap:.15rem;padding:.6rem .9rem;font-size:.88rem;display:flex}.quiz-feedback-ans-box.right-ans{background-color:#e6fffa}.quiz-feedback-ans-box.wrong-ans{background-color:#fff5f5}.quiz-feedback-ans-box.correct-ans{background-color:#f0fff4}.ans-label{opacity:.75;text-transform:uppercase;font-size:.72rem;font-weight:800}.ans-text{font-weight:700}.quiz-feedback-note{font-size:.82rem;font-weight:700}.note-correct{color:#276749}.note-incorrect{color:#9b2c2c}.home-topbar-left{align-items:center;gap:1rem;display:flex}.home-mobile-toggle{cursor:pointer;color:var(--cmp-border-dark);background:0 0;border:none;font-size:1.5rem;display:none}@media (width<=900px){.home-mobile-toggle{display:block}.home-sidebar{z-index:100;height:100%;transition:left .3s;position:absolute;top:0;left:-280px;box-shadow:5px 0 15px #0000001a}.home-sidebar.mobile-open{left:0}.read-main{height:auto;padding:1rem;overflow-y:auto}.read-page{height:auto;overflow-y:auto}.read-passage-options,.reading-body.has-image,.quiz-feedback-grid{grid-template-columns:1fr}}@media (width<=550px){.read-steps-card{display:none}.quiz-stats-row-inline{flex-direction:column;gap:.8rem}}:root{--cmp-sidebar-bg:#9ed2e6;--cmp-main-bg:#f9f6f0;--cmp-border-dark:#2d3748;--cmp-accent-yellow:#ffdc65;--cmp-accent-orange:#ffae42;--cmp-banner-blue:#a3d8ea;--cmp-card-cream:#fff3d1;--cmp-badge-pink:#f4a6a6;--cmp-check-green:#2e7d32}.progress-page{background-color:var(--cmp-main-bg);width:100vw;height:100vh;color:var(--cmp-border-dark);flex-direction:column;display:flex;position:relative;overflow:hidden}.progress-main{z-index:2;background-color:#0000;flex-direction:column;flex:1;height:calc(100vh - 54px);padding:1.2rem 2.4rem;display:flex;position:relative;overflow:hidden}.progress-content{flex-direction:column;gap:1.4rem;width:100%;max-width:1240px;height:100%;min-height:0;margin:0 auto;display:flex}.progress-level-card{border:2px solid var(--cmp-border-dark);box-shadow:0 3px 0 var(--cmp-border-dark);background:linear-gradient(135deg,#a8d7ea 0%,#cbe7f2 100%);border-radius:20px;flex-shrink:0;padding:1.1rem 2rem;animation:4s ease-in-out infinite cardFloat;position:relative;overflow:hidden}.progress-level-card:before{content:"";pointer-events:none;background:#ffffff4d;border-radius:50%;width:95px;height:95px;position:absolute;top:-15px;right:12%}.progress-level-card:after{content:"";pointer-events:none;background:#ffdc6566;border-radius:24px;width:105px;height:105px;position:absolute;bottom:-25px;right:4%;transform:rotate(25deg)}.banner-shape-1{pointer-events:none;background:#ffffff40;border-radius:12px;width:45px;height:45px;position:absolute;top:12px;right:28%;transform:rotate(15deg)}.banner-shape-2{pointer-events:none;background:#a3d89d66;border-radius:50%;width:40px;height:40px;position:absolute;bottom:15px;right:18%}.banner-shape-3{pointer-events:none;background:#ffffff4d;border-radius:6px;width:25px;height:25px;position:absolute;top:40%;right:40%;transform:rotate(45deg)}.banner-shape-4{pointer-events:none;background:#f8d7da66;border-radius:50%;width:30px;height:30px;position:absolute;top:18%;right:5%}.progress-level-subtitle{letter-spacing:.05em;opacity:.8;z-index:2;margin-bottom:.2rem;font-size:.75rem;font-weight:800;position:relative}.progress-level-card h2{color:var(--cmp-border-dark);z-index:2;margin-bottom:.2rem;font-size:2rem;font-weight:900;line-height:1.1;position:relative}.progress-message{opacity:.85;z-index:2;margin-bottom:1.2rem;font-size:.9rem;font-weight:600;position:relative}.progress-bar-row{z-index:2;align-items:center;gap:1.2rem;width:100%;display:flex;position:relative}.progress-bar-track{border:2px solid var(--cmp-border-dark);background-color:#fff;border-radius:20px;flex:1;height:22px;position:relative;overflow:visible;box-shadow:inset 0 2px 4px #0000000f}.progress-bar-fill{border-right:2px solid var(--cmp-border-dark);background:linear-gradient(90deg,#ffdc65 0%,#ffae42 100%);border-top-left-radius:18px;border-bottom-left-radius:18px;height:100%;transition:width 1.5s cubic-bezier(.25,1,.5,1);position:relative}.rail-spark-particle{pointer-events:none;background:radial-gradient(circle,#fff 0%,#ffdc65 50%,#ff4500 100%);border-radius:50%;width:16px;height:16px;animation:1.5s ease-out forwards sparkBurst;position:absolute;top:-6px;right:-8px;box-shadow:0 0 12px #ffae42,0 0 20px #ff4500}.rail-spark-particle.backward{left:-8px;right:auto}@keyframes sparkBurst{0%{opacity:1;transform:scale(.4)rotate(0)}50%{opacity:.9;filter:brightness(1.5);transform:scale(1.6)rotate(180deg)}to{opacity:0;transform:scale(2.2)rotate(360deg)}}.progress-percent-label{color:var(--cmp-border-dark);border:2px solid var(--cmp-border-dark);box-shadow:0 2px 0 var(--cmp-border-dark);background:#fff;border-radius:14px;flex-shrink:0;padding:.2rem .7rem;font-size:.95rem;font-weight:800}.activity-card{border:2px solid var(--cmp-border-dark);min-height:0;box-shadow:0 3px 0 var(--cmp-border-dark);background:#fff;border-radius:20px;flex-direction:column;flex:1;padding:1.6rem;animation:5s ease-in-out .5s infinite cardFloat;display:flex;overflow:hidden}.activity-card-header h2{color:var(--cmp-border-dark);flex-shrink:0;margin-bottom:1rem;font-size:1.4rem;font-weight:900}.activity-roulette-container{scroll-snap-type:y mandatory;flex-direction:column;flex:1;gap:1rem;padding:4px 8px 8px 4px;display:flex;overflow-y:auto}.activity-roulette-container::-webkit-scrollbar{width:8px}.activity-roulette-container::-webkit-scrollbar-thumb{background:var(--cmp-sidebar-bg);border:2px solid var(--cmp-border-dark);border-radius:10px}.activity-frame-card{background:var(--cmp-main-bg);border:2px solid var(--cmp-border-dark);box-shadow:0 3px 0 var(--cmp-border-dark);scroll-snap-align:start;border-radius:16px;grid-template-columns:120px 1fr 110px 120px 100px;align-items:center;gap:1rem;padding:1rem 1.4rem;transition:transform .2s,background-color .2s,box-shadow .2s;display:grid}.activity-frame-card:hover{box-shadow:0 6px 0 var(--cmp-border-dark);background:#fff9e6;transform:translateY(-3px)scale(1.008)}.activity-frame-date{opacity:.75;font-size:.82rem;font-weight:800}.activity-frame-title{color:var(--cmp-border-dark);word-break:break-word;font-size:.95rem;font-weight:900}.activity-frame-score{border:1.5px solid var(--cmp-border-dark);text-align:center;box-shadow:0 1.5px 0 var(--cmp-border-dark);background:#e6f3f8;border-radius:10px;padding:.25rem .6rem;font-size:.88rem;font-weight:800}.activity-frame-status{font-size:.85rem;font-weight:800}.check-icon{color:var(--cmp-check-green);font-weight:900}.activity-frame-stars{color:#d69e2e;text-align:right;font-size:.88rem;font-weight:900}.no-activity-msg{text-align:center;color:#718096;padding:3rem 1rem;font-size:.95rem;font-weight:700}.level-transition-overlay{z-index:1000;background:#2d374899;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out forwards fadeInOverlay;display:flex;position:fixed;top:0;left:0}.level-transition-modal{border:3px solid var(--cmp-border-dark);text-align:center;max-width:480px;box-shadow:0 8px 0 var(--cmp-border-dark);background:#fff;border-radius:24px;padding:2.5rem 3rem;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards bounceModal}.level-transition-emoji{margin-bottom:.8rem;font-size:3.5rem;animation:1s ease-in-out infinite alternate spinEmoji;display:block}.level-transition-modal h2{color:var(--cmp-border-dark);margin-bottom:.6rem;font-size:1.8rem;font-weight:900}.level-transition-modal p{color:#4a5568;font-size:.95rem;font-weight:700;line-height:1.4}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes bounceModal{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes spinEmoji{0%{transform:rotate(-10deg)scale(1)}to{transform:rotate(10deg)scale(1.1)}}@media (width<=900px){.progress-main{height:auto;padding:.8rem 1rem;overflow-y:auto}.progress-page{height:auto;overflow-y:auto}.activity-frame-card{text-align:left;grid-template-columns:1fr;gap:.4rem;padding:1rem}.activity-frame-stars{text-align:left}}.activity-roulette-headers{text-transform:uppercase;letter-spacing:.05em;color:#718096;flex-shrink:0;grid-template-columns:120px 1fr 110px 120px 100px;align-items:center;gap:1rem;padding:0 1.4rem .6rem;font-size:.75rem;font-weight:800;display:grid}.activity-roulette-headers span:last-child{text-align:right}@media (width<=900px){.activity-roulette-headers{display:none}}.activity-frame-card>div:nth-child(3),.activity-roulette-headers>span:nth-child(3),.activity-frame-card>div:nth-child(4),.activity-roulette-headers>span:nth-child(4){text-align:center}.activity-frame-card>div:nth-child(5),.activity-roulette-headers>span:nth-child(5){text-align:right}:root{--cmp-sidebar-bg:#9ed2e6;--cmp-main-bg:#f9f6f0;--cmp-border-dark:#2d3748;--cmp-accent-yellow:#ffdc65;--cmp-accent-orange:#ffae42;--cmp-card-cream:#fff3d1;--cmp-summary-green:#d4edda;--cmp-summary-pink:#f8d7da;--cmp-summary-blue:#d1ecf1}.badges-page{background-color:var(--cmp-main-bg);width:100vw;height:100vh;color:var(--cmp-border-dark);flex-direction:column;display:flex;position:relative;overflow:hidden}.read-bg-particles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.read-particle{border-radius:50%;animation:linear infinite floatRandomParticle;position:absolute;box-shadow:0 4px 12px #00000008}.badges-main{z-index:2;background-color:#0000;flex-direction:column;flex:1;height:calc(100vh - 54px);padding:1.2rem 2.4rem;display:flex;position:relative;overflow:hidden}.badges-content{flex-direction:column;gap:1.2rem;width:100%;max-width:1240px;height:100%;min-height:0;margin:0 auto;display:flex}.badges-hero-row{flex-shrink:0;width:100%}.badges-stars-card{border:2px solid var(--cmp-border-dark);box-shadow:0 3px 0 var(--cmp-border-dark);background:linear-gradient(135deg,#a8d7ea 0%,#cbe7f2 100%);border-radius:20px;justify-content:space-between;align-items:center;padding:1.2rem 2.2rem;animation:4s ease-in-out infinite cardFloat;display:flex;position:relative;overflow:hidden}.badges-stars-card:before{content:"";pointer-events:none;background:#ffffff4d;border-radius:50%;width:85px;height:85px;position:absolute;top:-15px;right:15%}.banner-shape-1{pointer-events:none;background:#ffdc6566;border-radius:10px;width:35px;height:35px;position:absolute;bottom:12px;right:25%;transform:rotate(20deg)}.banner-shape-2{pointer-events:none;background:#a3d89d66;border-radius:50%;width:25px;height:25px;position:absolute;top:15px;right:35%}.badges-stars-subtitle{letter-spacing:.05em;opacity:.8;z-index:2;margin-bottom:.2rem;font-size:.75rem;font-weight:800;position:relative}.badges-stars-card h2{color:var(--cmp-border-dark);z-index:2;font-size:2.3rem;font-weight:900;line-height:1;position:relative}.twinkling-star{filter:drop-shadow(0 0 8px #ffdc65cc);z-index:2;font-size:3.2rem;line-height:1;animation:2s ease-in-out infinite starTwinkle;position:relative}@keyframes starTwinkle{0%,to{opacity:1;filter:drop-shadow(0 0 6px #ffdc6599);transform:scale(1)rotate(0)}50%{opacity:.85;filter:drop-shadow(0 0 16px #ffdc65);transform:scale(1.15)rotate(12deg)}}.badges-summary-grid{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}.badges-summary-card{border:2px solid var(--cmp-border-dark);text-align:center;box-shadow:0 3px 0 var(--cmp-border-dark);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:1rem;transition:transform .2s;display:flex}.badges-summary-card:hover{transform:translateY(-2px)}.green-card{background-color:var(--cmp-summary-green)}.pink-card{background-color:var(--cmp-summary-pink)}.blue-card{background-color:var(--cmp-summary-blue)}.badges-summary-card p{letter-spacing:.05em;opacity:.8;margin-bottom:.2rem;font-size:.75rem;font-weight:800}.badges-summary-card h3{color:var(--cmp-border-dark);font-size:2rem;font-weight:900;line-height:1}.my-badges-section{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.my-badges-grid{scroll-snap-type:y mandatory;grid-template-columns:repeat(4,1fr);gap:1.1rem;padding:4px 6px 12px 4px;display:grid;overflow-y:auto}.my-badges-grid::-webkit-scrollbar{width:8px}.my-badges-grid::-webkit-scrollbar-thumb{background:var(--cmp-sidebar-bg);border:2px solid var(--cmp-border-dark);border-radius:10px}.badge-card{text-align:center;box-shadow:0 2px 0 var(--cmp-border-dark);scroll-snap-align:start;animation:.5s cubic-bezier(.34,1.56,.64,1) backwards badgePopIn,4s ease-in-out infinite badgeIdleFloat;animation-delay:calc(.1s + var(--card-index,0) * 80ms), calc(1s + var(--card-index,0) * .2s);background:#fff;border:2px dashed #bee3f8;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:1.2rem 1rem;transition:transform .2s,background-color .2s,box-shadow .2s;display:flex}@keyframes badgeIdleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes badgePopIn{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.badge-card:hover{box-shadow:0 6px 0 var(--cmp-border-dark);background:#fff9e6;transform:translateY(-4px)scale(1.02)}.badge-card.earned{border:2px solid var(--cmp-border-dark);box-shadow:0 3px 0 var(--cmp-border-dark);background-color:#fff}.badge-card.locked{opacity:.55;background-color:#f7fafc;border-style:dashed}.badge-icon-wrap{border:2px solid var(--cmp-border-dark);width:56px;height:56px;box-shadow:0 2px 0 var(--cmp-border-dark);background-color:#edf2f7;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.7rem;display:flex;position:relative}.badge-svg-icon{width:26px;height:26px;color:var(--cmp-border-dark)}.badge-card.earned .badge-icon-wrap{background-color:var(--cmp-accent-yellow)}.badge-card.earned .badge-svg-icon.twirl{animation:3s ease-in-out infinite iconTwirl}.badge-card.earned .badge-svg-icon.pulse-fire{color:#dd6b20;animation:1.5s ease-in-out infinite firePulse}@keyframes iconTwirl{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(15deg)scale(1.1)}}@keyframes firePulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.12)}}.badge-lock-badge{border:1.5px solid var(--cmp-border-dark);box-shadow:0 1px 0 var(--cmp-border-dark);background:#fff;border-radius:50%;padding:2px;font-size:.75rem;position:absolute;bottom:-4px;right:-4px}.badge-card h3{color:var(--cmp-border-dark);margin-bottom:.3rem;font-size:.95rem;font-weight:900}.badge-card p{color:#718096;font-size:.72rem;font-weight:700;line-height:1.35}@media (width<=900px){.badges-main{height:auto;padding:.8rem 1rem;overflow-y:auto}.badges-page{height:auto;overflow-y:auto}.my-badges-grid{grid-template-columns:repeat(2,1fr)}.badges-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=550px){.my-badges-grid,.badges-summary-grid{grid-template-columns:1fr}}.animated-badge-emoji{font-size:1.5rem;animation:3s ease-in-out infinite emojiBounce}.teacher-dashboard-wrapper{background-color:#fffbf5;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.teacher-topbar-full .teacher-top-actions{align-items:center;gap:10px;display:flex}.teacher-moon-btn{cursor:pointer;background:#fff;border:1.5px solid #000;border-radius:6px;padding:2px 6px;font-size:.85rem}.teacher-error{color:#9b2c2c;background-color:#fed7d7;border:1.5px solid #e53e3e;border-radius:8px;padding:8px 12px;font-size:.82rem;font-weight:700}.teacher-overview-banner{background-color:#e4f3f8;border:2px solid #000;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;box-shadow:0 3px #000}.teacher-overview-banner h1{color:#000;margin-bottom:2px;font-size:1.45rem;font-weight:800}.teacher-overview-banner p{color:#4a5568;font-size:.82rem}.teacher-class-filter{align-items:center;gap:8px;display:flex}.teacher-class-filter label{color:#000;font-size:.82rem;font-weight:800}.teacher-class-filter select{color:#000;cursor:pointer;background-color:#fff;border:2px solid #000;border-radius:8px;outline:none;padding:5px 10px;font-size:.82rem;font-weight:700}.teacher-overview-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.teacher-overview-stat{background-color:#fff;border:2px solid #000;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 3px #000}.teacher-overview-icon{border:1.5px solid #000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;display:flex}.teacher-overview-icon.blue{background-color:#bfecf7}.teacher-overview-icon.green{background-color:#c6f6d5}.teacher-overview-icon.red{background-color:#fed7d7}.teacher-overview-stat h2{color:#000;font-size:1.35rem;font-weight:800;line-height:1}.teacher-overview-stat h3{color:#2d3748;font-size:.78rem;font-weight:800}.teacher-overview-stat p{color:#718096;font-size:.68rem}.teacher-overview-columns{grid-template-columns:1.15fr .85fr;gap:12px;display:grid}.teacher-overview-left{flex-direction:column;gap:12px;display:flex}.teacher-overview-panel{background-color:#fff;border:2px solid #000;border-radius:12px;padding:14px 16px;box-shadow:0 3px #000}.teacher-overview-panel h2{color:#000;margin-bottom:12px;font-size:.95rem;font-weight:800}.teacher-pie-content{align-items:center;gap:20px;display:flex}.teacher-donut-chart{border:2px solid #000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:125px;height:125px;display:flex}.teacher-donut-hole{background-color:#fff;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.teacher-donut-hole strong{color:#000;font-size:.95rem;font-weight:800}.teacher-pie-legend{flex-direction:column;gap:8px;display:flex}.teacher-pie-legend-item{align-items:center;gap:8px;display:flex}.teacher-pie-legend-dot{border:1px solid #000;border-radius:50%;flex-shrink:0;width:12px;height:12px}.teacher-pie-legend-dot.independent{background-color:#28bd83}.teacher-pie-legend-dot.instructional{background-color:#ffc328}.teacher-pie-legend-dot.frustration{background-color:#f04c4c}.teacher-pie-legend-text{flex-direction:column;display:flex}.teacher-pie-legend-text strong{color:#000;font-size:.8rem;font-weight:800}.teacher-pie-legend-text small{color:#718096;font-size:.7rem}.teacher-overview-class-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.teacher-overview-class{cursor:pointer;text-align:left;background-color:#fff;border:2px solid #000;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;transition:all .15s;display:flex;box-shadow:0 2px #000}.teacher-overview-class:hover{background-color:#ffe9a8}.teacher-class-icon{background-color:#ffb347;border:1.5px solid #000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;display:flex}.teacher-class-info{flex-direction:column;flex-grow:1;display:flex}.teacher-class-info strong{color:#000;font-size:.75rem;font-weight:800}.teacher-class-info small{color:#718096;font-size:.68rem}.teacher-class-arrow{color:#000;font-size:1rem;font-weight:800}.teacher-support-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.teacher-support-heading h2{margin-bottom:0}.view-all-link{color:#2b6cb0;cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:800}.teacher-support-list{flex-direction:column;gap:8px;display:flex}.teacher-support-student{border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding:6px 0;display:flex}.teacher-support-student:last-child{border-bottom:none}.teacher-student-avatar{color:#000;background-color:#fed7d7;border:1.5px solid #000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.72rem;font-weight:800;display:flex}.teacher-student-avatar.pink{background-color:#fed7d7}.teacher-student-avatar.purple{background-color:#e9d8fd}.teacher-student-avatar.yellow{background-color:#fefcbf}.teacher-support-details{flex-direction:column;flex-grow:1;display:flex}.teacher-support-details strong{color:#000;font-size:.78rem;font-weight:800}.teacher-support-details small{color:#718096;font-size:.68rem}.teacher-support-score{align-items:center;gap:6px;display:flex}.teacher-support-score strong{color:#000;font-size:.78rem;font-weight:800}.teacher-risk-dot{border:1px solid #000;border-radius:50%;width:10px;height:10px}.teacher-risk-dot.red{background-color:#f04c4c}.teacher-risk-dot.yellow{background-color:#ffc328}.teacher-classes-wrapper{background-color:#fffbf5;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.classes-banner-card{background-color:#e4f3f8;border:2px solid #000;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;box-shadow:0 3px #000}.classes-banner-card h1{color:#000;margin-bottom:2px;font-size:1.55rem;font-weight:800}.classes-banner-card p{color:#4a5568;font-size:.85rem}.create-class-btn{color:#000;cursor:pointer;background-color:#ffb347;border:2px solid #000;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:800;transition:all .15s;box-shadow:0 2px #000}.create-class-btn:hover{background-color:#ffa41f}.classes-cards-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.class-select-card{background-color:#fff;border:2px solid #000;border-radius:12px;flex-direction:column;gap:6px;padding:14px;transition:border-color .15s;display:flex;box-shadow:0 3px #000}.class-select-card.active{border:2px solid #ffb347;outline:1px solid #ffb347}.class-card-header h3{color:#000;font-size:1.05rem;font-weight:800}.class-code-text{color:#4a5568;align-items:center;gap:4px;font-size:.78rem;display:flex}.copy-icon{cursor:pointer;font-size:.82rem}.class-students-count{color:#000;margin-bottom:4px;font-size:.8rem;font-weight:700}.view-class-btn{color:#000;cursor:pointer;text-align:center;background-color:#fff;border:1.5px solid #000;border-radius:6px;width:100%;padding:6px 0;font-size:.82rem;font-weight:800;transition:all .15s}.view-class-btn.active{background-color:#ffb347;border:2px solid #000}.view-class-btn:hover{background-color:#ffe9a8}.class-students-table-card{background-color:#fff;border:2px solid #000;border-radius:12px;padding:16px 20px;box-shadow:0 3px #000}.table-top-controls{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.table-title-group{align-items:center;gap:12px;display:flex}.table-title-group h2{color:#000;font-size:1.2rem;font-weight:800}.class-code-pill{color:#000;background-color:#ffe9a8;border:1.5px solid #000;border-radius:16px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:800;display:flex}.table-search-wrapper{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;width:260px;padding:6px 12px;display:flex}.table-search-wrapper input{border:none;outline:none;width:100%;font-size:.8rem}.teacher-students-data-table{border-collapse:collapse;text-align:left;width:100%}.teacher-students-data-table th{color:#000;background-color:#e4f3f8;border-bottom:2px solid #000;padding:10px 12px;font-size:.78rem;font-weight:800}.teacher-students-data-table td{color:#2d3748;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:.82rem}.teacher-students-data-table tr:last-child td{border-bottom:none}.level-dot{border:1px solid #000;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.level-dot.frustration{background-color:#f04c4c}.level-dot.instructional{background-color:#ffc328}.level-dot.independent{background-color:#28bd83}.level-text{color:#2d3748;font-weight:600}.student-remove-outline-btn{color:#e53e3e;cursor:pointer;background:0 0;border:1.5px solid #e53e3e;border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:700;transition:all .15s}.student-remove-outline-btn:hover{background-color:#fed7d7}.create-class-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.create-class-modal{background:#fffbf5;border:2px solid #000;border-radius:14px;width:90%;max-width:420px;padding:20px;box-shadow:0 10px 25px #0003}.create-class-modal h2{color:#000;margin-bottom:14px;font-size:1.25rem;font-weight:800}.create-class-modal label{color:#000;margin-bottom:6px;font-size:.75rem;font-weight:800;display:block}.create-class-modal input{border:1.5px solid #000;border-radius:6px;outline:none;width:100%;margin-bottom:14px;padding:8px 12px;font-size:.85rem}.create-class-actions{justify-content:flex-end;gap:10px;display:flex}.modal-create-btn{color:#000;cursor:pointer;background-color:#ffb347;border:1.5px solid #000;border-radius:6px;padding:6px 16px;font-size:.82rem;font-weight:800}.modal-cancel-btn{color:#4a5568;cursor:pointer;background:0 0;border:none;font-size:.82rem;font-weight:700}.teacher-reports-wrapper{background-color:#fffbf5;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.reports-banner-card{background-color:#e4f3f8;border:2px solid #000;border-radius:12px;padding:16px 20px;box-shadow:0 3px #000}.reports-banner-card h1{color:#000;margin-bottom:2px;font-size:1.55rem;font-weight:800}.reports-banner-card p{color:#4a5568;font-size:.85rem}.reports-filter-card{background-color:#fff;border:2px solid #000;border-radius:12px;align-items:flex-end;gap:14px;padding:12px 18px;display:flex;box-shadow:0 3px #000}.filter-group{flex-direction:column;flex:1;gap:4px;display:flex}.filter-group label{color:#000;font-size:.78rem;font-weight:800}.filter-group select{color:#000;cursor:pointer;background-color:#fff;border:1.5px solid #000;border-radius:8px;outline:none;width:100%;padding:7px 10px;font-size:.82rem;font-weight:700}.filter-submit-btn{color:#000;cursor:pointer;background-color:#ffb347;border:2px solid #000;border-radius:8px;padding:8px 24px;font-size:.82rem;font-weight:800;box-shadow:0 2px #000}.filter-submit-btn:hover{background-color:#ffa41f}.reports-summary-card{background-color:#fff;border:2px solid #000;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;box-shadow:0 3px #000}.summary-left-metrics{align-items:center;gap:32px;display:flex}.summary-metric-block{flex-direction:column;display:flex}.metric-label{color:#718096;text-transform:uppercase;font-size:.72rem;font-weight:800}.metric-value{color:#000;font-size:1.6rem;font-weight:800;line-height:1.1}.metric-sub{color:#718096;font-size:.7rem}.summary-distribution-block{flex-direction:column;gap:4px;display:flex}.distribution-legend{align-items:center;gap:16px;display:flex}.legend-dot{border:1px solid #000;border-radius:50%;width:10px;height:10px}.legend-dot.independent{background-color:#28bd83}.legend-dot.instructional{background-color:#ffc328}.legend-dot.frustration{background-color:#f04c4c}.legend-text{color:#2d3748;font-size:.78rem}.legend-pct{color:#000;font-size:.78rem;font-weight:800}.export-buttons-group{gap:8px;display:flex}.export-outline-btn{color:#000;cursor:pointer;background:#fff;border:1.5px solid #000;border-radius:8px;padding:7px 14px;font-size:.8rem;font-weight:800;transition:all .15s;box-shadow:0 2px #000}.export-outline-btn:hover{background-color:#ffe9a8}.reports-table-card{background-color:#fff;border:2px solid #000;border-radius:12px;padding:16px 20px;box-shadow:0 3px #000}.teacher-reports-data-table{border-collapse:collapse;text-align:left;width:100%}.teacher-reports-data-table th{color:#000;background-color:#e4f3f8;border-bottom:2px solid #000;padding:10px 12px;font-size:.78rem;font-weight:800}.teacher-reports-data-table td{color:#2d3748;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:.82rem}.teacher-reports-data-table tr:last-child td{border-bottom:none}.export-modal-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.export-modal-card{text-align:center;background:#fffbf5;border:2px solid #000;border-radius:16px;width:90%;max-width:440px;padding:24px;position:relative;box-shadow:0 10px 25px #0003}.export-modal-close{cursor:pointer;color:#718096;background:0 0;border:none;font-size:1.1rem;position:absolute;top:12px;right:16px}.export-modal-icon-badge{color:#fff;background-color:#48bb78;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;font-size:1.5rem;font-weight:800;display:flex}.export-modal-card h2{color:#000;margin-bottom:6px;font-size:1.25rem;font-weight:800}.export-modal-desc{color:#4a5568;margin-bottom:16px;font-size:.82rem;line-height:1.4}.export-file-pill{text-align:left;background-color:#e4f3f8;border:1px solid #cbd5e0;border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:10px 14px;display:flex}.file-icon{font-size:1.4rem}.file-info{flex-direction:column;display:flex}.file-info strong{color:#000;font-size:.82rem}.file-info small{color:#718096;font-size:.7rem}.export-modal-actions{justify-content:center;gap:12px;display:flex}.export-close-btn{color:#000;cursor:pointer;background:#fff;border:1.5px solid #000;border-radius:8px;padding:8px 20px;font-size:.82rem;font-weight:800}.export-download-btn{color:#000;cursor:pointer;background-color:#ffb347;border:2px solid #000;border-radius:8px;padding:8px 20px;font-size:.82rem;font-weight:800;box-shadow:0 2px #000}.teacher-materials-wrapper{background-color:#fffbf5;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.teacher-topbar-full{z-index:100;background-color:#fff;border-bottom:2px solid #000;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:52px;padding:0 24px;display:flex}.teacher-topbar-full .teacher-top-title h2{color:#000;font-size:1.15rem;font-weight:800}.teacher-topbar-full .teacher-word-pill{color:#000;background-color:#ffe9a8;border:1.5px solid #000;border-radius:16px;padding:4px 12px;font-size:.78rem;font-weight:800}.teacher-page-body{flex-grow:1;height:calc(100vh - 52px);display:flex;overflow:hidden}.teacher-sidebar{background-color:#a7d8e8;border-right:2px solid #000;flex-direction:column;flex-shrink:0;justify-content:space-between;width:250px;height:100%;padding:18px 14px;display:flex}.teacher-logo-row{border-bottom:1px dashed #0003;align-items:center;gap:10px;padding-bottom:12px;display:flex}.teacher-brand-icon{font-size:1.5rem}.teacher-logo-row h1{color:#000;font-size:1.35rem;font-weight:800;line-height:1}.teacher-logo-row p{color:#2d3748;font-size:.68rem;font-weight:600}.teacher-user-panel{background-color:#fff;border:2px solid #000;border-radius:10px;align-items:center;gap:10px;margin:14px 0;padding:8px 10px;display:flex;box-shadow:0 2px #000}.teacher-avatar{background-color:#ffe9a8;border:1.5px solid #000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.teacher-user-panel h3{color:#000;font-size:.82rem;font-weight:800}.teacher-user-panel p{color:#4a5568;font-size:.7rem}.teacher-nav{flex-direction:column;gap:8px;display:flex}.teacher-nav-item{color:#2d3748;cursor:pointer;text-align:left;background-color:#0000;border:1.5px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:.85rem;font-weight:700;transition:all .15s;display:flex}.teacher-nav-item:hover{background-color:#ffe9a8b3}.teacher-nav-item.active{color:#000;background-color:#ffb347;border:2px solid #000;box-shadow:0 2px #000}.teacher-logout-btn{color:#000;cursor:pointer;background-color:#fff;border:2px solid #000;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px;font-size:.85rem;font-weight:800;transition:all .15s;display:flex;box-shadow:0 2px #000}.teacher-logout-btn:hover{background-color:#ffe9a8}.teacher-main{flex-direction:column;flex-grow:1;height:100%;display:flex;overflow:hidden}.teacher-content{flex-direction:column;flex-grow:1;gap:16px;padding:18px 24px;display:flex;overflow-y:auto}.materials-banner-card{background-color:#e4f3f8;border:2px solid #000;border-radius:12px;padding:16px 20px;box-shadow:0 3px #000}.materials-banner-card h1{color:#000;margin-bottom:2px;font-size:1.55rem;font-weight:800}.materials-banner-card p{color:#4a5568;font-size:.85rem}.materials-create-card{background-color:#fff;border:2px solid #000;border-radius:12px;padding:18px 20px;box-shadow:0 3px #000}.materials-create-card h2{color:#000;margin-bottom:2px;font-size:1.15rem;font-weight:800}.create-subtitle{color:#4a5568;margin-bottom:14px;font-size:.82rem}.materials-hidden-controls{display:none}.materials-upload-zone{cursor:pointer;background-color:#e4f3f8;border:2px dashed #a0aec0;border-radius:10px;justify-content:center;align-items:center;gap:16px;margin-bottom:14px;padding:20px;transition:all .15s;display:flex}.materials-upload-zone:hover{background-color:#d3eef8;border-color:#000}.materials-upload-icon{font-size:2rem}.materials-upload-text p{color:#2d3748;font-size:.85rem}.choose-file-text{color:#3182ce;font-weight:700;text-decoration:underline}.materials-upload-text span{color:#718096;font-size:.72rem}.generate-quiz-btn{color:#000;cursor:pointer;background-color:#ffb347;border:2px solid #000;border-radius:8px;padding:8px 20px;font-size:.82rem;font-weight:800;transition:all .15s;box-shadow:0 2px #000}.generate-quiz-btn:hover{background-color:#ffa41f}.materials-library-card{background-color:#fff;border:2px solid #000;border-radius:12px;padding:18px 20px;box-shadow:0 3px #000}.materials-library-card h2{color:#000;margin-bottom:12px;font-size:1.15rem;font-weight:800}.quiz-library-table{border-collapse:collapse;text-align:left;width:100%}.quiz-library-table th{color:#000;background-color:#e4f3f8;border-bottom:2px solid #000;padding:10px 12px;font-size:.78rem;font-weight:800}.quiz-library-table td{color:#2d3748;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:.82rem}.quiz-library-table tr:last-child td{border-bottom:none}.quiz-library-actions{align-items:center;gap:6px;display:flex}.quiz-action-btn{color:#000;cursor:pointer;background:#fff;border:1.5px solid #000;border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:800;transition:all .15s}.quiz-action-btn:hover{background-color:#ffe9a8}.quiz-action-btn.remove{cursor:pointer;background:0 0;border:none;font-size:.95rem}.quiz-modal-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.quiz-modal-header{border-bottom:1px dashed #cbd5e0;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.quiz-modal-header h2{color:#000;font-size:1.25rem;font-weight:800}.quiz-modal-close{cursor:pointer;color:#718096;background:0 0;border:none;font-size:1.2rem}.modal-quiz-title{color:#000;margin-bottom:12px;font-size:1rem;font-weight:800}.quiz-view-modal{background:#fffbf5;border:2px solid #000;border-radius:16px;flex-direction:column;width:90%;max-width:540px;max-height:85vh;padding:20px;display:flex;box-shadow:0 10px 25px #0003}.quiz-modal-body{flex-direction:column;gap:12px;display:flex;overflow-y:auto}.quiz-preview-question{flex-direction:column;gap:6px;display:flex}.quiz-question-number{color:#000;font-size:.85rem;font-weight:800}.quiz-preview-choices{flex-direction:column;gap:6px;display:flex}.quiz-preview-choice{background:#fff;border:1px solid #cbd5e0;border-radius:8px;align-items:center;gap:10px;padding:6px 12px;display:flex}.quiz-preview-choice.correct{background-color:#c6f6d5;border-color:#38a169}.choice-badge{background-color:#fff;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:800;display:flex}.quiz-preview-choice p{color:#2d3748;font-size:.8rem}.quiz-assign-modal{background:#fffbf5;border:2px solid #000;border-radius:16px;width:90%;max-width:480px;padding:20px;box-shadow:0 10px 25px #0003}.assign-label{color:#000;margin-bottom:6px;font-size:.78rem;font-weight:800}.assign-class-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.assign-class-option{cursor:pointer;background-color:#fff;border:1px solid #cbd5e0;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.assign-class-option.selected{background-color:#e4f3f8;border-color:#3182ce}.assign-class-option input[type=checkbox]{accent-color:#2f4858;width:16px;height:16px}.assign-class-option span{color:#000;font-size:.85rem;font-weight:700}.assign-modal-actions{justify-content:flex-end;gap:10px;display:flex}.assign-cancel-btn{color:#000;cursor:pointer;background:#fff;border:1.5px solid #000;border-radius:6px;padding:6px 16px;font-size:.82rem;font-weight:800}.assign-confirm-btn{color:#000;cursor:pointer;background-color:#ffb347;border:2px solid #000;border-radius:6px;padding:6px 16px;font-size:.82rem;font-weight:800;box-shadow:0 2px #000}.quiz-results-modal{background:#fffbf5;border:2px solid #000;border-radius:16px;width:90%;max-width:580px;padding:20px;box-shadow:0 10px 25px #0003}.quiz-results-section-label{color:#000;margin-bottom:4px;font-size:.78rem;font-weight:800;display:block}.quiz-results-section-select{color:#000;border:1.5px solid #000;border-radius:8px;outline:none;width:100%;margin-bottom:14px;padding:7px 10px;font-size:.82rem;font-weight:700}.quiz-results-stats-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.quiz-stat-card{text-align:center;background-color:#e4f3f8;border:1.5px solid #000;border-radius:8px;padding:10px}.quiz-stat-card.green{background-color:#c6f6d5}.quiz-stat-card.yellow{background-color:#fefcbf}.quiz-stat-card span{color:#4a5568;font-size:.7rem;font-weight:800}.quiz-stat-card h2{color:#000;font-size:1.35rem;font-weight:800;line-height:1.1}.quiz-results-table-title{color:#000;margin-bottom:8px;font-size:.88rem;font-weight:800}.quiz-results-table-wrapper{max-height:180px;overflow-y:auto}.quiz-results-table{border-collapse:collapse;text-align:left;width:100%}.quiz-results-table th{color:#000;background-color:#e4f3f8;border-bottom:1.5px solid #000;padding:8px;font-size:.75rem;font-weight:800}.quiz-results-table td{color:#2d3748;border-bottom:1px solid #e2e8f0;padding:8px;font-size:.8rem}.quiz-status-badge{border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:700}.quiz-status-badge.completed{color:#22543d;background-color:#c6f6d5}.quiz-status-badge.pending{color:#718096;background-color:#edf2f7}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html,body{background-color:#fffbf5;height:100%;overflow:hidden}.comprendo-admin-frame{background-color:#fffbf5;flex-direction:column;height:100vh;display:flex;overflow:hidden}.comprendo-admin-topbar{background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 28px;display:flex}.topbar-page-heading{color:#2d3748;font-size:1.25rem;font-weight:800}.comprendo-admin-body{height:calc(100vh - 60px);display:flex;overflow:hidden}.comprendo-admin-drawer{color:#fff;background-color:#2f4858;flex-direction:column;flex-shrink:0;justify-content:space-between;gap:16px;width:260px;height:100%;padding:24px 16px;display:flex;overflow:hidden}.drawer-brand-box{border-bottom:1px solid #ffffff26;padding-bottom:12px}.drawer-brand-name{color:#fff;letter-spacing:-.5px;font-size:1.6rem;font-weight:800}.drawer-brand-tagline{color:#ffffffa6;margin-top:2px;font-size:.72rem}.drawer-user-badge{align-items:center;gap:12px;padding:4px 0;display:flex}.drawer-avatar-circle{background-color:#ffd766;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.drawer-user-rolelabel{color:#fff;font-size:.85rem;font-weight:700}.drawer-nav-menu{flex-direction:column;flex-grow:1;gap:14px;margin-top:4px;display:flex;overflow:hidden}.drawer-nav-section{flex-direction:column;gap:4px;display:flex}.drawer-section-header{color:#ffffff73;letter-spacing:.5px;margin-bottom:2px;padding-left:8px;font-size:.68rem;font-weight:800}.drawer-nav-btn{color:#ffffffd9;cursor:pointer;text-align:left;background-color:#0000;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .15s ease-in-out;display:flex}.drawer-nav-btn:hover{background-color:#ffffff1a}.drawer-nav-btn.active-nav-btn{color:#000;background-color:#ffd766;border:1px solid #000;font-weight:800}.drawer-sub-nav{flex-direction:column;gap:3px;display:flex}.drawer-sub-btn{text-align:left;color:#ffffffbf;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s ease-in-out}.drawer-sub-btn:hover{color:#fff;background-color:#ffffff1a}.drawer-sub-btn.active-sub-btn{color:#000;background-color:#ffd766;border:1px solid #000;font-weight:800}.drawer-footer{border-top:1px solid #ffffff26;flex-shrink:0;padding-top:12px}.drawer-logout-action{color:#2d3748;cursor:pointer;background-color:#fff;border:1px solid #000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:.85rem;font-weight:700;transition:all .15s ease-in-out;display:flex}.drawer-logout-action:hover{background-color:#f7fafc;transform:translateY(-1px)}.comprendo-admin-viewport{background-color:#fffbf5;flex-direction:column;flex-grow:1;gap:20px;height:100%;padding:28px;display:flex;overflow-y:auto}:root{--admin-card-bg:#fff;--admin-border-color:#e2e8f0;--admin-dark-navy:#2f4858;--admin-light-blue:#bfecf7;--admin-secondary-blue:#e4f3f8;--admin-yellow-btn:#ffd766;--admin-text-dark:#2d3748;--admin-text-sub:#4a5568;--admin-text-muted:#718096;--admin-card-shadow:0 4px 12px #2f485814;--chart-green:#52c41a;--chart-yellow:#faad14;--chart-red:#ff4d4f}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}.kpi-card{background-color:var(--admin-card-bg);border:1px solid var(--admin-border-color);box-shadow:var(--admin-card-shadow);border-radius:12px;flex-direction:column;justify-content:space-between;padding:1.1rem 1.25rem;display:flex}.kpi-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.kpi-label{color:var(--admin-text-sub);letter-spacing:.5px;font-size:.72rem;font-weight:800}.kpi-icon{background:radial-gradient(circle at 35% 30%, #fff 0%, var(--admin-secondary-blue) 55%, #cfe9f3 100%);border:1.5px solid var(--admin-text-dark);width:46px;height:46px;box-shadow:0 2px 0 var(--admin-text-dark), inset 0 -3px 0 #2d37481f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.kpi-card:hover .kpi-icon{transform:translateY(-2px)scale(1.06)}.kpi-icon-svg{filter:drop-shadow(0 2px 1px #2d374840);margin-top:2px;display:block}.kpi-value{color:var(--admin-dark-navy);margin-bottom:.35rem;font-size:2rem;font-weight:800;line-height:1}.kpi-progress-bar{background-color:#e2e8f0;border-radius:3px;height:6px;margin-bottom:.35rem;overflow:hidden}.kpi-progress-fill{background-color:#52c41a;height:100%}.analytics-section{grid-template-columns:1.1fr .9fr;gap:1rem;margin-bottom:1.25rem;display:grid}.analytics-card{background-color:var(--admin-card-bg);border:1px solid var(--admin-border-color);box-shadow:var(--admin-card-shadow);border-radius:12px;padding:1.25rem 1.5rem}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-header-row h3{color:var(--admin-dark-navy);font-size:1.1rem;font-weight:800}.secondary-action-btn{color:var(--admin-text-dark);cursor:pointer;background:#fff;border:1px solid #cbd5e0;border-radius:6px;padding:.4rem .85rem;font-size:.8rem;font-weight:700;transition:all .2s}.secondary-action-btn:hover{background-color:#f7fafc;border-color:#a0aec0}.chart-wrapper{align-items:center;gap:1.75rem;padding:.25rem 0;display:flex}.donut-visual{background:conic-gradient(var(--chart-green) 0deg 64.8deg, var(--chart-yellow) 64.8deg 244.8deg, var(--chart-red) 244.8deg 360deg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:140px;display:flex}.donut-center{background-color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;display:flex}.donut-total{color:var(--admin-dark-navy);font-size:1.5rem;font-weight:800;line-height:1}.donut-sub{color:var(--admin-text-muted);font-size:.72rem;font-weight:700}.chart-legend{flex-direction:column;gap:.65rem;width:100%;display:flex}.legend-row{align-items:center;gap:.65rem;display:flex}.legend-indicator{border-radius:50%;flex-shrink:0;width:12px;height:12px}.legend-indicator.independent{background-color:var(--chart-green)}.legend-indicator.instructional{background-color:var(--chart-yellow)}.legend-indicator.frustration{background-color:var(--chart-red)}.legend-text-group{flex-direction:column;display:flex}.legend-label{color:var(--admin-text-dark);font-size:.85rem;font-weight:800}.legend-value{color:var(--admin-text-muted);font-size:.75rem}.status-pill.active-tag{color:#137333;background-color:#e6f4ea;border-radius:16px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.diagnostic-title-row{align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.diagnostic-icon-box{background-color:var(--admin-secondary-blue);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.diagnostic-title{color:var(--admin-dark-navy);font-size:1rem;font-weight:800}.diagnostic-meta{color:var(--admin-text-muted);font-size:.78rem}.diagnostic-details-box{border:1px solid var(--admin-border-color);background-color:#f8fafc;border-radius:8px;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem .9rem;display:flex}.detail-row{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.detail-label{color:var(--admin-text-muted);font-weight:600}.detail-value{color:var(--admin-text-dark);font-weight:700}.tag-group{gap:.3rem;display:flex}.type-tag{color:var(--admin-text-sub);background-color:#fff;border:1px solid #cbd5e0;border-radius:10px;padding:.15rem .45rem;font-size:.7rem;font-weight:600}.detail-status{color:#137333;font-size:.78rem;font-weight:700}.theme-btn.action-full{background-color:var(--admin-dark-navy);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.65rem;font-size:.85rem;font-weight:700;transition:background-color .2s}.theme-btn.action-full:hover{background-color:#1e303b}.table-card{background-color:var(--admin-card-bg);border:1px solid var(--admin-border-color);box-shadow:var(--admin-card-shadow);border-radius:12px;min-height:300px;max-height:500px;margin-bottom:.5rem;padding:.25rem;overflow-y:auto}.table-scroll-container{border:1px solid #edf2f7;border-radius:8px;max-height:300px;overflow-y:auto}.table-header-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.data-table th{background-color:var(--admin-secondary-blue);color:var(--admin-dark-navy);border-bottom:1px solid var(--admin-border-color);z-index:2;padding:.65rem .85rem;font-size:.75rem;font-weight:800;position:sticky;top:0}.data-table tr:last-child td{border-bottom:none}.action-cell{position:relative}.icon-btn{cursor:pointer;color:var(--admin-text-muted);background:0 0;border:none;border-radius:4px;padding:.15rem .4rem;font-size:1.1rem}.icon-btn:hover{background-color:#edf2f7}.row-action-dropdown{border:1px solid var(--admin-border-color);z-index:10;background:#fff;border-radius:6px;flex-direction:column;min-width:120px;display:flex;position:absolute;top:2rem;right:1rem;overflow:hidden;box-shadow:0 6px 12px #0000001a}.dropdown-item{text-align:left;cursor:pointer;color:var(--admin-text-dark);background:0 0;border:none;padding:.5rem .85rem;font-size:.8rem}.dropdown-item:hover{background-color:#f7fafc}.dropdown-item.danger{color:#e53e3e}.dropdown-item.danger:hover{background-color:#fff5f5}@media (width<=992px){.kpi-grid,.analytics-section{grid-template-columns:1fr}.chart-wrapper{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.kpi-icon{transition:none}.kpi-card:hover .kpi-icon{transform:none}}.comprendo-modal-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.comprendo-modal-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:400px;padding:30px;animation:.2s ease-in-out modalPopIn;box-shadow:0 10px 25px #00000026}.comprendo-modal-icon{margin-bottom:15px;font-size:40px}.comprendo-modal-card h3{color:#1e293b;margin-bottom:10px;font-size:20px}.comprendo-modal-card p{color:#64748b;margin-bottom:20px;font-size:14px;line-height:1.5}@keyframes modalPopIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}html,body{box-sizing:border-box;height:100vh;margin:0;padding:0;overflow:hidden}.banner-card{background-color:#e4f3f8;border:2px solid #000;border-radius:16px;margin-bottom:0;padding:12px 20px}.banner-text p{color:#444;margin:0;font-size:.875rem}.editor-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:12px;display:grid}.editor-card{background-color:#fff;border:2px solid #000;border-radius:16px;flex-direction:column;gap:0;padding:16px 20px;display:flex;box-shadow:0 2px 4px #00000005}.panel-header-row{justify-content:space-between;align-items:center;display:flex}.passage-meta-controls{align-items:center;gap:12px;display:flex}.meta-label{font-size:12px;font-weight:600}.form-group{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.text-input,.select-input,.textarea-input{color:#000;background-color:#fffbf5;border:1.5px solid #000;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.text-input:focus,.select-input:focus,.textarea-input:focus{border-color:#ffb347;box-shadow:0 0 0 2px #ffb34733}.select-input.compact{width:auto;padding:4px 8px}.textarea-input{resize:none;height:180px;line-height:1.5}.passage-stats-row{background-color:#fffbf5;border:1px dashed #000;border-radius:8px;padding:8px 12px}.stat-item{justify-content:space-between;align-items:center;display:flex}.stat-value{font-size:12px;font-weight:800}.helper-text{color:#666;margin-top:2px;font-size:11px}.panel-actions{gap:12px;margin-top:0;display:flex}.secondary-action-btn:active{transform:translateY(1px)}.questions-list{flex-direction:column;gap:12px;display:flex}.question-block{background-color:#fffbf5;border:1.5px solid #000;border-radius:12px;flex-direction:column;gap:8px;padding:10px 14px;display:flex}.question-header{justify-content:space-between;margin-bottom:2px;display:flex}.question-number{font-size:13px;font-weight:800}.skill-group-row{justify-content:space-between;align-items:center;margin:4px 0;display:flex}.options-list{flex-direction:column;gap:6px;display:flex}.option-item{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;transition:border-color .15s;display:flex}.option-item:hover{border-color:#000}.option-item.correct{background-color:#e8f5e9;border-color:#4eae87}.correct-tag{color:#2e7d32;margin-left:auto;font-size:10px;font-weight:800}.pagination-actions-row{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.pagination-pills{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.page-pill{cursor:pointer;background-color:#fffbf5;border:1.5px solid #000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;transition:all .15s ease-in-out;display:flex}.page-pill:hover{background-color:#ffe9a8}.page-pill.active{color:#fff;background-color:#ed8936;font-weight:800}.bottom-actions-bar{background:#fff;border:2px solid #000;border-radius:12px;justify-content:flex-end;align-items:center;gap:12px;display:flex;margin-top:0!important;padding:12px 20px!important}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-card{background-color:#fff;border:2px solid #000;border-radius:16px;width:100%;max-width:420px;padding:24px 28px;box-shadow:0 10px 25px #00000026}.cancel-btn{color:#2d3748;cursor:pointer;background-color:#e2e8f0;border:1px solid #cbd5e0;border-radius:8px;padding:8px 16px;font-weight:700;transition:background-color .15s}.cancel-btn:hover{background-color:#cbd5e0}.confirm-btn{color:#fff;cursor:pointer;background-color:#ed8936;border:1px solid #000;border-radius:8px;padding:8px 16px;font-weight:700;transition:background-color .15s}.confirm-btn:hover{background-color:#dd7822}.close-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;font-weight:800;transition:background-color .15s}:root{--admin-card-bg:#fff;--admin-border-color:#e2e8f0;--admin-dark-navy:#2f4858;--admin-light-blue:#bfecf7;--admin-secondary-blue:#e4f3f8;--admin-cream-bg:#fffbf5;--admin-yellow-btn:#ffd766;--admin-text-dark:#2d3748;--admin-text-sub:#4a5568;--admin-text-muted:#718096;--admin-card-shadow:0 4px 12px #2f485814}.banner-card{background-color:var(--admin-light-blue);box-shadow:var(--admin-card-shadow);border:1px solid #a2dcee;border-radius:12px;margin-bottom:1rem;padding:1.25rem 1.75rem}.banner-text h2{color:var(--admin-dark-navy);margin-bottom:.2rem;font-size:1.8rem;font-weight:800}.directory-top-bar{background-color:var(--admin-card-bg);border:1px solid var(--admin-border-color);box-shadow:var(--admin-card-shadow);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1.25rem;display:flex}.search-input-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;align-items:center;gap:.5rem;max-width:480px;padding:.4rem .85rem;display:flex}.search-icon{color:var(--admin-text-muted);font-size:.85rem}.search-field{width:100%;color:var(--admin-text-dark);background:0 0;border:none;outline:none;font-size:.85rem}.top-bar-controls{align-items:center;gap:.85rem;display:flex}.select-label{color:var(--admin-text-sub);font-size:.8rem;font-weight:600}.select-input{border:1px solid var(--admin-border-color);color:var(--admin-text-dark);background-color:#fff;border-radius:6px;outline:none;width:100%;padding:.5rem .75rem;font-size:.85rem}.theme-btn.dark-btn{background-color:var(--admin-dark-navy);color:#fff;cursor:pointer;border:1px solid #000;border-radius:6px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:700;transition:background-color .2s}.theme-btn.dark-btn:hover{background-color:#1e303b}.table-card{background-color:var(--admin-card-bg);border:1px solid var(--admin-border-color);box-shadow:var(--admin-card-shadow);border-radius:12px;margin-bottom:1rem;padding:1.25rem 1.5rem}.table-header-row{margin-bottom:.85rem}.table-header-row h3{color:var(--admin-dark-navy);font-size:1.1rem;font-weight:800}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{background-color:var(--admin-secondary-blue);color:var(--admin-dark-navy);border-bottom:1px solid var(--admin-border-color);padding:.65rem .85rem;font-size:.75rem;font-weight:800}.data-table td{color:var(--admin-text-dark);border-bottom:1px solid #edf2f7;padding:.75rem .85rem;font-size:.85rem}.status-pill.active{color:#137333;background-color:#e6f4ea;border-radius:16px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.icon-action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .45rem;font-size:.95rem}.icon-action-btn:hover{background-color:#edf2f7}.bottom-utility-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.utility-card{background-color:var(--admin-card-bg);border:1px solid var(--admin-border-color);box-shadow:var(--admin-card-shadow);border-radius:12px;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex}.utility-info h4{color:var(--admin-dark-navy);margin-bottom:.2rem;font-size:.95rem;font-weight:800}.utility-info p{color:var(--admin-text-muted);max-width:300px;font-size:.8rem}.secondary-action-btn{color:var(--admin-text-dark);cursor:pointer;background:#fff;border:1px solid #cbd5e0;border-radius:6px;padding:.5rem 1rem;font-size:.82rem;font-weight:700}.modal-card{background:#fffbf5;border:2px solid #000;border-radius:16px;width:90%;max-width:520px;padding:1.5rem;box-shadow:0 10px 25px #00000026}.modal-card.wide-card{max-width:580px}.modal-header{border-bottom:1px dashed #cbd5e0;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.modal-title{color:var(--admin-dark-navy);font-size:1.35rem;font-weight:800}.modal-subtitle{color:var(--admin-text-sub);margin-top:.25rem;font-size:.82rem;line-height:1.3}.close-btn{cursor:pointer;color:var(--admin-text-muted);background:0 0;border:none;font-size:1.2rem}.modal-body{flex-direction:column;gap:1rem;margin-bottom:1.25rem;display:flex}.transfer-selectors-row{gap:.85rem;display:flex}.students-checkbox-box{background-color:#fff;border:1px solid #cbd5e0;border-radius:8px;flex-direction:column;gap:.5rem;max-height:150px;padding:.6rem;display:flex;overflow-y:auto}.student-check-item{color:var(--admin-text-dark);cursor:pointer;border-radius:4px;align-items:center;gap:.6rem;padding:.3rem .4rem;font-size:.85rem;font-weight:600;display:flex}.student-check-item:hover{background-color:#f7fafc}.student-check-item input[type=checkbox]{cursor:pointer;accent-color:#2f4858;width:16px;height:16px}.transfer-summary-pill{color:var(--admin-text-dark);background-color:#e2e8f0;border-radius:8px;padding:.75rem .9rem;font-size:.82rem;font-weight:700;line-height:1.4}.modal-footer{justify-content:flex-end;align-items:center;gap:1rem;padding-top:.75rem;display:flex}.cancel-btn{color:var(--admin-text-sub);cursor:pointer;background:0 0;border:none;font-size:.88rem;font-weight:700}.cancel-btn:hover{color:#000}.students-view-table{border-collapse:collapse;table-layout:auto;color:#2d4350;width:100%;margin-top:12px;font-size:13px}.students-view-table thead{background-color:#ffe8a6}.students-view-table th{text-align:left;color:#253e4d;border-bottom:2px solid #2d4350;padding:13px 15px;font-size:12px;font-weight:700}.students-view-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e3e6e8;padding:13px 15px}.students-view-table tbody tr:nth-child(2n){background-color:#faf8f3}.students-view-table tbody tr:hover{background-color:#fff3d4}.students-view-table th:first-child,.students-view-table td:first-child{text-align:center;width:45px}.students-view-table tbody tr:last-child td{border-bottom:none}.student-reading-level{white-space:nowrap;border:1px solid #0000;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-block}.student-reading-level.independent{color:#167347;background-color:#d9f5e5;border-color:#32b879}.student-reading-level.instructional{color:#946200;background-color:#fff1c2;border-color:#f5b400}.student-reading-level.frustration{color:#b42323;background-color:#ffe1e1;border-color:#ef4444}.banner-card{background-color:#e4f3f8;border:2px solid #000;border-radius:16px;flex-shrink:0;padding:20px 24px}.directory-top-bar{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex}.table-card{background-color:#fff;border:2px solid #000;border-radius:16px;flex-direction:column;flex:1;gap:16px;max-height:calc(100vh - 220px);padding:20px;display:flex;overflow:hidden}.table-scroll-container{border:1.5px solid #000;border-radius:10px;flex:1;overflow-y:auto}.data-table th{text-align:left;z-index:2;background-color:#ffe9a8;border-bottom:2px solid #000;padding:12px;font-weight:700;position:sticky;top:0}.status-pill.inactive{color:#842029;background-color:#f8d7da;border:1px solid #000;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.upload-drop-zone.dragging{background:#2e7d320f;border-color:#2e7d32}.toast-notification{z-index:2000;color:#fff;border-radius:8px;align-items:center;gap:10px;padding:12px 18px;font-size:.95rem;animation:.2s ease-out toast-in;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 6px 18px #0000002e}.toast-notification.success{background:#2e7d32}.toast-notification.error{background:#c62828}.toast-icon{font-weight:700}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{background:#0000000a}.sort-indicator{opacity:.45;margin-left:4px;font-size:.75rem}.sortable-th.sorted .sort-indicator{opacity:1}.show-password-toggle{margin-top:8px}.bulk-skipped-box{background:#fdf0f0;border:1px solid #f0b4b4;border-radius:8px;max-height:160px;margin-top:12px;padding:10px 14px;font-size:.88rem;overflow-y:auto}.bulk-skipped-box ul{margin:6px 0 0;padding-left:18px}.access-panel{background-color:#fff;border:2px solid #000;border-radius:16px;flex-shrink:0;overflow:hidden}.access-panel-header{cursor:pointer;text-align:left;background-color:#ffe9a8;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 20px;font-size:16px;font-weight:800;display:flex}.access-panel-header:hover{background-color:#ffe08a}.access-panel-title{align-items:center;gap:10px;display:flex}.pending-badge{color:#fff;background-color:#e53e3e;border:1.5px solid #000;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:700}.pending-badge.none{color:#0f5132;background-color:#d1e7dd}.access-chevron{font-size:18px;transition:transform .2s}.access-chevron.open{transform:rotate(180deg)}.access-panel-body{border-top:2px solid #000;grid-template-columns:1.4fr 1fr;gap:16px;padding:16px 20px 20px;display:grid}@media (width<=900px){.access-panel-body{grid-template-columns:1fr}}.access-col{background-color:#fffbf5;border:1.5px solid #000;border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.access-col h4{font-size:14px;font-weight:800}.access-hint{color:#555;font-size:11px}.pending-list{flex-direction:column;gap:8px;max-height:240px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.pending-item{background-color:#fff;border:1.5px solid #000;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.pending-info{flex-direction:column;gap:2px;min-width:0;display:flex}.pending-info strong{font-size:13px}.pending-info span{color:#555;overflow-wrap:anywhere;font-size:11px}.pending-actions{flex-shrink:0;gap:8px;display:flex}.pending-actions .theme-btn,.pending-actions .danger-btn{padding:6px 12px;font-size:12px}.empty-note{color:#555;text-align:center;padding:18px 0;font-size:12px}.code-display{background-color:#e4f3f8;border:1.5px dashed #000;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.code-value{letter-spacing:1px;overflow-wrap:anywhere;font-family:monospace;font-size:18px;font-weight:800}.code-edit-row{flex-wrap:wrap;gap:8px;display:flex}.code-edit-row .text-input{flex:1;min-width:160px}.confirm-card{width:420px;max-width:92vw}.info-callout-box{background-color:#e4f3f8;border:1.5px solid #000;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.info-heading{font-size:12px;font-weight:800}.info-desc{color:#333;font-size:11px;line-height:1.4}.confirm-code{font-family:monospace;font-weight:800}.theme-btn:disabled,.danger-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.toast-notification{color:#000;background-color:#fffbf5;border:2px solid #000;border-radius:12px;padding:12px 16px;font-size:13px;font-weight:700;box-shadow:4px 4px #000}.toast-notification.success{color:#0f5132;background-color:#d1e7dd}.toast-notification.error{color:#842029;background-color:#f8d7da}.toast-icon{background-color:#fff;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:inline-flex}.status-pill.active{color:#0f5132;background-color:#d1e7dd;border:1px solid #000;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.status-pill.pending{color:#842029;background-color:#f8d7da;border:1px solid #000;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.actions-cell{gap:6px;display:flex}.icon-action-btn{cursor:pointer;background-color:#fffbf5;border:1.5px solid #000;border-radius:6px;padding:4px 8px;font-size:13px;transition:all .15s ease-in-out}.icon-action-btn:hover{background-color:#ffe9a8;transform:translateY(-1px)}.icon-action-btn.reset-exam:hover{background-color:#ffe9a8}.icon-action-btn.key:hover{background-color:#e4f3f8}.icon-action-btn.delete:hover{background-color:#ffe0e0}.icon-action-btn:active{transform:translateY(1px)}.page-pill:hover:not(.disabled),.page-pill.active{background-color:#ffe9a8}.text-input.disabled{color:#666;background-color:#eee}.bulk-instruction-box{background-color:#e4f3f8;border:1px dashed #000;border-radius:8px;padding:10px 12px}.instruction-step{font-size:12px;font-weight:800}.instruction-desc{margin-top:4px;font-size:11px}.download-link-btn{color:#0056b3;cursor:pointer;background:0 0;border:none;font-weight:700;text-decoration:underline}.upload-drop-zone{cursor:pointer;background-color:#fff;border:2px dashed #000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px;display:flex}.upload-drop-zone:hover{background-color:#ffe9a8}.uploaded-file-pill{background-color:#ffe9a8;border:1px solid #000;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.remove-file-btn{cursor:pointer;background:0 0;border:none}.temporary-key-box{background-color:#ffe9a8;border:1.5px solid #000;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.key-label{font-size:11px;font-weight:700}.key-code{letter-spacing:1px;background-color:#fff;border:1px solid #000;border-radius:6px;padding:4px 12px;font-size:16px;font-weight:900}.key-hint{color:#444;text-align:center;font-size:10px}.warning-callout-box{background-color:#fff0f0;border:1.5px solid #e53e3e;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.warning-heading{color:#c53030;font-size:12px}.warning-desc{color:#742a2a;font-size:11px;line-height:1.4}.danger-btn{color:#fff;cursor:pointer;background-color:#e53e3e;border:2px solid #000;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .15s ease-in-out}.danger-btn:hover{background-color:#c53030;transform:translateY(-1px)}.directory-top-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.search-filter-group{align-items:center;gap:12px;display:flex}.status-select-wrapper.highlight-sy{background-color:#ffe9a8}.top-action-buttons{align-items:center;gap:10px;display:flex}.archived-summary-card{background-color:#e4f3f8;border:2px solid #000;border-radius:12px;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.summary-card-header h3{font-size:16px;font-weight:800}.summary-metrics-row{align-items:center;gap:12px;font-size:13px;display:flex}.metric-separator{color:#888}.metric-item.frustration strong{color:#c53030}.metric-item.instructional strong{color:#d69e2e}.metric-item.independent strong{color:#2f855a}.data-table th{text-align:left;background-color:#ffe9a8;border-bottom:2px solid #000;padding:10px 12px;font-weight:700}.data-table td{border-bottom:1px solid #eee;padding:12px}.level-pill{border:1px solid #000;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.level-pill.independent{color:#0f5132;background-color:#d1e7dd}.level-pill.instructional{color:#664d03;background-color:#fff3cd}.level-pill.frustration{color:#842029;background-color:#f8d7da}.pagination-pills{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.pagination-pills .page-pill{box-sizing:border-box;white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;width:auto;min-width:38px;height:34px;margin:0;padding:6px 12px;line-height:1;display:inline-flex;position:static}.page-pill:hover:not(.disabled),.page-pill.active{background-color:#ffe9a8}.modal-card.wide-card{width:620px}.radio-option-item{cursor:pointer;gap:10px;font-size:13px;display:flex}.radio-option-item.align-top{align-items:flex-start}.radio-content-box{flex-direction:column;gap:8px;width:100%;display:flex}.radio-title{font-weight:700}.inline-select-group{flex-direction:column;gap:4px;display:flex}.export-info-callout{background-color:#ffe9a8;border:1px dashed #000;border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.4}.print-meta-header{color:#555;gap:8px;font-size:11px;font-weight:700;display:flex}.print-document-preview{background-color:#fff;border:1.5px solid #000;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.doc-title-section{text-align:center}.doc-title-section h2{font-size:14px;font-weight:900}.doc-title-section h3{font-size:12px;font-weight:700}.doc-title-section p{color:#555;font-size:10px}.doc-summary-banner{background-color:#e4f3f8;border:1px solid #000;border-radius:6px;flex-direction:column;gap:8px;padding:10px;display:flex}.banner-sub-header{text-align:center;font-size:10px;font-weight:800}.doc-graph-placeholder{justify-content:space-around;align-items:center;padding:8px 0;display:flex}.bar-chart-sim{flex-direction:column;gap:4px;width:140px;display:flex}.bar-row{align-items:center;gap:4px;font-size:8px;display:flex}.bar-lbl{width:50px}.bar{border-radius:2px;height:8px}.bar.frustration{background-color:#e75a5a}.bar.instructional{background-color:#f4b41a}.bar.independent{background-color:#4eae87}.donut-sim{flex-direction:column;align-items:center;gap:2px;display:flex}.donut-circle-sim{border:4px solid #4eae87;border-top-color:#e75a5a;border-radius:50%;width:32px;height:32px}.donut-lbl{font-size:8px;font-weight:700}.doc-chart-caption{text-align:center;font-size:9px;font-weight:700}.doc-stats-line{text-align:center;background-color:#ffe9a8;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700}.print-preview-table{border-collapse:collapse;width:100%;font-size:10px}.print-preview-table th,.print-preview-table td{text-align:left;border:1px solid #ccc;padding:4px 6px}.print-preview-table th{background-color:#eee}.theme-btn:hover{background-color:#ffa424;transform:translateY(-1px)}.theme-btn:active{transform:translateY(1px)}.secondary-action-btn{cursor:pointer;background-color:#fffbf5;border:1.5px solid #000;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s ease-in-out}.secondary-action-btn:hover{background-color:#ffe9a8;transform:translateY(-1px)}.banner-card{background-color:#e4f3f8;border:2px solid #000;border-radius:16px;padding:24px}.banner-text h2{margin-bottom:4px;font-size:26px;font-weight:800}.banner-text p{color:#444;font-size:13px}.directory-top-bar{gap:6px;display:flex}.directory-top-bar.flex-column-start{flex-direction:column;align-items:flex-start}.filters-primary-row{flex-wrap:wrap;align-items:center;gap:12px;width:100%;display:flex}.filter-helper-caption{color:#666;padding-left:2px;font-size:11px}.margin-left-auto{margin-left:auto}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{font-size:14px;position:absolute;left:12px}.search-field{width:240px;padding-left:34px!important}.status-select-wrapper{background-color:#fff;border:1.5px solid #000;border-radius:8px;align-items:center;gap:8px;padding:4px 12px;display:flex}.select-label{font-size:12px;font-weight:700}.date-input{background:0 0;border:none;outline:none;padding:4px 2px;font-family:inherit;font-size:12px}.primary-action-btn{padding:10px 18px}.table-card{background-color:#fff;border:2px solid #000;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.table-header-row h3{font-size:18px;font-weight:800}.table-scroll{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;white-space:nowrap;background-color:#ffe9a8;border-bottom:2px solid #000;padding:10px 12px;font-weight:700}.data-table td{vertical-align:top;border-bottom:1px solid #eee;padding:12px}.table-message{text-align:center;color:#666;padding:24px 12px!important}.muted-text{color:#888;font-size:12px}.role-tag{color:#666;text-transform:capitalize;font-size:12px}.form-error{color:#b3261e;font-size:12px;font-weight:600}.status-pill.active{color:#0f5132;background-color:#d1e7dd;border:1px solid #000;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.status-pill.failed{color:#842029;background-color:#f8d7da;border:1px solid #000;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.id-cell{white-space:nowrap}.expand-btn{cursor:pointer;vertical-align:middle;background:#fffbf5;border:1.5px solid #000;border-radius:6px;width:24px;height:24px;margin-right:8px;font-size:10px;line-height:1;transition:transform .15s ease-in-out,background-color .15s ease-in-out}.expand-btn:hover:not(:disabled){background-color:#ffe9a8}.expand-btn.open{background-color:#ffe9a8;transform:rotate(90deg)}.expand-btn:disabled{opacity:.35;cursor:not-allowed}.data-table tr.log-row.open td{background-color:#fffbf5;border-bottom-color:#0000}.data-table tr.expanded-row td{background-color:#fffbf5;border-bottom:2px solid #000;padding:0 12px 16px}.tables-summary{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.table-badge{background-color:#e4f3f8;border:1.5px solid #000;border-radius:6px;padding:2px 8px;font-family:Courier New,monospace;font-size:12px;font-weight:700;display:inline-block}.table-badge.small{padding:1px 6px;font-size:11px}.field-count{color:#555;font-size:11px;font-weight:700}.changes-panel{background-color:#fff;border:1.5px dashed #000;border-radius:10px;flex-direction:column;gap:12px;max-height:380px;padding:12px;display:flex;overflow-y:auto}.changes-note{color:#333;background-color:#e4f3f8;border-radius:6px;padding:6px 10px;font-size:12px}.changes-empty{color:#666;font-size:12px}.change-block{border:1.5px solid #000;border-radius:8px;overflow:hidden}.change-block-header{background-color:#fffbf5;border-bottom:1.5px solid #000;align-items:center;gap:10px;padding:8px 12px;display:flex}.record-ref{color:#555;font-size:11px}.diff-table{border-collapse:collapse;width:100%;font-size:12px}.diff-table th{text-align:left;background-color:#ffe9a8;border-bottom:1px solid #000;padding:6px 12px;font-weight:700}.diff-table td{word-break:break-word;border-bottom:1px solid #eee;padding:8px 12px}.diff-table tr:last-child td{border-bottom:none}.diff-table .field-name{width:22%;font-family:Courier New,monospace;font-weight:700}.diff-table .old-value{color:#842029;background-color:#fdecec;-webkit-text-decoration:line-through #84202966;text-decoration:line-through #84202966}.diff-table .new-value{color:#0f5132;background-color:#e6f4ea;font-weight:600}.diff-table .value-empty{color:#999}.table-pagination-footer{border-top:1px dashed #0003;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.pagination-info{color:#666;font-size:12px}.pagination-pills{align-items:center;gap:6px;display:flex}.page-pill{cursor:pointer;background-color:#fffbf5;border:1.5px solid #000;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;transition:all .15s ease-in-out}.page-pill:hover:not(.disabled),.page-pill.active{background-color:#ffe9a8}.page-pill.disabled{opacity:.5;cursor:not-allowed}.page-ellipsis{font-size:12px;font-weight:700}.modal-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background-color:#fffbf5;border:2px solid #000;border-radius:16px;flex-direction:column;gap:16px;width:480px;max-height:90vh;padding:20px;display:flex;overflow-y:auto;box-shadow:4px 4px #000}.modal-header{border-bottom:1px dashed #0003;justify-content:space-between;align-items:flex-start;padding-bottom:10px;display:flex}.modal-title{font-size:18px;font-weight:800}.modal-subtitle{color:#555;font-size:11px}.close-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;font-weight:800}.close-btn:hover{background-color:#ffe9a8}.modal-body{flex-direction:column;gap:14px;display:flex}.form-row{gap:12px;display:flex}.flex-1{flex:1}.form-group{flex-direction:column;gap:6px;display:flex}.input-label{color:#222;font-size:12px;font-weight:700}.text-input,.select-input{background-color:#fffbf5;border:1.5px solid #000;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:13px}.radio-options-row{flex-direction:column;gap:8px;display:flex}.radio-options-row.inline{flex-direction:row;gap:16px}.radio-option-item{cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.audit-info-callout{color:#333;background-color:#e4f3f8;border:1px dashed #000;border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.4}.modal-footer{border-top:1px dashed #0003;justify-content:flex-end;gap:10px;padding-top:10px;display:flex}.theme-btn{cursor:pointer;background-color:#ffb347;border:2px solid #000;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .15s ease-in-out}.theme-btn:hover:not(:disabled){background-color:#ffa424;transform:translateY(-1px)}.theme-btn:active:not(:disabled){transform:translateY(1px)}.theme-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{color:#555;cursor:pointer;background-color:#0000;border:none;padding:8px 14px;font-size:13px;font-weight:600}