@import "https://fonts.googleapis.com/css2?family=Amiri+Quran&display=swap";@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap";html{scroll-behavior:smooth;width:100%;min-height:100%}body{width:100%;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}button,input,textarea,select{font-family:inherit}:focus-visible{outline-offset:3px;outline:2px solid #087657}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{--mut-motion-fast:.16s;--mut-motion-normal:.24s;--mut-motion-ease:cubic-bezier(.22, 1, .36, 1);scrollbar-width:none}html{scroll-behavior:smooth;scroll-padding-top:16px}html,body,#root{min-width:0;max-width:100%}body{-webkit-font-smoothing:antialiased;overflow-x:clip}*,:before,:after{box-sizing:border-box}*{scrollbar-width:none}::-webkit-scrollbar{width:0;height:0;display:none}.parent-daily-modal-body,.pd-daily-scroll,.pd-modal,.pd-two-children,.parent-choose-options,[data-scrollable=true]{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{transition:color var(--mut-motion-normal) ease, background-color var(--mut-motion-normal) ease, border-color var(--mut-motion-normal) ease, box-shadow var(--mut-motion-normal) ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #edc758}.parent-page-enter,.pm-tab-content{animation:mut-fade-rise .28s var(--mut-motion-ease) both}.parent-modal-enter{animation:mut-fade-rise .22s var(--mut-motion-ease) both}@keyframes mut-fade-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.parent-bottom-nav button svg,.pm-bottom-nav button svg{transition:transform var(--mut-motion-normal) var(--mut-motion-ease)}.parent-bottom-nav button.active svg,.pm-bottom-nav button.active svg{transform:translateY(-2px)}.daily-item-title>small{display:none}@media (prefers-reduced-motion:reduce){:root{--mut-motion-fast:0s;--mut-motion-normal:0s}html{scroll-behavior:auto}.parent-page-enter,.pm-tab-content,.parent-modal-enter{animation:none!important}.parent-bottom-nav button svg,.pm-bottom-nav button svg{transition:none!important;transform:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root,:root[data-time-theme=pagi]{--mut-scene-desktop:url(/loading/loading-pagi-desktop.webp);--mut-scene-mobile:url(/loading/loading-pagi-mobile.webp);--mut-page-background:#f7faf8}:root[data-time-theme=siang]{--mut-scene-desktop:url(/loading/loading-siang-desktop.webp);--mut-scene-mobile:url(/loading/loading-siang-mobile.webp);--mut-page-background:#f3fbfc}:root[data-time-theme=sore]{--mut-scene-desktop:url(/loading/loading-sore-desktop.webp);--mut-scene-mobile:url(/loading/loading-sore-mobile.webp);--mut-page-background:#fff8f4}:root[data-time-theme=malam]{--mut-scene-desktop:url(/loading/loading-malam-desktop.webp);--mut-scene-mobile:url(/loading/loading-malam-mobile.webp);--mut-page-background:#f5f8fd}:root{--mut-quran-font:"Amiri", "Noto Naskh Arabic", serif}[lang=ar]{font-synthesis:none;word-break:normal;overflow-wrap:normal;text-rendering:optimizelegibility;direction:rtl;unicode-bidi:isolate;font-weight:400;font-family:var(--mut-quran-font)!important}.mut-load-page .mut-load-quote-arabic{font-family:var(--mut-quran-font)!important;font-size:clamp(27px,4.4vh,46px)!important;line-height:1.8!important}.pd-app .pd-quran-card .pd-quran-arabic{word-break:normal;overflow-wrap:normal;text-align:right;padding:7px 2px 12px;font-family:var(--mut-quran-font)!important;font-size:clamp(31px,3.1vw,43px)!important;line-height:1.9!important}.pd-app .pd-quran-card .pd-quran-translation{font-size:13px;line-height:1.75}@media (width<=640px){.pd-app .pd-quran-card .pd-quran-arabic{font-size:clamp(30px,7.6vw,38px)!important}.mut-load-page .mut-load-quote-arabic{font-size:clamp(26px,7vw,37px)!important}}.offline-startup{box-sizing:border-box;color:#26463a;background:#f7faf8;place-items:center;min-height:100dvh;padding:24px 16px 120px;display:grid}.offline-startup section{box-sizing:border-box;text-align:center;overflow-wrap:anywhere;background:#fff;border:1px solid #dce8e0;border-radius:18px;width:100%;max-width:460px;padding:28px 22px}.offline-startup img{object-fit:contain}.offline-startup h1{color:#176b4e;font-size:22px;line-height:1.4}.offline-startup p{font-size:14px;line-height:1.7}.offline-startup .offline-brand{font-weight:700}.offline-startup .offline-note{color:#63796c;margin-top:22px;font-size:12px}.offline-startup button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#176b4e;border:0;border-radius:10px;padding:11px 22px}.activation-root{width:100%;min-width:0}.activation-heading{margin-bottom:clamp(9px,1.5vh,18px)}.activation-heading h2{color:#173a57;margin:0;font-size:clamp(19px,3.2vh,26px);font-weight:800;line-height:1.2}.activation-root form{flex-direction:column;gap:clamp(7px,1.5vh,13px);display:flex}.activation-root form>p:first-child{color:#607483!important;margin:0!important;font-size:clamp(11px,1.6vh,12px)!important;line-height:1.4!important}.activation-field{flex-direction:column;gap:4px;min-width:0;display:flex}.activation-field span{color:#2e5666;font-size:clamp(11px,1.65vh,13px);font-weight:700}.activation-field input{color:#263d4a;background:#fff;border:1px solid #dce8e6;border-radius:10px;outline:none;width:100%;min-width:0;min-height:clamp(39px,5.8vh,46px);padding:7px 11px;font-family:inherit;font-size:16px}.activation-field input:focus{border-color:#149a74;box-shadow:0 0 0 3px #149a741c}.activation-field input:disabled{opacity:.7}.activation-checkbox{color:#55737a;cursor:pointer;align-items:center;gap:9px;font-size:12px;display:flex}.activation-checkbox input{accent-color:#13956c;width:16px;height:16px}.activation-error{color:#a83f3f;background:#fff0f0;border-radius:9px;margin:0;padding:8px 11px;font-size:12px;line-height:1.4}.activation-submit{color:#fff;cursor:pointer;background:linear-gradient(105deg,#149b76,#0d8763);border:0;border-radius:11px;width:100%;min-height:clamp(40px,5.8vh,48px);margin:1px 0 0;padding:9px;font-size:clamp(13px,2vh,15px);font-weight:800}.activation-back{color:#14815f;cursor:pointer;background:0 0;border:0;align-self:center;padding:5px 10px;font-size:12px;font-weight:700}.activation-submit:disabled,.activation-back:disabled{opacity:.65;cursor:not-allowed}@media (height<=650px){.activation-heading{margin-bottom:5px}.activation-root form{gap:6px}.activation-field input{min-height:36px}.activation-submit{min-height:38px}}.forgot-password{width:100%;min-width:0}.forgot-password-heading{margin-bottom:20px}.forgot-password-heading h2{color:#193e2b;letter-spacing:-.5px;margin:0;font-size:23px;font-weight:750}.forgot-password-tabs{background:#f7faf7;border:1px solid #e0e9e2;border-radius:10px;gap:5px;margin-bottom:19px;padding:4px;display:flex}.forgot-password-tabs button{color:#637669;min-height:39px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:9px 8px;font-size:12px;font-weight:650}.forgot-password-tabs button.active{color:#fff;background:#17533b}.forgot-password-tabs button:disabled{cursor:not-allowed;opacity:.6}.forgot-password-form{flex-direction:column;gap:15px;display:flex}.forgot-password-field{color:#355141;flex-direction:column;gap:8px;font-size:12px;font-weight:650;display:flex}.forgot-password-field input{color:#203e2c;width:100%;min-width:0;height:46px;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #d9e3dc;border-radius:10px;outline:none;padding:10px 13px;font-size:14px;font-weight:400}.forgot-password-field input:focus{border-color:#1c6848;box-shadow:0 0 0 3px #1c684817}.forgot-password-field input:disabled{opacity:.65}.forgot-password-show{color:#45604e;cursor:pointer;align-items:center;gap:9px;font-size:12px;display:flex}.forgot-password-show input{accent-color:#17533b;width:16px;height:16px}.forgot-password-message,.forgot-password-error{border-radius:9px;margin:0;padding:12px 14px;font-size:12px;line-height:1.6}.forgot-password-message{color:#226c43;background:#eaf7ee}.forgot-password-error{color:#a23c3c;background:#fff0f0}.forgot-password-submit{color:#fff;width:100%;min-height:47px;font:inherit;cursor:pointer;background:#17533b;border:1px solid #17533b;border-radius:10px;margin-top:4px;padding:12px 16px;font-size:13px;font-weight:750}.forgot-password-submit:hover:not(:disabled){background:#10422e}.forgot-password-submit:disabled{opacity:.6;cursor:not-allowed}.forgot-password-back{color:#326449;font:inherit;cursor:pointer;background:0 0;border:0;align-self:center;padding:9px 13px;font-size:12px;font-weight:700}@media (width<=600px){.forgot-password-heading h2{font-size:21px}.forgot-password-form{gap:14px}.forgot-password-field input{height:45px}}.mut-time-video.mut-live-landscape,.mut-auth-ambient .mut-time-video.mut-login-background,.mut-login-page .mut-auth-ambient .mut-time-video.mut-login-background{pointer-events:none;background-color:#dbe9e3;display:block;position:fixed;inset:0;overflow:hidden;background-image:none!important;transform:none!important}.mut-time-video-poster,.mut-time-video-element{object-fit:cover;object-position:center center;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mut-time-video-poster{z-index:0}.mut-time-video-element{z-index:1;opacity:0;transition:opacity .45s}.mut-time-video-element.is-playing{opacity:1}.mut-time-video-soften{z-index:2;pointer-events:none;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0% 34%,#00000026 49%,#000000ba 73%,#000 95%);mask-image:linear-gradient(#0000 0% 34%,#00000026 49%,#000000ba 73%,#000 95%)}@media (orientation:landscape) and (height<=490px){.mut-time-video-soften{-webkit-mask-image:linear-gradient(90deg,#0000 0% 28%,#000000bf 77%,#000 100%);mask-image:linear-gradient(90deg,#0000 0% 28%,#000000bf 77%,#000 100%)}}@media (prefers-reduced-motion:reduce){.mut-time-video-element{display:none}}.mut-load-page{--mut-sun-x:68%;--mut-sun-y:34%;z-index:100;width:100%;min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 18px max(20px, env(safe-area-inset-bottom));isolation:isolate;color:#103a59;text-align:center;-webkit-font-smoothing:antialiased;background:#f6faf8;flex-direction:column;align-items:center;font-family:Segoe UI,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden auto}.mut-load-page *,.mut-load-page :before,.mut-load-page :after{box-sizing:border-box}.mut-live-landscape{z-index:-6;background-image:var(--mut-scene-desktop,url(/loading/loading-pagi-desktop.webp));will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:-2%}.mut-live-glow{z-index:-5;pointer-events:none;background:radial-gradient(circle at var(--mut-sun-x) var(--mut-sun-y), #fff5a8ad 0%, #ffe98d3d 12%, transparent 36%);mix-blend-mode:screen;will-change:opacity, transform;position:fixed;inset:0}.mut-live-stars{z-index:-4;pointer-events:none;opacity:0;background-image:radial-gradient(#fff 1px,#0000 2px),radial-gradient(#fff2ce 1px,#0000 2px);background-position:20px 16px,45px 37px;background-size:91px 81px,161px 137px;position:fixed;inset:0}:root[data-time-theme=siang] .mut-load-page{--mut-sun-x:67%;--mut-sun-y:21%}:root[data-time-theme=sore] .mut-load-page{--mut-sun-x:54%;--mut-sun-y:43%}:root[data-time-theme=malam] .mut-load-page{--mut-sun-x:67%;--mut-sun-y:22%}:root:not([data-time-theme=malam]) .mut-live-stars{display:none}:root[data-time-theme=malam] .mut-live-glow{background:radial-gradient(circle at var(--mut-sun-x) var(--mut-sun-y), #c9e3ff5e,#abd9ff1a 17%,transparent 35%)}.mut-live-cloud{z-index:-3;pointer-events:none;opacity:.18;will-change:transform, opacity;width:clamp(130px,24vw,300px);height:auto;position:fixed}.mut-live-cloud-one{top:17%;left:6%}.mut-live-cloud-two{width:clamp(110px,19vw,240px);top:10%;right:5%}.mut-live-branch{z-index:-2;pointer-events:none;opacity:.72;transform-origin:5% 2%;will-change:transform;filter:drop-shadow(0 2px 4px #13512f1a);width:clamp(185px,31vw,350px);height:auto;position:fixed;top:-4%;left:-5%}.mut-live-birds{z-index:-1;color:#17556b;pointer-events:none;will-change:transform, opacity;width:clamp(90px,17vw,210px);height:auto;position:fixed}.mut-live-birds-near{top:31%;left:36%}.mut-live-birds-far{width:clamp(74px,10vw,120px);top:23%;right:16%}:root[data-time-theme=malam] .mut-live-birds{color:#b9e0e6}.mut-live-bottom-fade{z-index:-1;pointer-events:none;background:linear-gradient(#f8fcf914 0%,#0000 24% 42%,#fbfdfa61 58%,#fcfefce8 77%,#fcfefcfa 100%);position:fixed;inset:0}:root[data-time-theme=malam] .mut-live-bottom-fade{background:linear-gradient(#0000 0% 34%,#f2f8fc47 57%,#f7fbfded 80%,#f9fcfd 100%)}.mut-live-brand{z-index:3;text-shadow:0 2px 10px #fffffff2;flex-direction:column;flex:none;align-items:center;width:min(100%,720px);padding-top:clamp(6px,2vh,22px);display:flex;position:relative}.mut-live-logo{object-fit:contain;filter:drop-shadow(0 4px 8px #10463729);width:clamp(58px,10vh,96px);height:clamp(58px,10vh,96px)}.mut-live-brand h1{letter-spacing:-.025em;color:#112a56;margin:8px 0 0;font-size:clamp(23px,3.8vh,40px);font-weight:800;line-height:1.15}.mut-live-brand p{color:#2e4565;margin:5px 0 0;font-size:clamp(13px,2.1vh,19px);font-weight:500;line-height:1.3}:root[data-time-theme=malam] .mut-live-brand{text-shadow:0 2px 9px #05132dd9}:root[data-time-theme=malam] .mut-live-brand :is(h1,p){color:#fff}.mut-live-bottom{z-index:3;flex-direction:column;flex:none;align-items:center;gap:clamp(15px,2.6vh,28px);width:min(100%,750px);margin-top:auto;padding-top:clamp(70px,18vh,190px);display:flex;position:relative}.mut-live-progress{width:min(100%,530px)}.mut-live-progress-row{align-items:center;gap:12px;width:100%;display:flex}.mut-live-track{background:#d7e7dfe0;border:2px solid #ffffffd9;border-radius:100px;flex:1;height:clamp(10px,1.6vh,15px);overflow:hidden;box-shadow:0 2px 7px #134f451f}.mut-live-fill{border-radius:inherit;background:linear-gradient(90deg,#56bd8b,#10a77c);height:100%;transition:width .18s linear}.mut-live-percent{text-align:right;color:#247354;font-variant-numeric:tabular-nums;flex:0 0 40px;font-size:13px;font-weight:750}.mut-live-message{color:#183d60;margin:10px 0 0;font-size:clamp(14px,2.2vh,19px);font-weight:700}.mut-live-caption{color:#667b85;margin:4px 0 0;font-size:clamp(11px,1.7vh,14px)}.mut-live-quote{width:100%;max-width:690px;box-shadow:none;background:0 0;border:0;margin:0;padding:0 clamp(4px,3vw,24px);overflow:visible}.mut-live-arabic{color:#143960;text-align:center;word-break:normal;overflow-wrap:normal;white-space:normal;margin:0 auto 7px;padding:2px 0 6px;font-weight:400;font-family:Amiri,Noto Naskh Arabic,serif!important;font-size:clamp(29px,4.6vh,48px)!important;line-height:1.8!important}.mut-live-translation{color:#304b65;margin:0 auto 7px;font-size:clamp(12px,1.85vh,16px);line-height:1.55}.mut-live-source{color:#237757;margin:0;font-size:clamp(12px,1.6vh,14px);font-weight:700;line-height:1.4}@media (width<=740px){.mut-load-page{padding:max(15px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom))}.mut-live-landscape{background-image:var(--mut-scene-mobile,url(/loading/loading-pagi-mobile.webp));background-position:50% 43%}.mut-live-brand{padding-top:clamp(8px,1.7vh,16px)}.mut-live-brand h1{font-size:clamp(21px,3vh,27px)}.mut-live-logo{width:clamp(54px,8.6vh,77px);height:clamp(54px,8.6vh,77px)}.mut-live-branch{opacity:.63;width:clamp(165px,48vw,245px);top:-3%;left:-11%}.mut-live-birds-near{top:36%;left:38%}.mut-live-birds-far{top:25%;right:3%}.mut-live-cloud-one{top:17%;left:4%}.mut-live-cloud-two{top:25%;right:-6%}.mut-live-bottom{gap:clamp(14px,2vh,21px);width:100%;padding-top:clamp(60px,12vh,110px)}.mut-live-arabic{font-size:clamp(27px,4.4vh,38px)!important;line-height:1.8!important}.mut-live-translation{font-size:clamp(12px,1.65vh,14px)}:root[data-time-theme=sore] .mut-load-page{--mut-sun-x:54%;--mut-sun-y:36%}:root[data-time-theme=siang] .mut-load-page{--mut-sun-x:69%;--mut-sun-y:24%}:root[data-time-theme=malam] .mut-load-page{--mut-sun-x:67%;--mut-sun-y:20%}}@media (height<=620px){.mut-load-page{padding-top:10px;padding-bottom:12px}.mut-live-brand{padding-top:0}.mut-live-logo{width:50px;height:50px}.mut-live-brand h1{margin-top:4px;font-size:19px}.mut-live-brand p{margin-top:2px;font-size:12px}.mut-live-bottom{gap:10px;padding-top:30px}.mut-live-arabic{font-size:clamp(25px,4.4vh,31px)!important;line-height:1.65!important}.mut-live-message{margin-top:6px;font-size:13px}.mut-live-translation,.mut-live-source{font-size:11px}}@media (orientation:landscape) and (height<=490px){.mut-load-page{align-items:stretch;padding:10px 4%}.mut-live-brand{text-align:left;align-self:flex-start;align-items:flex-start;max-width:48%;margin-left:0;padding-top:0}.mut-live-bottom{align-self:flex-end;gap:8px;width:55%;margin-left:auto;padding-top:5px}.mut-live-bottom-fade{background:linear-gradient(90deg,#0000 15%,#fbfdfcb3 42%,#fbfdfc 98%)}.mut-live-arabic{font-size:clamp(24px,5.8vh,33px)!important}.mut-live-branch{opacity:.45}}@media (prefers-reduced-motion:reduce){.mut-live-landscape,.mut-live-glow,.mut-live-birds,.mut-live-cloud,.mut-live-stars,.mut-live-branch{will-change:auto;animation:none!important}.mut-live-fill{transition:none}}.mut-login-page{isolation:isolate}.mut-auth-ambient{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mut-auth-ambient .mut-login-background{z-index:0;background-image:var(--mut-scene-desktop);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-2%}.mut-login-content{z-index:1;position:relative}.mut-auth-glow{z-index:1;mix-blend-mode:screen;background:radial-gradient(circle at 72% 32%,#fff2ab73,#0000 36%);position:absolute;inset:0}.mut-auth-stars{z-index:1;opacity:0;background:radial-gradient(#fff 1px,#0000 2px) 12px 14px/87px 79px,radial-gradient(#fff7de 1px,#0000 2px) 48px 32px/147px 123px;display:none;position:absolute;inset:0}.mut-auth-birds{z-index:2;color:#245f6b;width:clamp(65px,13vw,165px);position:absolute;top:32%;left:38%}.mut-auth-leaves{z-index:2;transform-origin:5% 2%;opacity:.65;width:clamp(110px,23vw,245px);position:absolute;top:-4%;left:-4%}:root[data-time-theme=malam] .mut-auth-glow{background:radial-gradient(circle at 65% 22%,#cde5ff66,#0000 30%)}:root[data-time-theme=malam] .mut-auth-stars{opacity:.4;display:block}:root[data-time-theme=malam] .mut-auth-birds{display:none}@media (width<=740px){.mut-auth-ambient .mut-login-background{background-image:var(--mut-scene-mobile)}.mut-auth-leaves{width:clamp(100px,40vw,200px)}}@media (prefers-reduced-motion:reduce){.mut-auth-glow,.mut-auth-stars,.mut-auth-birds,.mut-auth-leaves,.mut-auth-ambient .mut-login-background{animation:none!important}}:root{color:#193c31;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--emerald:#073e31;--gold:#d8bb7b;--ivory:#faf8f1;background:#072e26;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}.school-logo-frame{background:var(--ivory);border:1px solid #d8bb7bb3;border-radius:50%;flex-shrink:0;place-items:center;width:78px;height:78px;padding:12px;display:grid;position:relative;box-shadow:0 0 0 7px #d8bb7b0e,0 14px 35px #0000002e}.school-logo-frame:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #d8bb7b47;position:absolute;inset:-7px}.school-logo{object-fit:contain;width:100%;height:100%;display:block}.school-logo-empty{box-shadow:none;background:#ffffff0e;border-color:#d8bb7b73}.brand-eyebrow{color:var(--gold);letter-spacing:2.5px;text-transform:uppercase;font-size:10px;display:block}.quote-ornament{color:var(--gold);justify-content:center;align-items:center;gap:18px;font-size:13px;display:flex}.quote-ornament span{background:linear-gradient(90deg,#0000,#d8bb7bb3);width:64px;height:1px}.quote-ornament span:last-child{transform:rotate(180deg)}.splash-screen,.login-page{background:radial-gradient(at 20% 5%,#3576544d,#0000 55%),radial-gradient(at 90% 90%,#b192471a,#0000 45%),linear-gradient(135deg,#0b4234,#062b24 65%,#05231e)}.splash-screen{z-index:100;isolation:isolate;padding:48px 28px;display:flex;position:fixed;inset:0;overflow-y:auto}.splash-screen:before,.login-intro:before{content:"";pointer-events:none;z-index:-1;border:1px solid #d8bb7b2e;position:absolute;inset:18px}.splash-screen:after,.login-intro:after{content:"";z-index:-1;pointer-events:none;opacity:.13;background-image:repeating-linear-gradient(45deg,#0000 0 49px,#b59d63 49px 50px,#0000 50px 99px),repeating-linear-gradient(-45deg,#0000 0 49px,#b59d63 49px 50px,#0000 50px 99px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 38% 62%,#000);mask-image:linear-gradient(90deg,#000,#0000 38% 62%,#000)}.splash-content{text-align:center;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:600px;margin:auto;animation:.8s both rise-in;display:flex;position:relative}.splash-brand .school-logo-frame{width:100px;height:100px;margin:0 auto 34px;padding:16px}.school-logo-animated:before{animation:3.6s ease-in-out infinite logo-halo}.splash-brand .brand-eyebrow{margin-bottom:14px}.splash-brand h1{letter-spacing:-1.6px;color:#fff9e9;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,6vw,48px);font-weight:400;line-height:1.15}.splash-brand p{letter-spacing:1.5px;color:#b4c8b9;margin:14px 0 0;font-size:12px}.splash-quote{width:100%}.splash-quote .quote-ornament{margin-bottom:26px}.quote-arabic{color:#efdbac;text-align:center;font-feature-settings:"kern";overflow-wrap:anywhere;direction:rtl;margin:0 0 20px;font-family:Amiri Quran,Amiri,serif;font-size:clamp(28px,5vw,36px);font-weight:400;line-height:2.25}.quote-translation{color:#c2d1c7;max-width:420px;margin:0 auto 18px;font-size:14px;line-height:1.9}.quote-source{letter-spacing:.5px;color:#d8bb7b;font-size:11px}.splash-loading{width:100%;max-width:340px;margin-top:4px}.loading-caption{text-align:left;color:#c1d1c5;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:13px;font-size:11px;display:flex}.loading-percentage{color:#edce8b;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:20px}.loading-percentage small{margin-left:3px;font-size:11px}.progress-track{background:#ffffff1c;border-radius:20px;height:5px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#a98846,#edcf8d,#fcf0cb);height:100%;transition:width .1s linear;position:relative}.progress-fill:after{content:"";background:linear-gradient(100deg,#0000 20%,#fff9 50%,#0000 80%);animation:2.4s ease-in-out infinite progress-sheen;position:absolute;inset:0;transform:translate(-100%)}.splash-note{letter-spacing:.65px;color:#a1b8a8;margin:23px 0 0;font-size:10px}.loading-error{z-index:101;justify-content:center;display:flex;position:fixed;bottom:24px;left:0;right:0}.loading-error button{color:#f3dfae;background:#103e30;border:1px solid #d8bb7b;border-radius:9px;padding:12px 22px}.login-page{justify-content:center;align-items:center;min-height:100dvh;padding:48px 32px;display:flex}.login-wrapper{border:1px solid #d8bb7b4d;border-radius:24px;grid-template-columns:1.08fr 1fr;width:100%;max-width:1080px;animation:.65s both rise-in;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 100px #0000004d}.login-intro{isolation:isolate;background:linear-gradient(150deg,#164f39e6,#05271ff2);flex-direction:column;justify-content:space-between;padding:48px 44px 42px;display:flex;position:relative}.login-intro:before{border-radius:14px;inset:12px}.login-brand{align-items:center;gap:22px;min-width:0;display:flex}.login-brand .school-logo-frame{width:74px;height:74px;padding:11px}.login-brand-text{flex:1;min-width:0}.login-brand h1{color:#fff9eb;letter-spacing:-.9px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(25px,2.8vw,32px);font-weight:400;line-height:1.2}.login-brand p{color:#d8c79c;letter-spacing:.3px;margin:9px 0 0;font-size:13px;font-weight:500;line-height:1.5}.login-story{text-align:center;padding-top:52px}.login-story .quote-ornament{margin-bottom:22px}.login-story h2{letter-spacing:-.8px;color:#fff7e7;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,3vw,37px);font-weight:400;line-height:1.25}.login-story h2 em{color:#dfc38a;font-weight:400}.login-story p{color:#b5cbbd;max-width:295px;margin:18px auto 0;font-size:12px;line-height:1.9}.architectural-arch{background:linear-gradient(#d8bb7b14,#0000);border:1px solid #d8bb7b59;border-bottom:0;border-radius:100px 100px 0 0;width:186px;height:170px;margin:32px auto 0;padding:14px 14px 0;position:relative}.arch-inner{border-radius:inherit;border:1px solid #d8bb7b36;border-bottom:0;place-items:center;height:100%;display:grid;position:relative;overflow:hidden}.arch-star{color:#dfc38a;text-shadow:0 0 35px #e9cb8b80;font-size:25px;position:relative}.arch-horizon{background:linear-gradient(90deg,#0000,#bca166,#0000);width:130px;height:1px;position:absolute;bottom:25px}.login-form-panel{background:radial-gradient(ellipse at top right, #fff, transparent 70%), var(--ivory);flex-direction:column;justify-content:center;padding:62px 52px 34px;display:flex}.login-card{width:100%}.login-card-heading{margin-bottom:34px}.form-eyebrow{color:#827049;letter-spacing:2px;margin-bottom:15px;font-size:10px;font-weight:700;display:block}.login-card-heading h2{letter-spacing:-1.2px;color:#173f32;margin:0 0 13px;font-family:Georgia,Times New Roman,serif;font-size:clamp(31px,3.2vw,39px);font-weight:400;line-height:1.2}.login-card-heading p{color:#738176;max-width:310px;margin:0;font-size:13px;line-height:1.8}.form-field{margin-bottom:23px}.form-field label{color:#345245;margin-bottom:10px;font-size:12px;font-weight:600;display:block}.form-field input{color:#1b392c;background:#ffffffd9;border:1px solid #dcded2;border-radius:10px;outline:none;width:100%;height:54px;padding:0 16px;font-size:13px;transition:border-color .18s,box-shadow .18s;display:block}.form-field input::placeholder{color:#929b8e}.form-field input:hover{border-color:#b9c4b5}.form-field input:focus{border-color:#698c70;box-shadow:0 0 0 3px #587c5b1a}.password-wrapper{position:relative}.password-wrapper input{padding-right:110px}.password-toggle{color:#3e684e;background:0 0;border:0;border-radius:5px;padding:12px 8px;font-size:11px;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.forgot-password{justify-content:flex-end;margin:-5px 0 26px;display:flex}.forgot-password button{color:#52735b;background:0 0;border:0;padding:5px 0;font-size:11px;font-weight:600}.forgot-password button:hover{color:#153f2e;text-decoration:underline}.submit-button{color:#fff5da;background:linear-gradient(110deg,#154b37,#083926);border:1px solid #39624a;border-radius:10px;justify-content:center;align-items:center;gap:16px;width:100%;height:54px;font-size:14px;font-weight:600;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 10px 22px -9px #13493166,inset 0 1px #f0e0b226}.button-arrow{color:#e0c386;font-size:20px;font-weight:400}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 13px 26px -9px #13493180}.submit-button:active:not(:disabled){transform:translateY(0)}.login-footer{text-align:center;color:#7d8678;letter-spacing:.3px;border-top:1px solid #e4e3d6;margin-top:38px;padding-top:22px;font-size:10px}.toast{z-index:200;background:#fff;border:1px solid #dce9e1;border-radius:13px;align-items:flex-start;gap:15px;width:min(380px,100vw - 32px);padding:15px 16px;animation:.22s both toast-in;display:flex;position:fixed;top:22px;right:22px;box-shadow:0 12px 35px #11412b1f}.toast span{flex:1;font-size:13px;line-height:1.6}.toast button{color:#71877b;background:0 0;border:0;flex-shrink:0;font-size:22px;line-height:1}.toast-error{border-left:3px solid #c95757}.toast-info,.toast-success{border-left:3px solid #0c8b67}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes logo-halo{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes progress-sheen{to{transform:translate(100%)}}@media (width<=900px){.login-page{padding:32px 24px}.login-intro{padding:40px 28px 32px}.login-form-panel{padding:44px 32px 30px}.login-brand{gap:17px}.login-brand h1{font-size:24px}.login-story h2{font-size:30px}}@media (width<=700px){.login-page{padding:24px 16px}.login-wrapper{border-radius:20px;grid-template-columns:1fr;max-width:440px}.login-intro{padding:34px 28px 36px}.login-intro:before{inset:10px}.login-brand{justify-content:center;gap:19px}.login-brand .school-logo-frame{width:66px;height:66px;padding:10px}.login-brand h1{font-size:clamp(22px,5.5vw,27px)}.login-brand p{margin-top:7px;font-size:12px}.login-story{display:none}.login-form-panel{padding:37px 30px 26px}.login-card-heading{margin-bottom:29px}.login-card-heading h2{font-size:33px}.login-card-heading p{max-width:100%}.login-footer{margin-top:30px}.splash-screen{padding:40px 28px}.splash-content{gap:32px}.splash-brand .school-logo-frame{width:88px;height:88px;margin-bottom:30px}}@media (width<=380px){.login-page{padding:18px 12px}.login-intro{padding:30px 22px 32px}.login-brand{gap:15px}.login-brand .school-logo-frame{width:56px;height:56px}.login-brand h1{font-size:21px}.login-form-panel{padding:32px 24px 24px}.login-card-heading h2{font-size:30px}.splash-screen{padding:40px 24px}}@media (height<=650px){.splash-screen{padding-block:36px}.splash-content{gap:24px}.splash-brand .school-logo-frame{width:70px;height:70px;margin-bottom:24px;padding:10px}.splash-brand h1{font-size:34px}.splash-quote .quote-ornament{margin-bottom:12px}.quote-arabic{font-size:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.mut-login-page{z-index:20;isolation:isolate;background:var(--mut-page-background,#f7faf8);color:#193f54;-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif;display:block;position:fixed;inset:0;overflow:hidden auto}.mut-login-page *,.mut-login-page :before,.mut-login-page :after{box-sizing:border-box}.mut-login-page .mut-auth-ambient{z-index:0;position:fixed;inset:0;overflow:hidden}.mut-login-page .mut-auth-ambient .mut-login-background{background-image:var(--mut-scene-desktop);background-position:50% 48%;background-repeat:no-repeat;background-size:cover;display:block;position:absolute;inset:-2%}.mut-login-page:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#f5fbf808 0%,#f8fcf90f 31%,#f9fcfa99 48%,#fbfefcf0 65%,#fafdfcfc 100%);position:fixed;inset:0}.mut-login-page .mut-login-content{z-index:2;width:min(100%,470px);height:auto;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) clamp(18px, 4vw, 30px) max(15px, env(safe-area-inset-bottom));box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:center;margin:0 auto;display:flex;position:relative;overflow:visible}.mut-login-page .mut-login-brand{isolation:auto;text-align:center;text-shadow:0 2px 10px #ffffffd9;background:0 0;border:0;border-radius:0;flex-direction:column;flex:none;align-items:center;width:100%;min-height:0;margin:0;padding:clamp(2px,1.5vh,18px) 0 0;display:flex;position:relative;overflow:visible}.mut-login-page .mut-login-brand:before,.mut-login-page .mut-login-brand:after{display:none}.mut-login-page .mut-login-brand .school-logo-frame{width:clamp(55px,8.5vh,80px);height:clamp(55px,8.5vh,80px);box-shadow:none;background:0 0;border:none;border-radius:0;margin:0 0 7px;padding:0;display:block}.mut-login-page .mut-login-brand .school-logo-frame:before{display:none}.mut-login-page .mut-login-brand .school-logo{object-fit:contain;filter:drop-shadow(0 4px 8px #0b353133);width:100%;height:100%}.mut-login-page .mut-login-brand h1{color:#153b62;letter-spacing:-.035em;margin:0;font-size:clamp(21px,3.1vh,31px);font-weight:800;line-height:1.2}.mut-login-page .mut-login-brand p{color:#244a67;margin:4px 0 0;font-size:clamp(12px,1.9vh,17px);font-weight:500;line-height:1.4}:root[data-time-theme=malam] .mut-login-page .mut-login-brand{text-shadow:0 2px 11px #04152be6}:root[data-time-theme=malam] .mut-login-page .mut-login-brand h1,:root[data-time-theme=malam] .mut-login-page .mut-login-brand p{color:#fff}.mut-login-page .mut-login-card{width:100%;height:auto;min-height:0;box-shadow:none;scrollbar-width:auto;background:0 0;border:0;border-radius:0;flex-direction:column;flex:none;grid-area:auto;justify-content:flex-end;margin:auto 0 0;padding:0;display:flex;position:relative;overflow:visible}.mut-login-page .mut-login-card:before{display:none}.mut-login-page .mut-login-card .mut-login-welcome{color:#193c59;letter-spacing:-.035em;text-align:left;margin:0 0 clamp(15px,2vh,21px);font-size:clamp(23px,3.2vh,30px);font-weight:800;line-height:1.2}.mut-login-form{flex-direction:column;gap:clamp(9px,1.55vh,13px);display:flex}.mut-login-field{color:#4a6b76;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:1px solid #bad1c8d9;border-radius:15px;align-items:center;width:100%;min-height:clamp(53px,7vh,61px);padding:8px 12px;transition:border-color .16s,box-shadow .16s;display:flex;box-shadow:0 4px 13px #1750400b}.mut-login-field:focus-within{border-color:#11956d;box-shadow:0 0 0 3px #14977126}.mut-login-field-icon{color:#5b7f8a;flex:0 0 21px;width:21px;height:23px;margin:0 13px 0 2px}.mut-login-field-body{flex-direction:column;flex:1;min-width:0;display:flex}.mut-login-field-label{color:#567784;font-size:11px;line-height:1.3}.mut-login-field-body input{width:100%;min-height:26px;box-shadow:none;color:#1d3c50;font:inherit;background:0 0;border:0;outline:0;padding:1px 0;font-size:16px}.mut-login-field-body input::placeholder{color:#a4b2b7}.mut-login-eye{color:#517c85;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;padding:0;display:grid}.mut-login-eye:hover{background:#cfe5d999}.mut-login-forgot{justify-content:flex-end;display:flex}.mut-login-forgot button,.mut-login-activation button{color:#0c8d67;font:inherit;cursor:pointer;background:0 0;border:0;padding:3px 0;font-size:12px;font-weight:750}.mut-login-submit{color:#fff;cursor:pointer;background:linear-gradient(105deg,#159b78,#0c8562);border:0;border-radius:14px;width:100%;min-height:clamp(45px,6.5vh,53px);margin-top:1px;padding:10px;font-size:clamp(15px,2vh,17px);font-weight:750;display:block;box-shadow:0 9px 20px #0d775629}.mut-login-submit:hover:not(:disabled){filter:brightness(1.05)}.mut-login-divider{color:#7c8e97;justify-content:center;align-items:center;gap:12px;margin:clamp(11px,1.8vh,17px) 0;font-size:12px;display:flex}.mut-login-divider span{background:#73a09540;flex:1;height:1px}.mut-login-activation{color:#586f77;text-align:center;font-size:12px;line-height:1.6}.mut-login-info{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#eaf8efad;border-left:3px solid #7ac9a6;border-radius:0 9px 9px 0;align-items:center;gap:9px;margin-top:14px;padding:9px 10px 9px 12px;display:flex}.mut-login-info svg{color:#128a63;flex:0 0 18px;width:18px;height:18px}.mut-login-info p{color:#345768;flex-direction:column;gap:1px;margin:0;font-size:11px;line-height:1.45;display:flex}.mut-login-info p span{color:#6d8589}.mut-login-card-secondary{padding:0!important}.mut-login-page .mut-login-content>footer{color:#6b8486;text-align:center;flex:none;width:100%;padding:0;font-size:11px;line-height:1.3;margin:16px 0 0!important}@media (width<=740px){.mut-login-page .mut-auth-ambient .mut-login-background{background-image:var(--mut-scene-mobile);background-position:50% 43%}.mut-login-page .mut-login-content{width:min(100%,470px);padding-inline:clamp(17px,4.7vw,25px)}.mut-login-page .mut-login-brand{padding-top:4px}.mut-login-page .mut-login-card .mut-login-welcome{font-size:clamp(21px,3vh,27px)}}@media (height<=650px){.mut-login-page .mut-login-content{min-height:100dvh;padding-top:9px;padding-bottom:10px}.mut-login-page .mut-login-brand .school-logo-frame{width:50px;height:50px;margin-bottom:3px}.mut-login-page .mut-login-brand h1{font-size:20px}.mut-login-page .mut-login-brand p{margin-top:2px;font-size:12px}.mut-login-page .mut-login-card{padding-top:18px}.mut-login-page .mut-login-card .mut-login-welcome{margin-bottom:10px;font-size:21px}.mut-login-form{gap:8px}.mut-login-field{min-height:48px;padding-block:5px}.mut-login-divider{margin:9px 0}.mut-login-info{margin-top:10px;padding:7px 9px}.mut-login-page .mut-login-content>footer{margin-top:11px!important}}@media (orientation:landscape) and (height<=480px){.mut-login-page .mut-login-content{grid-template-rows:1fr auto;grid-template-columns:.85fr 1.15fr;align-items:center;gap:0 clamp(20px,4vw,50px);width:min(100%,900px);min-height:100dvh;padding-inline:clamp(18px,5vw,46px);display:grid}.mut-login-page .mut-login-brand{grid-area:1/1/3}.mut-login-page .mut-login-card{grid-area:1/2;margin:0;padding:10px 0 0}.mut-login-page .mut-login-content>footer{grid-area:2/2}.mut-login-page:before{background:linear-gradient(90deg,#ffffff05,#fbfdfc99 42%,#fbfdfcf5 75%,#fbfdfcfa)}}@media (prefers-reduced-motion:reduce){.mut-login-page .mut-auth-ambient .mut-login-background{animation:none!important}}.mut-login-account-type{background:#f4faf6cc;border:1px solid #28684621;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:12px;padding:4px;display:grid}.mut-login-account-type button{color:#315842;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:600}.mut-login-account-type button.is-active{color:#155a37;background:#fff;box-shadow:0 1px 5px #0c3a1f1c}.mut-login-account-type button:focus-visible{outline-offset:1px;outline:2px solid #18714a}:root{--mut-recovery-bg:#fffbf3e0;--mut-recovery-border:#e2c59394;--mut-recovery-text:#36554c;--mut-recovery-action:#267d67;--mut-recovery-action-text:#fff;--mut-recovery-dot:#c8964e;--mut-recovery-halo:#c8964e2e;background:#f7faf8!important}:root[data-time-theme=siang]{--mut-recovery-bg:#f0fbfce3;--mut-recovery-border:#7dc5c58c;--mut-recovery-text:#28535c;--mut-recovery-action:#17836f;--mut-recovery-action-text:#fff;--mut-recovery-dot:#48a3a9;--mut-recovery-halo:#48a3a929}:root[data-time-theme=sore]{--mut-recovery-bg:#fff5ede6;--mut-recovery-border:#e09d738c;--mut-recovery-text:#704d43;--mut-recovery-action:#986c55;--mut-recovery-action-text:#fff;--mut-recovery-dot:#ce885d;--mut-recovery-halo:#ce885d2b}:root[data-time-theme=malam]{--mut-recovery-bg:#182f4ade;--mut-recovery-border:#bdd2e757;--mut-recovery-text:#f4f8fd;--mut-recovery-action:#e4c98b;--mut-recovery-action-text:#243d55;--mut-recovery-dot:#e4c98b;--mut-recovery-halo:#e4c98b38}.mut-app-content-under-splash{min-height:100dvh}.mut-app-content-under-splash.is-preparing{visibility:hidden;pointer-events:none}.mut-splash-layer{z-index:9999;opacity:1;transition:opacity .76s ease-in-out;position:fixed;inset:0}.mut-splash-layer.is-exiting{opacity:0;pointer-events:none}.mut-splash-layer .mut-live-fill{transition:width .5s ease-out}.mut-splash-continue{top:max(12px, env(safe-area-inset-top));z-index:10002;cursor:pointer;color:#12634b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #fff9;border-radius:999px;padding:9px 13px;font:700 12px/1.3 Segoe UI,Arial,sans-serif;position:fixed;right:12px}.mut-splash-recovery{z-index:10003;bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--mut-recovery-border);background:var(--mut-recovery-bg);width:min(100vw - 32px,565px);min-height:62px;color:var(--mut-recovery-text);-webkit-backdrop-filter:blur(14px)saturate(115%);backdrop-filter:blur(14px)saturate(115%);box-sizing:border-box;border-radius:18px;justify-content:flex-start;align-items:center;gap:12px;margin:0;padding:11px 12px 11px 17px;font-family:Segoe UI,Arial,sans-serif;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #1036341f}.mut-splash-recovery:before{content:"";background:var(--mut-recovery-dot);width:9px;height:9px;box-shadow:0 0 0 4px var(--mut-recovery-halo);border-radius:50%;flex:0 0 9px}.mut-splash-recovery>span{min-width:0;color:var(--mut-recovery-text);text-align:left;flex:auto;font-size:13px;font-weight:650;line-height:1.45}.mut-splash-recovery>button{min-height:42px;color:var(--mut-recovery-action-text);background:var(--mut-recovery-action);text-align:center;cursor:pointer;border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:9px 15px;font-size:12px;font-weight:700;line-height:1.3;transition:filter .17s,transform .17s;display:inline-flex}.mut-splash-recovery>button:hover{filter:brightness(1.06)}.mut-splash-recovery>button:active{transform:scale(.98)}.mut-splash-recovery>button:focus-visible,.mut-splash-continue:focus-visible{outline-offset:3px;outline:3px solid #f4c869}.mut-splash-layer:has(>.mut-splash-recovery) .mut-load-page .mut-live-bottom{padding-bottom:104px}.mut-panel-ready-gate{min-height:100dvh}@media (width<=600px){.mut-splash-recovery{width:min(100vw - 28px,420px);min-height:auto;bottom:max(12px, env(safe-area-inset-bottom));border-radius:16px;flex-wrap:wrap;align-items:flex-start;gap:10px 12px;padding:14px 15px 13px}.mut-splash-recovery:before{margin-top:5px}.mut-splash-recovery>span{flex:calc(100% - 22px);font-size:13px}.mut-splash-recovery>button{flex:100%;width:100%;min-height:44px;margin-top:2px;font-size:13px}.mut-splash-layer:has(>.mut-splash-recovery) .mut-load-page .mut-live-bottom{padding-bottom:148px}}@media (orientation:landscape) and (height<=490px){.mut-splash-recovery{left:auto;right:max(12px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));border-radius:12px;gap:8px;width:min(52vw,385px);padding:8px 10px;transform:none}.mut-splash-recovery>span{font-size:11px}.mut-splash-recovery>button{min-height:36px;padding:8px 10px;font-size:11px}}@media (prefers-reduced-motion:reduce){.mut-splash-layer{transition-duration:.1s}.mut-splash-recovery>button{transition:none}}.pnc-overlay{z-index:999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#10202191;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.pnc-dialog{border:1px solid var(--pd-border,#daebe1);width:min(100%,410px);color:var(--pd-text,#163c32);text-align:center;background:#fff;border-radius:21px;padding:27px 25px 22px;animation:.2s both pnc-arrive;position:relative;box-shadow:0 25px 75px #0a292147}.pnc-close{background:var(--pd-accent-soft,#e9f7ee);width:34px;height:34px;color:var(--pd-accent-strong,#0d7056);border:0;border-radius:10px;line-height:1;position:absolute;top:11px;right:12px;font-size:25px!important}.pnc-logo{object-fit:contain;width:62px;height:62px;margin:0 auto 12px;display:block}.pnc-dialog-icon{background:var(--pd-accent-soft,#e9f7ee);width:40px;height:40px;color:var(--pd-accent,#128563);border-radius:13px;place-items:center;margin:0 auto 10px;display:grid}.pnc-dialog h2{color:var(--pd-text,#163c32);margin:0 0 10px;font-size:19px;line-height:1.3}.pnc-dialog>p:not(.pnc-error){color:var(--pd-muted,#6e837a);margin:0 0 20px;font-size:13px;line-height:1.65}.pnc-primary,.pnc-later{border:0;border-radius:11px;width:100%;min-height:43px;display:block;font-size:13px!important;font-weight:750!important}.pnc-primary{background:var(--pd-accent,#128563);color:#fff}.pnc-primary:hover:not(:disabled){background:var(--pd-accent-strong,#0a7657)}.pnc-later{color:var(--pd-muted,#6e837a);background:0 0;margin-top:6px}.pnc-primary:disabled,.pnc-later:disabled{opacity:.55;cursor:not-allowed}.pnc-settings{border:1px solid var(--pd-border,#dceae3);background:#fff;border-radius:15px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;margin:0 0 16px;padding:17px;display:grid;box-shadow:0 6px 22px #12382c0a}.pnc-settings-icon{background:var(--pd-accent-soft,#e9f7ee);width:44px;height:44px;color:var(--pd-accent,#128563);border-radius:12px;place-items:center;display:grid}.pnc-settings-body h2{color:var(--pd-text,#173d34);margin:0 0 4px;font-size:15px}.pnc-settings-body>p{color:var(--pd-muted,#6e837a);margin:0 0 7px;font-size:12px;line-height:1.6}.pnc-status{color:#7a6456;background:#f8eee7;border-radius:7px;padding:3px 8px;font-size:11px;display:inline-flex}.pnc-status.is-on{background:var(--pd-accent-soft,#e9f7ee);color:var(--pd-accent-strong,#0a7657)}.pnc-settings-button{background:var(--pd-accent,#128563);color:#fff;white-space:nowrap;border:0;border-radius:10px;min-height:41px;padding:9px 13px;font-size:12px!important;font-weight:700!important}.pnc-settings-button:disabled{opacity:.5;cursor:not-allowed}.pnc-message{color:var(--pd-accent-strong,#0a7657)!important;margin:7px 0 0!important;font-size:12px!important}.pnc-error{background:#fff0ed;border-radius:9px;padding:9px 10px;line-height:1.5;color:#a0443d!important;margin:9px 0!important;font-size:12px!important}@keyframes pnc-arrive{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=580px){.pnc-overlay{align-items:flex-end;padding:0}.pnc-dialog{width:100%;padding:24px 19px max(22px, env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.pnc-settings{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:13px}.pnc-settings-icon{width:40px;height:40px}.pnc-settings-button{grid-column:1/-1;width:100%}}@media (prefers-reduced-motion:reduce){.pnc-dialog{animation:none}}:root,:root[data-time-theme=pagi]{--mut-ui-accent:#168060;--mut-ui-accent-dark:#0c6c50;--mut-ui-soft:#eaf7ef;--mut-ui-soft-border:#cde7d7;--mut-ui-text:#274c43;--mut-ui-muted:#5f7973;--mut-ui-page:#f5faf6;--mut-ui-glass:#fafff8e8;--mut-ui-notice-border:#74ac846e;--mut-ui-login-fade:linear-gradient(to bottom, #fffbef05 0%, #fffcf41a 29%, #fffcf49e 51%, #f9fdf8f0 71%, #f9fcf8 100%)}:root[data-time-theme=siang]{--mut-ui-accent:#167f91;--mut-ui-accent-dark:#096678;--mut-ui-soft:#eaf7f9;--mut-ui-soft-border:#c7e5ea;--mut-ui-text:#255260;--mut-ui-muted:#627e87;--mut-ui-page:#f3fafc;--mut-ui-glass:#f5fdffe8;--mut-ui-notice-border:#61aec270;--mut-ui-login-fade:linear-gradient(to bottom, #f3fcff05 0%, #f3fcff21 29%, #f5fcffa3 51%, #f7fcfef2 71%, #f7fcfe 100%)}:root[data-time-theme=sore]{--mut-ui-accent:#a8663f;--mut-ui-accent-dark:#895032;--mut-ui-soft:#fff3e8;--mut-ui-soft-border:#efd5bf;--mut-ui-text:#665045;--mut-ui-muted:#87746b;--mut-ui-page:#fff9f4;--mut-ui-glass:#fff9f0eb;--mut-ui-notice-border:#cd977075;--mut-ui-login-fade:linear-gradient(to bottom, #fff2e105 0%, #fff4e71a 29%, #fff6eaa3 51%, #fffbf6f2 71%, #fffbf6 100%)}:root[data-time-theme=malam]{--mut-ui-accent:#4a6ea7;--mut-ui-accent-dark:#365888;--mut-ui-soft:#eaf0fb;--mut-ui-soft-border:#cedbf0;--mut-ui-text:#273f61;--mut-ui-muted:#63758e;--mut-ui-page:#f1f5fc;--mut-ui-glass:#f1f6ffed;--mut-ui-notice-border:#97aed37a;--mut-ui-login-fade:linear-gradient(to bottom, #081b3905 0%, #11274721 28%, #e6eefca8 50%, #f2f6fdf5 71%, #f2f6fd 100%)}.mut-login-page{background:var(--mut-ui-page);color:var(--mut-ui-text)}.mut-login-page:before{background:var(--mut-ui-login-fade)}.mut-login-page .mut-login-brand h1,.mut-login-page .mut-login-card .mut-login-welcome,.mut-login-page .activation-heading h2{color:var(--mut-ui-text)}:root[data-time-theme=malam] .mut-login-page .mut-login-brand h1,:root[data-time-theme=malam] .mut-login-page .mut-login-brand p{color:#fff;text-shadow:0 2px 10px #00112cbf}.mut-login-page .mut-login-field,.mut-login-page .activation-field input{border-color:var(--mut-ui-soft-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffde}.mut-login-page .mut-login-field:focus-within,.mut-login-page .activation-field input:focus{border-color:var(--mut-ui-accent);box-shadow:0 0 0 3px var(--mut-ui-soft-border)}.mut-login-page .mut-login-field-label,.mut-login-page .activation-field span,.mut-login-page .mut-login-info p,.mut-login-page .activation-root form>p:first-child{color:var(--mut-ui-muted)!important}.mut-login-page .mut-login-submit,.mut-login-page .activation-submit{background:linear-gradient(105deg, var(--mut-ui-accent), var(--mut-ui-accent-dark));color:#fff;box-shadow:0 8px 22px #1b374021}.mut-login-page .mut-login-forgot button,.mut-login-page .mut-login-activation button,.mut-login-page .activation-back{color:var(--mut-ui-accent-dark)}.mut-login-page .mut-login-info{background:var(--mut-ui-glass);border-left-color:var(--mut-ui-accent)}.mut-login-page .mut-login-info svg,.mut-login-page .activation-checkbox input{color:var(--mut-ui-accent);accent-color:var(--mut-ui-accent)}.mut-login-page .toast,.mut-splash-layer>.mut-splash-recovery,.pd-app .pd-notice-popover{color:var(--mut-ui-text);background:var(--mut-ui-glass);border:1px solid var(--mut-ui-notice-border);-webkit-backdrop-filter:blur(14px)saturate(115%);backdrop-filter:blur(14px)saturate(115%);border-radius:16px;box-shadow:0 10px 30px #142e3e1f}.mut-login-page .toast{top:max(18px, env(safe-area-inset-top));z-index:100;border-left:3px solid var(--mut-ui-accent);align-items:center;gap:11px;max-width:calc(100vw - 32px);padding:12px 13px;bottom:auto;right:18px}.mut-login-page .toast.toast-error{border-left-color:#b95d61}.mut-login-page .toast span{min-width:0;color:var(--mut-ui-text);font-size:13px;line-height:1.5}.mut-login-page .toast button{min-height:34px;color:var(--mut-ui-text);background:var(--mut-ui-soft);border-radius:9px;flex:0 0 34px}.mut-login-page .activation-error,.pd-app .pd-error,.pd-app .daily-error,.pd-app .parent-calendar-error,.pd-app .account-security-error{color:#8b414a;background:#fff4f3eb;border:1px solid #e7c3c3;border-left:3px solid #b95d61;border-radius:12px;margin-block:10px;padding:11px 13px;font-size:12px;line-height:1.5}.pd-app .pd-message,.pd-app .daily-success,.pd-app .account-security-success{border:1px solid var(--mut-ui-soft-border);border-left:3px solid var(--mut-ui-accent);color:var(--mut-ui-text);background:var(--mut-ui-soft);border-radius:12px;margin-block:10px;padding:11px 13px;font-size:12px;line-height:1.5}.mut-splash-layer>.mut-splash-recovery{left:50%;bottom:max(15px, env(safe-area-inset-bottom));z-index:10003;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;width:min(100vw - 28px,560px);min-height:60px;padding:12px 14px;display:flex;position:fixed;transform:translate(-50%)}.mut-splash-layer>.mut-splash-recovery:before{content:"";background:var(--mut-ui-accent);width:9px;height:9px;box-shadow:0 0 0 4px var(--mut-ui-soft-border);border-radius:50%;flex:0 0 9px}.mut-splash-layer>.mut-splash-recovery>span{min-width:0;color:var(--mut-ui-text);flex:180px;font-size:13px;font-weight:600;line-height:1.4}.mut-splash-layer>.mut-splash-recovery>button,.pd-app .pd-notice-popover button{background:var(--mut-ui-accent);color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:40px;padding:8px 12px;font-size:12px;font-weight:700}.mut-splash-layer:has(>.mut-splash-recovery) .mut-live-bottom{padding-bottom:max(100px, env(safe-area-inset-bottom))}.pd-app{--pd-green:var(--mut-ui-accent);--pd-navy:var(--mut-ui-text);--pd-muted:var(--mut-ui-muted);--pd-border:var(--mut-ui-soft-border);background:var(--mut-ui-page);color:var(--mut-ui-text)}.pd-app[data-theme=pagi]{--mut-ui-accent:#168060;--mut-ui-accent-dark:#0c6c50;--mut-ui-soft:#eaf7ef;--mut-ui-soft-border:#cde7d7;--mut-ui-text:#274c43;--mut-ui-muted:#5f7973;--mut-ui-page:#f5faf6;--mut-ui-glass:#fafff8f2;--mut-ui-notice-border:#74ac846e}.pd-app[data-theme=siang]{--mut-ui-accent:#167f91;--mut-ui-accent-dark:#096678;--mut-ui-soft:#eaf7f9;--mut-ui-soft-border:#c7e5ea;--mut-ui-text:#255260;--mut-ui-muted:#627e87;--mut-ui-page:#f3fafc;--mut-ui-glass:#f5fdfff2;--mut-ui-notice-border:#61aec270}.pd-app[data-theme=sore]{--mut-ui-accent:#a8663f;--mut-ui-accent-dark:#895032;--mut-ui-soft:#fff3e8;--mut-ui-soft-border:#efd5bf;--mut-ui-text:#665045;--mut-ui-muted:#87746b;--mut-ui-page:#fff9f4;--mut-ui-glass:#fff9f0f2;--mut-ui-notice-border:#cd977075}.pd-app[data-theme=malam]{--mut-ui-accent:#4a6ea7;--mut-ui-accent-dark:#365888;--mut-ui-soft:#eaf0fb;--mut-ui-soft-border:#cedbf0;--mut-ui-text:#273f61;--mut-ui-muted:#63758e;--mut-ui-page:#f1f5fc;--mut-ui-glass:#f1f6fff5;--mut-ui-notice-border:#97aed37a}.pd-app .pd-sidebar,.pd-app .pd-identity-card,.pd-app .pd-card,.pd-app .pd-modal,.pd-app .pd-notification-item,.pd-app .pd-profile-child,.pd-app .pd-profile-user{border-color:var(--pd-border);background:#fff}.pd-app .pd-sidebar-brand strong,.pd-app .pd-card-heading h2,.pd-app .pd-page-title h1,.pd-app .pd-current-child strong,.pd-app .pd-recap-numbers strong,.pd-app .pd-status-message strong{color:var(--pd-navy)}.pd-app .pd-card-heading>small,.pd-app .pd-page-title small,.pd-app .pd-current-child small,.pd-app .pd-profile-child small,.pd-app .pd-notification-item p,.pd-app .pd-notification-item small,.pd-app .pd-status-message small{color:var(--pd-muted)}.pd-app .pd-sidebar-nav button.is-active,.pd-app .pd-bottom-nav button.is-active,.pd-app .pd-child-choice.is-selected,.pd-app .pd-child-arrow,.pd-app .pd-date-nav,.pd-app .pd-shortcut-grid button:hover{background:var(--mut-ui-soft);color:var(--mut-ui-accent-dark)}.pd-app .pd-sidebar-nav button.is-active,.pd-app .pd-bottom-nav button.is-active{font-weight:800}.pd-app .pd-bottom-nav{background:var(--mut-ui-glass);border-top-color:var(--pd-border)}.pd-app .pd-primary-button,.pd-app .pd-no-child button,.pd-app .pd-section-icon,.pd-app .pd-choice-check,.pd-app .daily-save:not(:disabled){background:var(--mut-ui-accent);color:#fff}.pd-app .pd-primary-button:hover,.pd-app .pd-no-child button:hover{background:var(--mut-ui-accent-dark)}.pd-app .pd-outline-button,.pd-app .pd-date-nav button,.pd-app .pd-child-arrow,.pd-app .pd-current-child div>span,.pd-app .pd-quran-source,.pd-app .pd-quran-arabic{color:var(--mut-ui-accent-dark)}.pd-app .pd-outline-button{border-color:var(--mut-ui-soft-border)}.pd-app .pd-quran-card{background:linear-gradient(115deg, #fffdf6, var(--mut-ui-soft));border-color:var(--pd-border)}.pd-app .pd-ring{background:conic-gradient(var(--mut-ui-accent) var(--pd-progress), var(--mut-ui-soft-border) var(--pd-progress) 100%)}.pd-app .pd-progress-track i{background:var(--mut-ui-accent)}.pd-app .pd-status-message,.pd-app .pd-calendar-help{background:var(--mut-ui-soft);border:1px solid var(--pd-border);color:var(--mut-ui-text);border-radius:13px}.pd-app .pd-status-message>span,.pd-app .pd-notification-item>span,.pd-app .pd-profile-user>span{color:var(--mut-ui-accent);background:var(--mut-ui-soft)}.pd-app .pd-notice-popover{background:var(--mut-ui-glass);z-index:75}.pd-app .pd-notice-popover p{color:var(--mut-ui-muted)}.pd-app .parent-calendar-day.selected{outline-color:var(--mut-ui-accent)}.pd-app .parent-calendar-heading button,.pd-app .parent-calendar-heading h2{color:var(--mut-ui-text)}.pd-app .pd-hero-picture img{transition:none!important;animation:none!important;transform:none!important}@media (width<=600px){.mut-login-page .toast{top:auto;right:14px;bottom:max(14px, env(safe-area-inset-bottom));width:calc(100vw - 28px)}.mut-splash-layer>.mut-splash-recovery{align-items:flex-start;gap:10px}.mut-splash-layer>.mut-splash-recovery>span{flex:calc(100% - 30px)}.mut-splash-layer>.mut-splash-recovery>button{width:100%}.mut-splash-layer:has(>.mut-splash-recovery) .mut-live-bottom{padding-bottom:max(154px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.mut-login-page .toast,.pd-app .pd-modal{animation:none!important}}:root{--staff-accent:#137a60;--staff-accent-hover:#0e664f;--staff-tint:#e9f5ef;--staff-bg:#f6f8f7;--staff-surface:#fff;--staff-border:#e1e9e5;--staff-text:#213c34;--staff-muted:#687b73;--staff-shadow:0 6px 24px #1b382e0b}:root[data-time-theme=siang]{--staff-accent:#157e98;--staff-accent-hover:#11677b;--staff-tint:#e9f6f9;--staff-bg:#f4f9fb;--staff-border:#dfebef;--staff-text:#254451;--staff-muted:#687d86}:root[data-time-theme=sore]{--staff-accent:#ae704a;--staff-accent-hover:#945a36;--staff-tint:#fff1e7;--staff-bg:#fbf8f5;--staff-border:#eee5de;--staff-text:#4e4038;--staff-muted:#83756e}:root[data-time-theme=malam]{--staff-accent:#4e6ba6;--staff-accent-hover:#40598c;--staff-tint:#e9eef9;--staff-bg:#f4f6fb;--staff-border:#e0e6f1;--staff-text:#283950;--staff-muted:#717f93}.admin-layout{--admin-green:var(--staff-accent);--admin-green-dark:var(--staff-surface);--admin-gold:var(--staff-accent);--admin-text:var(--staff-text);--admin-muted:var(--staff-muted);--admin-border:var(--staff-border);background:var(--staff-bg)}.admin-sidebar{box-sizing:border-box;border-right:1px solid var(--staff-border);background:var(--staff-surface);width:246px;color:var(--staff-text);box-shadow:var(--staff-shadow);padding:24px 12px 18px}.admin-sidebar-brand{padding:0 11px 26px}.admin-sidebar-brand strong,.admin-sidebar-bottom span{color:var(--staff-text)}.admin-sidebar-brand small,.admin-sidebar-bottom small,.admin-menu-label{color:var(--staff-muted)}.admin-navigation{gap:3px}.admin-navigation button{min-height:44px;color:var(--staff-muted);border-radius:9px;padding:10px 12px;transition:background-color .15s,color .15s}.admin-navigation button:hover{background:var(--staff-tint);color:var(--staff-text)}.admin-navigation button.active{background:var(--staff-tint);color:var(--staff-accent);font-weight:750}.admin-sidebar-bottom{border-color:var(--staff-border)}.admin-main{margin-left:246px}.admin-topbar{background:var(--staff-surface);border-color:var(--staff-border);min-height:76px;padding:15px 29px}.admin-topbar-caption,.admin-eyebrow{color:var(--staff-accent)}.admin-topbar h1{color:var(--staff-text)}.admin-logout,.admin-secondary-button{color:var(--staff-text);border-color:var(--staff-border)}.admin-content{padding:27px}.admin-welcome{border:1px solid var(--staff-border);background:var(--staff-tint);min-height:122px;color:var(--staff-text);border-radius:15px;padding:24px 28px}.admin-welcome h2{color:var(--staff-text);margin:8px 0 5px}.admin-welcome p{color:var(--staff-muted)}.admin-primary-button{background:var(--staff-accent)}.admin-primary-button:hover{background:var(--staff-accent-hover)}.admin-panel,.overview-item{border-color:var(--staff-border);box-shadow:var(--staff-shadow)}.teacher-page{box-sizing:border-box;background:var(--staff-bg);color:var(--staff-text);padding-left:234px}.teacher-header{background:var(--staff-surface);border-bottom:1px solid var(--staff-border)}.teacher-header-inner{max-width:none;min-height:76px;padding:12px 26px}.teacher-brand{color:var(--staff-text)}.teacher-brand span{color:var(--staff-muted)}.teacher-logout{border:1px solid var(--staff-border);background:var(--staff-surface);color:var(--staff-text)}.teacher-main{width:min(100%,1300px);padding:27px 26px 65px}.teacher-heading h1,.teacher-table-header h2{color:var(--staff-text)}.teacher-heading span{color:var(--staff-muted)}.teacher-report-tabs{box-sizing:border-box;z-index:40;border:0;border-right:1px solid var(--staff-border);background:var(--staff-surface);width:234px;max-width:none;height:100dvh;box-shadow:var(--staff-shadow);border-radius:0;flex-direction:column;gap:5px;margin:0;padding:88px 12px 20px;display:flex;position:fixed;inset:0 auto 0 0}.teacher-report-tabs:before{content:"MENU WALI KELAS";color:var(--staff-muted);letter-spacing:.1em;font-size:11px;font-weight:750;position:absolute;top:36px;left:22px}.teacher-report-tabs button{text-align:left;width:100%;min-height:46px;color:var(--staff-muted);flex:none;padding:11px 13px}.teacher-report-tabs button:hover{background:var(--staff-tint);color:var(--staff-text)}.teacher-report-tabs button.active{background:var(--staff-tint);color:var(--staff-accent)}.teacher-panel{border-color:var(--staff-border);box-shadow:var(--staff-shadow)}.teacher-filters select:focus,.teacher-filters input:focus{border-color:var(--staff-accent)}.principal-page{--principal-bg:var(--staff-bg);--principal-card:var(--staff-surface);--principal-text:var(--staff-text);--principal-muted:var(--staff-muted);--principal-accent:var(--staff-accent);--principal-tint:var(--staff-tint);--principal-border:var(--staff-border);background:var(--staff-bg);padding-left:234px}.principal-hero{border:0;border-bottom:1px solid var(--staff-border);background:var(--staff-surface);height:auto;min-height:79px;color:var(--staff-text);border-radius:0;overflow:visible}.principal-hero-picture,.principal-hero-shade{display:none}.principal-hero-content{flex-wrap:wrap;align-items:center;gap:10px 20px;width:100%;max-width:none;height:auto;min-height:79px;padding:14px 25px;display:flex}.principal-brand{order:0}.principal-brand span{color:var(--staff-muted)}.principal-welcome{text-align:right;order:1;margin-left:auto}.principal-welcome h1{color:var(--staff-text);font-size:17px}.principal-welcome>span,.principal-welcome p{color:var(--staff-muted);font-size:11px}.principal-logout{border:1px solid var(--staff-border);background:var(--staff-surface);min-height:38px;color:var(--staff-text);-webkit-backdrop-filter:none;backdrop-filter:none;order:2;align-self:center}.principal-main{width:100%;max-width:none;margin:0;padding:27px 25px 55px}.principal-tabs{z-index:40;border-right:1px solid var(--staff-border);background:var(--staff-surface);width:234px;max-width:none;height:100dvh;box-shadow:var(--staff-shadow);flex-flow:column;gap:5px;margin:0;padding:88px 12px 20px;display:flex;position:fixed;inset:0 auto 0 0}.principal-tabs:before{content:"MENU KEPALA SEKOLAH";color:var(--staff-muted);letter-spacing:.1em;font-size:11px;font-weight:750;position:absolute;top:36px;left:22px}.principal-tabs button{text-align:left;border:0;border-radius:9px;flex:none;width:100%;min-height:46px;padding:11px 13px}.principal-tabs button:hover{background:var(--staff-tint);color:var(--staff-text)}.principal-tabs button.is-active{background:var(--staff-tint);color:var(--staff-accent)}.principal-section{box-shadow:var(--staff-shadow)}@media (width<=900px){.admin-main{margin-left:0}.admin-topbar{z-index:auto;min-height:68px;padding:11px 15px;position:relative}.admin-content{padding:18px 14px calc(100px + env(safe-area-inset-bottom))}.admin-sidebar:not(.is-open){z-index:45;width:100%;height:calc(70px + env(safe-area-inset-bottom));padding:5px 20% max(6px, env(safe-area-inset-bottom)) 5px;border:0;border-top:1px solid var(--staff-border);background:var(--staff-surface);display:block;position:fixed;inset:auto 0 0;overflow:visible;transform:none;box-shadow:0 -8px 25px #243b3112}.admin-sidebar:not(.is-open) .admin-sidebar-brand,.admin-sidebar:not(.is-open) .admin-menu-label,.admin-sidebar:not(.is-open) .admin-sidebar-bottom{display:none}.admin-sidebar:not(.is-open) .admin-navigation{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;height:100%;display:grid}.admin-sidebar:not(.is-open) .admin-navigation button{display:none}.admin-sidebar:not(.is-open) .admin-navigation button:first-child,.admin-sidebar:not(.is-open) .admin-navigation button:nth-child(5),.admin-sidebar:not(.is-open) .admin-navigation button:nth-child(6),.admin-sidebar:not(.is-open) .admin-navigation button:nth-child(10){text-align:center;border-radius:8px;justify-content:center;align-items:center;width:100%;min-width:0;min-height:55px;padding:6px 2px;font-size:clamp(10px,2.8vw,12px);font-weight:600;display:flex}.admin-sidebar:not(.is-open) .admin-navigation button:first-child{order:0}.admin-sidebar:not(.is-open) .admin-navigation button:nth-child(6){order:1}.admin-sidebar:not(.is-open) .admin-navigation button:nth-child(5){order:2}.admin-sidebar:not(.is-open) .admin-navigation button:nth-child(10){order:3}.admin-sidebar.is-open{z-index:60;width:min(330px,88vw);height:100dvh;padding:24px 12px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(0)}.admin-sidebar.is-open .admin-navigation button{display:block}.admin-sidebar-overlay{z-index:55}.admin-mobile-menu{inset:auto 3px max(6px, env(safe-area-inset-bottom)) auto;z-index:65;background:var(--staff-surface);width:calc(20% - 6px);height:56px;color:var(--staff-muted);border:0;flex-direction:column;justify-content:center;align-items:center;padding:4px 2px;font-size:0;line-height:1.1;display:flex;position:fixed}.admin-mobile-menu:before{content:"☰";font-size:22px}.admin-mobile-menu:after{content:"Lainnya";font-size:11px;font-weight:650}.admin-layout:has(.admin-navigation button.active:not(:first-child):not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(10))) .admin-mobile-menu{color:var(--staff-accent)}.admin-layout:has(.admin-sidebar.is-open) .admin-mobile-menu{display:none}.teacher-page{padding-left:0;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.teacher-header-inner{min-height:67px;padding:11px 15px}.teacher-main{padding:20px 14px 18px}.teacher-report-tabs{z-index:60;width:100%;height:calc(72px + env(safe-area-inset-bottom));padding:6px 6px max(7px, env(safe-area-inset-bottom));border:0;border-top:1px solid var(--staff-border);background:var(--staff-surface);flex-direction:row;gap:2px;inset:auto 0 0;box-shadow:0 -8px 24px #243b3112}.teacher-report-tabs:before{display:none}.teacher-report-tabs button{text-align:center;flex:1;width:25%;min-width:0;min-height:53px;padding:7px 3px;font-size:clamp(10px,2.65vw,12px);line-height:1.3}.principal-page{padding-left:0;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.principal-hero{border-radius:0;height:auto;min-height:72px}.principal-hero-content{min-height:72px;padding:10px 14px}.principal-welcome{text-align:left;margin-left:0}.principal-welcome>span,.principal-welcome p{display:none}.principal-welcome h1{font-size:14px}.principal-main{padding:18px 13px}.principal-tabs{z-index:60;width:100%;height:calc(72px + env(safe-area-inset-bottom));padding:6px 6px max(7px, env(safe-area-inset-bottom));border:0;border-top:1px solid var(--staff-border);background:var(--staff-surface);flex-flow:row;gap:2px;margin:0;inset:auto 0 0;box-shadow:0 -8px 24px #243b3112}.principal-tabs:before{display:none}.principal-tabs button{text-align:center;flex:1;width:25%;min-width:0;min-height:53px;padding:7px 3px;font-size:clamp(10px,2.65vw,12px);line-height:1.3}}@media (width<=450px){.principal-hero-content{gap:6px 10px}.principal-brand img{width:37px;height:37px}.principal-welcome{flex-basis:100%;order:3}.principal-welcome h1{margin:0;font-size:12px}}@media (prefers-reduced-motion:reduce){.admin-navigation button{transition:none}}:is(.admin-layout,.teacher-page,.principal-page),:is(.admin-layout,.teacher-page,.principal-page) :is(main,section,article){min-width:0}:is(.admin-layout,.teacher-page,.principal-page) :is(.academic-page,.classes-page,.students-page,.activities-page,.homeroom-page,.parents-page,.monthly-report,.account-security,.admin-notifications){min-width:0;max-width:100%;color:var(--staff-text)}:is(.admin-layout,.teacher-page,.principal-page) :is(.academic-panel,.classes-panel,.students-panel,.activities-panel,.homeroom-panel,.parents-panel,.account-security,.notification-item,.teacher-panel,.principal-section){border-color:var(--staff-border);background:var(--staff-surface);box-shadow:var(--staff-shadow)}:is(.admin-layout,.teacher-page,.principal-page) :is(.academic-heading,.classes-heading,.students-page-heading,.students-list-title,.activities-heading,.homeroom-heading,.parents-heading,.monthly-report-heading,.account-security-heading,.admin-notifications-heading) :is(h1,h2,h3){color:var(--staff-text)}:is(.admin-layout,.teacher-page,.principal-page) :is(.academic-heading,.classes-heading,.students-page-heading,.students-list-title,.activities-heading,.homeroom-heading,.parents-heading,.monthly-report-heading,.account-security-heading,.admin-notifications-heading) :is(p,small){color:var(--staff-muted)}:is(.admin-layout,.teacher-page,.principal-page) :is(.academic-page,.classes-page,.students-page,.activities-page,.homeroom-page,.parents-page,.monthly-report,.account-security,.admin-notifications,.teacher-filters,.principal-filters) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:var(--staff-border);min-width:0;max-width:100%;color:var(--staff-text);background:#fff;border-radius:10px}:is(.admin-layout,.teacher-page,.principal-page) :is(.academic-page,.classes-page,.students-page,.activities-page,.homeroom-page,.parents-page,.monthly-report,.account-security,.admin-notifications,.teacher-filters,.principal-filters) :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus-visible{border-color:var(--staff-accent);outline:2px solid var(--staff-accent);outline-offset:1px}:is(.admin-layout,.teacher-page,.principal-page) :is(input[type=checkbox],input[type=radio]){accent-color:var(--staff-accent)}:is(.admin-layout,.teacher-page,.principal-page) :is(.academic-primary,.classes-primary,.students-primary,.activities-primary,.homeroom-primary,.monthly-report-download,.admin-primary-button,.principal-detail-button.is-primary){background:var(--staff-accent);border-color:var(--staff-accent);color:#fff}:is(.admin-layout,.teacher-page,.principal-page) :is(.academic-primary,.classes-primary,.students-primary,.activities-primary,.homeroom-primary,.monthly-report-download,.admin-primary-button):not(:disabled):hover{background:var(--staff-accent-hover);border-color:var(--staff-accent-hover)}:is(.admin-layout,.teacher-page,.principal-page) :is(.academic-secondary,.classes-secondary,.students-secondary,.activities-secondary,.homeroom-secondary,.monthly-report-secondary,.notification-outline-button,.teacher-report-refresh){border-color:var(--staff-border);background:var(--staff-surface);color:var(--staff-accent)}:is(.admin-layout,.teacher-page,.principal-page) :is(.academic-secondary,.classes-secondary,.students-secondary,.activities-secondary,.homeroom-secondary,.monthly-report-secondary,.notification-outline-button,.teacher-report-refresh):not(:disabled):hover{background:var(--staff-tint)}:is(.admin-layout,.teacher-page,.principal-page) :is(.students-table-wrap,.activities-table-wrap,.homeroom-table-wrap,.parents-table-wrapper,.monthly-report-table-wrap,.teacher-table-wrap,.principal-table-scroll){overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-color:var(--staff-border);max-width:100%;overflow-x:auto}:is(.admin-layout,.teacher-page,.principal-page) :is(.students-table,.teacher-table-wrap table,.principal-table) th{background:var(--staff-tint);color:var(--staff-text)}:is(.admin-layout,.teacher-page,.principal-page) :is(.students-table,.teacher-table-wrap table,.principal-table) :is(th,td){border-bottom-color:var(--staff-border)}:is(.admin-layout,.teacher-page,.principal-page) :is(.academic-success,.classes-success,.students-success,.activities-success,.homeroom-success,.notification-success,.account-security-success,.admin-success){border:1px solid var(--staff-border);border-left:3px solid var(--staff-accent);background:var(--staff-tint);color:var(--staff-accent-hover);border-radius:11px;padding:11px 13px}:is(.admin-layout,.teacher-page,.principal-page) :is(.academic-error,.classes-error,.students-error,.activities-error,.homeroom-error,.notification-error,.monthly-report-error,.account-security-error,.teacher-error,.admin-error,.principal-alert){color:#914349;background:#fff4f3;border:1px solid #f0d0d0;border-left:3px solid #b95b60;border-radius:11px;padding:11px 13px}:is(.admin-layout,.teacher-page,.principal-page) :is(.students-modal,.activities-dialog,.notification-modal){max-width:calc(100vw - 24px);color:var(--staff-text);border-radius:16px}.teacher-report-tabs button.active,.principal-tabs button.is-active{background:var(--staff-tint);color:var(--staff-accent);font-weight:750}@media (width<=900px){.admin-content,.teacher-main,.principal-main{overflow-wrap:anywhere;max-width:100vw}:is(.admin-layout,.teacher-page,.principal-page) :is(.academic-panel,.classes-panel,.students-panel,.activities-panel,.homeroom-panel,.parents-panel,.account-security,.teacher-panel,.principal-section){padding:16px}:is(.admin-layout,.teacher-page,.principal-page) :is(.academic-primary,.classes-primary,.students-primary,.activities-primary,.homeroom-primary,.monthly-report-download,.teacher-report-refresh){min-height:44px}:is(.admin-layout,.teacher-page,.principal-page) :is(.students-modal,.activities-dialog,.notification-modal){max-height:min(90dvh,860px);overflow-y:auto}}@media (width<=390px){:is(.admin-layout,.teacher-page,.principal-page) :is(.academic-panel,.classes-panel,.students-panel,.activities-panel,.homeroom-panel,.parents-panel,.account-security,.teacher-panel,.principal-section){padding:13px}}@media (prefers-reduced-motion:reduce){:is(.admin-layout,.teacher-page,.principal-page) :is(button,input,select,textarea){transition:none}}.staff-app{--module-accent:var(--sa-accent,#178166);--module-soft:var(--sa-soft,#e9f6ee);--module-line:var(--sa-line,#dfe9e4);--module-ink:var(--sa-ink,#253c36);--module-muted:var(--sa-muted,#718079);--module-card:var(--sa-card,#fff)}.staff-app :is(.students-panel,.classes-panel,.academic-panel,.parents-panel,.teacher-accounts,.sat-panel,.sh-panel,.homeroom-panel,.monthly-report,.activities-panel,.pm-shell,.ramadan-admin){background:var(--module-card);color:var(--module-ink);border:1px solid var(--module-line);border-radius:15px;box-shadow:0 3px 18px #162f260a}.staff-app :is(.students-page-heading h2,.students-list-title h2,.classes-heading h2,.academic-heading h2,.parents-heading h2,.teacher-accounts-heading h2,.sat-heading h2,.sh-heading h2,.homeroom-heading h2,.monthly-report-heading h2){color:var(--module-ink);letter-spacing:-.025em;font-weight:750}.staff-app :is(.students-list-title p,.academic-muted,.sh-hint,.student-import-help,.monthly-report-subheading,.sat-lifecycle p){color:var(--module-muted)}.staff-app :is(.students-page,.classes-page,.academic-page,.parents-panel,.teacher-accounts,.sat-panel,.sh-panel,.student-import-dialog,.homeroom-page,.monthly-report,.pm-shell,.ramadan-admin) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){border-color:var(--module-line);background:var(--module-card);color:var(--module-ink);border-radius:10px}.staff-app :is(.students-page,.classes-page,.academic-page,.parents-panel,.teacher-accounts,.sat-panel,.sh-panel,.student-import-dialog,.homeroom-page,.monthly-report,.pm-shell,.ramadan-admin) :is(input,select,textarea):focus{border-color:var(--module-accent);box-shadow:0 0 0 3px var(--module-soft);outline:none}.staff-app :is(.students-primary,.classes-primary,.academic-primary,.teacher-accounts-primary,.homeroom-primary,.activities-primary,.student-import-primary,.monthly-report-download,.family-primary){background:var(--module-accent);border-color:var(--module-accent);color:#fff;border-radius:10px}.staff-app :is(.students-primary,.classes-primary,.academic-primary,.teacher-accounts-primary,.homeroom-primary,.activities-primary,.student-import-primary,.monthly-report-download,.family-primary):hover:not(:disabled){filter:brightness(.93)}.staff-app :is(.students-secondary,.students-edit,.classes-secondary,.academic-secondary,.teacher-accounts-secondary,.homeroom-secondary,.student-import-secondary,.parents-edit,.monthly-report-secondary){color:var(--module-ink);border-color:var(--module-line);background:var(--module-card);border-radius:10px}.staff-app :is(.students-secondary,.students-edit,.classes-secondary,.academic-secondary,.teacher-accounts-secondary,.homeroom-secondary,.student-import-secondary,.parents-edit,.monthly-report-secondary):hover:not(:disabled){background:var(--module-soft)}.staff-app :is(.students-table,.parents-table-wrapper table,.teacher-accounts-table-wrap table,.homeroom-table-wrap table,.monthly-report-table-wrap table,.student-import-table-wrap table) th{background:var(--module-soft);color:var(--module-ink);border-color:var(--module-line)}.staff-app :is(.students-table,.parents-table-wrapper table,.teacher-accounts-table-wrap table,.homeroom-table-wrap table,.monthly-report-table-wrap table,.student-import-table-wrap table) td{border-bottom-color:var(--module-line);color:var(--module-ink)}.staff-app :is(.parents-table-wrapper,.teacher-accounts-table-wrap,.homeroom-table-wrap,.monthly-report-table-wrap,.student-import-table-wrap,.pm-table-wrap){overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.staff-app .students-page{gap:13px;min-width:0}.staff-app .students-panel{padding:20px}.staff-app .students-filter-bar{gap:12px;margin-top:14px}.staff-app .students-field{color:var(--module-muted);gap:6px;font-weight:700}.staff-app .students-field :is(input,select){height:42px;font-size:13px}.staff-app .students-list-heading{gap:12px}.staff-app .students-list-title p{margin-top:3px;font-size:12px}.staff-app .students-add-button{min-height:40px;padding:9px 15px}.staff-app .students-groups{gap:13px;margin-top:16px}.staff-app .students-class-group{border-color:var(--module-line);background:var(--module-card);border-radius:13px}.staff-app .students-class-heading{background:var(--module-soft);border-bottom-color:var(--module-line);padding:12px 16px}.staff-app .students-class-heading h3{color:var(--module-ink);font-size:13px}.staff-app .students-class-heading span{color:var(--module-muted);font-size:11px}.staff-app .students-table{white-space:normal;width:100%;font-size:12px}.staff-app .students-table :is(th,td){vertical-align:middle;padding:12px}.staff-app .students-table .students-name{min-width:155px;font-weight:750}.staff-app .students-name-content{align-items:center;gap:10px;display:inline-flex}.staff-app .students-monogram{border:1px solid var(--module-line);width:34px;height:34px;color:var(--module-accent);background:var(--module-soft);border-radius:10px;flex:none;place-items:center;font-weight:800;display:grid}.staff-app .students-row-actions{flex-wrap:wrap;gap:7px;display:flex}.staff-app .students-edit{white-space:nowrap;min-height:34px;padding:7px 12px}.staff-app .students-table tbody tr:hover td{background:var(--module-soft)}.staff-app .students-empty{background:var(--module-soft);color:var(--module-muted);border-color:var(--module-line)}.staff-app .students-modal{border-color:var(--module-line)}.staff-app .students-modal-header h2{color:var(--module-ink)}.staff-app .students-modal :is(.students-modal-header,.students-modal-footer){border-color:var(--module-line)}.staff-app .students-table :is(td:nth-child(3),td:nth-child(4)){font-variant-numeric:tabular-nums}@media (width<=1050px){.staff-app .students-panel{padding:16px}.staff-app .students-table :is(th,td){padding-inline:10px}}@media (width<=700px){.staff-app .students-page{gap:11px}.staff-app .students-panel{border-radius:13px;padding:15px 13px}.staff-app .students-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.staff-app .students-search-field{grid-column:1/-1}.staff-app .students-list-heading{flex-flow:wrap;align-items:center;display:flex}.staff-app .students-list-actions{width:auto;margin-left:auto;display:flex}.staff-app .students-add-button{width:auto;min-width:0;padding-inline:12px}.staff-app .students-table-wrap{overflow:visible}.staff-app .students-table{width:100%;display:block}.staff-app .students-table thead{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.staff-app .students-table tbody{gap:9px;padding:10px;display:grid}.staff-app .students-table tbody tr{border:1px solid var(--module-line);background:var(--module-card);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;min-width:0;padding:12px;display:grid}.staff-app .students-table tbody td{overflow-wrap:anywhere;border:0;flex-direction:column;gap:3px;min-width:0;padding:0;font-size:12px;display:flex}.staff-app .students-table tbody td:before{content:attr(data-label);color:var(--module-muted);font-size:10px;font-weight:650;line-height:1.3}.staff-app .students-table tbody td.students-number{display:none}.staff-app .students-table tbody td.students-name{border-bottom:1px solid var(--module-line);grid-column:1/-1;min-width:0;padding-bottom:9px;font-size:13px}.staff-app .students-table tbody td.students-name:before,.staff-app .students-table tbody td.students-actions-cell:before{display:none}.staff-app .students-table tbody td.students-actions-cell{border-top:1px solid var(--module-line);grid-column:1/-1;padding-top:9px}.staff-app .students-row-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.staff-app .students-row-actions button{width:100%;min-width:0;min-height:38px}}@media (width<=390px){.staff-app .students-list-heading{flex-direction:column;align-items:stretch}.staff-app .students-list-actions,.staff-app .students-add-button{width:100%}.staff-app .students-filter-bar{grid-template-columns:1fr}.staff-app .students-search-field{grid-column:auto}}.staff-app :is(.mut-rapor-page,.account-security,.sb-panel,.admin-panel){background:var(--module-card);border-color:var(--module-line);color:var(--module-ink);border-radius:15px}.staff-app :is(.mut-rapor-page h2,.mut-rapor-archives h3,.account-security-heading h2,.account-security-identity strong,.account-security-form h3,.sb-heading h2,.admin-section-heading h2){color:var(--module-ink)}.staff-app :is(.mut-rapor-muted,.mut-rapor-record small,.account-security-identity span,.sb-hint){color:var(--module-muted)}.staff-app :is(.mut-rapor-filters select,.account-security-field input,.sb-fields input,.sb-fields select,.admin-field input,.admin-field select){color:var(--module-ink);border-color:var(--module-line);background:var(--module-card);border-radius:10px}.staff-app :is(.mut-rapor-filters select,.account-security-field input,.sb-fields input,.sb-fields select,.admin-field input,.admin-field select):focus{border-color:var(--module-accent);box-shadow:0 0 0 3px var(--module-soft);outline:none}.staff-app :is(.mut-rapor-button:not(.secondary),.account-security-actions button,.sb-fields button,.admin-primary-button){background:var(--module-accent);border-color:var(--module-accent);color:#fff;border-radius:10px}.staff-app :is(.mut-rapor-button.secondary,.mut-rapor-record button:not(.delete),.admin-secondary-button){background:var(--module-card);border-color:var(--module-line);color:var(--module-ink);border-radius:10px}.staff-app :is(.mut-rapor-button.secondary,.mut-rapor-record button:not(.delete),.admin-secondary-button):hover:not(:disabled){background:var(--module-soft)}.staff-app :is(.mut-rapor-archives,.mut-rapor-list,.mut-rapor-record,.account-security-identity){border-color:var(--module-line)}.staff-app .mut-rapor-record strong{color:var(--module-ink)}.staff-app .mut-rapor-record:hover{background:var(--module-soft)}.staff-app .account-security-field,.staff-app .account-security-check{color:var(--module-ink)}.staff-app .account-security-check input{accent-color:var(--module-accent)}.staff-app :is(.sb-heading>span,.sb-success){background:var(--module-soft);color:var(--module-accent)}@media (width<=700px){.staff-app :is(.account-security,.sb-panel,.mut-rapor-page,.admin-panel){padding:15px}.staff-app .mut-rapor-actions{gap:9px}.staff-app .mut-rapor-actions button{min-height:42px}}.staff-app .monthly-report{border-color:var(--module-line);border-radius:16px;padding:clamp(14px,2vw,22px)}.staff-app .monthly-report-heading{flex-wrap:wrap}.staff-app .monthly-report-heading h2{color:var(--module-ink);font-size:17px}.staff-app .monthly-report-filters{gap:11px;margin-top:14px}.staff-app .monthly-report-subheading{flex-wrap:wrap;gap:10px;margin:15px 0 10px}.staff-app .monthly-report-subheading strong{color:var(--module-ink);font-size:13px}.staff-app .monthly-report-download{border:1px solid var(--module-accent);background:var(--module-accent);color:#fff;border-radius:10px;min-height:39px;padding:8px 12px;font-size:12px}.staff-app .monthly-report-subheading>div{gap:7px!important}.staff-app .monthly-report-empty{background:var(--module-soft);min-height:120px;color:var(--module-muted);border-radius:12px;place-items:center;margin:10px 0 0;padding:23px 12px;font-size:13px;display:grid}.staff-app :is(.teacher-accounts-empty,.parents-empty,.students-empty){text-align:center;border-color:var(--module-line);background:var(--module-soft);min-height:100px;color:var(--module-muted);border-radius:12px;place-items:center;padding:24px 13px;display:grid}.staff-app .teacher-accounts-heading{gap:12px}.staff-app .teacher-accounts-toolbar{flex-wrap:wrap;gap:9px}.staff-app .teacher-accounts-primary{white-space:normal;text-wrap:balance;max-width:100%}@media (width<=700px){.staff-app .monthly-report-heading{gap:10px}.staff-app .monthly-report-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.staff-app .monthly-report-filters label:last-child{grid-column:1/-1}.staff-app .monthly-report-subheading>div{width:100%}.staff-app .monthly-report-download{flex:1 1 0;min-width:0}.staff-app .teacher-accounts-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.staff-app .teacher-accounts-toolbar input{width:100%;min-width:0}.staff-app .teacher-accounts-toolbar .teacher-accounts-primary{min-width:0;padding-inline:11px;line-height:1.25}}@media (width<=380px){.staff-app .monthly-report-filters{grid-template-columns:1fr}.staff-app .monthly-report-filters label:last-child{grid-column:auto}.staff-app .teacher-accounts-toolbar{grid-template-columns:1fr}.staff-app .teacher-accounts-toolbar .teacher-accounts-primary{width:100%}}.staff-app .report-target-table-wrap{min-width:0;max-width:100%}.staff-app .report-target-group-tabs{gap:6px!important}.staff-app .report-target-group-tabs button{white-space:nowrap}@media (width<=700px){.staff-app .report-target-table-wrap{border:0!important;overflow:visible!important}.staff-app .report-target-table{width:100%!important;display:block!important}.staff-app .report-target-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.staff-app .report-target-table tbody{gap:10px;display:grid}.staff-app .report-target-row{border:1px solid var(--module-line);background:var(--module-card);border-radius:13px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0;padding:14px;display:grid}.staff-app .report-target-row td{display:block;border:0!important;min-width:0!important;padding:0!important}.staff-app .report-target-number{display:none!important}.staff-app .report-target-name{overflow-wrap:anywhere;grid-column:1/-1;font-size:14px;font-weight:750;border-bottom:1px solid var(--module-line)!important;padding-bottom:8px!important}.staff-app .report-target-group,.staff-app .report-target-value{gap:6px;display:grid!important}.staff-app .report-target-group:before{content:"Kelompok";color:var(--module-muted);font-size:11px;font-weight:600}.staff-app .report-target-value:before{content:"Target (%)";color:var(--module-muted);font-size:11px;font-weight:600}.staff-app .report-target-group select{max-width:100%;width:100%!important;min-width:0!important}.staff-app .report-target-value input{min-height:40px;width:min(100%,90px)!important}.staff-app .report-target-group-tabs{overscroll-behavior-x:contain;padding-bottom:5px;overflow-x:auto;flex-wrap:nowrap!important}.staff-app .report-target-group-tabs button{flex:none}.staff-app .students-page{gap:0}.staff-app .students-page>.students-panel:first-child{border-bottom:0!important;border-radius:15px 15px 0 0!important;padding-bottom:4px!important}.staff-app .students-page>.students-panel:nth-child(2){border-top:0!important;border-radius:0 0 15px 15px!important;padding-top:14px!important}.staff-app .students-page-heading h2{display:none}.staff-app .students-filter-bar{margin-top:4px}.staff-app .monthly-report-heading h2{font-size:15px}.staff-app .monthly-report-heading button{min-height:38px}.staff-app .monthly-report-subheading>div{width:auto}.staff-app .monthly-report-download{flex:0 auto}.staff-app .monthly-report-empty{min-height:95px}}@media (width<=440px){.staff-app .report-target-row{gap:10px;padding:12px}.staff-app .report-target-row .report-target-group select{font-size:11px}.staff-app .monthly-report-heading{align-items:center}.staff-app .monthly-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-app .monthly-report-filters label:last-child{grid-column:1/-1}}.staff-app .report-target-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;width:100%;margin-top:18px;display:grid}.staff-app .report-target-actions>button{text-align:center;white-space:normal;overflow-wrap:break-word;border-radius:10px;width:100%;min-width:0;min-height:44px;margin:0;padding:10px 12px;font-size:12px;font-weight:700;line-height:1.35}.staff-app .report-target-actions .report-target-save{background:var(--module-accent)}@media (width<=380px){.staff-app .report-target-actions{gap:7px}.staff-app .report-target-actions>button{padding:9px 6px;font-size:11px}}.staff-app :is(.teacher-accounts-empty,.parents-empty,.students-empty){max-width:100%;min-height:88px;padding:20px 12px}.staff-app :is(.teacher-accounts-actions,.sat-dialog-actions) button{border-radius:10px}.staff-app :is(.teacher-accounts-actions,.sat-dialog-actions) button:focus-visible{outline:2px solid var(--module-accent);outline-offset:2px}@media (width<=700px){.staff-app .monthly-report-empty{min-height:84px;padding:19px 11px}}.staff-app .students-list-heading+.my-empty-state,.staff-app .students-list-heading+.students-empty,.staff-app .students-list-heading+.students-error+.my-empty-state,.staff-app .students-list-heading+.students-success+.my-empty-state{margin-top:16px}.staff-app .students-panel>.my-empty-state{margin-top:14px}.staff-app :is(.parents-empty,.notification-empty){color:var(--sa-muted);border-color:var(--sa-line);background:var(--sa-soft)}.staff-app :is(.parents-panel,.admin-notifications,.teacher-accounts,.academic-panel,.classes-panel){background:var(--sa-card);color:var(--sa-ink);border-color:var(--sa-line)}.staff-app :is(.parents-heading h2,.admin-notifications-heading h2,.teacher-accounts-heading h2,.academic-heading h2,.classes-heading h2),.staff-app :is(.parents-filters label,.teacher-accounts-field,.academic-heading,.classes-field){color:var(--sa-ink)}.staff-app :is(.parents-filters input,.parents-filters select,.teacher-accounts-field input),.staff-app :is(.parents-heading button,.parents-edit,.notification-outline-button,.teacher-accounts-secondary,.academic-secondary,.classes-secondary){background:var(--sa-card);border-color:var(--sa-line);color:var(--sa-ink)}.staff-app :is(.teacher-accounts-primary,.academic-primary,.classes-primary,.notification-approve-button){background:var(--sa-accent);border-color:var(--sa-accent);color:#fff}.staff-app :is(.teacher-accounts-primary,.academic-primary,.classes-primary,.notification-approve-button):not(:disabled):hover{background:var(--sa-accent)}.staff-app :is(.classes-group,.academic-year-item,.parents-table-wrapper,.teacher-accounts-table-wrap){border-color:var(--sa-line)}.staff-app :is(.classes-group-header,.academic-semester,.parents-table-wrapper th){background:var(--sa-soft);border-color:var(--sa-line)}.staff-app :is(.classes-group-header h3,.academic-year-title h3,.classes-item strong,.academic-semester-title strong,.parents-student-name){color:var(--sa-ink)}.staff-app :is(.classes-group-header span,.academic-year-title span,.academic-semester-detail span,.parents-empty,.classes-empty){color:var(--sa-muted)}.staff-app :is(.teacher-accounts-dialog,.notification-modal){background:var(--sa-card);color:var(--sa-ink)}.staff-app :is(.teacher-accounts-dialog h2,.notification-modal h3){color:var(--sa-ink)}.staff-app .notification-modal p{color:var(--sa-muted)}.staff-app .notification-verification-note{background:var(--sa-soft);color:var(--sa-muted)!important}.staff-app .notification-issued-code{background:var(--sa-soft);border-color:var(--sa-line);color:var(--sa-accent)}.staff-app .notification-filters{flex-wrap:wrap;gap:8px;display:flex}.staff-app .notification-filters>button{border-color:var(--sa-line);background:var(--sa-card);min-width:0;color:var(--sa-ink)}.staff-app .notification-filters>button.active{border-color:var(--sa-accent);background:var(--sa-accent);color:#fff}@media (width<=650px){.staff-app .notification-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.staff-app .notification-filters>button{white-space:normal;width:100%}.staff-app .teacher-accounts-toolbar+.my-empty-state,.staff-app .teacher-accounts-toolbar+.teacher-accounts-empty{margin-top:16px}}.staff-app :is(.activities-dialog,.sb-dialog){background:var(--sa-card);color:var(--sa-ink);border-color:var(--sa-line)}.staff-app :is(.activities-dialog>header,.activities-dialog-footer,.activities-group,.activities-table-wrap,.sb-preview>div){border-color:var(--sa-line)}.staff-app :is(.activities-dialog>header h2,.activities-heading h2,.sb-heading h2,.sb-dialog h3),.staff-app :is(.activities-check,.sb-dialog p){color:var(--sa-ink)}.staff-app .activities-check input{accent-color:var(--sa-accent)}.staff-app :is(.activities-primary,.sb-fields button:not(.is-secondary)){background:var(--sa-accent);border-color:var(--sa-accent);color:#fff}.staff-app :is(.activities-secondary,.sb-dialog-actions button.is-secondary){background:var(--sa-soft);border-color:var(--sa-line);color:var(--sa-accent)}.staff-app .activities-empty{background:var(--sa-soft);border-color:var(--sa-line);color:var(--sa-muted)}.staff-app .sb-preview>div{background:var(--sa-card)}.staff-app .sb-dialog-actions{flex-wrap:wrap}.staff-app .sb-dialog-actions>button{min-height:42px}@media (width<=650px){.staff-app .sb-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.staff-app .sb-dialog-actions>button{white-space:normal;width:100%;min-width:0}.staff-app .activities-dialog-footer>button{white-space:normal;min-width:0}}.staff-app .report-target-group-tabs{flex-wrap:wrap;gap:8px;min-width:0;max-width:100%;display:flex}.staff-app .report-target-group-tabs>button{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%;line-height:1.4}.staff-app .teacher-accounts-dialog{background:var(--sa-card);color:var(--sa-ink)}.staff-app .teacher-accounts-dialog h2,.staff-app .teacher-accounts-field,.staff-app .teacher-accounts-check{color:var(--sa-ink)}.staff-app .teacher-accounts-field input{background:var(--sa-card);color:var(--sa-ink);border-color:var(--sa-line)}.staff-app .teacher-accounts-check input{accent-color:var(--sa-accent)}@media (width<=650px){.staff-app .report-target-group-tabs>button{flex:calc(50% - 8px)}.staff-app .report-target-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.staff-app .report-target-actions>button{white-space:normal;overflow-wrap:anywhere;width:100%;min-width:0}}.staff-app .teacher-accounts-heading{min-width:0}.staff-app .teacher-accounts-heading h2{color:var(--sa-ink)}.staff-app .teacher-accounts-toolbar{flex-wrap:wrap;min-width:0}.staff-app .teacher-accounts-toolbar input{background:var(--sa-card);border-color:var(--sa-line);min-width:0;color:var(--sa-ink)}.staff-app .teacher-accounts-table-wrap{border-color:var(--sa-line)}.staff-app .teacher-accounts-table-wrap th{background:var(--sa-soft);color:var(--sa-ink)}.staff-app .teacher-accounts-table-wrap td{color:var(--sa-ink);border-color:var(--sa-line)}.staff-app .teacher-accounts-empty{border-color:var(--sa-line);background:var(--sa-soft);color:var(--sa-muted);margin-top:20px;padding:24px 16px}.staff-app .principal-section{background:var(--sa-card)}.staff-app .principal-table-scroll{max-width:100%;overflow-x:auto}@media (width<=650px){.staff-app .teacher-accounts-toolbar{width:100%}.staff-app .teacher-accounts-toolbar input{flex:170px;width:100%}.staff-app .teacher-accounts-toolbar>button{flex:auto;min-height:42px}.staff-app .teacher-accounts-table-wrap{max-width:100%}.staff-app .principal-section-head{gap:10px}.staff-app .principal-section-head>button{min-height:42px}}@media (width<=700px){.staff-app .report-target-group-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:0;flex-wrap:wrap!important;gap:8px!important;display:grid!important;overflow:visible!important}.staff-app .report-target-group-tabs>button{word-break:normal;-webkit-hyphens:none;hyphens:none;text-align:center;width:100%;min-width:0;max-width:100%;min-height:44px;white-space:normal!important;overflow-wrap:normal!important;flex:none!important}.staff-app .staff-mobile-nav{box-sizing:border-box;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:100vw}.staff-app .staff-mobile-nav>button{min-width:0}}.staff-app .teacher-accounts>.my-empty-state{margin-top:18px}@media (width<=650px){.staff-app .teacher-accounts>.my-empty-state{margin-top:16px}}.staff-app :is(.academic-panel,.classes-panel,.homeroom-panel,.teacher-accounts,.activities-panel){min-width:0;max-width:100%}.staff-app :is(.academic-panel,.classes-panel,.homeroom-panel,.teacher-accounts,.activities-panel) :is(input,select,textarea){max-width:100%}.staff-app :is(.academic-primary,.classes-primary,.homeroom-primary,.activities-primary,.teacher-accounts-primary){background:var(--sa-accent);border-color:var(--sa-accent);color:#fff}.staff-app :is(.academic-secondary,.classes-secondary,.homeroom-secondary,.activities-secondary,.teacher-accounts-secondary){border-color:var(--sa-line);color:var(--sa-ink)}.staff-app :is(.academic-year-item,.classes-group,.homeroom-assignment-row,.activities-group){min-width:0;max-width:100%}.staff-app :is(.activities-table-wrap,.homeroom-table-wrap,.teacher-accounts-table-wrap){overscroll-behavior-x:contain;max-width:100%}@media (width<=650px){.staff-app :is(.academic-create-form,.classes-add-form,.homeroom-filters,.activities-filters){min-width:0;max-width:100%}.staff-app :is(.academic-actions,.classes-actions,.activities-dialog-footer)>button{white-space:normal;overflow-wrap:anywhere;min-width:0}.staff-app .activities-group{overflow:hidden}.staff-app .staff-mobile-nav{padding-left:max(5px, env(safe-area-inset-left));padding-right:max(5px, env(safe-area-inset-right));overflow:hidden}}.staff-app .install-settings{background:var(--sa-card);border-color:var(--sa-line);color:var(--sa-ink)}.staff-app .install-settings :is(h1,h2){color:var(--sa-ink)}.staff-app .install-guide-tabs button{border-color:var(--sa-line);background:var(--sa-card);color:var(--sa-ink)}.staff-app .install-guide-tabs button[aria-pressed=true],.staff-app .install-primary:not(:disabled){border-color:var(--sa-accent);background:var(--sa-accent);color:#fff}.staff-app .install-settings .install-status{background:var(--sa-soft);color:var(--sa-ink)}.staff-app .install-settings .install-note{color:var(--sa-muted)}.staff-app .install-menu-separator{border-color:var(--sa-line)}.staff-app :is(.monthly-report,.mut-rapor-page){background:var(--sa-card);min-width:0;max-width:100%;color:var(--sa-ink);border-color:var(--sa-line)}.staff-app :is(.monthly-report-heading h2,.monthly-report-subheading strong),.staff-app .monthly-report-filters label{color:var(--sa-ink)}.staff-app .monthly-report-filters :is(input,select){background:var(--sa-card);border-color:var(--sa-line);color:var(--sa-ink)}.staff-app .monthly-report-filters :is(input,select):focus{border-color:var(--sa-accent)}.staff-app .monthly-report-secondary{background:var(--sa-card);border-color:var(--sa-line);color:var(--sa-ink)}.staff-app .monthly-report-download{background:var(--sa-accent);border-color:var(--sa-accent);color:#fff}.staff-app .monthly-report-table-wrap{border-color:var(--sa-line)}.staff-app .monthly-report-table-wrap th{background:var(--sa-soft);color:var(--sa-ink)}.staff-app .monthly-report-table-wrap td{border-color:var(--sa-line)}.staff-app .monthly-report-name{color:var(--sa-ink)}.staff-app .monthly-report-total{background:var(--sa-soft);color:var(--sa-ink)}.staff-app .monthly-report-empty{background:var(--sa-soft);color:var(--sa-muted);border:1px dashed var(--sa-line);border-radius:13px;line-height:1.6}.staff-app .notification-empty{background:var(--sa-soft);border-color:var(--sa-line);color:var(--sa-muted);line-height:1.6}.staff-app .notification-item{background:var(--sa-card);border-color:var(--sa-line)}.staff-app .notification-item-info strong{color:var(--sa-ink)}.staff-app .notification-item-info :is(span,small){color:var(--sa-muted)}.staff-app .notification-avatar{background:var(--sa-soft);color:var(--sa-accent)}.staff-app .parents-empty{place-content:center;min-height:145px;display:grid}@media (width<=650px){.staff-app .monthly-report-heading{flex-wrap:wrap}.staff-app .monthly-report-heading>*{min-width:0}.staff-app .monthly-report-subheading{flex-wrap:wrap;align-items:flex-start}.staff-app .monthly-report-subheading>*{min-width:0}.staff-app .monthly-report-subheading button{white-space:normal}.staff-app .notification-actions{flex-wrap:wrap}.staff-app .notification-actions>button{min-width:0}}