@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;background:#fdfdfd;color:#1a1c1e;font-size:14px}h1,h2,h3,h4,.font-headline{font-family:Manrope,sans-serif;letter-spacing:-.01em}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20;-webkit-font-smoothing:antialiased}.sidebar-active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400}:root{--primary: #0052FF;--surface: #FDFDFD;--surface-variant: #F8F9FA;--outline: #D5D7DB;--text-main: #1A1C1E;--text-muted: #6B7280}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hamburger-btn{display:none;background:none;border:none;padding:6px;cursor:pointer;color:var(--text-main)}.mobile-sidebar-overlay,.mobile-sidebar,.mobile-bottom-nav{display:none}@media(max-width:1023px){.admin-sidebar{display:none!important}.admin-main{margin-left:0!important}.admin-content{padding:16px 16px 80px!important}.admin-topbar{padding:0 16px!important}.search-desktop{display:none!important}.hamburger-btn{display:flex}.mobile-sidebar-overlay{display:block;position:fixed;inset:0;background:#0006;z-index:998;opacity:0;pointer-events:none;transition:opacity .25s ease}.mobile-sidebar-overlay.open{opacity:1;pointer-events:auto}.mobile-sidebar{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:#fff;z-index:999;padding:32px 0;border-right:1px solid var(--outline);transform:translate(-100%);transition:transform .25s ease;overflow-y:auto}.mobile-sidebar.open{transform:translate(0)}.mobile-bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--outline);z-index:50;padding:4px 0 calc(4px + env(safe-area-inset-bottom))}.grid-3,.grid-4,.grid-form,.metrics-grid{grid-template-columns:1fr!important}.secondary-grid{grid-template-columns:repeat(2,1fr)!important}.slot-grid{grid-template-columns:1fr!important}.popup-box{max-width:100%!important;max-height:95vh!important;margin:8px}.settings-profile-grid{grid-template-columns:1fr!important}.settings-tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-tab-bar::-webkit-scrollbar{display:none}.settings-tab-bar button{padding:12px 16px!important}.report-slot-grid{grid-template-columns:1fr!important}.student-detail-header{padding:20px 16px!important}.student-detail-header .student-avatar{width:48px!important;height:48px!important}.student-detail-header h2{font-size:18px!important}.student-detail-tabs{scrollbar-width:none;-ms-overflow-style:none}.student-detail-tabs::-webkit-scrollbar{display:none}.student-detail-tabs button{padding:12px 16px!important}.attendance-stats-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important}.mobile-search-btn{display:flex!important}}@media(max-width:640px){.secondary-grid{grid-template-columns:1fr!important}}@media(max-width:767px){.hamburger-btn{display:flex!important}}@media(max-width:767px){.sidebar-desktop{display:none!important}.page-content{padding:16px 16px 80px!important}}@media(min-width:768px){.main-area{margin-left:240px}.mobile-tabs{display:none!important}}@media(max-width:600px){.hp-brand-text{display:none!important}}@media(max-width:520px){.hp-form-grid{grid-template-columns:1fr!important}.hp-form-box{padding:28px 20px!important}.hp-nav{padding:0 16px!important}.hp-footer-grid{grid-template-columns:1fr!important;gap:28px!important}}@media(max-width:480px){.hero-title{font-size:48px!important}}@media(max-resolution:1dppx)and (max-width:1440px){body{font-size:15px}.popup-box{max-width:90vw!important}}@media(max-resolution:1dppx){.admin-content{zoom:.95}.student-detail-header h2{font-size:20px!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}