:root{font-synthesis:none;color:#172e42;--text:#172e42;--muted:#526577;--primary:#08646b;--primary-hover:#074f55;--navy:#16354b;--surface:#fff;--background:#f4f7f9;--border:#dbe3e9;--input-border:#8195a4;--success:#23623e;--success-bg:#eaf5ed;--warning:#865200;--warning-bg:#fff4db;--danger:#a12531;--danger-bg:#fff0f1;--focus:#0369a1;--radius:16px;--sidebar:260px;--motion:.16s ease;--shadow:0 4px 16px #16354b05;background:#f4f7f9;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}html{scroll-padding:24px 0 100px}body{min-width:0;margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--primary);text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.sidebar :focus-visible,.login-story :focus-visible{outline-color:#f0ca78}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--text);text-wrap:balance;line-height:1.3}h1{letter-spacing:-.9px;margin-bottom:10px;font-size:clamp(28px,2.3vw,36px);font-weight:700}h2{letter-spacing:-.3px;margin-bottom:16px;font-size:20px;font-weight:650}h3{margin-bottom:12px;font-size:17px;font-weight:650}p{line-height:1.7}small{font-size:13px}.icon{vertical-align:middle;flex-shrink:0;width:21px;height:21px}.muted,.tiny,.small-note{color:var(--muted)}.tiny{font-size:13px;line-height:1.7}.small-note{margin:20px 0;font-size:14px}.block{margin-top:6px;display:block}.eyebrow{color:var(--primary);letter-spacing:1.4px;margin-bottom:9px;font-size:12px;font-weight:700;line-height:1.6}.sr-only{clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{background:var(--navy);color:#fff;z-index:200;border-radius:8px;padding:12px 20px;font-weight:600;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.button{min-width:44px;min-height:48px;transition:background var(--motion), box-shadow var(--motion);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:650;line-height:1.5;text-decoration:none;display:inline-flex}.primary{background:var(--primary);color:#fff}.primary:hover:not(:disabled){background:var(--primary-hover)}.secondary{background:var(--surface);border-color:var(--input-border);color:var(--text)}.secondary:hover:not(:disabled){border-color:var(--primary);background:#edf5f6}.danger-button{background:var(--danger-bg);color:var(--danger);border-color:#d38c94}.danger-button:hover:not(:disabled){background:#ffe1e4}.icon-button{color:var(--muted);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px;display:inline-flex}.icon-button:hover{color:var(--navy);background:#edf3f6}.text-button{color:var(--primary);text-align:left;background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:10px 4px;font-size:14px;font-weight:650;line-height:1.5;display:inline-flex}.text-button:hover{text-underline-offset:4px;text-decoration:underline}.text-button .icon{width:17px;height:17px}.badge{white-space:normal;overflow-wrap:anywhere;border-radius:7px;align-items:center;max-width:100%;padding:6px 10px;font-size:13px;font-weight:600;line-height:1.5;display:inline-flex}.badge.neutral{color:#455b6d;background:#edf2f6}.badge.green{background:var(--success-bg);color:var(--success)}.badge.amber{background:var(--warning-bg);color:var(--warning)}.badge.red{background:var(--danger-bg);color:var(--danger)}.app-shell{min-height:100dvh}.sidebar{z-index:40;width:var(--sidebar);background:var(--navy);color:#d7e6ef;flex-direction:column;padding:32px 16px 0;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar-brand{justify-content:space-between;align-items:center;gap:12px;padding:0 12px 30px;display:flex}.brand{letter-spacing:-.9px;color:inherit;align-items:center;gap:12px;font-size:29px;font-weight:750;line-height:1.1;text-decoration:none;display:flex}.brand-symbol{color:#a4dad4;background:#ffffff14;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.brand-symbol .icon{width:28px;height:28px}.brand-sub{letter-spacing:2px;color:#c6d8e4;margin-top:9px;font-size:10px;font-weight:600;display:block}.sidebar>nav{flex-shrink:0}.nav-group{margin-bottom:22px}.nav-group-title{letter-spacing:1.5px;color:#b3c7d6;margin-bottom:8px;padding:0 14px;font-size:10px;font-weight:650}.nav-item{color:#dce8f0;text-align:left;width:100%;min-height:47px;transition:background var(--motion);background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;margin-bottom:3px;padding:11px 14px;font-size:14px;font-weight:500;line-height:1.5;display:flex}.nav-item>.icon{color:#a9c5d4;width:19px;height:19px}.nav-item:hover{background:#ffffff0d}.nav-item.active{color:#fff;background:#2c586c;font-weight:650;box-shadow:inset 3px 0 #8acfc7}.nav-item.active>.icon{color:#b0e1da}.nav-count{color:#5c3b00;background:#f7d796;border-radius:6px;justify-content:center;min-width:24px;margin-left:auto;padding:1px 5px;font-size:12px;font-weight:700;display:inline-flex}.sidebar-bottom{flex-shrink:0;margin-top:auto;padding-top:20px}.secure-note{color:#c6d8e4;border:1px solid #ffffff20;border-radius:10px;align-items:flex-start;gap:11px;margin-bottom:20px;padding:14px;font-size:12px;line-height:1.8;display:flex}.secure-note strong{color:#e9f1f5;font-weight:600}.secure-note .icon{color:#9ed1ce;margin-top:4px}.profile{border-top:1px solid #ffffff20;align-items:center;gap:10px;padding:20px 0;display:flex}.profile>div{flex:1;min-width:0}.profile strong{color:#fff;overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.5;display:block}.profile small{color:#c6d8e4;margin-top:5px;font-size:12px;display:block}.profile .icon-button{color:#c6d8e4}.profile .icon-button:hover{color:#fff;background:#ffffff15}.avatar{color:#15525a;background:#dceded;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:inline-flex}.avatar.small{width:36px;height:36px}.workspace{margin-left:var(--sidebar);flex-direction:column;min-height:100dvh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;height:80px;padding:0 36px;display:flex}.topbar-school,.topbar-right{align-items:center;gap:16px;min-width:0;display:flex}.topbar-school-name{align-items:center;gap:9px;font-size:14px;font-weight:650;display:flex}.topbar-school-name .icon{color:var(--primary);width:19px;height:19px}.topbar-role{color:var(--muted);font-size:13px}.topbar-divider{background:var(--border);width:1px;height:20px}.topbar-right{gap:8px}.live-label{color:var(--muted);align-items:center;gap:8px;margin-right:12px;font-size:12px;display:inline-flex}.live-label i{background:var(--success);border-radius:50%;width:7px;height:7px}.notification-button{position:relative}.notification-dot{background:var(--warning);border-radius:50%;width:6px;height:6px;position:absolute;top:9px;right:9px}.mobile-menu,.drawer-close,.sidebar-overlay,.bottom-navigation{display:none}.demo-bar{color:#725019;background:#fff8e8;border-bottom:1px solid #e9d5a5;justify-content:space-between;align-items:center;gap:20px;padding:12px 36px;font-size:12px;display:flex}.demo-bar>span{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.demo-bar strong{letter-spacing:1px;border:1px solid #d8ba7a;border-radius:5px;padding:4px 8px;font-size:10px}.demo-bar label{white-space:nowrap;color:#725019;align-items:center;gap:10px;margin:0;font-size:12px;display:flex}.demo-bar select{background:#fffcf6;border-color:#aa8c58;width:auto;min-height:40px;margin:0;padding:7px 28px 7px 10px;font-size:13px}.content{outline:0;width:100%;max-width:1460px;margin:0 auto;padding:36px}.content:focus{outline:none}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.page-heading>div:first-child{min-width:0}.page-heading>.button{flex-shrink:0}.page-heading .muted{max-width:65ch;margin:0;font-size:15px}.date-chip{color:var(--muted);border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:9px;align-items:center;gap:9px;padding:11px 15px;font-size:13px;display:inline-flex}.date-chip .icon{width:18px;height:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);padding:28px}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.section-heading h2{margin-bottom:0}.section-heading .eyebrow{margin-bottom:6px;font-size:11px}.section-heading p.muted{margin:8px 0 0;font-size:14px}.dashboard-grid{grid-template-columns:1.15fr 1fr;gap:24px;margin-bottom:32px;display:grid}.clock-card{border-top:3px solid var(--primary)}.clock-symbol{width:44px;height:44px;color:var(--primary);background:#e8f4f3;border-radius:12px;justify-content:center;align-items:center;display:flex}.clock-face{padding:10px 0 22px}.clock-display{letter-spacing:-2.5px;font-variant-numeric:tabular-nums;color:var(--navy);align-items:baseline;font-size:clamp(48px,4.3vw,64px);font-weight:650;line-height:1.2;display:flex}.clock-display>span{letter-spacing:1px;color:var(--muted);margin-left:12px;font-size:12px;font-weight:600}.clock-display>.clock-period{letter-spacing:0;color:var(--navy);font-size:20px}.clock-date{color:var(--muted);margin:8px 0 0;font-size:14px}.clock-times{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;padding:20px 0;display:grid}.clock-times>div+div{border-left:1px solid var(--border);padding-left:20px}.clock-times span{color:var(--muted);align-items:center;gap:7px;margin-bottom:8px;font-size:13px;display:flex}.clock-times .icon{width:15px;height:15px}.clock-times strong{font-variant-numeric:tabular-nums;font-size:25px;font-weight:650;line-height:1.3}.clock-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.location-caption{color:var(--muted);align-items:flex-start;gap:6px;margin:16px 0 8px;font-size:12px;display:flex}.location-caption .icon{width:15px;height:15px;margin-top:3px}.clock-card .tiny{margin:8px 0 0}.demo-caption{color:var(--muted);border-top:1px dashed var(--border);margin:12px 0 0;padding-top:10px;font-size:12px}.attendance-receipt{color:var(--success);align-items:flex-start;gap:6px;margin:12px 0 0;font-size:13px;display:flex}.attendance-receipt .icon{width:16px;height:16px;margin-top:3px}.personal-status{align-items:center;gap:14px;margin:28px 0 20px;display:flex}.personal-status .muted{font-size:13px}.personal-status h3{margin:5px 0 0;font-size:18px}.round-icon{width:46px;height:46px;color:var(--primary);background:#eaf3f4;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.details-list{margin:16px 0;font-size:14px}.details-list>div{border-bottom:1px solid #e9eef2;justify-content:space-between;align-items:flex-start;gap:20px;padding:12px 0;display:flex}.details-list dt{color:var(--muted)}.details-list dd{text-align:right;overflow-wrap:anywhere;max-width:60%;margin:0;font-weight:600}.soft-notice{color:#405b6e;background:#eff5f8;border-left:3px solid #b4cedb;border-radius:0 8px 8px 0;margin:20px 0;padding:14px 16px;font-size:14px;line-height:1.7}.soft-notice strong{color:var(--navy)}.soft-notice p{margin:5px 0 0}.personal-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.personal-actions .button{flex:1}.school-overview{margin-bottom:32px}.school-overview>.section-heading{margin-bottom:16px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.school-overview .stats-grid{margin-bottom:0}.stat{padding:22px}.stat>div{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.stat-icon{color:#48677e;background:#eff4f7;border-radius:9px;padding:8px}.stat-icon .icon{width:18px;height:18px}.stat>strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:10px 0 6px;font-size:36px;font-weight:650;line-height:1.3;display:block}.stat>small{color:var(--muted);font-size:12px;display:block}.stat.green{border-top:3px solid #438967}.stat.amber{border-top:3px solid #b47c25}.stat.green .stat-icon{background:var(--success-bg);color:var(--success)}.stat.amber .stat-icon{background:var(--warning-bg);color:var(--warning)}.heading-count{background:var(--warning-bg);color:var(--warning);vertical-align:middle;border-radius:8px;justify-content:center;align-items:center;min-width:28px;height:28px;margin-left:6px;font-size:13px;display:inline-flex}.request-row{border-top:1px solid var(--border);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px 0;display:grid}.request-icon{color:#3f7180;background:#eef4f6;border-radius:10px;justify-content:center;align-items:center;width:44px;height:46px;display:inline-flex}.request-main{min-width:0}.request-main strong{overflow-wrap:anywhere;font-size:15px;font-weight:650;display:block}.request-main>span{color:var(--muted);margin-top:4px;font-size:14px;display:block}.request-main small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.request-side{flex-direction:column;align-items:flex-end;gap:6px;max-width:200px;display:flex}.request-side .text-button{font-size:13px}.bottom-note{color:var(--muted);align-items:flex-start;gap:10px;margin:24px 0 4px;font-size:13px;line-height:1.8;display:flex}.bottom-note .icon{color:var(--primary);width:18px;height:18px;margin-top:3px}.bottom-note strong{color:var(--text)}.app-footer{color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding:22px 36px;font-size:12px;display:flex}.app-footer>span:last-child{align-items:center;gap:7px;display:inline-flex}.app-footer .icon{width:15px;height:15px}.table-wrap{max-width:100%}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}th{color:#3d5569;background:#f0f4f7;padding:14px 12px;font-size:12px;font-weight:650;line-height:1.5}td{border-bottom:1px solid var(--border);vertical-align:middle;overflow-wrap:anywhere;padding:18px 12px;line-height:1.7}tbody tr:last-child td{border-bottom:0}.person-cell{align-items:center;gap:10px;display:flex}.person-cell>div{min-width:0}.person-cell strong{font-size:14px}.person-cell small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.staff-table .text-button{padding-left:0;padding-right:0;display:block}.filters{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:20px;display:flex}.filters>.muted{margin:0;font-size:14px}.search-field{min-width:200px;max-width:300px;margin:0}.search-field>span{font-size:13px}.search{width:100%}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tab{border:1px solid var(--border);min-width:44px;min-height:44px;color:var(--muted);background:#fff;border-radius:8px;padding:10px 13px;font-size:14px;line-height:1.5}.tab.selected{color:#084e55;background:#e7f2f2;border-color:#76a7ac;font-weight:650}.tab span{color:#465c70;background:#f2f5f7;border-radius:5px;justify-content:center;align-items:center;min-width:22px;margin-left:4px;padding:1px 5px;font-size:12px;display:inline-flex}.month-picker,.filters>label{color:var(--muted);align-items:center;gap:10px;margin:0;font-size:14px;display:flex}.month-picker input{width:auto;max-width:200px;margin:0}.small-note .month-picker{margin-top:14px}.empty{text-align:center;color:var(--muted);padding:44px 16px}.empty>.icon{color:#4d7d8a;width:32px;height:32px;margin-bottom:14px}.empty h3{font-size:17px}.empty p{max-width:45ch;margin:0 auto;font-size:14px}.settings-card{max-width:720px}.settings-card form,.settings-card+.settings-card{margin-top:24px}.page-actions{flex-wrap:wrap;gap:10px;display:flex}.bulk-staff-list{border:1px solid var(--input-border);border-radius:12px;max-height:300px;margin:12px 0 20px;padding:12px;overflow-y:auto}.bulk-staff-list legend{padding:0 6px;font-weight:700}.bulk-staff-list .bulk-staff-option{border-bottom:1px solid var(--input-border);align-items:flex-start;min-height:48px;padding:8px 0}.bulk-staff-option:has(input:disabled){opacity:.65}.bulk-time-preview{max-height:340px;margin-bottom:20px;overflow:auto}.login-story-content h1,.login-story-content p,.school-signature,.login-story .brand{overflow-wrap:anywhere}.audit-list>article{border-bottom:1px solid var(--border);gap:16px;padding:22px 0;display:flex}.audit-list>article>div{min-width:0}.audit-list strong{font-size:14px}.audit-list p{color:var(--muted);margin:8px 0;font-size:14px}.audit-list pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5f8;max-height:300px;padding:14px;font-size:12px;overflow-y:auto}.audit-list summary{cursor:pointer;color:var(--primary);padding:10px 0;font-size:14px}.notice{background:var(--warning-bg);color:#755019;border:1px solid #dabb7e;border-radius:10px;margin:20px 0;padding:16px 18px;font-size:14px;line-height:1.7}.notice p{margin:4px 0 0}.notice.danger{background:var(--danger-bg);color:var(--danger);border-color:#d6a2a8}.page-error{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-error p{margin-bottom:0}.page-error .icon-button{color:var(--danger);flex-shrink:0}.demo-bar select,.checkbox{min-height:44px}.working .button{cursor:progress}.working .clock-actions .button{pointer-events:none}label{color:var(--text);margin-bottom:20px;font-size:14px;font-weight:600;display:block}input,select,textarea{border:1px solid var(--input-border);width:100%;max-width:100%;min-height:48px;color:var(--text);background:#fff;border-radius:8px;margin-top:8px;padding:11px 12px;font-size:16px;line-height:1.5;display:block}input::placeholder,textarea::placeholder{color:#65798a;opacity:1}textarea{resize:vertical;min-height:120px}input[type=file]{padding:8px;font-size:14px}input[type=file]::file-selector-button{color:var(--navy);font:inherit;cursor:pointer;background:#eaf2f5;border:1px solid #869ead;border-radius:5px;margin-right:10px;padding:8px 10px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-grid>label{min-width:0}.checkbox{align-items:flex-start;gap:12px;padding:8px 0;font-weight:400;line-height:1.8;display:flex}.checkbox input{width:20px;height:20px;min-height:20px;accent-color:var(--primary);flex-shrink:0;margin:3px 0 0}.form-error{color:var(--danger);margin:14px 0;font-size:14px;line-height:1.7}.form-error:empty{display:none}.field-required{color:var(--danger)}.field-error{color:var(--danger);margin-top:8px;font-size:13px;font-weight:500;line-height:1.6;display:block}[aria-invalid=true]{border:2px solid var(--danger)}.error-summary{background:var(--danger-bg);border:2px solid var(--danger);color:var(--danger);border-radius:9px;margin-bottom:24px;padding:16px 18px}.error-summary h3{color:var(--danger);margin-bottom:8px;font-size:16px}.error-summary ul{margin:0;padding-left:20px;font-size:14px}.error-summary li+li{margin-top:6px}.error-summary a{color:var(--danger)}.required-help{margin-bottom:20px}dialog{overscroll-behavior:contain;border:1px solid var(--border);width:min(640px,100% - 40px);max-height:90dvh;color:var(--text);background:#fff;border-radius:18px;padding:30px;overflow-y:auto;box-shadow:0 24px 100px #102b4240}dialog::backdrop{background:#102b4280}.modal-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.modal-heading h2{margin:0;font-size:24px}.modal-heading .eyebrow{margin-bottom:7px;font-size:10px}.modal-heading [tabindex]:focus{outline:none}dialog>p.muted{margin-bottom:24px;font-size:14px}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:20px;display:flex}.detail-person{margin:22px 0 16px;font-size:20px}.reason-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-size:15px}#toast{z-index:120;background:var(--navy);color:#fff;opacity:0;pointer-events:none;max-width:min(650px,100% - 32px);transition:opacity var(--motion), transform var(--motion);border-radius:10px;padding:15px 22px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%,24px);box-shadow:0 6px 30px #16354b25}#toast.visible{opacity:1;transform:translate(-50%)}#toast.error{background:#85232d}.login-layout{grid-template-columns:1.05fr 1fr;min-height:100dvh;display:grid}.login-story{background:var(--navy);color:#fff;flex-direction:column;justify-content:space-between;gap:48px;padding:44px 56px;display:flex;position:relative;overflow:hidden}.login-story .brand{color:#fff}.login-story-content{padding:25px 0 10px;position:relative}.login-kicker{letter-spacing:2px;color:#bed8e2;margin-bottom:25px;font-size:12px;font-weight:600}.login-story h1{color:#fff;letter-spacing:-1.8px;margin-bottom:26px;font-size:clamp(38px,4vw,62px);font-weight:650;line-height:1.14}.login-story h1 em{color:#b6dfd5;font-style:normal}.login-story-content>p:not(.login-kicker){color:#d0e0e9;max-width:40ch;font-size:16px;line-height:1.8}.school-illustration{width:520px;max-width:100%;height:auto;margin-top:36px;display:block}.school-signature{color:#d6e5ed;align-items:center;gap:14px;margin:0;font-size:12px;display:flex}.school-signature>.icon{color:#b6dfd5;width:28px;height:28px}.school-signature strong{color:#fff;font-size:14px;display:block}.school-signature span>span{margin-top:3px;display:block}.login-main{background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:52px 50px 90px;display:flex;position:relative}.login-card{width:100%;max-width:410px}.school-mark{width:58px;height:58px;color:var(--primary);background:#e9f3f3;border:1px solid #d0e5e6;border-radius:16px;justify-content:center;align-items:center;margin:0 auto 26px;display:flex}.school-logo{object-fit:contain;width:120px;max-width:100%;height:120px;margin:0 auto 26px;display:block}#logo-preview{border:1px solid var(--input-border);border-radius:16px;margin-bottom:20px;padding:20px}#logo-preview .school-logo,#logo-preview .school-mark{margin-bottom:0}.school-mark>.icon{width:28px;height:28px}.login-card h2{letter-spacing:-.6px;font-size:30px;font-weight:700}.login-card>.muted{margin:16px 0 24px;font-size:15px}.google{border:1px solid var(--input-border);width:100%;color:var(--text);background:#fff;min-height:52px}.google:hover:not(:disabled){background:#f4f7f9}.google-g{color:#1b62c2;margin-right:5px;font-family:Arial,sans-serif;font-size:22px;font-weight:700}.account-guide{margin-top:22px}.account-guide>div{align-items:flex-start;gap:12px;margin-bottom:15px;display:flex}.account-guide .icon{color:#527385;width:18px;height:18px;margin-top:4px}.account-guide p{margin:0;font-size:13px}.account-guide p strong{font-weight:650;display:block}.account-guide p span{color:var(--muted);margin-top:2px;display:block}.separator{color:var(--muted);letter-spacing:.7px;align-items:center;gap:12px;margin:27px 0 20px;font-size:10px;font-weight:600;display:flex}.separator:before,.separator:after{content:"";background:var(--border);flex:1;height:1px}.separator span{text-align:center}.login-card>.secondary{width:100%}.login-privacy{align-items:flex-start;gap:8px;margin-top:22px;font-size:12px;display:flex}.login-privacy>.icon{width:15px;height:15px;margin-top:3px}.login-main footer{color:var(--muted);justify-content:space-between;gap:16px;font-size:12px;display:flex;position:absolute;bottom:24px;left:40px;right:40px}@media (width>=1600px){.content{padding:44px}.login-story{padding:56px 72px}}@media (width<=1199px){:root{--sidebar:230px}.sidebar{padding-left:12px;padding-right:12px}.brand{font-size:25px}.brand-symbol{width:40px;height:40px}.brand-sub{font-size:9px}.sidebar-brand{padding-left:10px;padding-right:8px}.nav-item{gap:10px;padding:12px;font-size:13px}.content{padding:28px}.topbar,.demo-bar{padding-left:28px;padding-right:28px}.topbar-divider,.topbar-role{display:none}.card{padding:24px}.dashboard-grid{grid-template-columns:1fr}.personal-actions .button{flex:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:20px}.page-heading{flex-wrap:wrap;align-items:flex-start}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{width:100%;display:block}.table-wrap thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.table-wrap tr{border-top:1px solid var(--border);padding:16px 0}.table-wrap td{text-align:right;border:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:8px 0;display:flex}.table-wrap td:before{content:attr(data-label);color:var(--muted);text-align:left;flex-shrink:0;max-width:40%;font-size:13px}.table-wrap td:not([data-label]){text-align:left;display:block}.table-wrap .badge{max-width:65%}.table-wrap td>.block{margin-top:0}.staff-table td:last-child{flex-wrap:wrap;align-items:center}.staff-table .text-button{display:inline-flex}.person-cell{margin-bottom:6px}.login-story{padding:40px}.login-main{padding:40px 36px 90px}.login-story h1{font-size:46px}.demo-bar>span,.demo-bar label{flex-direction:column;align-items:flex-start;gap:4px}}@media (width<=1023px) and (width>=768px){:root{--sidebar:220px}.content{padding:24px}.topbar{padding:0 24px}.live-label{display:none}.request-row{grid-template-columns:40px minmax(0,1fr)}.request-side{flex-direction:row;grid-column:2/-1;justify-content:space-between;align-items:center;max-width:none}.date-chip{display:none}.topbar-school-name{font-size:13px}.topbar-school-name .icon{display:none}.card{padding:22px}.app-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:20px 24px}}@media (width<=767px){:root{--sidebar:290px}html{scroll-padding-top:20px;scroll-padding-bottom:110px}.workspace{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));margin-left:0}.sidebar{visibility:hidden;width:min(320px,100vw - 32px);transition:transform var(--motion), visibility var(--motion);z-index:80;padding:24px 16px 0;transform:translate(-100%);box-shadow:12px 0 40px #16354b25}.menu-open .sidebar{visibility:visible;transform:translate(0)}.sidebar-brand{padding-bottom:24px;padding-right:0}.drawer-close{color:#d8e8ef;display:inline-flex}.drawer-close:hover{color:#fff;background:#ffffff15}.nav-item{min-height:48px;font-size:15px}.nav-group-title{font-size:11px}.menu-open .sidebar-overlay{z-index:70;cursor:default;background:#142e4677;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.bottom-navigation{padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));z-index:50;background:#fff;border-top:1px solid #c8d7e0;grid-template-columns:repeat(4,minmax(0,1fr));min-height:76px;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -4px 16px #16354b08}.bottom-navigation>button{color:#526577;background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:54px;font-size:11px;font-weight:600;display:flex}.bottom-navigation>button[aria-current=page]{color:#07565e;background:#eaf4f4}.bottom-navigation .icon{width:21px;height:21px}.mobile-menu{margin-left:-8px;display:inline-flex}.topbar{gap:8px;height:68px;padding:0 20px}.topbar-school{gap:8px}.topbar-school-name{font-size:13px}.topbar-school-name .icon{display:none}.topbar-right{gap:0}.topbar-right>.avatar,.live-label{display:none}.demo-bar{align-items:flex-start;gap:14px;padding:12px 20px}.demo-bar>span{flex:1;min-width:0;font-size:11px;line-height:1.7}.demo-bar strong{font-size:9px}.demo-bar label{font-size:11px}.demo-bar select{width:140px;min-height:44px;padding-left:8px;font-size:12px}.content{padding:28px 20px 20px}h1{letter-spacing:-.6px;font-size:28px}h2{font-size:20px}.eyebrow{letter-spacing:1.1px;font-size:10px}.page-heading{gap:18px;margin-bottom:24px}.page-heading .muted{font-size:14px}.page-heading>.date-chip{display:none}.page-heading>.button{width:100%}.card{border-radius:14px;padding:22px}.dashboard-grid{gap:20px;margin-bottom:28px}.clock-display{font-size:54px}.clock-card .section-heading{gap:8px}.clock-symbol{width:40px;height:40px}.section-heading .eyebrow{font-size:10px}.clock-actions{gap:10px}.clock-actions .button{padding:12px 8px;font-size:13px}.clock-actions .icon{width:18px;height:18px}.clock-times{gap:14px}.clock-times>div+div{padding-left:14px}.clock-times span{gap:5px;font-size:12px}.personal-status{margin-top:24px}.personal-status h3{font-size:17px}.personal-actions .button{flex:1}.personal-actions{flex-direction:column;align-items:stretch;gap:8px}.personal-actions .text-button{justify-content:center}.stats-grid{gap:12px}.stat{padding:17px}.stat>div{align-items:flex-start;gap:8px;font-size:12px}.stat-icon{padding:6px}.stat-icon .icon{width:16px;height:16px}.stat>strong{margin-top:12px;font-size:32px}.stat>small{font-size:12px}.request-row{grid-template-columns:36px minmax(0,1fr);align-items:flex-start;gap:10px 12px}.request-icon{width:36px;height:40px}.request-icon .icon{width:18px;height:18px}.request-main strong{font-size:14px}.request-main>span{font-size:13px;line-height:1.7}.request-side{flex-direction:row;grid-column:2/-1;justify-content:space-between;align-items:center;gap:10px;max-width:none}.request-side .badge{font-size:11px}.request-side .text-button{font-size:12px}.request-side .text-button .icon{display:none}.bottom-note{font-size:12px}.app-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:20px;font-size:11px}.app-footer>span:last-child{align-items:flex-start}.app-footer .icon{margin-top:2px}.filters{flex-direction:column;align-items:stretch;gap:18px}.search-field{width:100%;max-width:none}.filters>.month-picker{flex-direction:row}.tab{padding:10px;font-size:12px}.tab span{margin-left:2px;font-size:11px}.tabs{gap:8px}.month-picker{font-size:13px}.month-picker input{width:auto;max-width:180px}.table-wrap .badge{font-size:12px}.table-wrap td{font-size:14px}.table-wrap td:before{font-size:12px}.table-wrap td>.block{max-width:50%;font-size:12px}.person-cell strong{font-size:14px}.details-list{font-size:13px}.details-list>div{gap:14px}.settings-card{max-width:none}.form-grid{gap:16px}.audit-list>article{gap:10px}.audit-list .round-icon{width:34px;height:34px}.audit-list strong{overflow-wrap:anywhere;font-size:13px}dialog{border-radius:16px;width:calc(100% - 24px);max-height:92dvh;padding:24px}.modal-heading{gap:10px}.modal-heading h2{font-size:22px}.modal-heading .eyebrow{font-size:9px}.modal-actions{flex-wrap:wrap;gap:10px}.modal-actions .button{flex:1;padding:12px;font-size:14px}#toast{bottom:calc(88px + env(safe-area-inset-bottom,0px));width:max-content;max-width:calc(100% - 32px);font-size:13px}.login-layout{grid-template-columns:1fr}.login-story{gap:30px;padding:28px}.login-story .brand{font-size:25px}.login-story-content{padding:0}.login-story h1{letter-spacing:-1px;margin:16px 0;font-size:36px}.login-kicker{margin:0;font-size:10px}.login-story-content>p:not(.login-kicker){max-width:45ch;margin:0;font-size:14px}.school-illustration,.school-signature{display:none}.login-main{padding:32px 28px 90px}.login-card{max-width:480px}.school-mark{display:none}.login-card h2{font-size:27px}.login-main footer{font-size:11px;left:28px;right:28px}}@media (width<=359px){.content{padding-left:14px;padding-right:14px}.card{padding:18px}.stats-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}.clock-actions{grid-template-columns:1fr}.topbar{padding:0 14px}.demo-bar{padding-left:14px;padding-right:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.badge,.nav-item.active,.tab.selected,.card,.button{border:1px solid canvastext}}@media print{.sidebar,.topbar,.demo-bar,.bottom-navigation,.app-footer,.page-heading>.button,.clock-actions,.text-button{display:none!important}.workspace{margin:0}.content{padding:0}.card{break-inside:avoid;box-shadow:none}}