.sims-stat .value{font-size:1.875rem;font-weight:800;letter-spacing:-.025em;line-height:2.25rem;--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.sims-stat .label{font-size:.75rem;font-weight:600;letter-spacing:.05em;line-height:1rem;margin-top:.25rem;text-transform:uppercase;--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.me-1{margin-inline-end:.25rem}.me-2{margin-inline-end:.5rem}.ms-2{margin-inline-start:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.w-12{width:3rem}.min-w-0{min-width:0}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-sims{border-radius:1.15rem}.border{border-width:1px}.border-0{border-width:0}.border-sims-line{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-sims-mist{--tw-bg-opacity:1;background-color:rgb(243 247 246/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-sims-ocean{--tw-gradient-from:#0b3d4a var(--tw-gradient-from-position);--tw-gradient-to:rgba(11,61,74,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-sims-teal{--tw-gradient-to:#0f766e var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.text-center{text-align:center}.text-end{text-align:end}.align-middle{vertical-align:middle}.font-sans{font-family:Plus Jakarta Sans,Segoe UI,sans-serif}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-sims-ink{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-sims-slate{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-teal-100{--tw-text-opacity:1;color:rgb(204 251 241/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sims{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sims{--tw-shadow:0 10px 30px rgba(11,61,74,.08);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color)}.shadow-sims-lg{--tw-shadow:0 18px 40px rgba(11,61,74,.14);--tw-shadow-colored:0 18px 40px var(--tw-shadow-color)}.shadow-sims-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-sims-tealSoft{--tw-ring-opacity:1;--tw-ring-color:rgb(204 251 241/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--sims-sidebar-width:260px;--sims-header-height:72px;--sims-header-gap:18px;--sims-ocean:#0b3d4a;--sims-teal:#0f766e;--sims-gold:#c9a227;--sims-mist:#f3f7f6;--sims-ink:#0f172a;--sims-slate:#475569;--sims-line:#e2e8f0;--sims-font:"Plus Jakarta Sans","Segoe UI",sans-serif;--sims-fs-xs:12px;--sims-fs-sm:13px;--sims-fs-md:15px;--sims-fs-lg:16px;--sims-fs-xl:18px;--sims-fs-2xl:22px;--sims-fs-3xl:24px;--sims-fs-stat:28px;--bs-font-sans-serif:var(--sims-font);--bs-body-font-family:var(--sims-font);--bs-body-font-size:15px;--bs-body-color:#0f172a;--bs-body-bg:#f3f7f6;--bs-primary:#0f766e;--bs-primary-rgb:15,118,110;--bs-success:#15803d;--bs-warning:#b45309;--bs-danger:#be123c;--bs-border-radius:0.8rem;--bs-border-color:#e2e8f0;--bs-link-color:#0f766e;--bs-link-hover-color:#115e59}html{color:var(--sims-ink);font-family:var(--sims-font)!important;font-size:var(--sims-fs-md);letter-spacing:-.011em}body,body.sims-login,body:has(.portal){font-family:var(--sims-font)!important;letter-spacing:-.011em}body:not(.sims-login){background:var(--sims-mist)!important;color:var(--sims-ink);font-size:var(--sims-fs-md)!important;line-height:1.5!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:var(--sims-ink);font-family:var(--sims-font)!important;font-weight:750;letter-spacing:-.03em;line-height:1.25}.h1,h1{font-size:var(--sims-fs-3xl)!important}.h2,h2{font-size:var(--sims-fs-2xl)!important}.h3,h3{font-size:var(--sims-fs-xl)!important}.h4,h4{font-size:var(--sims-fs-lg)!important}.h5,.h6,h5,h6{font-size:var(--sims-fs-md)!important}.btn-primary{background-color:var(--sims-teal)!important;border-color:var(--sims-teal)!important;font-weight:650}.btn-primary:hover{background-color:#115e59!important;border-color:#115e59!important}.btn-success{background-color:#15803d!important;border-color:#15803d!important}.card{border:1px solid var(--sims-line)!important;border-radius:1.1rem!important;box-shadow:0 10px 28px rgba(11,61,74,.06)!important}.form-control,.form-select{border-color:#d6e0dc!important;border-radius:.75rem!important;font-family:var(--sims-font)!important;font-size:var(--sims-fs-md)!important;min-height:44px}.form-control:focus,.form-select:focus{border-color:var(--sims-teal)!important;box-shadow:0 0 0 4px rgba(15,118,110,.12)!important}.table{color:var(--sims-ink)}.table thead th,table thead th{background:#f8faf9!important;color:#64748b;font-size:var(--sims-fs-xs)!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.table td,.table th,table td,table th{font-family:var(--sims-font)!important;font-size:14px!important}.content{background:var(--sims-mist);box-sizing:border-box;margin-left:var(--sims-sidebar-width)!important;min-height:100vh;padding-top:calc(var(--sims-header-height) + var(--sims-header-gap))!important}.content,.sims-profile-header{width:calc(100% - var(--sims-sidebar-width))!important}.sims-profile-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:hsla(0,0%,100%,.92)!important;border-bottom:1px solid rgba(226,232,240,.9)!important;box-shadow:0 8px 24px rgba(11,61,74,.05)!important;height:var(--sims-header-height)!important;left:var(--sims-sidebar-width)!important;padding:0 1.25rem!important}.sims-profile-name{color:var(--sims-ink)!important;font-weight:750!important;letter-spacing:-.02em}.sims-profile-role{color:#64748b!important;font-weight:500!important}.sims-profile-badge{background:#ecfdf5!important;color:#0f766e!important;font-weight:650!important}.sims-profile-photo,.sims-profile-school-logo{border:2px solid #ccfbf1!important}.sidebar{background:linear-gradient(180deg,#0b3d4a,#0e5c66 48%,#0b3d4a)!important;box-shadow:10px 0 32px rgba(11,61,74,.18)!important;width:var(--sims-sidebar-width)!important}.sidebar:after,.sidebar:before{animation:none!important;opacity:.22!important}.sidebar-logo-title,.sidebar-title{font-family:var(--sims-font)!important;font-size:var(--sims-fs-xl)!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase}.sidebar-menu a,.sidebar-menu a span{font-family:var(--sims-font)!important;font-size:14px!important;font-weight:550!important}.sidebar-menu a.active,.sidebar-menu a:hover{background:hsla(0,0%,100%,.1)!important}.supervisor-main,.supervisor-page,.supervisor-page body,body .supervisor-page{background:var(--sims-mist)!important;color:var(--sims-ink)!important;font-family:var(--sims-font)!important;font-size:var(--sims-fs-md)!important;margin-left:var(--sims-sidebar-width)!important;width:calc(100% - var(--sims-sidebar-width))!important}.supervisor-sidebar{background:linear-gradient(180deg,#0b3d4a,#0e5c66 50%,#0b3d4a)!important}.page-title,.staff-header h2,.topbar-title{color:var(--sims-ocean)!important;font-family:var(--sims-font)!important;font-size:var(--sims-fs-3xl)!important;font-weight:800!important;letter-spacing:-.03em!important}.profile-banner,.school-header,.welcome-card{align-items:center!important;background:linear-gradient(135deg,#0b3d4a,#0e5c66 52%,#0f766e)!important;border:0!important;box-shadow:0 18px 40px rgba(11,61,74,.16)!important;display:flex!important;gap:1.25rem!important;justify-content:space-between!important}.profile-banner h2,.school-header h2,.welcome-card h2{color:#fff!important;font-family:var(--sims-font)!important;font-size:var(--sims-fs-3xl)!important;font-weight:800!important;letter-spacing:-.03em!important}.profile-banner .admin-hero-main,.school-header .admin-hero-main,.school-header .school-header-content,.welcome-card .admin-hero-main{flex:1;min-width:0;position:relative;z-index:2}.profile-banner .admin-hero-time,.school-header .admin-hero-time,.welcome-card .admin-hero-time{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.22);border-radius:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12);flex:0 0 auto;min-width:220px;padding:14px 18px;position:relative;text-align:right;z-index:2}.profile-banner .attendance-clock,.school-header .attendance-clock,.welcome-card .attendance-clock{color:#fff!important;font-size:28px!important;font-variant-numeric:tabular-nums;font-weight:800!important;letter-spacing:-.03em;line-height:1.1!important}.profile-banner .attendance-date,.school-header .attendance-date,.welcome-card .attendance-date{color:rgba(204,251,241,.9)!important;font-size:13px!important;line-height:1.35!important;margin-top:6px!important}.school-header .live-pill,.welcome-card .live-pill{align-items:center;background:hsla(0,0%,100%,.12)!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:999px;color:#ecfdf5!important;display:inline-flex;font-size:11px!important;font-weight:700!important;gap:8px;letter-spacing:.06em;margin-bottom:10px;padding:4px 10px;text-transform:uppercase}.school-header .live-dot,.welcome-card .live-dot{background:#86efac;border-radius:50%;box-shadow:0 0 0 4px rgba(134,239,172,.2);height:7px;width:7px}.page-topbar,.supervisor-main .topbar{background:hsla(0,0%,100%,.94)!important;border-bottom:1px solid var(--sims-line)!important;box-shadow:0 8px 24px rgba(11,61,74,.05)!important}.date-box{background:#ecfdf5!important;border-color:#ccfbf1!important;color:#0f766e!important}.school-card,.school-panel,.summary-card{border-color:var(--sims-line)!important;box-shadow:0 10px 28px rgba(11,61,74,.06)!important}.empty-icon,.school-icon,.summary-icon{background:#ccfbf1!important;color:#0f766e!important}.summary-number{font-size:var(--sims-fs-stat)!important}.school-name strong,.summary-number{color:var(--sims-ink)!important}.detail-line i,.view-school{color:#0f766e!important}.view-school{background:#ecfdf5!important}.view-school:hover{background:#0f766e!important;color:#fff!important}.school-count{background:#ecfdf5!important;color:#0f766e!important}.school-card:hover{border-color:#99f6e4!important;box-shadow:0 12px 28px rgba(11,61,74,.1)!important}.supervisor-sidebar{width:var(--sims-sidebar-width)!important}.control-bar,.notification-card,.system-message{border-color:var(--sims-line)!important;box-shadow:0 10px 28px rgba(11,61,74,.06)!important}.notification-icon,.page-icon,.system-message-icon{background:#ccfbf1!important;color:#0f766e!important}.read-button{background:#0f766e!important;color:#fff!important}.period-badge{background:#ecfdf5!important;color:#0f766e!important}.profile-row-icon{background:#ccfbf1!important;color:#0f766e!important}.profile-button-primary{background:#0f766e!important;color:#fff!important}.account-info-row span,.profile-row-label{color:#64748b!important;font-size:var(--sims-fs-xs)!important}.account-info-row strong,.profile-row-value{color:var(--sims-ink)!important;font-size:var(--sims-fs-md)!important}.attendance-hero,.dashboard-hero,.settings-hero{background:linear-gradient(135deg,#0b3d4a,#0e5c66 52%,#0f766e)!important}.settings-card{border:1px solid var(--sims-line)!important;border-radius:1.15rem!important}.staff-attendance-dashboard{background:transparent!important;color:var(--sims-ink)!important;min-height:auto!important;overflow:visible!important;padding:calc(var(--sims-header-height) + var(--sims-header-gap)) 20px 40px!important}.staff-attendance-dashboard:before{display:none!important}.staff-attendance-dashboard .attendance-hero{align-items:center!important;background:linear-gradient(135deg,#0b3d4a,#0e5c66 52%,#0f766e)!important;border:0!important;border-radius:1.2rem!important;box-shadow:0 18px 40px rgba(11,61,74,.16)!important;display:flex!important;gap:1.25rem!important;justify-content:space-between!important;margin-bottom:1.25rem!important;overflow:visible!important;padding:1.5rem 1.6rem!important}.staff-attendance-dashboard .attendance-hero h1{color:#fff!important;font-size:24px!important;font-weight:800!important;letter-spacing:-.03em!important}.staff-attendance-dashboard .attendance-date,.staff-attendance-dashboard .attendance-hero p{color:rgba(204,251,241,.9)!important}.staff-attendance-dashboard .admin-hero-time{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.22);border-radius:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12);flex:0 0 auto;min-width:220px;padding:14px 18px;text-align:right}.staff-attendance-dashboard .attendance-clock{color:#fff!important;font-size:28px!important;font-variant-numeric:tabular-nums;font-weight:800!important;letter-spacing:-.03em;line-height:1.1!important}.staff-attendance-dashboard .attendance-date{font-size:13px!important;line-height:1.35!important;margin-top:6px!important}.staff-attendance-dashboard .live-pill{background:hsla(0,0%,100%,.12)!important;border-color:hsla(0,0%,100%,.2)!important;color:#ecfdf5!important}.staff-attendance-dashboard .stat-card{background:#fff!important;border:1px solid var(--sims-line)!important;box-shadow:0 10px 28px rgba(11,61,74,.06)!important;color:var(--sims-ink)!important}.staff-attendance-dashboard .stat-card .value{color:var(--sims-ink)!important}.staff-attendance-dashboard .stat-card .label{color:#64748b!important}.staff-attendance-dashboard .attendance-panel,.staff-attendance-dashboard .movement-panel{background:#fff!important;border:1px solid var(--sims-line)!important;border-radius:1.15rem!important;box-shadow:0 10px 28px rgba(11,61,74,.06)!important;color:var(--sims-ink)!important}.staff-attendance-dashboard .movement-panel-header h2,.staff-attendance-dashboard .panel-head h2{color:var(--sims-ink)!important}.staff-attendance-dashboard .panel-head small,.staff-attendance-dashboard .progress-wrap,.staff-attendance-dashboard .progress-wrap div,.staff-attendance-dashboard .progress-wrap span,.staff-attendance-dashboard .progress-wrap strong{color:#64748b!important}.staff-attendance-dashboard .progress-track{background:#e2e8f0!important;border-radius:999px!important;height:8px!important}.staff-attendance-dashboard .progress-fill{background:linear-gradient(90deg,#0f766e,#c9a227)!important;border-radius:999px!important}.staff-attendance-dashboard .staff-table{color:var(--sims-ink)!important}.staff-attendance-dashboard .staff-table thead th{background:#f8faf9!important;border-color:var(--sims-line)!important;color:#64748b!important}.staff-attendance-dashboard .staff-table td{border-color:#eef2f1!important;color:var(--sims-ink)!important}.staff-attendance-dashboard .staff-name{color:var(--sims-ink)!important;font-weight:700!important}.staff-attendance-dashboard .gps-none,.staff-attendance-dashboard .staff-code,.staff-attendance-dashboard .time-sub{color:#64748b!important}.staff-attendance-dashboard .time-main{color:var(--sims-ink)!important}.staff-attendance-dashboard .badge-present{background:#dcfce7!important;color:#166534!important}.staff-attendance-dashboard .badge-late{background:#ffedd5!important;color:#9a3412!important}.staff-attendance-dashboard .badge-absent{background:#ffe4e6!important;color:#9f1239!important}.staff-attendance-dashboard .movement-stat-card{background:#fff!important;border:1px solid var(--sims-line)!important;color:var(--sims-ink)!important}.alert,.badge,.btn,.card,.content,.dropdown-menu,.form-control,.form-select,.modal,.nav,.page-topbar,.panel-header,.sidebar,.stat-card,.supervisor-sidebar,.topbar,.welcome-card,a,b,button,em,input,label,li,p,select,small,strong,td,textarea,th{font-family:var(--sims-font)!important}.badge,.chart-period,.control-info,.dashboard-footer,.date-badge,.detail-line,.filter-body label,.form-text,.menu-title,.notification-date,.page-footer,.page-subtitle,.period-badge,.province-badge,.read-button,.record-count,.school-code,.school-count,.scope-badge,.sidebar .menu-title,.sidebar .sidebar-section-title,.sidebar .sidebar-subtitle,.sidebar-section-title,.sidebar-subtitle,.small,.stat-label,.status-badge,.summary-label,.supervisor-brand p,.supervisor-menu-title,.supervisor-portal-badge,.supervisor-sidebar .menu-title,.supervisor-stat-small,.supervisor-topbar-subtitle,.text-muted,.topbar-subtitle,.view-only-badge,caption,small{font-size:var(--sims-fs-xs)!important;line-height:1.45!important}.btn,.dropdown-item,.nav-link{font-size:var(--sims-fs-md)!important}.btn-group-sm>.btn,.btn-sm{font-size:var(--sims-fs-sm)!important}.btn-group-lg>.btn,.btn-lg{font-size:var(--sims-fs-lg)!important}.sims-profile-name,.sims-profile-school-name{font-family:var(--sims-font)!important;font-size:var(--sims-fs-md)!important}.sims-profile-badge,.sims-profile-role{font-size:var(--sims-fs-xs)!important}.leave-management-btn,.leave-submenu .sub-btn,.logout-btn,.menu-arrow,.menu-btn,.sub-btn{font-family:var(--sims-font)!important;font-size:14px!important}.menu-btn i,.sidebar-menu a i,.sub-btn i{font-size:15px!important}.sidebar-user-name,.supervisor-school-text strong,.supervisor-user strong,.user-info strong{font-family:var(--sims-font)!important;font-size:14px!important}.sidebar-user-role,.supervisor-school-text span,.supervisor-user span,.user-info small{font-size:var(--sims-fs-xs)!important}.user-avatar{font-size:14px!important}.school-header p,.staff-header p,.supervisor-page-header p,.welcome-card p{font-size:14px!important;line-height:1.5!important}.sims-stat .value,.stat-card .value,.stat-number{font-family:var(--sims-font)!important;font-size:var(--sims-fs-stat)!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.1!important}.summary-item span{font-family:var(--sims-font)!important;font-size:20px!important;font-weight:800!important}.stat-icon{font-size:18px!important}.attendance-panel-header h5,.chart-panel-header h5,.filter-header h5,.panel-header h5,.school-panel-header h5,.supervisor-card-header h5{font-family:var(--sims-font)!important;font-size:var(--sims-fs-lg)!important}.panel-header span{font-size:var(--sims-fs-xs)!important}.access-info strong,.school-name strong,.school-row strong,.summary-item strong,.supervisor-action strong,.supervisor-stat-title{font-family:var(--sims-font)!important;font-size:14px!important}.access-info small,.school-row small,.summary-item small{font-size:var(--sims-fs-xs)!important}.quick-action{font-family:var(--sims-font)!important;font-size:13px!important}.empty-state{font-size:14px!important}.empty-state i{font-size:24px!important}.filter-body input,.search-box input,.staff-filter-field label{font-family:var(--sims-font)!important;font-size:var(--sims-fs-md)!important}.filter-buttons .btn,.staff-filter-apply,.staff-filter-clear,.view-school{font-size:13px!important}.attendance-table td,.attendance-table th,.supervisor-page table .badge,.supervisor-page table tbody td,.supervisor-page table tbody td small,.supervisor-page table thead th,.supervisor-table td,.supervisor-table th{font-family:var(--sims-font)!important;font-size:13px!important}.attendance-table th,.supervisor-page table thead th,.supervisor-table th{font-size:var(--sims-fs-xs)!important}.supervisor-page table .btn{font-size:13px!important}.date-box,.empty-box p,.error-box{font-family:var(--sims-font)!important;font-size:13px!important}body.sims-login .title-main{font-size:27px!important}body.sims-login .login-header h2{font-size:28px!important}body.sims-login .feature-card span,body.sims-login .feature-card strong,body.sims-login .login-footer,body.sims-login .portal-btn,body.sims-login .title-sub{font-family:var(--sims-font)!important;font-size:var(--sims-fs-xs)!important}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.sims-mobile-menu-btn{align-items:center;background:#fff;border:1px solid var(--sims-line);border-radius:12px;box-shadow:0 4px 14px rgba(11,61,74,.08);color:var(--sims-ocean);cursor:pointer;display:none;flex-shrink:0;height:44px;justify-content:center;margin-right:10px;min-width:44px;width:44px}.sims-burger{display:block;height:14px;position:relative;width:18px}.sims-burger i{background:currentColor;border-radius:2px;height:2px;left:0;position:absolute;transition:transform .2s ease,top .2s ease,opacity .2s ease;width:18px}.sims-burger i:first-child{top:0}.sims-burger i:nth-child(2){top:6px}.sims-burger i:nth-child(3){top:12px}body.sims-nav-open .sims-burger i:first-child{top:6px;transform:rotate(45deg)}body.sims-nav-open .sims-burger i:nth-child(2){opacity:0}body.sims-nav-open .sims-burger i:nth-child(3){top:6px;transform:rotate(-45deg)}.sims-nav-backdrop{background:rgba(15,23,42,.46);display:none;inset:0;position:fixed;z-index:11900}.sims-mobile-topbar{display:none}@media (max-width:991px){:root{--sims-sidebar-width:0px}body:not(.sims-login){overflow-x:hidden}.content,.sims-profile-header,.supervisor-main,.supervisor-page{left:0!important;margin-left:0!important;max-width:100%!important;width:100%!important}.sims-profile-header{padding:0 12px 0 calc(12px + env(safe-area-inset-left, 0px))!important}.sidebar,.supervisor-sidebar{bottom:0!important;height:100%!important;left:0!important;max-width:300px!important;min-height:100dvh!important;padding-bottom:env(safe-area-inset-bottom,0);padding-top:env(safe-area-inset-top,0);position:fixed!important;top:0!important;transform:translateX(-110%)!important;transition:transform .28s ease!important;width:min(86vw,300px)!important;z-index:12000!important;-webkit-overflow-scrolling:touch;overflow-y:auto!important}.sidebar.show,.supervisor-sidebar.show,body.sims-nav-open .sidebar,body.sims-nav-open .supervisor-sidebar{transform:translateX(0)!important}.sims-mobile-menu-btn{display:inline-flex!important;position:relative;z-index:10001}.sims-nav-backdrop{display:block}.sims-nav-backdrop[hidden]{display:none!important}body.sims-nav-open .sims-nav-backdrop{display:block!important}.sims-mobile-topbar{align-items:center;background:hsla(0,0%,100%,.96);border-bottom:1px solid var(--sims-line);display:flex;gap:10px;padding:calc(10px + env(safe-area-inset-top, 0px)) 12px 10px;position:sticky;top:0;z-index:11000}.sims-mobile-topbar-title{color:var(--sims-ocean);font-weight:800;letter-spacing:-.02em}.page-topbar,.topbar{flex-wrap:wrap;gap:10px;height:auto!important;min-height:64px;padding-left:12px!important;padding-right:12px!important}.dashboard-content,.page-content,.staff-attendance-dashboard{padding-left:14px!important;padding-right:14px!important}.profile-grid,.school-grid,.stats-grid,.summary-row{grid-template-columns:1fr!important}.admin-hero-time,.attendance-hero,.profile-banner,.school-header,.welcome-card{min-width:0!important}.admin-hero-time{width:100%}.notification-card,.panel,.school-card,.stat-card,.summary-card{min-width:0!important}table{display:block;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.form-control,.form-select,input,select,textarea{font-size:16px!important}.sidebar-menu .menu-btn,.sidebar-menu .sub-btn,.sidebar-menu a{align-items:center;display:flex!important;min-height:44px!important}.profile-banner,.school-header,.staff-attendance-dashboard .attendance-hero,.welcome-card{align-items:stretch!important;flex-direction:column!important}.profile-banner .admin-hero-time,.profile-banner .attendance-clock,.profile-banner .attendance-date,.school-header .admin-hero-time,.school-header .attendance-clock,.school-header .attendance-date,.staff-attendance-dashboard .admin-hero-time,.staff-attendance-dashboard .attendance-clock,.staff-attendance-dashboard .attendance-date,.welcome-card .admin-hero-time,.welcome-card .attendance-clock,.welcome-card .attendance-date{min-width:0!important;text-align:left!important}}@media (min-width:560px) and (max-width:991px){.stats-grid,.summary-row{grid-template-columns:1fr 1fr!important}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}