@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap");:root{--ink:#19312d;--muted:#6e7f7a;--line:#dfe8e4;--paper:#fbfcfa;--surface:#ffffff;--soft:#f1f6f3;--green-950:#123b35;--green-800:#1c584f;--green-700:#287064;--green-100:#dcece7;--mint:#97cbbd;--gold:#c89642;--gold-soft:#f7ecd6;--rose:#b9676c;--rose-soft:#f8e8e8;--blue:#4d7185;--blue-soft:#e4eef3;--shadow:0 18px 54px rgba(24,54,48,.09);--shadow-sm:0 8px 24px rgba(24,54,48,.07);--radius:20px;--radius-sm:13px;--tap:44px}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--paper);overflow-x:hidden}body{margin:0;color:var(--ink);font-family:Alan Sans,Noto Sans Arabic,system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;max-width:100%}button,input,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid rgba(40,112,100,.24);outline-offset:2px}h1,h2,h3,p{margin-top:0}button{cursor:pointer}.eyebrow{color:var(--green-700);font-size:.78rem;font-weight:800;letter-spacing:.02em;margin-bottom:5px}.primary-button,.secondary-button{min-height:var(--tap);border-radius:12px;border:1px solid transparent;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;transition:.2s ease;white-space:nowrap}.primary-button{background:var(--green-950);color:white;box-shadow:0 8px 22px rgba(18,59,53,.18)}.primary-button:hover{transform:translateY(-1px);background:var(--green-800);box-shadow:0 10px 28px rgba(18,59,53,.23)}.primary-button:active,.secondary-button:active{transform:scale(.98)}.primary-button:disabled{opacity:.5;transform:none}.secondary-button{background:var(--surface);border-color:var(--line)}.secondary-button:hover{border-color:#b9d0c9;background:var(--soft)}.compact{min-height:38px;padding:0 13px;font-size:.83rem}.text-button{min-height:var(--tap);border:0;background:transparent;color:var(--green-700);display:inline-flex;align-items:center;gap:3px;font-weight:800;padding:0 4px}.icon-button{width:var(--tap);height:var(--tap);border-radius:12px;border:1px solid var(--line);background:var(--surface);display:inline-grid;place-items:center;position:relative;transition:.18s ease;flex:0 0 auto}.icon-button:hover{background:var(--soft);border-color:#bfd2cc}.icon-button.naked{border-color:transparent;background:transparent}.spinner{width:28px;height:28px;border:3px solid var(--green-100);border-top-color:var(--green-700);border-radius:50%;display:block;animation:spin .75s linear infinite}.spinner.small{width:20px;height:20px;border-color:white rgba(255,255,255,.35) rgba(255,255,255,.35)}@keyframes spin{to{transform:rotate(1turn)}}.login-page{min-height:100svh;display:grid;grid-template-columns:minmax(390px,44%) 1fr;background:#f7f9f7;overflow:hidden}.login-brand{position:relative;isolation:isolate;color:white;background:radial-gradient(circle at 18% 22%,rgba(156,204,189,.24),transparent 26%),linear-gradient(150deg,#123b35,#194e46 52%,#0f302c);padding:clamp(40px,6vw,86px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.login-brand:after,.login-brand:before{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;z-index:-1}.login-brand:before{width:58vw;height:58vw;left:-26vw;bottom:-27vw}.login-brand:after{width:34vw;height:34vw;left:-12vw;bottom:-15vw}.brand-copy{max-width:470px;position:relative;z-index:2}.brand-copy .eyebrow{color:#bfe2d7}.brand-copy h1{font-size:clamp(4.6rem,9vw,8.6rem);line-height:.95;margin:8px 0 30px;letter-spacing:-.06em}.brand-copy>p:last-child{font-size:clamp(1.12rem,2vw,1.45rem);color:rgba(255,255,255,.78)}.verse-mark{position:absolute;bottom:44px;right:clamp(40px,6vw,86px);color:rgba(255,255,255,.5);font-size:.86rem;letter-spacing:.04em}.brand-orbit{width:320px;height:320px;border:1px solid rgba(255,255,255,.1);border-radius:50%;position:absolute;left:-90px;top:70px;animation:float 8s ease-in-out infinite}.brand-orbit:after,.brand-orbit:before{content:"";position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;inset:42px}.brand-orbit:after{inset:94px}.brand-orbit span{position:absolute;width:9px;height:9px;border-radius:50%;background:#d6b36c;box-shadow:0 0 22px #d6b36c}.brand-orbit span:first-child{top:33px;left:73px}.brand-orbit span:nth-child(2){bottom:60px;right:23px}.brand-orbit span:nth-child(3){top:48%;left:-5px;background:#8fd0bd}@keyframes float{50%{transform:translateY(-14px) rotate(4deg)}}.login-panel{display:grid;place-items:center;padding:36px;position:relative}.login-panel:after{content:"";position:absolute;inset:auto 5% 4% auto;width:140px;height:140px;opacity:.42;background:radial-gradient(circle at 30% 30%,var(--green-100) 0 4px,transparent 5px),radial-gradient(circle at 70% 60%,var(--gold-soft) 0 6px,transparent 7px);pointer-events:none}.login-card{width:min(450px,100%);padding:10px}.brand-symbol,.logo-mark{width:48px;height:48px;border-radius:16px 16px 16px 5px;background:var(--green-950);color:#d5b56b;display:grid;place-items:center;flex:0 0 auto}.field{display:block;margin-bottom:18px}.field>span:first-child{display:block;font-weight:700;font-size:.86rem;margin-bottom:8px}.input-wrap{min-height:52px;border:1px solid var(--line);border-radius:14px;background:var(--surface);display:flex;align-items:center;gap:11px;padding:0 14px;color:var(--muted);transition:.2s ease}.input-wrap:focus-within{border-color:var(--green-700);box-shadow:0 0 0 4px rgba(40,112,100,.08)}.input-wrap input{border:0;outline:0;min-width:0;flex:1 1;height:48px;background:transparent;color:var(--ink)}.login-submit{width:100%;margin-top:6px;min-height:52px}.form-error{color:#9d3f46;background:var(--rose-soft);border-radius:10px;padding:9px 12px;font-size:.85rem}.login-card>.text-button{margin:10px auto 0;display:flex}.preview-return{position:fixed;z-index:120;left:18px;top:18px;min-height:42px;padding:0 15px;border-radius:12px;background:#fff;color:var(--green-800);box-shadow:0 8px 30px rgba(10,31,28,.18);gap:7px;font-size:.75rem;font-weight:900;text-decoration:none}.preview-intro,.preview-return{display:flex;align-items:center}.preview-intro{min-height:76px;margin-bottom:16px;padding:15px 18px;border:1px solid #d9e7e2;background:#f5faf8;border-radius:17px;gap:13px}.preview-intro>span{width:42px;height:42px;border-radius:13px;background:var(--green-100);color:var(--green-700);display:grid;place-items:center}.preview-intro p,.preview-intro strong{display:block;margin:0}.preview-intro strong{font-size:.84rem}.preview-intro p{font-size:.7rem;color:var(--muted);margin-top:2px}.role-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.role-preview-grid>a{min-height:110px;padding:18px;border:1px solid var(--line);border-radius:18px;background:white;color:var(--text);text-decoration:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;transition:.2s}.role-preview-grid>a:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:#c9ddd6}.role-preview-grid>a>span{width:46px;height:46px;border-radius:14px;background:var(--green-100);color:var(--green-700);display:grid;place-items:center}.role-preview-grid small,.role-preview-grid strong{display:block}.role-preview-grid small{font-size:.68rem;color:var(--muted);margin-top:3px}.role-preview-grid>a>svg{color:var(--muted)}.mobile-brand{display:none}.app-shell{min-height:100svh;background:var(--paper);overflow-x:clip}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#153e38;color:white;z-index:40;display:flex;flex-direction:column;padding:22px 16px 16px;box-shadow:12px 0 40px rgba(18,59,53,.08);direction:rtl}[dir=rtl] .sidebar{right:0;left:auto}.sidebar-head{display:flex;align-items:center;gap:12px;padding:0 7px 25px}.sidebar-head .logo-mark{background:rgba(255,255,255,.1)}.sidebar-head strong{display:block;font-size:1.26rem;letter-spacing:.02em}.sidebar-head small{color:rgba(255,255,255,.58);font-size:.72rem}.sidebar-close{display:none;margin-inline-start:auto;color:white;background:rgba(255,255,255,.08);border-color:transparent}.side-nav{display:flex;flex-direction:column;gap:5px;flex:1 1}.side-nav button{min-height:46px;width:100%;border:0;border-radius:12px;background:transparent;color:rgba(255,255,255,.68);display:flex;align-items:center;gap:12px;padding:0 13px;text-align:right;transition:.18s ease}.side-nav button:hover{background:rgba(255,255,255,.06);color:white}.side-nav button.active{background:rgba(255,255,255,.11);color:white;box-shadow:inset -3px 0 #d4af61}.side-nav button span{flex:1 1;font-weight:700;font-size:.9rem}.nav-count{min-width:23px;height:23px;border-radius:8px;background:#d6b36c;color:#173d37;display:grid;place-items:center;font-size:.72rem}.sidebar-user{border-top:1px solid rgba(255,255,255,.1);padding:16px 4px 0;display:flex;align-items:center;gap:10px}.sidebar-user>div{min-width:0;flex:1 1}.sidebar-user small,.sidebar-user strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user strong{font-size:.84rem}.sidebar-user small{color:rgba(255,255,255,.55);font-size:.7rem}.sidebar-user .icon-button{color:rgba(255,255,255,.72)}.avatar,.top-avatar{width:42px;height:42px;border-radius:14px;background:#dcece7;color:var(--green-800);display:grid;place-items:center;font-weight:800;font-style:normal;flex:0 0 auto}.app-main{min-height:100svh;margin-right:252px}.topbar{height:82px;position:sticky;top:0;z-index:25;background:rgba(251,252,250,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;padding:0 clamp(22px,4vw,56px);border-bottom:1px solid rgba(223,232,228,.82)}.topbar,.topbar-title{display:flex;align-items:center}.topbar-title{gap:12px}.topbar-title p{margin:0;color:var(--muted);font-size:.75rem}.topbar-title h1{font-size:1.25rem;margin:0;line-height:1.3}.mobile-menu{display:none}.top-actions{display:flex;align-items:center;gap:9px}.top-actions>.icon-button i{position:absolute;top:9px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--rose);border:2px solid white}.top-avatar{width:43px;height:43px;border-radius:50%;margin-inline-start:4px}.search-box{min-height:42px;width:230px;border:1px solid var(--line);border-radius:12px;padding:0 12px;display:flex;align-items:center;gap:8px;background:white;color:var(--muted)}.search-box input{border:0;outline:0;min-width:0;width:100%;background:transparent;color:var(--ink)}.workspace{width:min(1180px,100%);margin:0 auto;padding:clamp(24px,4vw,48px) clamp(18px,4vw,52px) 90px}.page-lead{min-height:64px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:25px}.page-lead>div:first-child{min-width:0}.page-lead h2{font-size:clamp(1.55rem,2.8vw,2.25rem);line-height:1.25;margin:0;letter-spacing:-.025em}.page-lead>.status-pill{margin-top:10px}.status-pill{min-height:28px;width:max-content;display:inline-flex;align-items:center;gap:7px;padding:3px 10px;border-radius:999px;background:#eef2f0;color:#61716d;font-size:.72rem;font-weight:800;white-space:nowrap}.status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.success{background:#e4f1eb;color:#287458}.status-pill.warning{background:var(--gold-soft);color:#98691d}.status-pill.danger{background:var(--rose-soft);color:#a24e54}.status-pill.info{background:var(--blue-soft);color:var(--blue)}.section-kicker{color:var(--green-700);font-size:.8rem;font-weight:800;display:flex;align-items:center;gap:7px}.bottom-nav{display:none}.feminine-shell{--ink:#392f41;--muted:#7b6d80;--line:#eadfea;--paper:#fdfafe;--soft:#f8f2f9;--green-950:#533f64;--green-800:#654d78;--green-700:#795c8c;--green-100:#eee4f2;--mint:#cbb2d4;--gold:#c97f9e;--gold-soft:#f8e8ef;--shadow:0 18px 54px rgba(91,65,107,.1);--shadow-sm:0 8px 24px rgba(91,65,107,.08)}.feminine-shell .sidebar{background:linear-gradient(165deg,#513b62,#654873 54%,#493853);box-shadow:12px 0 42px rgba(78,54,91,.12);overflow:hidden}.feminine-shell .side-nav,.feminine-shell .sidebar-head,.feminine-shell .sidebar-user{position:relative;z-index:2}.feminine-shell .sidebar-head .logo-mark{color:#f1bfd3}.feminine-shell .side-nav button.active{background:rgba(255,255,255,.12);box-shadow:inset -3px 0 #efaac7}.feminine-shell .nav-count{background:#efb2c9;color:#4f365d}.feminine-shell .topbar{background:rgba(253,250,254,.91);border-color:rgba(234,223,234,.86)}.feminine-shell .bottom-nav button.active{color:#745386;background:#f0e5f3}.feminine-shell .avatar,.feminine-shell .top-avatar{background:#eee3f1;color:#684e79}.floral-motif{pointer-events:none}.sidebar-floral{position:absolute;width:178px;height:178px;left:-48px;bottom:76px;color:#edb7cc;opacity:.22;transform:rotate(-7deg);z-index:1}.sidebar-floral .floral-motif{width:100%;height:100%}.focus-floral{position:absolute;width:270px;height:270px;left:-22px;bottom:-64px;color:#f0bfd2;opacity:.24;z-index:-1;transform:rotate(-8deg);animation:floral-breathe 7s ease-in-out infinite}@keyframes floral-breathe{50%{transform:rotate(-4deg) translateY(-7px);opacity:.3}}.masculine-shell{--ink:#18283b;--muted:#68788b;--line:#dbe4ee;--paper:#f7f9fc;--soft:#edf3f8;--green-950:#112c4a;--green-800:#173b61;--green-700:#24547e;--green-100:#dfeaf4;--mint:#91afc8;--gold:#bc9148;--gold-soft:#f6ead5;--blue:#315f89;--blue-soft:#e2edf6;--shadow:0 18px 54px rgba(20,45,72,.1);--shadow-sm:0 8px 24px rgba(20,45,72,.08)}.masculine-shell .sidebar{background:linear-gradient(165deg,#102a46,#173d63 56%,#0d2239);box-shadow:12px 0 42px rgba(12,34,58,.15);overflow:hidden}.masculine-shell .side-nav,.masculine-shell .sidebar-head,.masculine-shell .sidebar-user{position:relative;z-index:2}.masculine-shell .sidebar-head .logo-mark{background:#0d2239;color:#e0bb70}.masculine-shell .side-nav button.active{background:rgba(255,255,255,.11);box-shadow:inset -3px 0 #7ca8ce}.masculine-shell .nav-count{background:#86afd1;color:#102a46}.masculine-shell .topbar{background:rgba(247,249,252,.92);border-color:rgba(219,228,238,.9)}.masculine-shell .bottom-nav button.active{color:#244f78;background:#e1ebf4}.masculine-shell .avatar,.masculine-shell .top-avatar{background:#dfe9f3;color:#234d75}.geometric-motif{pointer-events:none}.sidebar-pattern{position:absolute;width:210px;height:210px;left:-58px;bottom:65px;color:#8eb3d1;opacity:.13;transform:rotate(-8deg);z-index:1}.sidebar-pattern .geometric-motif{width:100%;height:100%}.focus-pattern{position:absolute;width:300px;height:300px;left:8px;bottom:-48px;color:#c1d8ea;opacity:.2;z-index:-1;transform:rotate(-8deg);animation:pattern-drift 9s ease-in-out infinite}@keyframes pattern-drift{50%{transform:rotate(-5deg) translateY(-6px);opacity:.19}}.student-home{max-width:980px;margin:auto}.focus-stage{min-height:320px;position:relative;overflow:hidden;border-radius:28px;padding:clamp(28px,5vw,52px);color:white;background:linear-gradient(125deg,#153f39,#1d5a50);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:30px;isolation:isolate}.feminine-shell .focus-stage{background:radial-gradient(circle at 14% 15%,rgba(239,181,207,.2),transparent 28%),linear-gradient(130deg,#503c61,#76557f 62%,#684c73)}.masculine-shell .focus-stage{background:radial-gradient(circle at 14% 15%,rgba(126,174,211,.18),transparent 29%),linear-gradient(130deg,#102b49,#1b476f 62%,#143858)}.masculine-shell .focus-stage .section-kicker{color:#b8d4e8}.masculine-shell .focus-stage .primary-button{background:#edf5fb;color:#153a5c}.masculine-shell .progress-ring circle.value{stroke:#87b3d5}.masculine-shell .surprise-teaser{border-color:#d5e0eb;background:linear-gradient(105deg,#f1f7fc,#fff 72%)}.masculine-shell .gift-shell{color:#315f89}.feminine-shell .focus-stage .section-kicker{color:#f1c5d8}.feminine-shell .focus-stage .primary-button{background:#faeaf1;color:#533e61}.feminine-shell .progress-ring circle.value{stroke:#eeabc7}.feminine-shell .surprise-teaser{border-color:#ead3df;background:linear-gradient(105deg,#fff4f8,#fff 72%)}.feminine-shell .gift-shell{color:#a95d7e}.focus-stage:after{content:"";position:absolute;inset:auto -8% -45% auto;width:380px;height:380px;border:1px solid rgba(255,255,255,.11);border-radius:50%;z-index:-1;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018)}.focus-stage .section-kicker{color:#bfe3d8}.focus-copy h3{font-size:clamp(2rem,5vw,3.5rem);line-height:1.15;margin:18px 0 0}.quran-range{color:rgba(255,255,255,.72);font-size:1.05rem;margin:4px 0 18px}.task-chips{display:flex;gap:8px;margin-bottom:25px}.task-chips span{padding:5px 10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:999px;font-size:.72rem}.focus-stage .primary-button{background:#f4e7cc;color:#173d37;box-shadow:none}.focus-progress{text-align:center;min-width:160px}.progress-ring{position:relative;width:146px;height:146px}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke:rgba(255,255,255,.12);stroke-width:7}.progress-ring circle.value{stroke:#d8b66e;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:209;animation:ring 1s cubic-bezier(.2,.8,.2,1)}@keyframes ring{0%{stroke-dashoffset:314}}.progress-ring strong{position:absolute;inset:0;display:grid;place-items:center;font-size:2.3rem}.progress-ring strong span{font-size:.9rem;color:rgba(255,255,255,.58)}.focus-progress p{font-size:.78rem;color:rgba(255,255,255,.65);margin:4px 0}.botanical{position:absolute;border:1px solid rgba(173,218,205,.16);width:55px;height:120px;border-radius:100%;transform:rotate(-35deg);z-index:-1}.botanical:after{content:"";position:absolute;inset:20px -28px;width:40px;height:75px;border:inherit;border-radius:100%}.botanical-one{left:9%;top:-25px}.botanical-two{left:28%;bottom:-68px;transform:rotate(48deg)}.today-strip{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-top:18px}.section-title,.strip-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-title h3,.strip-head h3{margin:0;font-size:1rem}.task-line{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;min-height:70px;border-top:1px solid #edf2f0}.task-line:first-of-type{margin-top:10px}.task-line .task-icon{width:38px;height:38px;border-radius:12px;background:#f2f5f3;display:grid;place-items:center;color:#7e8e89}.task-line small,.task-line strong{display:block}.task-line strong{font-size:.9rem}.task-line small{font-size:.75rem;color:var(--muted)}.task-line.current .task-icon{background:var(--gold-soft);color:#9a6d26}.task-line.done{opacity:.7}.task-line.done strong{text-decoration:line-through}.expected-row{margin-top:18px;padding:18px 22px;border:1px solid var(--line);border-radius:var(--radius-sm);display:grid;grid-template-columns:1fr minmax(120px,220px) auto;gap:20px;align-items:center;background:#f8faf8}.expected-row strong{display:block;margin-top:6px}.mini-route{height:2px;background:#d9e3df;position:relative}.mini-route i{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;transform:translateY(-50%)}.mini-route .actual{right:0;background:var(--gold)}.mini-route .expected{left:0;background:var(--green-700)}.mini-route span{position:absolute;right:0;top:0;width:36%;height:2px;background:var(--gold)}.surprise-teaser{width:100%;margin-top:18px;border:1px solid #e9dcc1;border-radius:var(--radius);background:linear-gradient(105deg,#fffaf0,#fff 70%);min-height:86px;padding:12px 18px;display:flex;align-items:center;gap:15px;text-align:right;transition:.2s ease}.surprise-teaser:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.surprise-teaser>span:nth-child(2){flex:1 1}.surprise-teaser small,.surprise-teaser strong{display:block}.surprise-teaser small{color:#9c722d;font-weight:800}.gift-shell{width:58px;height:58px;border-radius:18px;background:var(--gold-soft);display:grid;place-items:center;color:#a77425;position:relative;animation:giftPulse 2.8s ease-in-out infinite}.gift-shell i{position:absolute;width:5px;height:5px;background:#d3a654;border-radius:50%;animation:spark 1.8s ease-in-out infinite}.gift-shell i:nth-child(2){top:4px;right:5px}.gift-shell i:nth-child(3){bottom:7px;left:2px;animation-delay:.6s}.gift-shell i:nth-child(4){top:18px;left:-5px;animation-delay:1.1s}@keyframes giftPulse{50%{box-shadow:0 0 0 10px rgba(211,166,84,.08);transform:translateY(-2px)}}@keyframes spark{50%{transform:scale(1.8);opacity:.2}}.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(10,31,28,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px;animation:fade .2s ease}@keyframes fade{0%{opacity:0}}.surprise-modal{width:min(480px,100%);min-height:480px;border-radius:30px;background:linear-gradient(#fffdf8,#fff);padding:48px 35px 32px;text-align:center;position:relative;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.25)}.modal-close{position:absolute;top:16px;left:16px;z-index:4}.surprise-box{width:160px;height:150px;position:relative;margin:20px auto 35px;filter:drop-shadow(0 20px 24px rgba(123,86,29,.2));animation:boxFloat 2.2s ease-in-out infinite}.box-body{position:absolute;width:135px;height:95px;bottom:0;left:12px;background:linear-gradient(135deg,#d4aa5b,#b98533);border-radius:8px 8px 22px 22px}.box-body:after{content:"";position:absolute;left:55px;width:25px;height:100%;background:#f0d699}.lid{z-index:2;top:37px;left:0;width:160px;height:35px;background:#d8b36b;border-radius:12px}.bow,.lid{position:absolute}.bow{z-index:3;top:-2px;left:54px;font-size:52px;color:#f0d699;transform:rotate(8deg)}@keyframes boxFloat{50%{transform:translateY(-8px) rotate(1deg)}}.surprise-modal h2{font-size:1.8rem;margin-bottom:10px}.surprise-modal>.primary-button{margin-top:20px}.mastery-seal{width:86px;height:86px;border-radius:50%;margin:8px auto 24px;display:grid;place-items:center;color:#9f722b;background:var(--gold-soft);box-shadow:0 0 0 12px rgba(247,236,214,.55);animation:seal .5s cubic-bezier(.2,1.5,.5,1)}@keyframes seal{0%{transform:scale(.2) rotate(-30deg)}}.surprise-detail{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:20px 0}.surprise-detail>*{padding:5px 9px;border-radius:8px;background:#f5f7f5;font-size:.75rem}.surprise-modal blockquote{margin:18px 0 0;padding:18px;border-radius:14px;background:#f8f5ed;color:#72572a;font-size:.9rem}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;top:-10px;width:7px;height:14px;border-radius:3px;background:var(--gold);animation:confetti 1.8s ease-out forwards}.confetti i:nth-child(3n){background:var(--green-700)}.confetti i:nth-child(3n+1){background:var(--rose)}.confetti i:first-child{left:5%;animation-delay:.1s}.confetti i:nth-child(2){left:12%;animation-delay:.5s}.confetti i:nth-child(3){left:18%;animation-delay:.2s}.confetti i:nth-child(4){left:24%;animation-delay:.8s}.confetti i:nth-child(5){left:30%;animation-delay:.4s}.confetti i:nth-child(6){left:37%;animation-delay:.1s}.confetti i:nth-child(7){left:43%;animation-delay:.7s}.confetti i:nth-child(8){left:49%;animation-delay:.3s}.confetti i:nth-child(9){left:55%;animation-delay:.9s}.confetti i:nth-child(10){left:61%;animation-delay:.2s}.confetti i:nth-child(11){left:68%;animation-delay:.6s}.confetti i:nth-child(12){left:73%;animation-delay:.4s}.confetti i:nth-child(13){left:79%;animation-delay:.1s}.confetti i:nth-child(14){left:84%;animation-delay:.8s}.confetti i:nth-child(15){left:89%;animation-delay:.3s}.confetti i:nth-child(16){left:94%;animation-delay:.5s}.confetti i:nth-child(17){left:34%;animation-delay:1s}.confetti i:nth-child(18){left:65%;animation-delay:.9s}@keyframes confetti{to{top:105%;transform:rotate(540deg) translateX(30px);opacity:.3}}.plan-legend{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:20px;color:var(--muted);font-size:.75rem}.plan-legend span{display:flex;align-items:center;gap:7px}.plan-legend i{width:9px;height:9px;border-radius:50%;background:var(--green-700)}.plan-legend i.recent{background:var(--gold)}.plan-legend i.old{background:var(--blue)}.week-roadmap{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:17px}.week-roadmap button{min-height:94px;border:1px solid var(--line);background:white;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:.18s}.week-roadmap button.selected,.week-roadmap button:hover{border-color:var(--green-700);box-shadow:0 0 0 3px rgba(40,112,100,.07)}.week-roadmap small{color:var(--muted)}.week-roadmap strong{font-size:1.25rem}.week-roadmap button span{position:absolute;bottom:-9px;padding:2px 8px;border-radius:999px;background:var(--gold);color:white;font-size:.62rem}.week-roadmap button.rest{background:#f4f6f4}.day-plan{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.day-plan-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.day-plan h3{margin:0}.plan-activity{min-height:72px;display:grid;grid-template-columns:5px 1fr auto;align-items:center;gap:15px;border-top:1px solid #edf2f0}.activity-line{width:4px;height:38px;border-radius:9px;background:var(--green-700)}.activity-line.a1{background:var(--gold)}.activity-line.a2{background:var(--blue)}.plan-activity small,.plan-activity strong{display:block}.plan-activity small{color:var(--muted);font-size:.7rem}.plan-activity>svg{color:#8c9a96}.journey-goal{min-height:190px;border:1px solid var(--line);background:white;border-radius:24px;padding:28px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.goal-art{width:74px;height:74px;border-radius:22px;background:var(--green-100);color:var(--green-700);display:grid;place-items:center}.journey-goal h3{font-size:1.45rem;margin:8px 0 2px}.journey-goal p{margin:0;color:var(--muted);font-size:.83rem}.journey-goal>strong{font-size:1.6rem;color:var(--green-700)}.progress-bar{height:7px;background:#e8efec;border-radius:999px;overflow:hidden;margin-top:16px}.progress-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green-700),var(--mint));border-radius:inherit;animation:grow .9s ease}@keyframes grow{0%{width:0!important}}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.journey-stat{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:grid;grid-template-columns:auto 1fr;gap:4px 15px}.stat-icon{grid-row:1/4;width:49px;height:49px;border-radius:16px;background:var(--green-100);color:var(--green-700);display:grid;place-items:center}.stat-icon.warm{background:var(--gold-soft);color:#a5762c}.journey-stat p,.journey-stat small,.journey-stat strong{grid-column:2}.journey-stat strong{font-size:1.8rem;line-height:1.2}.journey-stat p{font-size:.72rem;color:var(--muted);margin:0}.teacher-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.teacher-summary>div{background:white;border:1px solid var(--line);border-radius:17px;padding:17px;display:grid;grid-template-columns:auto 1fr;gap:1px 12px}.summary-icon{grid-row:1/3;width:42px;height:42px;border-radius:13px;background:var(--green-100);color:var(--green-700);display:grid;place-items:center}.summary-icon.amber{background:var(--gold-soft);color:#a17025}.summary-icon.rose{background:var(--rose-soft);color:var(--rose)}.teacher-summary strong{font-size:1.3rem;line-height:1}.teacher-summary small{color:var(--muted)}.admin-flow,.audit-list,.intervention-log,.quality-table,.simple-list,.student-queue,.users-table{border:1px solid var(--line);border-radius:var(--radius);background:white;overflow:hidden}.admin-flow .section-title,.quality-table .section-title,.student-queue .section-title{padding:18px 20px;border-bottom:1px solid var(--line)}.filter-button{min-height:38px;border:1px solid var(--line);background:white;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:5px;font-weight:700;font-size:.78rem}.student-row{min-height:76px;padding:12px 18px;border-bottom:1px solid #edf2f0;display:grid;grid-template-columns:auto minmax(150px,1fr) auto 55px auto;gap:13px;align-items:center}.student-row:last-child{border:0}.student-primary small,.student-primary strong{display:block}.student-primary small{color:var(--muted);font-size:.74rem}.student-row time{font-size:.75rem;color:var(--muted);text-align:center}.tone-0{background:#e0eee9;color:#276b5f}.tone-1{background:#f5ead8;color:#936522}.tone-2{background:#f5e4e7;color:#9e525a}.tone-3{background:#e4edf4;color:#4d7185}.supervisor-note{min-height:78px;margin-top:17px;border:1px solid #e5d7bb;background:#fffaf1;border-radius:16px;padding:14px 17px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px}.supervisor-note>span:first-child{width:42px;height:42px;border-radius:13px;background:var(--gold-soft);color:#a67629;display:grid;place-items:center}.supervisor-note small,.supervisor-note strong{display:block}.supervisor-note small{font-size:.69rem;color:#9a722f}.supervisor-note strong{font-size:.83rem}.search-box.inline{width:min(330px,100%);height:44px}.directory{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.directory>article{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:19px;transition:.2s}.directory>article:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.profile-line{display:flex;align-items:center;gap:12px}.profile-line>div{flex:1 1;min-width:0}.profile-line h3{font-size:1rem;margin:0}.profile-line p{font-size:.73rem;color:var(--muted);margin:2px 0 0}.student-metrics{border-block:1px solid #edf2f0;margin:16px 0 8px;padding:13px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.student-metrics>span{min-width:0}.student-metrics small,.student-metrics strong{display:block}.student-metrics small{font-size:.66rem;color:var(--muted);margin-bottom:4px}.student-metrics strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-link{width:100%;min-height:38px;border:0;background:transparent;color:var(--green-700);font-weight:800;justify-content:flex-end;gap:4px}.card-link,.recitation-head{display:flex;align-items:center}.recitation-head{background:white;border:1px solid var(--line);border-radius:17px;padding:15px 18px;justify-content:space-between;gap:15px}.recitation-head>div{display:flex;align-items:center;gap:12px}.recitation-head small,.recitation-head strong{display:block}.recitation-head small{color:var(--muted);font-size:.76rem}.segment-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:17px 0;background:#edf2ef;border-radius:14px;padding:5px}.segment-tabs button{min-height:44px;border:0;border-radius:10px;background:transparent;font-size:.79rem;font-weight:700;position:relative}.segment-tabs button.active{background:white;box-shadow:0 3px 12px rgba(24,54,48,.08)}.segment-tabs button i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--gold);top:7px;margin-inline-start:3px}.counter-stage{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.counter{min-height:200px;background:white;border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.counter>span{font-weight:800}.counter>strong{font-size:3.5rem;line-height:1}.counter>div{display:grid;grid-template-columns:1fr 1.35fr;gap:9px;width:100%}.counter button{height:48px;border:0;border-radius:13px;background:#f2f5f3;display:grid;place-items:center}.counter button:last-child{background:var(--green-100);color:var(--green-800)}.counter.error button:last-child{background:var(--rose-soft);color:var(--rose)}.counter.prompt button:last-child{background:var(--gold-soft);color:#986a23}.counter.hesitate button:last-child{background:var(--blue-soft);color:var(--blue)}.counter button:disabled{opacity:.35}.grade-stage{margin-top:15px;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:21px}.grade-stage h3{font-size:1rem}.grade-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.grade-buttons button{min-height:45px;border:1px solid var(--line);border-radius:11px;background:white;font-weight:700;font-size:.8rem}.grade-buttons button.active{background:var(--green-950);border-color:var(--green-950);color:white}.note-input{margin-top:14px;min-height:70px;border:1px solid var(--line);border-radius:13px;padding:12px;display:flex;align-items:flex-start;gap:9px;color:var(--muted)}.note-input textarea{resize:vertical;min-height:42px;border:0;outline:0;width:100%;background:transparent;color:var(--ink)}.mastery-toggle{margin-top:13px;display:flex;align-items:center;gap:11px;cursor:pointer}.mastery-toggle>input{position:absolute;opacity:0}.mastery-toggle>span{width:41px;height:41px;border-radius:13px;background:var(--gold-soft);color:#a7772c;display:grid;place-items:center}.mastery-toggle small,.mastery-toggle strong{display:block}.mastery-toggle small{color:var(--muted);font-size:.7rem}.mastery-toggle:has(input:checked){padding:8px;border-radius:14px;background:#fffaf0}.sticky-action{margin-top:16px;display:flex;align-items:center;gap:14px}.sticky-action>.primary-button{min-width:180px}.sticky-action small{color:var(--muted)}.version-banner{min-height:64px;background:#f5f8f6;border:1px solid var(--line);border-radius:15px;padding:11px 16px;display:flex;align-items:center;gap:12px;margin-bottom:15px}.version-banner>span{width:38px;height:38px;border-radius:12px;background:white;display:grid;place-items:center;color:var(--green-700)}.version-banner>div{flex:1 1}.version-banner small,.version-banner strong{display:block}.version-banner small{color:var(--muted);font-size:.7rem}.planner-layout{display:grid;grid-template-columns:145px minmax(350px,1fr) 210px;gap:13px;align-items:start}.plan-context,.planner-canvas,.planner-days{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:12px}.planner-days{display:flex;flex-direction:column;gap:5px}.planner-days button{min-height:63px;border:0;border-radius:12px;background:transparent;padding:8px 10px;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:right}.planner-days button.active{background:var(--green-100);color:var(--green-950)}.planner-days button span{font-size:.77rem}.planner-days button strong{grid-row:1/3;grid-column:2;font-size:1.2rem}.planner-days button small{color:var(--muted);font-size:.62rem}.planner-canvas{padding:20px}.editable-task{min-height:68px;border-top:1px solid #edf2f0;display:grid;grid-template-columns:4px 1fr auto;gap:12px;align-items:center}.editable-task small,.editable-task strong{display:block}.editable-task small{font-size:.66rem;color:var(--muted)}.add-activity{width:100%;min-height:48px;border:1px dashed #b9ccc6;border-radius:12px;background:#f7faf8;color:var(--green-700);display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800;margin-top:10px}.plan-context{padding:18px}.plan-context>div{padding:14px 0;border-bottom:1px solid #edf2f0}.plan-context small,.plan-context strong{display:block}.plan-context small{color:var(--muted);font-size:.67rem}.plan-context strong{font-size:.82rem;margin-top:3px}.plan-context .text-button{margin-top:9px}.attention-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.attention-list>article{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:19px;position:relative;overflow:hidden}.priority-bar{position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--blue)}.priority-bar.danger{background:var(--rose)}.priority-bar.warning{background:var(--gold)}.attention-list .profile-line{align-items:flex-start}.attention-list .profile-line>.status-pill{margin-inline-start:auto}.reason{min-height:61px;margin:17px 0 12px;padding:12px;border-radius:11px;background:#f5f7f5;font-size:.76rem;color:#5e6f6a;display:flex;gap:7px;align-items:flex-start}.confidence{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:.64rem;color:var(--muted);margin-bottom:14px}.confidence>i,.metric-list i{height:5px;background:#e9efec;border-radius:99px;overflow:hidden}.confidence b,.metric-list b{height:100%;display:block;background:var(--green-700)}.notes-list{display:flex;flex-direction:column;gap:12px}.notes-list>article{background:white;border:1px solid var(--line);border-radius:17px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:14px}.note-state{width:44px;height:44px;border-radius:14px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.note-state.warning{background:var(--gold-soft);color:#a37226}.note-meta{display:flex;align-items:center;gap:10px}.note-meta time{margin-inline-start:auto;color:var(--muted);font-size:.7rem}.notes-list p{font-size:.85rem;margin:10px 0 12px}.supervisor-focus{display:grid;grid-template-columns:1.2fr 1fr;gap:15px;margin-bottom:17px}.supervisor-focus>article{min-height:150px;border-radius:22px;padding:23px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.supervisor-focus>article>span{width:52px;height:52px;border-radius:17px;display:grid;place-items:center}.focus-alert{background:linear-gradient(125deg,#173f39,#225d53);color:white}.focus-alert>span{background:rgba(255,255,255,.1);color:#e5c67e}.supervisor-focus>article:last-child{background:white;border:1px solid var(--line)}.supervisor-focus>article:last-child>span{background:var(--rose-soft);color:var(--rose)}.supervisor-focus p,.supervisor-focus small,.supervisor-focus strong{display:block}.supervisor-focus strong{font-size:1.1rem}.supervisor-focus p{font-size:.72rem;margin:2px 0 0;opacity:.7}.quality-row{min-height:72px;padding:11px 18px;border-bottom:1px solid #edf2f0;display:grid;grid-template-columns:auto 1fr 80px 100px auto auto;gap:13px;align-items:center}.quality-row>div small,.quality-row>div strong,.quality-row>span small,.quality-row>span strong{display:block}.quality-row small{font-size:.66rem;color:var(--muted)}.quality-row>svg{color:var(--muted)}.circle-symbol{width:39px;height:39px;border-radius:12px 12px 12px 4px;background:var(--green-100);color:var(--green-700);display:grid;place-items:center}.circle-symbol.large{width:48px;height:48px}.intervention-log{margin-top:17px;padding-bottom:6px}.intervention-log>div:not(.section-title){min-height:51px;margin:0 20px;border-bottom:1px solid #edf2f0;display:flex;align-items:center;gap:10px;font-size:.78rem}.intervention-log p{margin:0;flex:1 1}.intervention-log time{color:var(--muted);font-size:.68rem}.timeline-dot{width:9px;height:9px;border:2px solid var(--green-700);border-radius:50%}.approval-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.approval-list>article{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:18px}.approval-top{display:flex;align-items:center;gap:10px}.approval-top>div{flex:1 1}.approval-top h3,.approval-top p{margin:0}.approval-top h3{font-size:.9rem}.approval-top p,.approval-top time{font-size:.67rem;color:var(--muted)}.change-summary{margin:16px 0;padding:12px;border-radius:12px;background:#f4f7f5;display:grid;grid-template-columns:auto 1fr;gap:1px 8px}.change-summary svg{grid-row:1/3;color:var(--green-700)}.change-summary span{font-size:.63rem;color:var(--muted)}.change-summary strong{font-size:.76rem}.approval-actions{display:flex;justify-content:flex-end;gap:7px}.assessment-feature{min-height:180px;border-radius:24px;padding:28px;background:linear-gradient(125deg,#e4efeb,#f7f9f6);display:flex;align-items:center;justify-content:space-between}.assessment-feature h3{font-size:1.5rem;margin:17px 0 2px}.assessment-feature p{color:var(--muted);font-size:.8rem}.assessment-score{width:110px;height:110px;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.assessment-score strong{font-size:2rem}.assessment-score small{font-size:.62rem;color:var(--muted)}.simple-list{margin-top:16px}.simple-list article{min-height:72px;padding:12px 18px;border-bottom:1px solid #edf2f0;display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center}.list-icon{width:40px;height:40px;border-radius:12px;background:var(--green-100);color:var(--green-700);display:grid;place-items:center}.simple-list small,.simple-list strong{display:block}.simple-list small{font-size:.68rem;color:var(--muted)}.circle-directory{grid-template-columns:repeat(3,1fr)}.quality-hero{min-height:220px;border-radius:25px;padding:30px;background:var(--green-950);color:white;display:grid;grid-template-columns:1fr 1.4fr;gap:30px;align-items:center}.quality-hero strong{display:block;font-size:3.4rem;line-height:1.1;margin:8px 0}.quality-hero p{color:#a9d0c5;font-size:.78rem}.spark-chart{height:140px;display:flex;gap:9px;align-items:flex-end}.spark-chart i{flex:1 1;max-width:38px;background:linear-gradient(#d8b76f,#8ec6b7);border-radius:7px 7px 2px 2px;animation:bar .8s ease}@keyframes bar{0%{height:0!important}}.metric-list{margin-top:15px;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:10px 22px}.metric-list>div{min-height:62px;display:grid;grid-template-columns:1fr auto minmax(100px,240px);align-items:center;gap:18px;border-bottom:1px solid #edf2f0}.metric-list>div:last-child{border:0}.metric-list span{font-size:.82rem}.metric-list strong{font-size:.9rem}.admin-command{min-height:230px;border-radius:26px;padding:32px;background:linear-gradient(120deg,#163f39,#21584f);color:white;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.admin-command .section-kicker{color:#b7ddd2}.admin-command h3{font-size:1.8rem;margin:17px 0 4px}.admin-command p{color:rgba(255,255,255,.65);font-size:.82rem}.admin-command .primary-button{margin-top:16px;background:#e7d1a2;color:#173d37}.system-pulse{width:200px;height:200px;position:relative;display:grid;place-items:center}.system-pulse>span{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;color:#e5c77f}.system-pulse i{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;animation:pulse 3s ease-out infinite}.system-pulse i:first-child{inset:34px}.system-pulse i:nth-child(2){inset:10px;animation-delay:1s}.system-pulse i:nth-child(3){inset:-16px;animation-delay:2s}@keyframes pulse{0%{transform:scale(.8);opacity:0}45%{opacity:1}to{transform:scale(1.15);opacity:0}}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.admin-metrics article{background:white;border:1px solid var(--line);border-radius:17px;padding:18px}.admin-metrics small,.admin-metrics span,.admin-metrics strong{display:block}.admin-metrics small{color:var(--muted);font-size:.67rem}.admin-metrics strong{font-size:1.75rem;margin:5px 0}.admin-metrics span{font-size:.68rem;color:var(--muted)}.admin-metrics .trend.up{color:var(--green-700)}.admin-flow>div:not(.section-title){min-height:60px;padding:9px 18px;border-bottom:1px solid #edf2f0;display:flex;align-items:center;gap:12px}.flow-icon{width:37px;height:37px;border-radius:11px;background:var(--green-100);color:var(--green-700);display:grid;place-items:center}.admin-flow p{flex:1 1;margin:0}.admin-flow small,.admin-flow strong{display:block}.admin-flow strong{font-size:.78rem}.admin-flow small{font-size:.65rem;color:var(--muted)}.admin-flow time{font-size:.67rem;color:var(--muted)}.toolbar{display:flex;gap:9px;margin-bottom:14px}.users-table .table-head,.users-table .table-row{display:grid;grid-template-columns:minmax(210px,1.4fr) .7fr 1fr .6fr 44px;gap:14px;align-items:center;padding:0 18px}.table-head{min-height:46px;background:#f3f6f4;color:var(--muted);font-size:.68rem;font-weight:800}.table-row{min-height:72px;border-bottom:1px solid #edf2f0;font-size:.78rem}.user-cell{display:flex;align-items:center;gap:10px}.user-cell i{font-style:normal}.user-cell small,.user-cell strong{display:block}.user-cell small{color:var(--muted);font-size:.65rem}.settings-groups{display:flex;flex-direction:column;gap:10px}.settings-group{min-height:74px;background:white;border:1px solid var(--line);border-radius:15px;padding:13px 16px;display:flex;align-items:center;gap:12px}.settings-group>span{width:42px;height:42px;border-radius:13px;background:var(--green-100);color:var(--green-700);display:grid;place-items:center}.settings-group>div{flex:1 1}.settings-group small,.settings-group strong{display:block}.settings-group small{color:var(--muted);font-size:.7rem}.toggle{width:48px;height:28px;border:0;border-radius:99px;background:#d7dfdc;padding:3px;transition:.2s}.toggle i{width:22px;height:22px;border-radius:50%;background:white;display:block;box-shadow:0 2px 5px rgba(0,0,0,.14);transition:.2s}.toggle.on{background:var(--green-700)}.toggle.on i{transform:translateX(-20px)}.motivation-switch{min-height:150px;padding:26px;border-radius:22px;background:linear-gradient(120deg,#f7ecd8,#fff);border:1px solid #eddfc4;display:flex;align-items:center;justify-content:space-between}.motivation-switch h3{font-size:1.8rem;margin:13px 0 0}.motivation-switch p{font-size:.76rem;color:var(--muted)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.reward-modes,.rule-list{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:19px}.reward-modes>.section-title,.rule-list>.section-title{margin-bottom:10px}.rule-list>div:not(.section-title){min-height:52px;border-top:1px solid #edf2f0;display:flex;align-items:center;gap:10px}.rule-list>div span{flex:1 1;font-size:.78rem}.rule-list>div strong{color:var(--green-700)}.reward-modes .settings-group{padding-inline:0;border:0;border-top:1px solid #edf2f0;border-radius:0}.audit-list article{min-height:68px;display:grid;grid-template-columns:auto minmax(200px,1fr) 150px 80px auto;gap:13px;align-items:center;padding:10px 18px;border-bottom:1px solid #edf2f0}.audit-dot{width:9px;height:9px;border-radius:50%;background:#879590}.audit-dot.success{background:var(--green-700)}.audit-dot.warning{background:var(--gold)}.audit-dot.info{background:var(--blue)}.audit-list p,.audit-list strong{display:block;margin:0}.audit-list strong{font-size:.8rem}.audit-actor,.audit-list p,.audit-list time{font-size:.67rem;color:var(--muted)}.settings-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-nav>button{min-height:92px;text-align:right;padding:17px;border:1px solid var(--line);border-radius:17px;background:white;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;transition:.18s}.settings-nav>button:hover{border-color:#bfd2cc;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.settings-nav>button>span{width:44px;height:44px;border-radius:14px;background:var(--green-100);color:var(--green-700);display:grid;place-items:center}.settings-nav small,.settings-nav strong{display:block}.settings-nav small{color:var(--muted);font-size:.7rem}.account-hero{min-height:150px;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;align-items:center;gap:18px}.avatar.huge{width:78px;height:78px;border-radius:25px;font-size:1.35rem}.account-hero>div{flex:1 1}.account-hero h3{font-size:1.3rem;margin:0}.account-hero p{color:var(--muted);font-size:.78rem;margin:2px 0 8px}.account-sections{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.account-sections>div{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.account-sections h3{font-size:1rem}.account-sections dl{margin:0}.account-sections dl>div{display:flex}.account-sections dd,.account-sections dt{padding:10px 0;border-top:1px solid #edf2f0;margin:0;font-size:.78rem}.account-sections dt{color:var(--muted);float:right;width:45%}.account-sections dd{text-align:left}.danger-text{margin-top:14px;border:0;background:transparent;color:var(--rose);min-height:44px;font-weight:800}.error-page,.route-loader{min-height:100svh;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;padding:20px}.error-page p{color:var(--muted)}.empty-illustration{width:72px;height:72px;border-radius:24px;background:var(--rose-soft);color:var(--rose);display:grid;place-items:center;font-size:2rem;font-weight:800}.progress-overview{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr)) minmax(260px,1.6fr);gap:12px;margin-bottom:17px}.progress-overview>article{min-height:86px;background:white;border:1px solid var(--line);border-radius:17px;padding:16px;display:flex;align-items:center;gap:12px}.progress-summary-icon{width:42px;height:42px;flex:0 0 auto;border-radius:13px;display:grid;place-items:center}.progress-summary-icon.success{background:var(--green-100);color:var(--green-700)}.progress-summary-icon.warning{background:var(--gold-soft);color:#9c6e24}.progress-summary-icon.danger{background:var(--rose-soft);color:var(--rose)}.progress-overview small,.progress-overview strong{display:block}.progress-overview article>div>strong{font-size:1.35rem;line-height:1.1}.progress-overview small{color:var(--muted);font-size:.7rem}.progress-overview .group-progress{display:grid;grid-template-columns:1fr auto;align-content:center;gap:7px 12px;background:linear-gradient(125deg,#173f39,#225d53);color:white}.group-progress>div strong{font-size:.9rem;margin-top:3px}.group-progress>span{grid-row:1/3;grid-column:2;font-weight:900;font-size:1rem}.group-progress>i{height:7px;border-radius:8px;background:rgba(255,255,255,.15);overflow:hidden}.group-progress>i>b{display:block;height:100%;border-radius:inherit;background:#dec17d}.group-progress small{color:#b9d8d0}.progress-panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.progress-toolbar{min-height:76px;padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.progress-toolbar h3,.progress-toolbar p{margin:0}.progress-toolbar h3{font-size:.94rem}.progress-toolbar p{font-size:.68rem;color:var(--muted);margin-top:2px}.progress-filters{display:flex;gap:5px;padding:4px;border-radius:12px;background:#f2f5f3}.progress-filters button{border:0;background:transparent;min-height:34px;padding:0 12px;border-radius:9px;color:var(--muted);font:inherit;font-size:.7rem;font-weight:800;white-space:nowrap}.progress-filters button.active{background:white;color:var(--green-800);box-shadow:0 2px 8px rgba(20,58,51,.08)}.progress-roster>article{min-height:78px;padding:12px 18px;border-bottom:1px solid #edf2f0;display:grid;grid-template-columns:auto minmax(150px,1fr) minmax(120px,170px) auto 72px auto;align-items:center;gap:13px}.progress-roster>article:last-child{border:0}.last-recitation small,.last-recitation strong,.progress-student small,.progress-student strong{display:block}.last-recitation small,.progress-student small{font-size:.67rem;color:var(--muted)}.last-recitation strong,.progress-student strong{font-size:.82rem}.task-completion>span{font-size:.67rem;color:var(--muted)}.task-completion>span b{font-size:.82rem;color:var(--text)}.task-completion>i{height:5px;display:block;margin-top:7px;border-radius:6px;background:#e9efec;overflow:hidden}.task-completion>i>b{display:block;height:100%;border-radius:inherit;background:var(--green-500)}.permission-hint{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.7rem;margin:12px 4px}.primary-button:disabled{cursor:not-allowed;opacity:.48;filter:grayscale(.25)}.progress-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);gap:5px}.progress-empty>svg{width:48px;height:48px;padding:12px;border-radius:15px;background:var(--green-100);color:var(--green-700);margin-bottom:5px}.progress-empty strong{color:var(--text);font-size:.9rem}.progress-empty small{font-size:.7rem}.progress-wall{position:fixed;z-index:100;inset:0;overflow:auto;background:radial-gradient(circle at 8% 15%,rgba(217,187,116,.16),transparent 28%),radial-gradient(circle at 90% 82%,rgba(81,142,128,.18),transparent 30%),#102f2b;color:white;padding:clamp(18px,3vw,44px);display:flex;flex-direction:column;animation:wall-in .35s ease}.progress-wall:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;background-image:linear-gradient(45deg,transparent 47%,#fff 48%,#fff 52%,transparent 53%),linear-gradient(-45deg,transparent 47%,#fff 48%,#fff 52%,transparent 53%);background-size:54px 54px}.progress-wall footer,.progress-wall header,.wall-body{position:relative;z-index:1}.progress-wall header{display:flex;align-items:center;justify-content:space-between;gap:18px}.progress-wall header>div:first-child{display:flex;align-items:center;gap:12px}.progress-wall header h2,.progress-wall header small{display:block;margin:0}.progress-wall header h2{font-size:1.25rem}.progress-wall header small{color:#a9c9c1}.live-mark{margin-inline-start:auto;display:flex;align-items:center;gap:7px;font-size:.72rem;color:#bcd8d1}.live-mark i{width:8px;height:8px;border-radius:50%;background:#72d7ad;box-shadow:0 0 0 6px rgba(114,215,173,.1);animation:pulse-dot 1.8s infinite}.wall-close{width:43px;height:43px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.07);color:white;display:grid;place-items:center}.wall-body{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:clamp(24px,5vw,70px);align-items:center;padding:50px 0}.wall-celebration h3{font-size:clamp(1.8rem,4vw,3.8rem);line-height:1.25;margin:10px 0 34px;max-width:700px}.wall-celebration .eyebrow{color:#dfc784}.celebrated-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.celebrated-grid article{min-height:86px;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;gap:13px;animation:celebrate-up .5s both}.celebrated-grid article:nth-child(2){animation-delay:.12s}.celebrated-grid article:nth-child(3){animation-delay:.24s}.celebrated-grid article>div{flex:1 1}.celebrated-grid small,.celebrated-grid strong{display:block}.celebrated-grid small{color:#b9d3cc;font-size:.72rem;margin-top:3px}.celebrated-grid svg{color:#e3c77f}.wall-avatar{width:52px;height:52px;border-radius:17px 17px 17px 6px;display:grid;place-items:center;font-weight:900;color:#173f39;background:#dfece7}.wall-total{text-align:center}.wall-ring{width:min(250px,58vw);aspect-ratio:1;margin:auto;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle closest-side,#163d37 76%,transparent 77% 99%),conic-gradient(#dfc47e 73%,rgba(255,255,255,.1) 0);box-shadow:0 0 70px rgba(223,196,126,.08)}.wall-ring strong{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1}.wall-ring span{color:#b9d3cc;font-size:.75rem;margin-top:8px}.wall-total p{font-weight:900;margin:20px 0 4px}.wall-total small{color:#a9c9c1}.progress-wall footer{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;display:flex;gap:24px;align-items:center;color:#b9d3cc;font-size:.72rem}.progress-wall footer span{display:flex;align-items:center;gap:7px}.progress-wall footer strong{margin-inline-start:auto;color:white}@keyframes wall-in{0%{opacity:0;transform:scale(.985)}}@keyframes celebrate-up{0%{opacity:0;transform:translateY(16px)}}@keyframes pulse-dot{50%{box-shadow:0 0 0 11px rgba(114,215,173,0)}}@media (max-width:1100px){.sidebar{width:218px}.app-main{margin-right:218px}.workspace{padding-inline:28px}.search-box{width:190px}.planner-layout{grid-template-columns:125px 1fr}.plan-context{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.plan-context>.section-kicker{grid-column:1/-1}.plan-context>div{border:0;padding:8px}.plan-context .text-button{justify-self:end}.admin-metrics,.approval-list,.attention-list,.circle-directory{grid-template-columns:1fr 1fr}.progress-overview{grid-template-columns:repeat(3,1fr)}.progress-overview .group-progress{grid-column:1/-1}.progress-roster>article{grid-template-columns:auto minmax(130px,1fr) minmax(110px,150px) auto auto}.progress-roster .last-recitation{display:none}}@media (max-width:820px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100svh;padding:24px}.login-card{padding:0}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:48px;font-size:1.2rem}.mobile-brand .brand-symbol{width:42px;height:42px}.sidebar{width:min(300px,86vw);transform:translateX(110%);transition:transform .25s ease;box-shadow:-18px 0 60px rgba(10,31,28,.24);visibility:hidden}.sidebar.open{transform:translateX(0);visibility:visible}.sidebar-close{display:grid}.sidebar-scrim{position:fixed;inset:0;z-index:35;background:rgba(12,32,29,.46);border:0}.app-main{margin-right:0;min-width:0}.mobile-menu{display:grid}.topbar{height:72px;padding:0 18px}.top-actions .search-box{display:none}.workspace{padding:24px 22px 92px}.bottom-nav{position:fixed;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));bottom:0;inset-inline:0;width:100%;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:7px max(7px,env(safe-area-inset-left)) max(7px,env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(24,54,48,.06)}.bottom-nav button{min-width:0;max-width:100%;min-height:52px;border:0;background:transparent;border-radius:11px;color:#7b8985;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.61rem;overflow:hidden}.bottom-nav button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav button.active{color:var(--green-700);background:var(--green-100)}.focus-stage{min-height:290px}.approval-list,.attention-list,.circle-directory,.directory,.supervisor-focus{grid-template-columns:1fr}.quality-row{grid-template-columns:auto 1fr auto}.quality-row>.status-pill,.quality-row>span:not(.status-pill){display:none}.planner-layout{grid-template-columns:1fr}.planner-days{flex-direction:row;overflow:auto;padding:7px;scrollbar-width:none}.planner-days button{min-width:100px}.plan-context{grid-template-columns:1fr 1fr}.two-column{grid-template-columns:1fr}.users-table{overflow:auto}.table-head,.table-row{min-width:760px}.audit-list article{grid-template-columns:auto 1fr auto}.audit-actor{display:none}.settings-nav{grid-template-columns:1fr}.role-preview-grid{grid-template-columns:1fr 1fr}.wall-body{grid-template-columns:1fr}.wall-total{display:flex;align-items:center;justify-content:center;gap:24px}.wall-ring{width:160px;margin:0}.wall-total p,.wall-total small{text-align:start}}@media (max-width:600px){:root{--radius:17px}.workspace{padding:19px 14px 88px}.topbar-title p{display:none}.topbar-title h1{font-size:1.08rem}.top-avatar{display:none}.top-actions{gap:6px}.page-lead{min-height:52px;margin-bottom:18px;align-items:flex-start}.page-lead h2{font-size:1.5rem}.page-lead>div+*{max-width:48%}.page-lead>.primary-button,.page-lead>.secondary-button{font-size:.75rem;padding:0 12px}.student-home .page-lead{align-items:center}.focus-stage{min-height:330px;padding:26px 22px;display:block}.focus-copy h3{font-size:2.2rem;margin-top:20px}.focus-progress{position:absolute;left:18px;top:22px;min-width:0}.progress-ring{width:84px;height:84px}.progress-ring strong{font-size:1.45rem}.botanical,.focus-progress p{display:none}.focus-floral{width:205px;height:205px;left:-52px;bottom:-38px;opacity:.2}.today-strip{padding:16px}.task-line{min-height:67px;grid-template-columns:auto 1fr}.task-line>.status-pill{grid-column:2;margin-top:-7px}.expected-row{grid-template-columns:1fr auto;padding:16px}.mini-route{grid-row:2;grid-column:1/-1}.surprise-teaser{padding:12px}.gift-shell{width:52px;height:52px}.surprise-modal{min-height:460px;padding:42px 20px 26px}.week-roadmap{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.week-roadmap button{min-width:72px;min-height:83px;scroll-snap-align:start}.day-plan{padding:17px}.journey-goal{grid-template-columns:auto 1fr;padding:19px}.journey-goal>strong{grid-column:2}.goal-art{width:56px;height:56px}.journey-grid{grid-template-columns:1fr}.teacher-summary{grid-template-columns:repeat(3,1fr);gap:7px}.teacher-summary>div{display:flex;flex-direction:column;padding:12px;gap:4px}.summary-icon{width:35px;height:35px}.teacher-summary strong{font-size:1.15rem}.teacher-summary small{font-size:.62rem}.student-row{grid-template-columns:auto 1fr auto;padding:12px}.student-row>.status-pill{grid-column:2}.student-row time{display:none}.student-row>.secondary-button{grid-row:1/3;grid-column:3;align-self:center}.supervisor-note{grid-template-columns:auto 1fr auto}.supervisor-note>.status-pill{grid-column:2}.supervisor-note>svg{grid-row:1/3;grid-column:3}.student-metrics{grid-template-columns:1fr 1fr}.student-metrics>span:nth-child(3){display:none}.role-preview-grid{grid-template-columns:1fr}.preview-return{left:10px;top:10px}.progress-overview{grid-template-columns:1fr 1fr;gap:8px}.progress-overview>article{min-height:76px;padding:12px}.progress-overview .group-progress{grid-column:1/-1}.progress-toolbar{align-items:stretch;flex-direction:column}.progress-filters{overflow:auto}.progress-roster>article{grid-template-columns:auto 1fr auto;padding:13px}.progress-roster .task-completion,.progress-roster>article>.status-pill{grid-column:2}.progress-roster>article>.secondary-button{grid-column:3;grid-row:1/4}.progress-wall{padding:18px 14px}.progress-wall header h2{font-size:1rem}.live-mark{display:none}.wall-body{padding:32px 0}.wall-celebration h3{font-size:1.8rem;margin-bottom:22px}.celebrated-grid{grid-template-columns:1fr}.wall-total{display:block}.wall-ring{width:150px;margin:auto}.wall-total p,.wall-total small{text-align:center}.progress-wall footer{flex-wrap:wrap;gap:10px}.progress-wall footer strong{width:100%;margin:8px 0 0}.segment-tabs{display:flex;overflow:auto}.segment-tabs button{min-width:120px}.counter-stage{grid-template-columns:repeat(3,1fr);gap:7px}.counter{min-height:165px;padding:12px 8px}.counter>strong{font-size:2.55rem}.counter>div{gap:5px}.counter button{height:43px}.grade-stage{padding:16px}.grade-buttons{grid-template-columns:1fr 1fr}.sticky-action{position:sticky;bottom:70px;z-index:20;padding:10px;background:rgba(251,252,250,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-inline:-10px}.sticky-action>.primary-button{width:100%}.plan-context,.sticky-action small{display:none}.version-banner{padding:10px}.planner-canvas{padding:15px}.attention-list .profile-line{display:grid;grid-template-columns:auto 1fr}.attention-list .profile-line>.status-pill{grid-column:2}.notes-list>article{padding:14px}.note-meta{flex-wrap:wrap}.supervisor-focus>article{grid-template-columns:auto 1fr;padding:19px}.supervisor-focus>article>button{grid-column:2;justify-self:start}.quality-hero{grid-template-columns:1fr;padding:23px}.spark-chart{height:90px}.metric-list{padding:8px 15px}.metric-list>div{grid-template-columns:1fr auto}.metric-list i{grid-column:1/-1;width:100%;margin-bottom:10px}.admin-command{min-height:250px;padding:24px}.admin-command h3{font-size:1.5rem}.system-pulse{position:absolute;left:-30px;bottom:-50px;opacity:.5}.admin-metrics{grid-template-columns:1fr 1fr;gap:8px}.admin-metrics article{padding:14px}.admin-metrics strong{font-size:1.45rem}.motivation-switch{padding:20px}.toolbar{overflow:auto}.toolbar>.search-box{min-width:240px}.audit-list article{padding:11px 13px}.audit-list time{display:none}.account-hero{display:grid;grid-template-columns:auto 1fr;padding:18px}.account-hero>.secondary-button{grid-column:1/-1}.account-sections{grid-template-columns:1fr}.page-lead>div+div{display:flex;gap:6px}.page-lead>div+div button{font-size:.7rem;padding:0 9px}}@media (max-width:360px){.topbar,.workspace{padding-inline:10px}.bottom-nav button{font-size:.56rem}.teacher-summary{grid-template-columns:1fr}.teacher-summary>div{flex-direction:row;align-items:center}.counter>span{font-size:.72rem}.counter>strong{font-size:2.15rem}.counter button{height:40px}.focus-progress{display:none}}@media (min-width:1500px){.sidebar{width:276px}.app-main{margin-right:276px}.workspace{width:min(1360px,100%)}.student-home{max-width:1080px}.planner-layout{grid-template-columns:165px minmax(500px,1fr) 240px}}@media (prefers-reduced-motion:reduce){.celebrated-grid article,.live-mark i,.progress-wall{animation:none!important}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}