@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{background:#e8ebf1}html,body,#root{min-height:100%}body{min-width:360px;min-height:100dvh;margin:0;overflow:hidden auto}#root{min-height:100dvh}:root{--color-primary:#173a72;--color-primary-dark:#0d2852;--color-accent:#6e5ae6;--color-bg:#f4f6fa;--color-surface:#fff;--color-text:#152238;--color-muted:#6e7b91;--color-success:#31a46c;--color-warning:#eda72f;--color-danger:#e35d6a;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 3px 12px #15223812;--shadow-md:0 12px 35px #1522381f;--spacing-xs:6px;--spacing-sm:10px;--spacing-md:16px;--spacing-lg:24px}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--color-text);margin:0;font-family:Inter,Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.outer{min-height:100dvh}.app-shell{background:var(--color-bg);width:100%;max-width:430px;min-height:100dvh;margin:auto;position:relative;overflow:hidden;box-shadow:0 0 45px #111b302e}.app-scroll{scrollbar-width:none;height:calc(100dvh - 70px);overflow:hidden auto}.app-scroll::-webkit-scrollbar{display:none}.page{padding-bottom:calc(92px + env(safe-area-inset-bottom));min-height:100%}.page-container{padding:0 var(--spacing-md)}a{color:inherit;text-decoration:none}.page-enter{animation:.32s both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes pop{50%{transform:scale(1.18)}}.app-header{height:70px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20;background:#fffffff0;border-bottom:1px solid #e9edf4;align-items:center;gap:11px;display:flex;position:relative}.header-title{flex-direction:column;flex:1;min-width:0;display:flex}.header-title b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.header-title span{color:var(--color-muted);text-transform:uppercase;letter-spacing:.12em;margin-top:2px;font-size:10px}.header-actions{align-items:center;gap:8px;display:flex}.logo{color:#fff;background:linear-gradient(145deg,#315ca6,#6e5ae6);border-radius:27px;place-items:center;width:82px;height:82px;display:grid;position:relative;box-shadow:0 16px 35px #1a3a7140}.logo span:before,.logo span:after{content:"";border:2px solid #fffc;border-top:0;border-radius:0 0 16px 16px;width:28px;height:18px;position:absolute;bottom:18px}.logo span:before{left:14px;transform:rotate(12deg)}.logo span:after{right:14px;transform:rotate(-12deg)}.logo b{z-index:1;font-size:31px}.logo.small{width:40px;height:40px;box-shadow:none;border-radius:13px}.logo.small b{font-size:17px}.logo.small span:before,.logo.small span:after{width:14px;height:9px;bottom:8px}.logo.small span:before{left:7px}.logo.small span:after{right:7px}.icon-btn{cursor:pointer;background:#f2f4f8;border:0;border-radius:50%;place-items:center;width:40px;height:40px;transition:all .2s;display:grid}.icon-btn:active{transform:scale(.92)}.icon-btn svg{width:20px}.has-dot{position:relative}.has-dot:after{content:"";background:var(--color-danger);border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.avatar{width:40px;height:40px;color:var(--color-primary);background:linear-gradient(145deg,#dce7fb,#e7e1ff);border:2px solid #fff;border-radius:50%;flex:0 0 40px;place-items:center;font-size:12px;font-weight:800;display:grid;box-shadow:0 2px 8px #d7ddea}.avatar.teacher{color:#5c45ca;background:#e7e1ff}.badge{color:#59677e;letter-spacing:.06em;background:#eef1f6;border-radius:99px;align-items:center;gap:4px;width:max-content;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.badge svg{width:12px;height:12px}.badge.green{color:#23865a;background:#e7f7ee}.badge.blue{color:#285ca9;background:#e9f0fd}.badge.violet{color:#614acb;background:#eeeafe}.badge.amber{color:#9e6a0f;background:#fff3d8}.badge.red{color:#bd3e4b;background:#feecef}.section-header{justify-content:space-between;align-items:center;margin:22px 0 12px;display:flex}.section-header h2{margin:0;font-size:17px}.section-header a,.section-header>span{color:var(--color-muted);align-items:center;font-size:12px;display:flex}.section-header svg{width:15px}.primary-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:9px;width:100%;height:54px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 10px 22px #173a7233}.primary-btn:active{transform:scale(.98)}.primary-btn svg{width:18px}.bottom-nav{z-index:30;height:calc(70px + env(safe-area-inset-bottom));padding:7px 8px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border-top:1px solid #e8ebf2;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom-nav a{color:#8993a5;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:600;transition:all .2s;display:flex;position:relative}.bottom-nav a>span{border-radius:99px;place-items:center;min-width:43px;height:29px;transition:all .25s;display:grid;position:relative}.bottom-nav svg{width:21px;height:21px}.bottom-nav a.active{color:var(--color-primary)}.bottom-nav a.active>span{background:#e9f0fb}.bottom-nav i{background:var(--color-danger);color:#fff;border:2px solid #fff;border-radius:10px;place-items:center;min-width:15px;height:15px;padding:0 3px;font-size:8px;font-style:normal;display:grid;position:absolute;top:-3px;right:2px}.auth-screen{background:#fff;max-width:430px;min-height:100dvh;margin:auto;position:relative;overflow:hidden}.splash{color:#fff;text-align:center;background:linear-gradient(150deg,#0e2b59 0%,#254f8e 58%,#6c57d7 120%);justify-content:center;align-items:center;display:flex}.splash-content{z-index:2;position:relative}.splash .logo{background:#ffffff26;border:1px solid #ffffff4d;margin:auto;animation:.7s cubic-bezier(.2,.8,.2,1) both logoIn}@keyframes logoIn{0%{opacity:0;transform:scale(.7)rotate(-8deg)}to{opacity:1;transform:none}}.splash h1{margin:24px 0 9px;font-size:25px;line-height:1.28}.splash p{color:#d8e5ff;margin:0;font-size:14px}.splash>small{letter-spacing:.22em;color:#bbcbed;font-size:9px;position:absolute;bottom:35px}.splash-orb{background:#ffffff0d;border-radius:50%;position:absolute}.orb-one{width:300px;height:300px;top:-80px;right:-170px}.orb-two{width:210px;height:210px;bottom:40px;left:-110px}.loader{background:#ffffff26;border-radius:3px;width:42px;height:3px;margin:36px auto 0;overflow:hidden}.loader span{background:#fff;width:16px;height:100%;animation:1s ease-in-out infinite loading;display:block}@keyframes loading{0%{transform:translate(-16px)}to{transform:translate(45px)}}.light{background:linear-gradient(#edf3fd 0,#fff 34%)}.auth-top{align-items:center;gap:13px;padding:50px 26px 20px;display:flex}.auth-top .logo{border-radius:15px;width:48px;height:48px}.auth-top .logo b{font-size:20px}.auth-top .logo span:before,.auth-top .logo span:after{width:16px;height:10px;bottom:10px}.auth-top .logo span:before{left:8px}.auth-top .logo span:after{right:8px}.auth-top>div:last-child{flex-direction:column;display:flex}.auth-top b{font-size:17px}.auth-top span{color:var(--color-muted);font-size:11px}.auth-panel{padding:38px 26px}.auth-panel h1{letter-spacing:-.04em;margin:14px 0 8px;font-size:30px}.auth-panel>p{color:var(--color-muted);margin:0 0 28px;font-size:14px;line-height:1.6}.auth-panel label{color:#526077;margin:0 0 8px;font-size:11px;font-weight:700;display:block}.input-wrap{background:#fff;border:1.5px solid #d8deea;border-radius:16px;align-items:center;gap:11px;height:56px;margin-bottom:16px;padding:0 15px;transition:all .2s;display:flex}.input-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px #e8effa}.input-wrap svg{width:19px;color:var(--color-primary)}.input-wrap input{color:var(--color-text);background:0 0;border:0;outline:0;flex:1;font-weight:600}.demo-card{background:#f5f7fb;border-radius:17px;align-items:center;gap:12px;margin-top:26px;padding:13px;display:flex}.demo-card>div{flex-direction:column;flex:1;display:flex}.demo-card span{letter-spacing:.13em;color:var(--color-muted);font-size:8px}.demo-card b{margin:3px 0;font-size:13px}.demo-card small{color:var(--color-muted);font-size:10px}.demo-card>svg{width:18px;color:var(--color-success)}.secure{color:var(--color-muted);justify-content:center;align-items:center;gap:7px;width:100%;font-size:10px;display:flex;position:absolute;bottom:25px}.secure svg{width:14px}.simple-top{justify-content:space-between;padding:45px 22px 0;display:flex}.otp{text-align:center}.otp-icon{width:64px;height:64px;color:var(--color-primary);background:#e8effb;border-radius:22px;place-items:center;margin:auto;display:grid}.otp-icon svg{width:30px}.otp h1{font-size:27px}.otp-row{gap:7px;margin:30px 0 22px;display:flex}.otp-row input{text-align:center;width:100%;min-width:0;height:54px;color:var(--color-primary);border:1.5px solid #d7deeb;border-radius:13px;outline:0;font-size:20px;font-weight:800;transition:all .2s}.otp-row input:focus{border-color:var(--color-accent);transform:translateY(-2px)}.text-btn{color:var(--color-primary);background:0 0;border:0;margin:16px auto;font-size:12px;display:block}.text-btn b{color:var(--color-muted)}.demo-hint{color:var(--color-muted);background:#f2f4f8;border-radius:12px;margin:32px auto;padding:10px;font-size:11px}.demo-hint b{letter-spacing:.2em;color:var(--color-text);margin-left:8px}.welcome{justify-content:space-between;align-items:center;padding:18px 16px 13px;display:flex}.welcome span{color:var(--color-muted);font-size:11px}.welcome h1{margin:3px 0;font-size:21px}.stories{scrollbar-width:none;gap:13px;padding:4px 16px 15px;display:flex;overflow-x:auto}.story{color:var(--color-muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:6px;padding:0;display:flex}.story span{width:49px;height:49px;box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;place-items:center;transition:all .22s;display:grid}.story svg{width:20px}.story small{font-size:9px;font-weight:600}.story.active{color:var(--color-primary)}.story.active span{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.feed{flex-direction:column;gap:14px;display:flex}.post-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;animation:.35s both pageIn;overflow:hidden}.post-head{align-items:center;gap:10px;padding:15px 14px 7px;display:flex}.post-head>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.post-head b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.post-head span{color:var(--color-muted);margin-top:3px;font-size:9px}.post-head .icon-btn{background:0 0;width:30px}.verified{background:var(--color-primary);border-radius:50%;place-items:center;width:14px;height:14px;color:#fff!important;font-size:9px!important;display:inline-grid!important}.post-card>p{margin:7px 15px 13px;font-size:13px;line-height:1.52}.post-detail{color:var(--color-muted);margin-top:-6px!important}.post-media{background-repeat:no-repeat;background-size:200% 200%;height:215px}.crop-science{background-position:0 0}.crop-sports{background-position:100% 0}.crop-circuits{background-position:0 100%}.crop-event{background-position:100% 100%}.post-meta{color:var(--color-muted);justify-content:space-between;padding:11px 15px 9px;font-size:9px;display:flex}.post-actions{border-top:1px solid #edf0f5;height:45px;display:flex}.post-actions button,.post-actions a{color:#66738a;cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.post-actions svg{width:16px;height:16px}.post-actions .liked{color:#dc4b62}.post-actions .liked svg{fill:#dc4b62;animation:.3s pop}.post-actions .whatsapp{color:#259466}.announcement{background:linear-gradient(140deg,#fff8e7,#fff)}.announcement-label{color:#93620e;letter-spacing:.08em;background:#fff1cd;align-items:center;gap:6px;padding:10px 14px;font-size:9px;font-weight:800;display:flex}.announcement-label svg{width:14px}.spotlight{color:#fff;background:linear-gradient(145deg,#242d6c,#7059d8)}.spotlight .post-head span,.spotlight .post-detail,.spotlight .post-meta{color:#d8d8f4}.spotlight .post-actions{border-color:#ffffff26}.spotlight .post-actions button,.spotlight .post-actions a{color:#efefff}.spotlight-top{text-align:center;letter-spacing:.14em;color:#f8d878;padding:12px 0 0;font-size:9px;font-weight:800}.spotlight-top svg{vertical-align:middle;width:13px}.spotlight-name{font-weight:800;font-size:18px!important}.event-strip{background:#f7f5ff;align-items:center;gap:12px;padding:13px 15px;display:flex}.event-strip>div{width:46px;height:51px;color:var(--color-accent);background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex}.event-strip small{font-size:8px}.event-strip b{font-size:20px}.event-strip p{flex-direction:column;gap:5px;margin:0;display:flex}.event-strip p b{font-size:13px}.event-strip p span{color:var(--color-muted);align-items:center;gap:4px;font-size:9px;display:flex}.event-strip svg{width:12px}.event-buttons{gap:8px;padding:10px 14px 0;display:flex}.event-buttons a,.event-buttons button{background:#fff;border:1px solid #dce1eb;border-radius:10px;flex:1;place-items:center;height:35px;font-size:10px;font-weight:700;display:grid}.event-buttons a{background:var(--color-primary);color:#fff}.comments{border-radius:var(--radius-lg);background:#fff;overflow:hidden}.comment-item{border-bottom:1px solid #eef0f4;gap:10px;padding:14px;display:flex}.comment-item>div{flex-direction:column;gap:5px;display:flex}.comment-item p{align-items:center;gap:6px;margin:0;font-size:11px;display:flex}.comment-item span{font-size:12px}.comment-item small{color:var(--color-muted);font-size:9px}.comment-composer{z-index:40;background:#fff;border-top:1px solid #e7ebf1;align-items:center;gap:9px;height:72px;padding:10px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.comment-composer input{background:#f1f3f7;border:0;border-radius:22px;outline:0;flex:1;height:42px;padding:0 15px}.comment-composer button{background:var(--color-primary);color:#fff;border:0;border-radius:50%;width:40px;height:40px}.comment-composer svg{width:17px}.community-hero{color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#173a72,#5b50bb);border-radius:22px;justify-content:space-between;align-items:end;margin-top:15px;padding:20px;display:flex}.community-hero h1{margin:10px 0 4px;font-size:20px}.community-hero p{color:#cfdbf1;margin:0;font-size:10px}.avatar-stack{display:flex}.avatar-stack .avatar{border-color:#254781;margin-left:-14px}.avatar-stack span{width:38px;height:38px;color:var(--color-primary);background:#fff;border-radius:50%;place-items:center;margin-left:-12px;font-size:9px;font-weight:700;display:grid}.community-switch,.segmented{background:#e8ebf1;border-radius:13px;margin:16px 0;padding:4px;display:flex}.community-switch button,.segmented button{height:36px;color:var(--color-muted);background:0 0;border:0;border-radius:10px;flex:1;font-size:11px;font-weight:700}.community-switch .active,.segmented .active{color:var(--color-primary);box-shadow:var(--shadow-sm);background:#fff}.poll-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:22px;padding:18px}.poll-card h3{margin:12px 0 6px;font-size:16px}.poll-card>p{color:var(--color-muted);font-size:12px;line-height:1.5}.poll-options{flex-direction:column;gap:8px;margin:16px 0;display:flex}.poll-options button{text-align:left;background:#fff;border:1px solid #e0e5ed;border-radius:12px;align-items:center;gap:10px;height:46px;padding:0 12px;font-size:10px;display:flex;position:relative;overflow:hidden}.poll-options button>:not(.progress){z-index:2;position:relative}.poll-options button>i{background:#eef1f6;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;font-style:normal;display:grid}.poll-options button>i svg{width:13px}.poll-options button>b{flex:1}.poll-options button strong{color:var(--color-accent)}.poll-options button.selected{border-color:var(--color-accent);color:#4434a5}.progress{background:#efecff;transition:width .6s;position:absolute;top:0;bottom:0;left:0}.poll-card>small{color:var(--color-muted);font-size:9px}.academics-head{padding:25px 3px 16px}.academics-head span,.schedule-date span{letter-spacing:.12em;color:var(--color-accent);font-size:9px;font-weight:800}.academics-head h1{margin:7px 0;font-size:25px}.academics-head p{color:var(--color-muted);margin:0;font-size:11px}.summary-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.summary-card{min-height:132px;box-shadow:var(--shadow-sm);background:#fff;border-radius:19px;flex-direction:column;padding:14px;display:flex}.summary-card>span{border-radius:11px;place-items:center;width:34px;height:34px;margin-bottom:13px;display:grid}.summary-card svg{width:17px}.summary-card>small{letter-spacing:.09em;color:var(--color-muted);font-size:8px;font-weight:800}.summary-card>b{margin:4px 0;font-size:16px}.summary-card>em{color:var(--color-muted);font-size:9px;font-style:normal}.summary-card.green>span{color:#26865b;background:#e6f6ed}.summary-card.violet>span{color:#614acb;background:#eeeafe}.summary-card.blue>span{color:#285ca9;background:#e8f0fc}.summary-card.amber>span{color:#a66d08;background:#fff2d7}.module-grid{box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.module-card{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f4;align-items:center;gap:12px;width:100%;min-height:64px;padding:11px 13px;display:flex}.module-card>span{width:38px;height:38px;color:var(--color-primary);background:#eff3f9;border-radius:12px;place-items:center;display:grid}.module-card svg{width:18px}.module-card>div{flex-direction:column;flex:1;gap:4px;display:flex}.module-card b{font-size:12px}.module-card small{color:var(--color-muted);font-size:9px}.module-card>svg{color:#a2abba;width:16px}.attendance-hero{color:#fff;background:linear-gradient(135deg,#173a72,#335fa2);border-radius:22px;justify-content:space-between;align-items:center;margin:16px 0 10px;padding:20px;display:flex}.attendance-hero>div:first-child{flex-direction:column;display:flex}.attendance-hero span{letter-spacing:.1em;color:#c9d8ee;font-size:8px}.attendance-hero b{font-size:40px}.attendance-hero b small{font-size:18px}.attendance-hero em{color:#b8ddca;font-size:10px;font-style:normal}.ring{border:7px solid #ffffff2b;border-top-color:#66d19a;border-radius:50%;place-items:center;width:76px;height:76px;font-size:14px!important;display:grid!important}.attendance-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.attendance-stats div{text-align:center;background:#fff;border-radius:14px;flex-direction:column;padding:12px;display:flex}.attendance-stats b{font-size:17px}.attendance-stats span{color:var(--color-muted);margin-top:3px;font-size:8px}.calendar-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;padding:15px}.calendar-head{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.calendar-head b{font-size:13px}.calendar-head button{background:#f1f3f7;border:0;border-radius:9px;width:29px;height:29px}.calendar-head svg{width:14px}.weekdays,.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.weekdays span{color:var(--color-muted);padding-bottom:8px;font-size:8px}.calendar-grid button{aspect-ratio:1;background:0 0;border:0;border-radius:50%;place-items:center;padding:4px;display:grid}.calendar-grid button span{border-radius:50%;place-items:center;width:100%;height:100%;font-size:9px;display:grid}.calendar-grid .present span{color:#23865a;background:#e7f7ee}.calendar-grid .absent span{color:#bd3e4b;background:#feecef}.calendar-grid .holiday span{color:#9e6a0f;background:#fff3d8}.calendar-grid .weekend span{color:#8e98a8;background:#eff1f5}.calendar-grid .future{color:#b2bac7}.legend{border-top:1px solid #eef0f4;justify-content:center;gap:10px;margin-top:14px;padding-top:12px;display:flex}.legend span{color:var(--color-muted);align-items:center;gap:4px;font-size:7px;display:flex}.legend i{border-radius:50%;width:7px;height:7px}.legend .present{background:#64bf8b}.legend .absent{background:#e56b75}.legend .holiday{background:#eab24e}.legend .weekend{background:#a5adba}.recent-list{background:#fff;border-radius:18px;overflow:hidden}.recent-list>div{border-bottom:1px solid #eef1f5;align-items:center;gap:11px;padding:12px;display:flex}.recent-list>div>span{border-radius:10px;place-items:center;width:33px;height:33px;display:grid}.recent-list>div>span svg{width:15px}.recent-list .present{color:#23865a;background:#e7f7ee}.recent-list .absent{color:#bd3e4b;background:#feecef}.recent-list>div>div{flex-direction:column;flex:1;display:flex}.recent-list b{font-size:11px}.recent-list small{color:var(--color-muted);font-size:8px}.segmented button i{background:#e4e8ef;border-radius:8px;margin-left:3px;padding:2px 5px;font-size:8px;font-style:normal}.homework-list{flex-direction:column;gap:12px;display:flex}.homework-card{box-shadow:var(--shadow-sm);border-left:4px solid var(--color-primary);background:#fff;border-radius:19px;padding:15px;transition:all .3s}.homework-card.violet{border-left-color:var(--color-accent)}.homework-card.amber{border-left-color:var(--color-warning)}.homework-card.completed{opacity:.65;transform:scale(.98)}.subject-row{justify-content:space-between;align-items:center;display:flex}.subject-row>span{color:var(--color-danger);align-items:center;gap:4px;font-size:8px;display:flex}.subject-row svg{width:12px}.homework-card h3{margin:13px 0 5px;font-size:15px}.homework-card>p{color:var(--color-muted);margin:0 0 9px;font-size:11px}.homework-card>small{color:#8b95a6;font-size:8px}.homework-card>div:last-child{gap:8px;margin-top:15px;display:flex}.homework-card>div:last-child button{border-radius:10px;justify-content:center;align-items:center;gap:5px;height:36px;font-size:9px;font-weight:700;display:flex}.outline-btn{background:#fff;border:1px solid #dfe4ed;flex:1}.complete-btn{color:var(--color-primary);background:#e8f0fc;border:0;flex:1.4}.complete-btn svg{width:14px}.empty{text-align:center;color:var(--color-muted);background:#fff;border-radius:20px;padding:35px 20px}.empty>svg{width:42px;color:var(--color-success)}.empty h3{color:var(--color-text);font-size:16px}.empty p{font-size:11px}.day-tabs{gap:7px;padding:15px 16px;display:flex;overflow:auto}.day-tabs button{min-width:52px;height:61px;color:var(--color-muted);box-shadow:var(--shadow-sm);background:#fff;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;display:flex}.day-tabs small{font-size:9px}.day-tabs b{margin-top:3px;font-size:15px}.day-tabs .active{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.schedule-date{justify-content:space-between;align-items:end;margin:10px 0 19px;display:flex}.schedule-date h2{margin:4px 0 0;font-size:19px}.timeline{flex-direction:column;display:flex}.timetable-card{grid-template-columns:55px 15px 1fr auto;gap:7px;min-height:78px;display:grid}.timetable-card .time{flex-direction:column;display:flex}.timetable-card .time b{font-size:11px}.timetable-card .time span{color:var(--color-muted);margin-top:3px;font-size:8px}.timetable-card>i{background:#cbd2de;border:2px solid #fff;border-radius:50%;width:9px;height:9px;margin-top:3px;position:relative;box-shadow:0 0 0 1px #cbd2de}.timetable-card>i:after{content:"";background:#dfe3eb;width:1px;height:72px;position:absolute;top:9px;left:3px}.timetable-card:last-child>i:after{display:none}.timetable-card>div:nth-child(3){flex-direction:column;gap:4px;padding-bottom:18px;display:flex}.timetable-card>div:nth-child(3)>b{font-size:13px}.timetable-card>div:nth-child(3)>span{color:var(--color-muted);font-size:9px}.timetable-card>div:nth-child(3)>small{color:var(--color-accent);font-size:8px}.timetable-card.current>i{background:var(--color-success);box-shadow:0 0 0 2px #bfe8d2}.timetable-card.break{min-height:55px}.alert-tabs{gap:7px;padding:14px 16px;display:flex;overflow:auto}.alert-tabs button{white-space:nowrap;background:#fff;border:1px solid #dfe4ed;border-radius:99px;height:34px;padding:0 13px;font-size:9px;font-weight:700}.alert-tabs .active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.notification-actions{justify-content:space-between;align-items:center;margin:5px 0 13px;display:flex}.notification-actions b{font-size:14px}.notification-actions button{color:var(--color-primary);background:0 0;border:0;font-size:9px;font-weight:700}.notification-list{flex-direction:column;gap:9px;display:flex}.notification-card{text-align:left;width:100%;box-shadow:var(--shadow-sm);background:#fff;border:0;border-radius:17px;gap:11px;padding:13px;transition:all .3s;display:flex;position:relative}.notification-card.unread{background:#f9fbff}.notification-card>span{border-radius:12px;flex:0 0 39px;place-items:center;width:39px;height:39px;display:grid}.notification-card>span svg{width:18px}.notification-card>span.important{color:#b67510;background:#fff1dc}.notification-card>span.academic{color:#285ca9;background:#e9f0fd}.notification-card>span.community{color:#c84357;background:#feecef}.notification-card>span.school{color:#614acb;background:#eeeafe}.notification-card>div{flex-direction:column;gap:4px;padding-right:10px;display:flex}.notification-card small{color:var(--color-accent);text-transform:uppercase;font-size:8px;font-weight:800}.notification-card b{font-size:11px;line-height:1.45}.notification-card em{color:var(--color-muted);font-size:8px;font-style:normal}.notification-card>i{background:var(--color-primary);border-radius:50%;width:7px;height:7px;position:absolute;top:15px;right:12px}.profile-hero{text-align:center;padding:28px 0 20px}.profile-avatar{width:78px;height:78px;color:var(--color-primary);box-shadow:var(--shadow-md);background:linear-gradient(145deg,#dce8fb,#e7e1ff);border:4px solid #fff;border-radius:27px;place-items:center;margin:auto;font-size:23px;font-weight:800;display:grid;position:relative}.profile-avatar span{background:var(--color-primary);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;display:grid;position:absolute;bottom:1px;right:-4px}.profile-hero h1{margin:13px 0 4px;font-size:21px}.profile-hero p{color:var(--color-muted);margin:0 0 10px;font-size:10px}.profile-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:19px;margin-bottom:11px;padding:3px 15px 10px}.profile-card .section-header{margin:14px 0 5px}.profile-card .section-header h2{font-size:12px}.info-row{align-items:center;gap:11px;padding:10px 0;display:flex}.info-row>span{width:34px;height:34px;color:var(--color-primary);background:#f0f3f8;border-radius:11px;place-items:center;display:grid}.info-row svg{width:16px}.info-row>div{flex-direction:column;gap:3px;display:flex}.info-row small{color:var(--color-muted);letter-spacing:.08em;font-size:7px}.info-row b{font-size:11px}.profile-menu{background:#fff;border-radius:19px;margin-top:14px;overflow:hidden}.profile-menu button{background:#fff;border:0;border-bottom:1px solid #eef1f4;align-items:center;gap:11px;width:100%;height:53px;padding:0 14px;display:flex}.profile-menu svg{width:17px;color:var(--color-primary)}.profile-menu span{text-align:left;flex:1;font-size:11px;font-weight:600}.profile-menu button>svg:last-child{color:#a5adba;width:14px}.profile-menu .logout,.profile-menu .logout svg{color:var(--color-danger)}.version{text-align:center;color:#a1aab8;margin:20px 0;font-size:8px;display:block}.event-hero{position:relative}.event-hero .post-media{height:260px}.event-date{width:66px;height:75px;box-shadow:var(--shadow-md);color:var(--color-accent);background:#fff;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-24px;left:18px}.event-date small{font-size:8px}.event-date b{font-size:25px}.event-date span{color:var(--color-muted);font-size:7px}.event-title{margin:48px 0 8px;font-size:27px}.event-copy{color:var(--color-muted);font-size:12px;line-height:1.65}.event-facts{background:#fff;border-radius:18px;margin-top:18px;padding:5px 14px}.instructions{background:#fff;border-radius:18px;padding:8px 14px}.instructions p{align-items:center;gap:9px;font-size:10px;display:flex}.instructions svg{width:15px;color:var(--color-success)}.event-footer{gap:8px;margin-top:16px;display:flex}.event-footer button{background:var(--color-primary);color:#fff;border:0;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:7px;height:48px;font-size:10px;font-weight:700;display:flex}.event-footer svg{width:17px}.event-footer .interested{color:var(--color-primary);background:#fff;border:1px solid #dbe1eb}.event-footer .interested.active{color:#c84357;background:#feecef;border-color:#f7cdd4}.event-footer .interested.active svg{fill:#c84357}.sheet-backdrop{z-index:100;background:#0a132273;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}.bottom-sheet{width:100%;max-width:430px;padding:8px 18px calc(26px + env(safe-area-inset-bottom));background:#fff;border-radius:25px 25px 0 0;animation:.28s sheetUp}@keyframes fade{0%{opacity:0}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}.grabber{background:#d7dce5;border-radius:3px;width:38px;height:4px;margin:0 auto 15px;display:block}.sheet-title{justify-content:space-between;align-items:center;display:flex}.sheet-title>div{flex-direction:column;display:flex}.sheet-title b{font-size:16px}.sheet-title small{color:var(--color-muted);margin-top:3px;font-size:9px}.share-preview{background:#f5f7fa;border-radius:15px;gap:11px;margin:15px 0;padding:12px;display:flex}.share-preview p{flex-direction:column;min-width:0;margin:0;display:flex}.share-preview b{font-size:10px}.share-preview span{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:9px;overflow:hidden}.share-options{justify-content:space-around;display:flex}.share-options button{background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;font-size:9px;display:flex}.share-options button>span{width:48px;height:48px;color:var(--color-primary);background:#edf1f7;border-radius:16px;place-items:center;display:grid}.share-options svg{width:19px}.share-options .wa{color:#219263;background:#e5f7ed}.toast{z-index:150;color:#fff;width:max-content;max-width:360px;box-shadow:var(--shadow-md);background:#14233a;border-radius:13px;align-items:center;gap:7px;padding:11px 15px;font-size:10px;animation:.25s pageIn;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.toast svg{color:#70d49e;width:16px}.skeleton-card{background:#fff;border-radius:20px;padding:15px}.skeleton-card span{background:linear-gradient(90deg,#edf0f4,#f8f9fb,#edf0f4) 0 0/200%;border-radius:6px;height:10px;margin:8px;animation:1.2s infinite shimmer;display:block}.skeleton-card span:first-child{width:45%;height:35px}.skeleton-card span:last-child{width:70%}@keyframes shimmer{to{background-position:-200%}}@media (width<=430px){body{background:var(--color-bg)}.app-shell{max-width:none;box-shadow:none}.auth-screen{max-width:none}}@media (width>=431px){.app-shell,.auth-screen{border-left:1px solid #dfe3eb;border-right:1px solid #dfe3eb}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.discover-links{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.discover-links a{height:52px;color:var(--color-primary);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:6px;font-size:8px;font-weight:700;display:flex}.discover-links svg{width:16px}.feed-link{padding:0 14px 11px}.feed-link a{height:36px;color:inherit;background:#ffffff24;border:1px solid #6e7b9133;border-radius:11px;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.feed-link svg{width:14px}.progress-bar{background:#e7ebf1;border-radius:10px;height:7px;overflow:hidden}.progress-bar span{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:10px;height:100%;animation:.7s both growBar;display:block}@keyframes growBar{0%{width:0!important}}.progress-bar.green span{background:var(--color-success)}.exam-summary{color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(145deg,#173a72,#6555ca);border-radius:23px;grid-template-columns:1fr auto;gap:10px;margin-top:16px;padding:20px;display:grid}.exam-summary h1{margin:12px 0 8px;font-size:21px}.exam-summary p{color:#d8e2f4;align-items:center;gap:5px;font-size:9px;display:flex}.exam-summary p svg{width:13px}.countdown{background:#ffffff21;border-radius:22px;justify-content:center;align-items:center;gap:5px;width:70px;height:70px;display:flex}.countdown b{font-size:30px}.countdown span{color:#d9e1f3;font-size:8px;line-height:1.3}.exam-summary-foot{color:#ccd8ee;border-top:1px solid #ffffff26;grid-column:1/-1;gap:22px;padding-top:12px;font-size:9px;display:flex}.exam-summary-foot b{color:#fff;margin-right:4px;font-size:13px}.exam-list{flex-direction:column;gap:11px;display:flex}.exam-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;gap:13px;padding:14px;animation:.3s both pageIn;display:flex}.exam-date-block{width:54px;height:67px;color:var(--color-primary);background:#ecf2fc;border-radius:15px;flex-direction:column;flex:0 0 54px;justify-content:center;align-items:center;display:flex}.exam-date-block small,.exam-date-block span{font-size:7px;font-weight:800}.exam-date-block b{font-size:22px}.exam-main{flex:1;min-width:0}.exam-main h3{margin:7px 0;font-size:15px}.exam-main p{color:var(--color-muted);align-items:center;gap:4px;margin:0 9px 6px 0;font-size:8px;display:inline-flex}.exam-main p svg{width:12px}.exam-main>small{white-space:nowrap;text-overflow:ellipsis;color:#7d889a;border-top:1px solid #eef1f5;padding-top:6px;font-size:8px;display:block;overflow:hidden}.exam-main button{color:var(--color-primary);background:0 0;border:0;align-items:center;margin-top:9px;padding:0;font-size:9px;font-weight:700;display:flex}.exam-main button svg{width:13px}.detail-sheet .sheet-title>div{gap:9px}.detail-list{background:#f5f7fa;border-radius:17px;margin:17px 0;padding:7px 14px}.exam-note{color:#9d6a13;background:#fff5de;border-radius:15px;gap:10px;padding:12px;display:flex}.exam-note>svg{width:20px}.exam-note p{flex-direction:column;gap:4px;margin:0;display:flex}.exam-note b{font-size:10px}.exam-note span{font-size:8px;line-height:1.4}.result-student{align-items:center;gap:10px;padding:15px 2px;display:flex}.result-student>div{flex-direction:column;flex:1;display:flex}.result-student b{font-size:12px}.result-student span{color:var(--color-muted);font-size:8px}.performance-card{color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(145deg,#172e5c,#345fa4);border-radius:23px;align-items:center;gap:17px;padding:20px;display:flex}.performance-ring{background:conic-gradient(#75d4a2 var(--score),#ffffff24 0);border-radius:50%;flex:0 0 94px;width:94px;height:94px;padding:7px;animation:.55s badgeIn}.performance-ring>span{background:#1e3c70;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.performance-ring b{font-size:21px}.performance-ring small{color:#cdd9ee;font-size:7px}.performance-card>div:last-child{flex:1}.performance-card h2{margin:10px 0 5px;font-size:16px}.performance-card p{color:#cbd7ec;font-size:9px}.performance-card .progress-bar{background:#ffffff21;margin-top:13px}.term-pills{gap:7px;display:flex}.term-pills button{background:#fff;border:1px solid #dce2ec;border-radius:99px;height:35px;padding:0 13px;font-size:9px;font-weight:700}.term-pills .active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.results-list{box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;overflow:hidden}.result-row{border-bottom:1px solid #edf0f4;align-items:center;gap:10px;padding:12px;display:flex}.result-row>span{width:32px;height:32px;color:var(--color-primary);background:#edf2fa;border-radius:10px;place-items:center;font-size:9px;font-weight:800;display:grid}.result-row>div{flex-direction:column;flex:1;gap:7px;display:flex}.result-row>div b{font-size:10px}.result-row .progress-bar{height:4px}.result-row>strong{font-size:13px}.result-row>strong small{color:var(--color-muted);font-size:7px}.teacher-remark{background:#f1edff;border-radius:18px;gap:11px;margin:15px 0;padding:15px;display:flex}.teacher-remark>div{flex-direction:column;display:flex}.teacher-remark small{color:var(--color-accent);font-size:7px;font-weight:800}.teacher-remark p{margin:7px 0;font-size:10px;line-height:1.55}.teacher-remark b{color:var(--color-muted);font-size:8px}.term-attendance{background:#fff;border-radius:16px;align-items:center;gap:11px;margin-bottom:15px;padding:12px;display:flex}.term-attendance>span{width:36px;height:36px;color:var(--color-success);background:#e7f7ee;border-radius:11px;place-items:center;display:grid}.term-attendance svg{width:17px}.term-attendance p{flex-direction:column;display:flex}.term-attendance small{color:var(--color-muted);font-size:7px}.term-attendance b{margin-top:3px;font-size:11px}.fee-summary{color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(145deg,#173a72,#2f5a99);border-radius:23px;margin-top:16px;padding:19px}.fee-summary-top{justify-content:space-between;align-items:center;display:flex}.fee-summary-top>div{flex-direction:column;display:flex}.fee-summary-top small{color:#bdcce3;font-size:7px}.fee-summary-top b{margin-top:3px;font-size:12px}.fee-summary-top>svg{color:#8fe0b4;width:28px}.fee-total{justify-content:space-between;align-items:end;margin:22px 0 10px;display:flex}.fee-total span{color:#c9d6e9;font-size:9px}.fee-total b{font-size:25px}.fee-summary .progress-bar{background:#ffffff26}.fee-summary .progress-bar span{background:#67ce97}.fee-breakdown{gap:28px;margin-top:15px;display:flex}.fee-breakdown p{align-items:start;gap:7px;margin:0;display:flex}.fee-breakdown i{border-radius:50%;width:8px;height:8px;margin-top:2px}.fee-breakdown i.paid{background:#67ce97}.fee-breakdown i.pending{background:#f3b952}.fee-breakdown span{color:#bdcce3;flex-direction:column;font-size:7px;display:flex}.fee-breakdown b{color:#fff;margin-top:2px;font-size:11px}.current-due{box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;padding:17px}.due-top{justify-content:space-between;align-items:center;display:flex}.due-top>span{color:#b97711;background:#fff0db;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.due-top svg{width:18px}.current-due>small{color:var(--color-muted);margin-top:14px;font-size:8px;display:block}.current-due h2{margin:4px 0;font-size:24px}.current-due p{color:var(--color-danger);margin-bottom:14px;font-size:9px}.payment-list{background:#fff;border-radius:19px;overflow:hidden}.payment-history{border-bottom:1px solid #edf0f4;align-items:center;gap:10px;padding:13px;display:flex}.payment-history>span{width:36px;height:36px;color:var(--color-success);background:#e7f7ee;border-radius:11px;place-items:center;display:grid}.payment-history svg{width:16px}.payment-history>div{flex-direction:column;flex:1;display:flex}.payment-history b{font-size:10px}.payment-history small{color:var(--color-muted);margin-top:3px;font-size:7px}.payment-history>p{text-align:right;flex-direction:column;display:flex}.payment-history>p small{color:var(--color-success)}.payment-history>button{color:var(--color-primary);background:0 0;border:0;padding:6px}.payment-amount{text-align:center;background:#f5f7fb;border-radius:17px;flex-direction:column;margin:17px 0;padding:16px;display:flex}.payment-amount span{color:var(--color-muted);font-size:8px}.payment-amount b{margin:4px;font-size:28px}.payment-amount small{color:var(--color-muted);font-size:8px}.payment-methods{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.payment-methods button{background:#fff;border:1px solid #e0e5ed;border-radius:14px;align-items:center;gap:10px;height:50px;padding:0 13px;display:flex}.payment-methods button.active{border-color:var(--color-primary);background:#f2f6fc}.payment-methods button svg{width:18px}.payment-methods button span{text-align:left;flex:1;font-size:10px;font-weight:700}.payment-methods button svg:last-child{color:var(--color-success)}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.demo-disclaimer{text-align:center;color:var(--color-muted);margin-top:10px;font-size:7px;display:block}.payment-success{text-align:center;padding:15px 5px}.payment-success>div{width:68px;height:68px;color:var(--color-success);background:#e7f7ee;border-radius:50%;place-items:center;margin:auto;animation:.5s badgeIn;display:grid}.payment-success>div svg{width:30px}.payment-success h2{font-size:21px}.payment-success>p{color:var(--color-muted);font-size:9px}.payment-success section{text-align:left;background:#f5f7fa;border-radius:15px;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0;padding:14px;display:grid}.payment-success section span{color:var(--color-muted);font-size:8px}.payment-success section b{text-align:right;font-size:9px}.header-add{color:var(--color-primary);background:#e8effb;border:0;border-radius:11px;align-items:center;gap:4px;height:34px;padding:0 10px;font-size:9px;font-weight:700;display:flex}.header-add svg{width:14px}.leave-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.leave-summary div{background:#fff;border-radius:15px;flex-direction:column;align-items:center;gap:5px;padding:12px;display:flex}.leave-summary span{border-radius:10px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.leave-summary .green{color:#25865a;background:#e7f7ee}.leave-summary .amber{color:#9e6a0f;background:#fff3d8}.leave-summary .red{color:#bd3e4b;background:#feecef}.leave-summary small{color:var(--color-muted);font-size:8px}.apply-leave{color:#fff;background:linear-gradient(135deg,#173a72,#345f9e);border:0;border-radius:18px;align-items:center;gap:10px;width:100%;margin-top:12px;padding:14px;display:flex}.apply-leave>span{background:#ffffff26;border-radius:12px;place-items:center;width:37px;height:37px;display:grid}.apply-leave svg{width:17px}.apply-leave p{text-align:left;flex-direction:column;flex:1;display:flex}.apply-leave b{font-size:11px}.apply-leave small{color:#cad7e9;margin-top:3px;font-size:8px}.leave-list{flex-direction:column;gap:9px;display:flex}.leave-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:17px;padding:14px}.leave-card>div{align-items:center;gap:10px;display:flex}.leave-card>div>span{border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.leave-card>div>span svg{width:16px}.leave-card .green{color:#25865a;background:#e7f7ee}.leave-card .amber{color:#9e6a0f;background:#fff3d8}.leave-card .red{color:#bd3e4b;background:#feecef}.leave-card>div>div{flex-direction:column;flex:1;display:flex}.leave-card b{font-size:11px}.leave-card small{color:var(--color-muted);margin-top:3px;font-size:8px}.leave-card>p{color:var(--color-muted);border-top:1px solid #eef1f5;margin:10px 0 0;padding-top:9px;font-size:9px}.leave-form{max-height:92dvh;overflow:auto}.leave-form>label{color:#56647a;flex-direction:column;gap:6px;margin:13px 0;font-size:9px;font-weight:700;display:flex}.leave-form select,.leave-form input,.leave-form textarea{color:var(--color-text);background:#fff;border:1px solid #dce2ec;border-radius:12px;outline:0;padding:11px;font-size:10px}.leave-form textarea{resize:none;height:75px}.date-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.date-fields label{color:#56647a;flex-direction:column;gap:6px;font-size:9px;font-weight:700;display:flex}.toggle-row{background:#f5f7fa;border-radius:13px;height:54px;padding:0 12px;flex-direction:row!important;align-items:center!important}.toggle-row>span{flex-direction:column;flex:1;display:flex}.toggle-row small{color:var(--color-muted);margin-top:2px;font-size:7px}.toggle-row input{display:none}.toggle-row>i{background:#cdd3de;border-radius:20px;width:38px;height:22px;transition:all .2s;position:relative}.toggle-row>i:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .2s;position:absolute;top:2.5px;left:3px}.toggle-row input:checked+i{background:var(--color-primary)}.toggle-row input:checked+i:after{transform:translate(15px)}.attachment-btn{background:#f8f9fb;border:1px dashed #cbd3e0;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;height:43px;font-size:9px;display:flex}.attachment-btn svg{width:15px}.attachment-btn small{color:var(--color-muted)}.academic-calendar{box-shadow:var(--shadow-sm);background:#fff;border-radius:21px;margin-top:16px;padding:16px}.academic-days{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.academic-days>button{aspect-ratio:1;background:0 0;border:0;border-radius:12px;font-size:9px;position:relative}.academic-days>button span{z-index:2;position:relative}.academic-days>button>i{border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:calc(50% - 2px)}.academic-days .exam{color:#285ca9;background:#eef2fb}.academic-days .exam i,.calendar-type-legend .exam i{background:#3f6db4}.academic-days .holiday{color:#9e6a0f;background:#fff4dc}.academic-days .holiday i,.calendar-type-legend .holiday i{background:#e8a92f}.academic-days .event{color:#604ac8;background:#eeeafe}.academic-days .event i,.calendar-type-legend .event i{background:#735dde}.academic-days .ptm{color:#24855a;background:#e7f7ee}.academic-days .ptm i,.calendar-type-legend .ptm i{background:#37a66e}.academic-days .activity{color:#bd3e4b;background:#feecef}.academic-days .activity i,.calendar-type-legend .activity i{background:#df6070}.calendar-type-legend{border-top:1px solid #eef1f5;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:15px;padding-top:12px;display:flex}.calendar-type-legend span{color:var(--color-muted);align-items:center;gap:4px;font-size:7px;display:flex}.calendar-type-legend i{border-radius:50%;width:6px;height:6px}.upcoming-calendar{background:#fff;border-radius:18px;overflow:hidden}.upcoming-calendar button{background:#fff;border:0;border-bottom:1px solid #edf0f4;align-items:center;gap:10px;width:100%;height:60px;padding:0 13px;display:flex}.upcoming-calendar>button>span{border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.upcoming-calendar>button>span.event{color:#604ac8;background:#eeeafe}.upcoming-calendar>button>span.ptm{color:#24855a;background:#e7f7ee}.upcoming-calendar>button>span.exam{color:#285ca9;background:#e9f0fd}.upcoming-calendar svg{width:16px}.upcoming-calendar p{text-align:left;flex-direction:column;flex:1;display:flex}.upcoming-calendar b{font-size:10px}.upcoming-calendar small{color:var(--color-muted);margin-top:3px;font-size:8px}.calendar-sheet-event{border-left:4px solid var(--color-primary);background:#f5f7fb;border-radius:14px;flex-direction:column;gap:5px;margin-top:16px;padding:16px;display:flex}.calendar-sheet-event>span{text-transform:uppercase;color:var(--color-primary);font-size:7px;font-weight:800}.calendar-sheet-event>b{font-size:13px}.calendar-sheet-event>small{color:var(--color-muted);font-size:8px}.calendar-sheet-event>a{color:var(--color-primary);align-items:center;margin-top:5px;font-size:9px;font-weight:700;display:flex}.calendar-sheet-event svg{width:13px}.bus-card{color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(145deg,#173a72,#355f9c);border-radius:23px;margin-top:16px;padding:18px}.bus-card-top{align-items:center;gap:11px;display:flex}.bus-card-top>span{background:#ffffff24;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.bus-card-top>span svg{width:25px}.bus-card-top>div{flex:1}.bus-card-top small,.bus-people small,.pickup-box small{color:#bccbe1;letter-spacing:.08em;font-size:7px}.bus-card-top h1{margin:3px 0;font-size:20px}.bus-card-top p{color:#cbd7e9;margin:0;font-size:9px}.bus-people{border-top:1px solid #ffffff26;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;padding-top:14px;display:grid}.bus-people p{flex-direction:column;margin:0;display:flex}.bus-people b{margin:4px 0;font-size:10px}.bus-people span{color:#bdcce2;font-size:7px}.pickup-box{background:#ffffff1c;border-radius:14px;align-items:center;gap:9px;margin-top:14px;padding:11px;display:flex}.pickup-box>svg{color:#8edeb2;width:20px}.pickup-box p{flex-direction:column;display:flex}.pickup-box b{margin:3px 0;font-size:10px}.pickup-box span{color:#bdcce2;font-size:7px}.transport-timeline{background:#fff;border-radius:19px;padding:15px}.transport-timeline>div{align-items:start;gap:11px;min-height:58px;display:flex;position:relative}.transport-timeline>div>i{color:#8995a7;z-index:2;background:#edf1f6;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.transport-timeline>div>i:after{content:"";background:#dce2eb;width:1px;height:27px;position:absolute;top:31px;left:15px}.transport-timeline>div:last-child>i:after{display:none}.transport-timeline svg{width:14px}.transport-timeline .complete>i{color:#25865a;background:#e7f7ee}.transport-timeline .current>i{background:var(--color-primary);color:#fff;box-shadow:0 0 0 4px #e6edf8}.transport-timeline p{flex-direction:column;flex:1;margin:3px 0;display:flex}.transport-timeline b{font-size:10px}.transport-timeline small{color:var(--color-muted);margin-top:3px;font-size:8px}.transport-actions{gap:8px;margin-top:14px;display:flex}.transport-actions .primary-btn{flex:1}.transport-actions>a{height:54px;color:var(--color-primary);background:#fff;border:1px solid #dae0ea;border-radius:16px;justify-content:center;align-items:center;gap:5px;padding:0 14px;font-size:9px;font-weight:700;display:flex}.transport-actions svg{width:16px}.tracking-view,.document-preview{z-index:60;background:var(--color-bg);animation:.3s pageIn;position:absolute;inset:0;overflow:auto}.tracking-header,.document-preview>header{background:#fff;align-items:center;gap:10px;height:70px;padding:12px 15px;display:flex}.tracking-header>div,.document-preview>header>div{flex-direction:column;flex:1;display:flex}.tracking-header b,.document-preview>header b{font-size:12px}.tracking-header span,.document-preview>header span{color:var(--color-muted);margin-top:2px;font-size:8px}.route-preview{background:#e9eef1;height:62%;min-height:430px;position:relative;overflow:hidden}.route-grid{background-image:linear-gradient(#ffffff80 1px,#0000 1px),linear-gradient(90deg,#ffffff80 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:0;transform:rotate(8deg)scale(1.2)}.route-preview:after{content:"";border:9px solid #fffc;border-left:0;border-right:0;width:340px;height:75px;position:absolute;top:170px;left:40px;transform:rotate(-25deg)}.route-line{z-index:3;width:255px;box-shadow:var(--shadow-md);background:#fffffff0;border-radius:20px;padding:16px;position:absolute;top:35px;left:35px}.route-line>div{gap:10px;min-height:58px;display:flex;position:relative}.route-line>div>i{z-index:2;background:#e5e9ef;border-radius:50%;place-items:center;width:25px;height:25px;font-size:8px;font-style:normal;display:grid}.route-line>div>i:after{content:"";background:#cbd3df;width:2px;height:33px;position:absolute;top:25px;left:12px}.route-line>div:last-child>i:after{display:none}.route-line svg{width:12px}.route-line .passed>i{color:#25865a;background:#e7f7ee}.route-line .current>i{background:var(--color-primary);color:#fff;box-shadow:0 0 0 4px #e2e9f5}.route-line p{flex-direction:column;margin:5px 0;display:flex}.route-line b{font-size:9px}.route-line small{color:var(--color-success);margin-top:3px;font-size:7px}.bus-marker{z-index:5;background:var(--color-primary);color:#fff;border-radius:16px;place-items:center;width:48px;height:48px;animation:2s ease-in-out infinite floatBus;display:grid;position:absolute;bottom:55px;right:40px;box-shadow:0 8px 22px #173a724d}.bus-marker svg{width:24px}@keyframes floatBus{50%{transform:translateY(-5px)}}.tracking-message{background:#fff;border-radius:17px;gap:12px;margin:16px;padding:14px;display:flex}.tracking-message>svg{width:21px;color:var(--color-primary)}.tracking-message p{flex-direction:column;display:flex}.tracking-message b{font-size:10px}.tracking-message span{color:var(--color-muted);margin-top:4px;font-size:8px;line-height:1.45}.gallery-categories{scrollbar-width:none;gap:7px;padding:14px 16px;display:flex;overflow:auto}.gallery-categories button{white-space:nowrap;background:#fff;border:1px solid #dfe4ed;border-radius:99px;height:34px;padding:0 13px;font-size:9px;font-weight:700}.gallery-categories .active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.gallery-intro{justify-content:space-between;align-items:end;margin:5px 0 16px;display:flex}.gallery-intro>div>span{letter-spacing:.12em;color:var(--color-accent);font-size:7px;font-weight:800}.gallery-intro h1{margin:5px 0 0;font-size:20px}.gallery-intro>span{color:var(--color-muted);align-items:center;gap:4px;font-size:10px;display:flex}.gallery-intro svg{width:16px}.album-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.album-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:17px;animation:.3s both pageIn;overflow:hidden}.gallery-image{background-color:#dfe4eb;background-repeat:no-repeat;background-size:300% 200%;border:0;padding:0;display:block}.album-card>.gallery-image{width:100%;height:145px}.gallery-crop-0{background-position:0 0}.gallery-crop-1{background-position:50% 0}.gallery-crop-2{background-position:100% 0}.gallery-crop-3{background-position:0 100%}.gallery-crop-4{background-position:50% 100%}.gallery-crop-5{background-position:100% 100%}.album-card>div:last-child{flex-direction:column;padding:10px;display:flex}.album-card b{margin:7px 0 5px;font-size:10px;line-height:1.35}.album-card>div span:last-child{color:var(--color-muted);align-items:center;gap:4px;font-size:8px;display:flex}.album-card svg{width:12px}.album-cover{height:290px;position:relative}.album-cover>.gallery-image{width:100%;height:100%}.album-cover:after{content:"";background:linear-gradient(#0000 45%,#081223d9);position:absolute;inset:0}.album-cover>div{z-index:2;color:#fff;position:absolute;bottom:20px;left:17px}.album-cover h1{margin:8px 0 4px;font-size:22px}.album-cover p{color:#dae2ee;font-size:8px}.photo-grid{grid-template-columns:1fr 1fr;gap:7px;padding-top:12px;display:grid}.photo-grid .gallery-image{border-radius:13px;width:100%;height:180px}.photo-grid .gallery-image:nth-child(3n){grid-column:1/-1;height:220px}.image-viewer{z-index:90;color:#fff;background:#07101f;flex-direction:column;animation:.25s fade;display:flex;position:absolute;inset:0}.image-viewer header{align-items:center;gap:10px;height:70px;padding:12px 15px;display:flex}.image-viewer header button{color:#fff;background:#ffffff1a;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.image-viewer header>div{flex-direction:column;flex:1;display:flex}.image-viewer b{font-size:11px}.image-viewer span{color:#aebbd0;font-size:8px}.image-viewer>.gallery-image{background-size:300% 200%;flex:1;width:100%}.image-viewer footer{padding:17px}.image-viewer footer button{color:#fff;background:#25a868;border:0;border-radius:14px;justify-content:center;align-items:center;gap:7px;width:100%;height:48px;font-size:10px;font-weight:700;display:flex}.image-viewer footer svg{width:17px}.achievement-hero{color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(145deg,#202b68,#755ccf);border-radius:23px;margin-top:16px;padding:22px;position:relative;overflow:hidden}.achievement-hero>svg{color:#ffffff14;width:100px;height:100px;position:absolute;top:-15px;right:-25px}.achievement-hero>span{color:#f4da83;letter-spacing:.12em;font-size:7px;font-weight:800}.achievement-hero h1{margin:9px 0;font-size:21px;line-height:1.3}.achievement-hero p{color:#d8d7f0;font-size:9px}.child-summary{background:#fff;border-radius:16px;align-items:center;gap:10px;margin-bottom:12px;padding:12px;display:flex}.child-summary p{flex-direction:column;flex:1;display:flex}.child-summary b{font-size:11px}.child-summary small{color:var(--color-muted);margin-top:3px;font-size:8px}.child-summary>svg{color:#d49a25;width:22px}.achievement-list{flex-direction:column;gap:10px;display:flex}.achievement-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:19px;align-items:center;gap:13px;padding:14px;animation:.45s both badgeIn;display:flex;position:relative}@keyframes badgeIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}.achievement-icon{color:#b37b13;clip-path:polygon(50% 0,93% 20%,93% 72%,50% 100%,7% 72%,7% 20%);background:linear-gradient(145deg,#fff3d5,#ffe5a7);flex:0 0 58px;place-items:center;width:58px;height:64px;display:grid;position:relative}.achievement-icon svg{width:26px}.achievement-icon.star{color:#315f9f;background:linear-gradient(145deg,#e8f0fd,#cfdff8)}.achievement-icon.flask{color:#684fc8;background:linear-gradient(145deg,#eeeaff,#d9d0ff)}.achievement-card>div:nth-child(2){flex-direction:column;flex:1;display:flex}.achievement-card h3{margin:8px 0 4px;font-size:12px}.achievement-card>div:nth-child(2)>b{color:#a66f10;font-size:10px}.achievement-card>div:nth-child(2)>small{color:var(--color-muted);margin-top:4px;font-size:8px}.achievement-card>.icon-btn{width:34px;height:34px}.achievement-card>.icon-btn svg{width:15px}.profile-menu a{background:#fff;border-bottom:1px solid #eef1f4;align-items:center;gap:11px;width:100%;height:53px;padding:0 14px;display:flex}.profile-menu a svg{width:17px;color:var(--color-primary)}.profile-menu a span{text-align:left;flex:1;font-size:11px;font-weight:600}.profile-menu a>svg:last-child{color:#a5adba;width:14px}.document-search{height:44px;box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;align-items:center;gap:9px;margin-top:14px;padding:0 12px;display:flex}.document-search svg{width:17px;color:var(--color-muted)}.document-search input{background:0 0;border:0;outline:0;flex:1;font-size:10px}.document-heading{justify-content:space-between;align-items:center;margin:7px 0 13px;display:flex}.document-heading h2{margin:0;font-size:15px}.document-heading p{color:var(--color-muted);margin-top:3px;font-size:8px}.document-list{flex-direction:column;gap:9px;display:flex}.document-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;gap:12px;padding:14px;display:flex}.document-card>span{color:#c04456;background:#feecef;border-radius:10px;flex:0 0 45px;place-items:center;width:45px;height:52px;display:grid;position:relative}.document-card>span svg{width:21px}.document-card>span i{font-size:5px;font-style:normal;font-weight:800;position:absolute;bottom:3px}.document-card>div{flex-direction:column;flex:1;display:flex}.document-card>div>b{margin:7px 0 4px;font-size:11px}.document-card>div>small{color:var(--color-muted);font-size:7px}.document-card>div>p{gap:7px;margin-top:9px;display:flex}.document-card>div>p button{height:28px;color:var(--color-primary);background:#edf2fa;border:0;border-radius:9px;align-items:center;gap:4px;padding:0 9px;font-size:8px;font-weight:700;display:flex}.document-card>div>p button:last-child{color:#68768a;background:#f3f4f7}.document-card button svg{width:12px}.paper{min-height:580px;box-shadow:var(--shadow-sm);color:#26354c;background:#fff;margin:14px;padding:25px 22px}.paper-brand{align-items:center;gap:10px;display:flex}.paper-brand p{flex-direction:column;display:flex}.paper-brand b{color:var(--color-primary);font-size:9px}.paper-brand span{color:var(--color-muted);font-size:6px}.paper hr{border:0;border-top:2px solid var(--color-primary);margin:14px 0 22px}.paper>small{color:var(--color-muted);font-size:6px}.paper h1{text-align:center;margin:28px 0;font-size:19px}.paper>p{margin:16px 0;font-family:Georgia,serif;font-size:10px;line-height:1.8}.signature{flex-direction:column;margin-top:50px;display:flex}.signature b{font-size:10px}.signature span{color:var(--color-muted);font-size:7px}.preview-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f6faf2;padding:12px 16px;position:sticky;bottom:0}.account-entry .auth-panel{padding-top:28px}.account-options{flex-direction:column;gap:12px;display:flex}.account-options>a{min-height:112px;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e7ef;border-radius:20px;align-items:center;gap:13px;padding:16px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.account-options>a:hover{box-shadow:var(--shadow-md);border-color:#aabddd;transform:translateY(-2px)}.account-options>a:active{transform:scale(.98)}.account-options>a>span{width:48px;height:48px;color:var(--color-primary);background:#e9f0fb;border-radius:16px;flex:0 0 48px;place-items:center;display:grid}.account-options>a:nth-child(2)>span{color:var(--color-accent);background:#eeeafe}.account-options>a>span svg{width:23px}.account-options>a>div{flex-direction:column;flex:1;display:flex}.account-options b{font-size:14px}.account-options p{color:var(--color-muted);margin:6px 0 0;font-size:9px;line-height:1.55}.account-options>a>svg{color:#9ba6b6;width:17px}.parent-login,.school-login{padding-top:30px}.school-login .input-wrap{margin-bottom:14px}.password-toggle{color:var(--color-muted);background:0 0;border:0;place-items:center;padding:6px;display:grid}.password-toggle svg{width:18px}.login-extras{justify-content:space-between;align-items:center;margin:-2px 0 18px;display:flex}.login-extras>label{align-items:center;gap:6px;margin:0;font-size:9px;font-weight:600;display:flex}.login-extras input{accent-color:var(--color-primary)}.login-extras>button{color:var(--color-primary);background:0 0;border:0;font-size:9px;font-weight:700}.school-demo-card{background:#f4f2ff;border:1px solid #e4defe;border-radius:17px;align-items:center;gap:11px;margin-top:22px;padding:13px;display:flex}.school-demo-card>span{width:39px;height:39px;color:var(--color-accent);background:#e4defd;border-radius:12px;place-items:center;display:grid}.school-demo-card>span svg{width:18px}.school-demo-card>div{flex-direction:column;flex:1;display:flex}.school-demo-card small{color:var(--color-accent);letter-spacing:.08em;font-size:7px;font-weight:800}.school-demo-card b{margin:5px 0 2px;font-size:10px}.school-demo-card p{color:var(--color-muted);margin:0;font-size:8px}.school-demo-card>svg{width:18px;color:var(--color-success)}.school-login-page{-webkit-overflow-scrolling:touch;height:auto;min-height:100dvh;scroll-padding-bottom:calc(24px + env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:hidden auto}.school-login-page .simple-top{flex:none}.school-login-page .school-login{flex:none;width:100%;margin:auto 0}.school-login-page .secure{padding:8px 0 calc(24px + env(safe-area-inset-bottom));flex:none;position:static}@media (height<=700px){.school-login-page .school-login{margin:0}.school-login-page .simple-top{padding-top:calc(24px + env(safe-area-inset-top))}}.admin-root{--admin-sidebar:248px;color:#17243a;background:#f3f5f8;min-height:100dvh;font-family:Inter,Arial,sans-serif;display:flex;overflow-x:hidden}.admin-sidebar{z-index:60;width:var(--admin-sidebar);color:#fff;background:#102c58;flex-direction:column;padding:0 14px;display:flex;position:fixed;inset:0 auto 0 0}.admin-brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;height:78px;padding:0 8px;display:flex}.admin-brand-mark{background:linear-gradient(145deg,#4f78ba,#806de2);border-radius:12px;place-items:center;width:39px;height:39px;font-weight:800;display:grid;box-shadow:0 8px 20px #00000026}.admin-brand>div:nth-child(2){flex-direction:column;flex:1;display:flex}.admin-brand b{font-size:14px}.admin-brand span{color:#aebfda;margin-top:3px;font-size:8px}.admin-brand>button{color:#fff;background:0 0;border:0;display:none}.admin-sidebar nav{flex-direction:column;gap:3px;padding:18px 0;display:flex;overflow:auto}.admin-sidebar nav a{color:#b8c6db;border-radius:11px;align-items:center;gap:11px;height:42px;padding:0 12px;font-size:11px;font-weight:600;transition:all .18s;display:flex}.admin-sidebar nav a:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.admin-sidebar nav a.active{color:#fff;background:#ffffff1f;box-shadow:inset 3px 0 #8a79e9}.admin-sidebar nav svg{width:17px}.admin-sidebar nav i{color:#fff;background:#e35d6a;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:auto;font-size:7px;font-style:normal;display:grid}.sidebar-support{background:#ffffff14;border-radius:12px;align-items:center;gap:9px;width:100%;margin-top:auto;margin-bottom:18px;padding:11px;display:flex}.sidebar-support svg{color:#70d49e;width:18px}.sidebar-support>div{flex-direction:column;display:flex}.sidebar-support b{font-size:8px}.sidebar-support span{color:#aebfda;margin-top:3px;font-size:7px}.sidebar-backdrop{display:none}.admin-main{width:calc(100% - var(--admin-sidebar));min-height:100dvh;margin-left:var(--admin-sidebar);flex-direction:column;display:flex}.admin-header{z-index:40;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff5;border-bottom:1px solid #e2e7ee;align-items:center;height:72px;padding:0 30px;display:flex;position:sticky;top:0}.admin-menu{background:0 0;border:0;display:none}.admin-school{flex-direction:column;display:flex}.admin-school b{font-size:13px}.admin-school span{color:#78859a;align-items:center;gap:4px;margin-top:4px;font-size:8px;display:flex}.admin-school svg{width:11px}.admin-header-actions{align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}.admin-header-actions>button:not(.admin-user),.admin-header-actions>a{color:#66748a;background:#fff;border:1px solid #e1e6ed;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.admin-header-actions svg{width:17px}.header-bell{position:relative}.header-bell i{color:#fff;background:#e35d6a;border:2px solid #fff;border-radius:9px;place-items:center;width:17px;height:17px;font-size:7px;font-style:normal;display:grid;position:absolute;top:-5px;right:-4px}.admin-user{background:0 0;border:0;align-items:center;gap:9px;margin-left:5px;padding:4px 5px 4px 10px;display:flex}.admin-user>span{color:#173a72;background:#e8effb;border-radius:11px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.admin-user>div{text-align:left;flex-direction:column;display:flex}.admin-user b{font-size:9px}.admin-user small{color:#7a8799;margin-top:3px;font-size:7px}.admin-user>svg{width:13px}.profile-dropdown{background:#fff;border:1px solid #e1e6ed;border-radius:14px;width:190px;padding:7px;animation:.18s adminDrop;position:absolute;top:48px;right:0;box-shadow:0 14px 35px #14233a26}.profile-dropdown button,.profile-dropdown a{background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;width:100%;height:37px;padding:0 10px;font-size:9px;display:flex}.profile-dropdown button:hover,.profile-dropdown a:hover{background:#f2f5f9}.profile-dropdown svg{width:14px}@keyframes adminDrop{0%{opacity:0;transform:translateY(-5px)}}.admin-page{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:28px 30px 40px;animation:.28s adminPage}@keyframes adminPage{0%{opacity:0;transform:translateY(5px)}}.admin-footer{color:#8792a2;border-top:1px solid #e1e6ed;align-items:center;height:42px;padding:0 30px;font-size:8px;display:flex}.admin-footer span{margin-left:auto}.admin-page-head{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.admin-page-head>div>span{color:#8a95a5;text-transform:uppercase;letter-spacing:.08em;font-size:7px}.admin-page-head h1{letter-spacing:-.03em;margin:6px 0 4px;font-size:24px}.admin-page-head p{color:#738096;margin:0;font-size:9px}.admin-page-head>.admin-action,.admin-page-head>div+div{margin-left:auto}.year-select{color:#415068;background:#fff;border:1px solid #dce2eb;border-radius:11px;height:38px;padding:0 12px;font-size:9px}.admin-action{color:#fff;background:#173a72;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:9px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 7px 16px #173a7229}.admin-action:hover{background:#102e5b;transform:translateY(-1px)}.admin-action.secondary{color:#4f5e73;box-shadow:none;background:#fff;border:1px solid #dce2eb;margin-right:7px}.admin-action svg{width:14px}.admin-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.admin-stats-grid.four{grid-template-columns:repeat(4,1fr)}.admin-stats-grid.three{grid-template-columns:repeat(3,1fr)}.admin-stats-grid.five{grid-template-columns:repeat(5,1fr)}.admin-stat{background:#fff;border:1px solid #e5e9ef;border-radius:16px;gap:11px;min-height:118px;padding:15px;animation:.35s both adminPage;display:flex;box-shadow:0 3px 12px #1d2d4509}.admin-stat>span{color:#275898;background:#e9f0fb;border-radius:11px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.admin-stat>span svg{width:17px}.admin-stat>span.present,.admin-stat>span.collected{color:#27845a;background:#e7f6ee}.admin-stat>span.pending{color:#b47313;background:#fff0e0}.admin-stat>span.staff{color:#624dc5;background:#eeeafe}.admin-stat>div{flex-direction:column;min-width:0;display:flex}.admin-stat small{color:#78869a;white-space:nowrap;font-size:8px}.admin-stat b{margin:7px 0;font-size:19px}.admin-stat em{color:#718096;align-items:center;gap:3px;font-size:7px;font-style:normal;line-height:1.4;display:flex}.admin-stat em svg{color:#39a66f;width:10px}.admin-dashboard-grid{grid-template-columns:1.25fr .85fr .9fr;gap:14px;margin-bottom:14px;display:grid}.admin-section{background:#fff;border:1px solid #e4e8ef;border-radius:17px;margin-bottom:14px;padding:17px;box-shadow:0 3px 12px #1d2d4508}.admin-section-head{align:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-section-head>div:first-child{flex:1}.admin-section-head h2{margin:0;font-size:13px}.admin-section-head p{color:#7b8799;margin:4px 0 0;font-size:8px}.link-button,.table-link{color:#275999;background:0 0;border:0;align-items:center;gap:3px;font-size:8px;font-weight:700;display:flex}.link-button svg{width:12px}.attendance-chart{background:repeating-linear-gradient(#fff,#fff 37px,#eef1f5 38px);border-bottom:1px solid #dfe4eb;justify-content:space-around;align-items:end;height:190px;padding:15px 5px 0;display:flex}.attendance-chart>div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:8px;height:100%;display:flex}.chart-bar{align-items:end;width:55%;height:145px;display:flex}.chart-bar>span{background:linear-gradient(#6f5edf,#315f9f);border-radius:7px 7px 2px 2px;width:100%;min-height:20%;animation:.7s both adminBars;position:relative}.chart-bar i{color:#536176;font-size:7px;font-style:normal;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.attendance-chart b{color:#7c8899;font-size:7px}@keyframes adminBars{0%{height:0!important}}.fee-overview{justify-content:center;align-items:center;gap:25px;height:190px;display:flex}.fee-donut{background:conic-gradient(#35a570 0 78%,#e7a936 78% 89.6%,#5278b2 89.6%);border-radius:50%;width:122px;height:122px;padding:15px;animation:.5s adminScale}@keyframes adminScale{0%{opacity:0;transform:scale(.8)}}.fee-donut>span{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.fee-donut b{font-size:20px}.fee-donut small{color:#7d899a;font-size:7px}.fee-overview>div:last-child p{gap:7px;margin:10px 0;display:flex}.fee-overview p>i{border-radius:50%;width:7px;height:7px;margin-top:2px}.fee-overview i.green{background:#35a570}.fee-overview i.amber{background:#e7a936}.fee-overview i.blue{background:#5278b2}.fee-overview p>span{color:#768397;flex-direction:column;font-size:7px;display:flex}.fee-overview p b{color:#243249;margin-top:2px;font-size:9px}.distribution-chart{flex-direction:column;gap:12px;padding:9px 0;display:flex}.distribution-chart>div{grid-template-columns:42px 1fr 30px;align-items:center;gap:7px;display:grid}.distribution-chart span,.distribution-chart b{font-size:7px}.distribution-chart b{text-align:right}.distribution-chart>div>div{background:#edf0f4;border-radius:5px;height:7px;overflow:hidden}.distribution-chart i{background:#637bc2;border-radius:5px;height:100%;animation:.65s adminWidth;display:block}@keyframes adminWidth{0%{width:0!important}}.quick-actions{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.quick-actions button{text-align:left;background:#fbfcfd;border:1px solid #e1e6ed;border-radius:13px;align-items:center;gap:7px;height:82px;padding:11px;font-size:8px;font-weight:700;transition:all .18s;display:flex}.quick-actions button:hover{background:#f5f8fc;border-color:#aebfda;transform:translateY(-2px)}.quick-actions button>span{color:#285996;background:#e8effb;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.quick-actions button svg{width:15px}.quick-actions button>svg{color:#9ba6b5;width:11px;margin-left:auto}.admin-two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.admin-three-col{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.admin-three-col.compact{margin-bottom:18px}.admin-two-col>.admin-section,.admin-three-col>.admin-section{min-width:0}.today-grid>div{border-bottom:1px solid #edf0f4;align-items:center;gap:9px;height:47px;display:flex}.today-grid>div>span{color:#2d9464;background:#e8f6ee;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.today-grid svg{width:13px}.today-grid p{flex-direction:column;flex:1;display:flex}.today-grid small{color:#798598;font-size:7px}.today-grid b{margin-top:2px;font-size:9px}.admin-status{color:#27845a;white-space:nowrap;background:#e7f6ee;border-radius:10px;width:max-content;padding:4px 7px;font-size:7px;font-weight:700;display:inline-flex}.admin-status.pending,.admin-status.overdue,.admin-status.due-soon{color:#a96c13;background:#fff0e0}.admin-status.absent{color:#bc4251;background:#feecef}.admin-status.late,.admin-status.scheduled{color:#614dc2;background:#eeeafe}.activity-feed>div{border-bottom:1px solid #edf0f4;gap:10px;padding:9px 0;display:flex}.activity-feed i{background:#5174ad;border-radius:50%;width:8px;height:8px;margin-top:4px}.activity-feed i.fee{background:#32a26e}.activity-feed i.announcement{background:#df9e28}.activity-feed p{flex-direction:column;display:flex}.activity-feed b{font-size:8px}.activity-feed span{color:#8893a3;margin-top:3px;font-size:7px}.admin-filters{background:#f5f7fa;border-radius:12px;align-items:center;gap:8px;margin-bottom:13px;padding:10px;display:flex}.admin-filters>svg{color:#8792a2;width:15px}.admin-filters input,.admin-filters select{background:#fff;border:1px solid #dce2ea;border-radius:9px;outline:0;height:34px;padding:0 9px;font-size:8px}.filter-search{background:#fff;border:1px solid #dce2ea;border-radius:9px;align-items:center;gap:6px;min-width:240px;height:34px;padding:0 9px;display:flex}.filter-search svg{width:13px}.filter-search input{border:0;flex:1;height:30px;padding:0}.admin-table-wrap{overflow:auto}.admin-table{border-collapse:collapse;white-space:nowrap;width:100%}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#778398;background:#f7f8fa;border-bottom:1px solid #e1e6ed;padding:10px;font-size:7px}.admin-table td{color:#48576c;border-bottom:1px solid #edf0f4;padding:11px 10px;font-size:8px}.admin-table tbody tr{transition:all .15s}.admin-table tbody tr:hover{background:#f8fafd}.admin-table td:nth-child(2){color:#233149;font-weight:700}.table-actions{align-items:center;gap:5px;display:flex}.table-actions button,.table-actions a{color:#365e95;background:#fff;border:1px solid #dfe4ec;border-radius:8px;align-items:center;gap:4px;height:27px;padding:0 7px;font-size:7px;display:inline-flex}.table-actions svg{width:11px}.student-profile-hero{color:#fff;background:linear-gradient(130deg,#173a72,#415e9c);border-radius:18px;align-items:center;gap:16px;margin-bottom:14px;padding:20px;display:flex}.large-avatar{background:#ffffff29;border-radius:19px;place-items:center;width:65px;height:65px;font-size:18px;font-weight:800;display:grid}.student-profile-hero>div:nth-child(2){flex:1}.student-profile-hero h2{margin:8px 0 3px;font-size:18px}.student-profile-hero p{color:#ccd7e8;font-size:8px}.profile-mini-stats{gap:9px;display:flex!important}.profile-mini-stats p{background:#ffffff1a;border-radius:12px;flex-direction:column;min-width:100px;padding:10px;display:flex}.profile-mini-stats b{font-size:11px}.profile-mini-stats span{color:#c8d4e6;margin-top:4px;font-size:7px}.info-list p{border-bottom:1px solid #edf0f4;justify-content:space-between;margin:0;padding:9px 0;display:flex}.info-list span{color:#7b8798;font-size:8px}.info-list b{font-size:8px}.subject-scores>div{grid-template-columns:90px 1fr 35px;align-items:center;gap:9px;margin:12px 0;display:grid}.subject-scores span,.subject-scores strong{font-size:8px}.subject-scores i,.report-row>i{background:#e9edf2;border-radius:5px;height:6px;overflow:hidden}.subject-scores i b,.report-row i span{background:#5576b2;height:100%;display:block}.student-events p{border-bottom:1px solid #edf0f4;align-items:center;gap:8px;padding:8px 0;font-size:8px;display:flex}.student-events svg{color:#6c58d1;width:15px}.attendance-layout{grid-template-columns:.8fr 1.2fr}.academic-modules{grid-template-columns:repeat(5,1fr);gap:11px;margin-bottom:14px;display:grid}.academic-modules button{text-align:left;background:#fff;border:1px solid #e2e7ed;border-radius:15px;flex-direction:column;min-height:110px;padding:14px;display:flex}.academic-modules button>span{color:#285996;background:#e9f0fb;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.academic-modules svg{width:16px}.academic-modules button>div{flex-direction:column;margin:10px 0;display:flex}.academic-modules b{font-size:10px}.academic-modules small{color:#7d899a;margin-top:3px;font-size:7px}.academic-modules em{color:#285996;align-items:center;margin-top:auto;font-size:7px;font-style:normal;display:flex}.academic-modules em svg{width:11px}.admin-exam-list>div{border-bottom:1px solid #edf0f4;align-items:center;gap:10px;height:54px;display:flex}.admin-exam-list>div>span{color:#285996;background:#e9f0fb;border-radius:9px;place-items:center;width:45px;height:34px;font-size:7px;font-weight:700;display:grid}.admin-exam-list p{flex-direction:column;flex:1;display:flex}.admin-exam-list b{font-size:8px}.admin-exam-list small{color:#7c8899;margin-top:2px;font-size:7px}.fee-six{grid-template-columns:repeat(6,1fr)}.fee-trend{background:repeating-linear-gradient(#fff,#fff 40px,#eef1f5 41px);border-bottom:1px solid #dfe4eb;align-items:end;gap:14px;height:210px;padding:20px 15px 0;display:flex}.fee-trend>div{flex-direction:column;flex:1;justify-content:end;align-items:end;gap:8px;height:100%;display:flex}.fee-trend i{background:linear-gradient(#65c892,#319866);border-radius:7px 7px 2px 2px;width:100%;animation:.65s adminBars;display:block}.fee-trend span{color:#7b8798;font-size:7px}.event-admin-grid,.report-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.event-admin-grid article,.report-grid article{background:#fff;border:1px solid #e2e7ee;border-radius:17px;padding:17px;position:relative}.event-admin-date,.report-grid article>span{color:#604bc4;background:#eeeafe;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.event-admin-date svg,.report-grid article>span svg{width:18px}.event-admin-grid article>.admin-status{position:absolute;top:14px;right:14px}.event-admin-grid h3,.report-grid h3{margin:15px 0 9px;font-size:13px}.event-admin-grid>article>p{color:#748196;align-items:center;gap:5px;font-size:8px;display:flex}.event-admin-grid>article>p svg{width:12px}.event-admin-grid article>div:nth-last-child(2){border-top:1px solid #edf0f4;gap:15px;margin-top:12px;padding-top:12px;display:flex}.event-admin-grid article>div span{color:#798698;flex-direction:column;font-size:7px;display:flex}.event-admin-grid article>div b{color:#233149;font-size:10px}.event-admin-grid article>button{color:#285996;background:0 0;border:0;align-items:center;gap:4px;margin-top:15px;font-size:8px;font-weight:700;display:flex}.event-admin-grid article>button svg{width:12px}.report-grid article p{color:#778397;min-height:25px;font-size:8px;line-height:1.5}.report-grid article>div{gap:7px;margin-top:15px;display:flex}.report-grid article button{color:#355e96;background:#fff;border:1px solid #dce2eb;border-radius:9px;align-items:center;gap:4px;height:31px;padding:0 10px;font-size:7px;font-weight:700;display:flex}.report-grid article button:first-child{color:#fff;background:#173a72;border-color:#173a72}.report-grid svg{width:12px}.admin-modal-backdrop{z-index:100;background:#0b142373;place-items:center;padding:25px;animation:.2s adminFade;display:grid;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:18px;width:min(600px,100%);max-height:90dvh;animation:.25s adminModal;overflow:auto;box-shadow:0 24px 65px #0a162a3d}@keyframes adminFade{0%{opacity:0}}@keyframes adminModal{0%{opacity:0;transform:translateY(12px)scale(.98)}}.admin-modal-head{border-bottom:1px solid #e7ebf0;align-items:center;padding:17px 20px;display:flex}.admin-modal-head>div{flex:1}.admin-modal-head h2{margin:0;font-size:15px}.admin-modal-head p{color:#7c8899;margin:4px 0 0;font-size:8px}.admin-modal-head>button{background:#f1f3f6;border:0;border-radius:9px;width:32px;height:32px}.admin-modal-head svg{width:15px}.modal-body{padding:20px}.modal-body>h3{font-size:11px}.admin-demo-form{flex-direction:column;gap:12px;padding:20px;display:flex}.admin-demo-form>div,.settings-form>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.admin-demo-form label,.settings-form label{color:#526077;flex-direction:column;gap:6px;font-size:8px;font-weight:700;display:flex}.admin-demo-form input,.admin-demo-form select,.admin-demo-form textarea,.settings-form input{border:1px solid #dce2eb;border-radius:10px;outline:0;height:39px;padding:0 10px;font-size:8px}.admin-demo-form textarea{resize:none;height:80px;padding:10px}.admin-toast{z-index:120;color:#fff;background:#17283e;border-radius:12px;align-items:center;gap:7px;padding:12px 16px;font-size:8px;animation:.22s adminModal;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 12px 30px #0b17283d}.admin-toast svg{color:#6bd29a;width:15px}.route-stops{align-items:center;gap:0;margin:14px 0 20px;display:flex;overflow:auto}.route-stops span{white-space:nowrap;align-items:center;font-size:7px;display:flex}.route-stops span:not(:last-child):after{content:"";background:#bfc9d7;width:32px;height:1px;margin:0 4px}.route-stops i{color:#285996;background:#e8effb;border-radius:50%;place-items:center;width:22px;height:22px;margin-right:5px;font-style:normal;display:grid}.production-note{background:#f3f1ff;border-radius:11px;gap:9px;margin-bottom:15px;padding:11px;display:flex}.production-note>svg{color:#6854c8;width:17px}.production-note p{flex-direction:column;display:flex}.production-note b{font-size:8px}.production-note span{color:#778397;margin-top:3px;font-size:7px}.report-highlight{background:#eaf1fb;border-radius:13px;align-items:center;gap:12px;padding:14px;display:flex}.report-highlight>svg{color:#285996;width:28px}.report-highlight>div{flex:1;grid-template-columns:1fr auto;display:grid}.report-highlight small{color:#718096;font-size:7px}.report-highlight b{grid-row:2/4;font-size:21px}.report-highlight span{color:#2d9565;font-size:7px}.report-row{grid-template-columns:55px 1fr 40px;align-items:center;gap:9px;margin:12px 0;display:grid}.report-row b,.report-row strong{font-size:8px}.report-row i span{background:#5277b3}.admin-notification-list{flex-direction:column;display:flex}.admin-notification-list>button{text-align:left;background:#f8faff;border:0;border-bottom:1px solid #edf0f4;align-items:center;gap:11px;min-height:67px;padding:10px;display:flex;position:relative}.admin-notification-list>button.read{opacity:.72;background:#fff}.admin-notification-list>button>span{color:#285996;background:#e9f0fb;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.admin-notification-list>button>span.important{color:#bb4251;background:#feecef}.admin-notification-list>button>span.fees{color:#27845a;background:#e7f6ee}.admin-notification-list>button>span.transport{color:#604bc4;background:#eeeafe}.admin-notification-list svg{width:16px}.admin-notification-list p{flex-direction:column;display:flex}.admin-notification-list small{text-transform:uppercase;color:#6676a4;font-size:7px;font-weight:700}.admin-notification-list b{margin:4px 0;font-size:9px}.admin-notification-list em{color:#8792a3;font-size:7px;font-style:normal}.admin-notification-list>button>i{background:#315f9f;border-radius:50%;width:7px;height:7px;position:absolute;right:12px}.settings-layout{grid-template-columns:200px 1fr;gap:14px;display:grid}.settings-layout>aside{background:#fff;border:1px solid #e2e7ee;border-radius:15px;flex-direction:column;height:max-content;padding:7px;display:flex}.settings-layout>aside button{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;height:39px;padding:0 10px;font-size:8px;display:flex}.settings-layout>aside button svg{width:12px;margin-left:auto}.settings-layout>aside button.active{color:#285996;background:#e9f0fb;font-weight:700}.settings-form{flex-direction:column;gap:12px;display:flex}.setting-feature{text-align:center;padding:30px}.setting-feature>svg{color:#315f9f;width:40px}.setting-feature h3{font-size:14px}.setting-feature p{color:#798698;font-size:8px}.branding-preview{background:#f7f8fa;border-radius:14px;align-items:center;gap:17px;padding:20px;display:flex}.branding-preview .admin-brand-mark{color:#fff;border-radius:19px;width:65px;height:65px}.branding-preview h3{font-size:13px}.branding-preview p{color:#778397;font-size:8px}.branding-preview span{align-items:center;gap:5px;font-size:8px;display:flex}.branding-preview span i{background:#173a72;border-radius:4px;width:12px;height:12px}.setting-toggles>label{border-bottom:1px solid #edf0f4;align-items:center;height:55px;display:flex}.setting-toggles label>span{flex-direction:column;flex:1;display:flex}.setting-toggles b{font-size:9px}.setting-toggles small{color:#7b8798;margin-top:3px;font-size:7px}.setting-toggles input{display:none}.setting-toggles label>i{background:#cbd2dc;border-radius:15px;width:35px;height:20px;position:relative}.setting-toggles label>i:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;top:2.5px;left:3px}.setting-toggles input:checked+i{background:#315f9f}.setting-toggles input:checked+i:after{transform:translate(14px)}.permission-list>div{border-bottom:1px solid #edf0f4;align-items:center;gap:10px;height:55px;display:flex}.permission-list>div>span{color:#285996;background:#e9f0fb;border-radius:9px;place-items:center;width:31px;height:31px;font-size:9px;font-weight:700;display:grid}.permission-list p{flex-direction:column;flex:1;display:flex}.permission-list b{font-size:8px}.permission-list small{color:#7c8899;margin-top:2px;font-size:7px}@media (width<=1200px){.admin-stats-grid,.fee-six{grid-template-columns:repeat(3,1fr)}.admin-dashboard-grid{grid-template-columns:1fr 1fr}.admin-dashboard-grid>.admin-section:last-child{grid-column:1/-1}.quick-actions,.academic-modules{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.admin-root{--admin-sidebar:0px}.admin-sidebar{width:248px;transition:all .25s;transform:translate(-100%)}.admin-sidebar.open{transform:none}.admin-brand>button{display:block}.sidebar-backdrop{z-index:55;background:#0a142359;border:0;display:block;position:fixed;inset:0}.admin-main{width:100%;margin-left:0}.admin-menu{place-items:center;margin-right:10px;display:grid}.admin-menu svg{width:20px}.admin-page{padding:22px 18px}.admin-two-col,.admin-three-col,.attendance-layout{grid-template-columns:1fr}.admin-user>div{display:none}.event-admin-grid,.report-grid{grid-template-columns:1fr 1fr}.admin-header{padding:0 18px}}@media (width<=600px){.admin-header{height:64px}.admin-school span,.admin-header-actions>button:not(.admin-user){display:none}.admin-page{padding:18px 12px}.admin-page-head{align-items:start;gap:12px}.admin-page-head h1{font-size:20px}.admin-stats-grid,.admin-stats-grid.four,.admin-stats-grid.three,.admin-stats-grid.five,.fee-six{grid-template-columns:1fr 1fr}.admin-dashboard-grid{grid-template-columns:1fr}.admin-dashboard-grid>.admin-section:last-child{grid-column:auto}.quick-actions{grid-template-columns:1fr 1fr}.event-admin-grid,.report-grid{grid-template-columns:1fr}.academic-modules{grid-template-columns:1fr 1fr}.settings-layout{grid-template-columns:1fr}.settings-layout>aside{flex-direction:row;overflow:auto}.settings-layout>aside button{min-width:max-content}.profile-mini-stats{display:none!important}.filter-search{min-width:180px}.admin-filters{overflow:auto}.admin-footer{padding:0 12px}}body{background:radial-gradient(circle at 18% 16%,#6658d61f,#0000 28%),radial-gradient(circle at 82% 78%,#285ba11c,#0000 32%),linear-gradient(145deg,#e9edf5,#f6f7fa 55%,#e8edf6)}.app-shell{border-radius:0}.auth-screen{box-shadow:0 0 55px #11203929}.averace-brand{flex-direction:column;align-items:center;gap:6px;display:flex}.averace-brand>span{color:#8a94a4;letter-spacing:.06em;font-size:7px}.averace-brand img{opacity:.8;width:104px;height:auto;display:block}.secure .averace-brand{margin:auto}.profile-partner{box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;margin:15px 0 0;padding:16px}.profile-partner>span{color:#66758a;font-size:8px;font-weight:700}.profile-partner img{width:112px}.demo-otp{flex-direction:column!important;flex:none!important;align-items:flex-end!important;display:flex!important}.demo-otp span{font-size:7px!important}.demo-otp b{letter-spacing:.12em;font-size:11px!important}.account-entry:before{content:"";background:#6e5ae60f;border-radius:50%;width:250px;height:250px;position:absolute;top:-100px;right:-120px}.account-options>a{position:relative;overflow:hidden}.account-options>a:after{content:"";background:#315b990a;border-radius:50%;width:70px;height:70px;position:absolute;bottom:-25px;right:-25px}.auth-panel h1{line-height:1.12}.input-wrap svg{flex:none}.demo-card,.school-demo-card{border:1px solid #dae1ecd9}.post-card{transition:transform .2s,box-shadow .2s}.post-card:hover{box-shadow:0 8px 24px #1522381a}.post-actions button:active,.post-actions a:active{transform:scale(.94)}.story span,.module-card,.summary-card,.homework-card,.notification-card{transition:transform .2s,box-shadow .2s}.module-card:active,.summary-card:active,.notification-card:active{transform:scale(.985)}.performance-card,.fee-summary,.bus-card{isolation:isolate;position:relative;overflow:hidden}.performance-card:after,.fee-summary:after,.bus-card:after{content:"";z-index:-1;background:#ffffff0b;border-radius:50%;width:150px;height:150px;position:absolute;top:-65px;right:-60px}.bottom-sheet{box-shadow:0 -18px 55px #0f1c312e}.toast,.admin-toast{border:1px solid #ffffff1f}.sidebar-partner{border-top:1px solid #ffffff14;flex-direction:column;gap:6px;padding:12px 10px;display:flex}.sidebar-partner span{color:#91a5c3;letter-spacing:.05em;font-size:7px}.sidebar-partner img{filter:brightness(0)invert();opacity:.68;width:108px;height:auto}.sidebar-support{margin-top:0!important}.admin-stat{transition:transform .2s,box-shadow .2s,border-color .2s}.admin-stat:hover{border-color:#d8e0ea;transform:translateY(-2px);box-shadow:0 9px 24px #1d2d4514}.admin-section{transition:box-shadow .2s}.admin-section:hover{box-shadow:0 8px 24px #1d2d450e}.admin-table thead{z-index:2;position:sticky;top:0}.admin-table th{height:38px}.admin-table td{height:45px}.admin-modal input:focus,.admin-modal select:focus,.admin-modal textarea:focus,.settings-form input:focus,.admin-filters input:focus,.admin-filters select:focus{border-color:#6c82b3;box-shadow:0 0 0 3px #315f9f17}.admin-action:active{transform:scale(.97)}.admin-page-head h1{font-weight:750}.admin-brand-mark{position:relative}.admin-brand-mark:after{content:"";border:1px solid #ffffff40;border-radius:8px;position:absolute;inset:5px}.admin-empty{text-align:center;color:#7a8799;padding:50px 20px}.admin-empty>svg{color:#9ba8ba;width:34px}.admin-empty h3{color:#27364d;margin:11px 0 5px;font-size:12px}.admin-empty p{margin:0;font-size:8px}.sidebar-partner{margin-top:auto}@media (width>=431px){.app-shell,.auth-screen{box-shadow:0 24px 70px #1220372e}}@media (width<=430px){body{background:var(--color-bg)}.auth-screen{box-shadow:none}.averace-brand img{width:96px}}@media (prefers-reduced-motion:reduce){.admin-stat:hover,.post-card:hover{transform:none}}