/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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,)}}:root{--ink:#262b33;--muted:#767b85;--line:#e8ebef;--paper:#f5f6f8;--navy:#142f4b;--blue:#61b4d5;--green:#19a36b;--coral:#dc7373;--violet:#8170cf;--saffron:#dcae5c}.home-button,.module-home{color:#205f86;white-space:nowrap;background:#fff;border:1px solid #d5e2ea;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.home-button:hover,.module-home:hover{background:#f2f8fb;border-color:#97bbcf}.module-top .module-home{color:#205f86}.header-actions .home-button{margin-left:2px}.teacher-top-actions{align-items:center;gap:8px;display:flex}.teacher-top-actions .home-button{min-width:34px;padding:0 9px}.notification-centre{position:relative}.notification-button{color:#176750;cursor:pointer;background:#fff;border:1px solid #d8e5df;border-radius:9px;place-items:center;width:35px;height:35px;display:grid;position:relative}.notification-button:hover{background:#edf8f2}.notification-badge{color:#fff;background:#c75050;border:2px solid #fff;border-radius:50%;place-items:center;min-width:17px;height:17px;padding:0 3px;font-size:8px;font-weight:900;line-height:1;display:grid;position:absolute;top:-5px;right:-6px}.notification-popover{z-index:50;background:#fff;border:1px solid #dce7e2;border-radius:9px;width:min(360px,100vw - 24px);animation:.16s ease-out notification-pop;position:absolute;top:44px;right:0;overflow:hidden;box-shadow:0 18px 38px #123a3140}.notification-popover>header{background:#f6fbf8;border-bottom:1px solid #e7eeea;justify-content:space-between;align-items:center;gap:9px;padding:13px 14px;display:flex}.notification-popover>header>div:first-child{gap:2px;display:grid}.notification-popover header b{color:#23473d;font-size:12px}.notification-popover header small{color:#758a81;font-size:9px}.notification-popover>header>div:last-child{align-items:center;gap:3px;display:flex}.notification-read-all,.notification-close{color:#267454;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;font-size:8px;font-weight:800;display:inline-flex}.notification-read-all{gap:4px;padding:7px}.notification-read-all:hover:not(:disabled){background:#e4f3eb}.notification-read-all:disabled{opacity:.45;cursor:default}.notification-close{color:#62776e;width:27px;height:27px}.notification-close:hover{background:#e7efea}.notification-list{max-height:370px;overflow:auto}.notification-list>p{color:#7e8d87;text-align:center;margin:0;padding:26px 15px;font-size:10px}.notification-item{color:inherit;background:#fff;border-top:1px solid #edf2ef;grid-template-columns:34px minmax(0,1fr) 7px;align-items:start;gap:9px;padding:12px 14px;text-decoration:none;display:grid;position:relative}.notification-item:first-child{border-top:0}.notification-item:hover{background:#f8fbf9}.notification-item.unread{background:#f0f9f4}.notification-kind{color:#176f54;background:#e1f3e9;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.notification-kind.salary_slip{color:#85592a;background:#fff1d9}.notification-kind.social{color:#8c4f82;background:#f9e9f4}.notification-kind.slider{color:#346f91;background:#e5f1f7}.notification-item>span:nth-child(2){gap:3px;min-width:0;display:grid}.notification-item strong{color:#385248;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.notification-item small{color:#72827b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.35;display:-webkit-box;overflow:hidden}.notification-item em{color:#8a9892;font-size:8px;font-style:normal}.notification-item>i{background:#218057;border-radius:50%;width:6px;height:6px;margin-top:4px}@keyframes notification-pop{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.teacher-top{height:auto;min-height:62px}.teacher-top-actions{gap:5px}.teacher-top-actions .home-button{width:34px;padding:0}.teacher-top-actions .home-button span{display:none}.notification-popover{position:fixed;top:70px;right:12px}.module-top{gap:9px}.module-top .teacher-brand{min-width:0}.module-top .teacher-brand b{display:block}.module-home{min-width:34px;padding:0 9px;font-size:0}.module-home svg{width:16px;height:16px}.admin-home span{display:none}.header-actions .home-button{width:34px;padding:0}}@keyframes sbhs-login-card-open{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sbhs-logo-arrive{0%{opacity:0;filter:blur(5px);transform:scale(.62)rotate(-7deg)}65%{opacity:1;filter:blur();transform:scale(1.08)rotate(1deg)}to{opacity:1;filter:blur();transform:scale(1)rotate(0)}}@keyframes sbhs-login-content-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sbhs-school-highlight{0%{color:#b58a24;text-shadow:0 0 18px #e9c85a99}55%{color:#c79b2e;text-shadow:0 0 11px #e9c85a66}to{color:#18345a;text-shadow:0 0 #0000}}.assessment-login-card{animation:.82s cubic-bezier(.2,.75,.25,1) both sbhs-login-card-open}.assessment-login-card .school-crest{animation:1.3s cubic-bezier(.17,.84,.32,1.08) .24s both sbhs-logo-arrive}.assessment-login-card h1{animation:.72s .78s both sbhs-login-content-rise,1.25s .78s both sbhs-school-highlight}.assessment-login-card .affiliation,.assessment-login-card .gold-rule,.assessment-login-card h2,.assessment-login-card .login-copy{animation:.68s 1.02s both sbhs-login-content-rise}.assessment-login-card .login-role-switch,.assessment-login-card form,.assessment-login-card>.login-error,.assessment-login-card>small{animation:.72s 1.3s both sbhs-login-content-rise}.assessment-login footer{animation:.7s 1.58s both sbhs-login-content-rise}@media (prefers-reduced-motion:reduce){.assessment-login-card,.assessment-login-card .school-crest,.assessment-login-card h1,.assessment-login-card .affiliation,.assessment-login-card .gold-rule,.assessment-login-card h2,.assessment-login-card .login-copy,.assessment-login-card .login-role-switch,.assessment-login-card form,.assessment-login-card>.login-error,.assessment-login-card>small,.assessment-login footer{animation:none!important}}.profile-photo{color:#28628b;background:#e7f1f4;flex:none;place-items:center;font-size:10px;font-weight:800;display:grid;position:relative;overflow:hidden}.profile-photo>img{z-index:1;object-fit:cover}.profile-photo-fallback{z-index:0;position:relative}.profile-photo-mini{border-radius:7px;width:28px;height:28px}.mini-profile>span:last-child{gap:1px;display:grid}.directory .employee-photo-small{border-radius:8px;width:34px;height:34px}.employee-photo-large{border:3px solid #fff;border-radius:8px;width:92px;height:104px;box-shadow:0 5px 16px #20394d1d}.employee-profile-heading{align-items:center;gap:16px;margin-bottom:17px;display:flex}.employee-profile .employee-profile-heading h2{margin:2px 0 6px}.employee-profile-heading>div>span{border-radius:99px;padding:4px 7px;font-size:8px;font-weight:800;display:inline-flex}.photo-ready{color:#26734f;background:#e6f5ec}.photo-missing{color:#95662a;background:#fff2d9}.employee-photo-form{background:#f7fafb;border:1px solid #dce6ed;border-radius:8px;align-items:end;gap:9px;margin:0 0 20px;padding:13px;display:flex}.employee-photo-form>label{color:#2b6687;flex:1;grid-template-columns:24px 1fr;align-items:center;gap:7px;display:grid}.employee-photo-form label>span{gap:3px;display:grid}.employee-photo-form b{color:#3f5361;font-size:10px}.employee-photo-form small{color:#84909a;font-size:8px}.employee-photo-form input{color:#64727e;background:#fff;border:1px solid #dce4e9;border-radius:6px;grid-column:1/-1;width:100%;padding:7px;font-size:9px}.employee-photo-form button:disabled{opacity:.55;cursor:wait}.portrait,.mobile-avatar{position:relative}.portrait>img,.mobile-avatar>img{object-fit:cover}.teacher-app .portrait{overflow:hidden}.teacher-app .mobile-avatar{font-size:13px;font-weight:800;overflow:hidden}@media (max-width:560px){.employee-profile-heading{align-items:flex-start}.employee-photo-large{width:76px;height:88px}.employee-photo-form{flex-direction:column;align-items:stretch}.employee-photo-form button{width:100%}}.leaderboard-panel .leaderboard-empty{color:#8a969f;text-align:center;justify-items:center;gap:7px;padding:48px 16px;font-size:9px;display:grid}.rules-form{background:#fff;border:1px solid #e1e8ee;border-radius:12px;gap:12px;max-width:610px;margin-top:20px;padding:20px;display:grid}.rules-form label{color:#536273;gap:6px;font-size:11px;font-weight:800;display:grid}.rules-form input{color:#344552;background:#fff;border:1px solid #d9e3ea;border-radius:7px;padding:10px;font-size:12px}.rules-form small{color:#89939d;font-size:9px;font-weight:400}.wall-app{color:#263546;background:#f4f7fa;min-height:100vh}.wall-top{background:#fff;border-bottom:1px solid #e5ebf0;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(18px,5vw,72px);display:flex}.wall-back{color:#26638c;font-size:11px;font-weight:800;text-decoration:none}.wall-content{width:min(850px,100vw - 32px);margin:auto;padding:42px 0 70px}.wall-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.wall-heading h1{letter-spacing:-1px;margin:3px 0 6px;font-size:32px}.wall-heading p:not(.eyebrow){color:#748190;margin:0;font-size:12px}.wall-social{gap:8px;display:flex}.wall-social a{color:#fff;background:#1f5f8b;border-radius:7px;padding:9px 12px;font-size:10px;font-weight:800;text-decoration:none}.wall-social a:last-child{background:#7954a7}.wall-card{background:#fff;border:1px solid #e1e8ee;border-radius:12px;overflow:hidden}.wall-card header{align-items:center;gap:10px;padding:17px 18px 11px;display:flex}.wall-card header div{flex:1;gap:3px;display:grid}.wall-card header b{font-size:12px}.wall-card header small{color:#86919d;font-size:9px}.wall-crest{color:#0000;background:#fff url(/hr/sbhs-logo.png) 50%/contain no-repeat;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.wall-chip{color:#287750;background:#e5f5eb;border-radius:99px;padding:4px 7px;font-size:8px;font-weight:800}.wall-card h2,.wall-card>p{margin-left:18px;margin-right:18px}.wall-card h2{font-size:18px}.wall-card>p{color:#687686;font-size:11px;line-height:1.65}.wall-card footer{border-top:1px solid #edf0f3;gap:18px;margin-top:17px;padding:12px 18px;font-size:9px;display:flex}.wall-card footer a{color:#24628a;font-weight:800;text-decoration:none}@media (max-width:650px){.wall-content{padding-top:28px}.wall-heading{flex-direction:column;align-items:flex-start}.wall-heading h1{font-size:27px}.wall-top{padding:0 14px}}.wall-feed{gap:14px;display:grid}.wall-image{object-fit:cover;background:#eaf0f3;width:100%;max-height:520px;display:block}.wall-upload{background:#fff;border:1px solid #dbe7ed;border-radius:12px;grid-template-columns:1fr 1fr auto;gap:8px;margin:0 0 15px;padding:16px;display:grid}.wall-upload strong{color:#315a71;grid-column:1/-1;font-size:12px}.wall-upload input{color:#495968;background:#fff;border:1px solid #d9e2e9;border-radius:7px;min-width:0;padding:10px;font-size:10px}.wall-upload input:nth-of-type(3),.wall-upload input:nth-of-type(4){grid-column:1/-1}.wall-upload button{align-self:end}@media (max-width:650px){.wall-upload{grid-template-columns:1fr}.wall-upload input:nth-of-type(3),.wall-upload input:nth-of-type(4){grid-column:auto}.wall-upload button{width:100%}}.scroll-box{max-height:300px;padding-right:5px;overflow:auto}.holiday-list.scroll-box{max-height:215px}.mini-calendar{border-top:1px solid #e8edf1;margin-top:15px;padding-top:12px}.mini-calendar>b{color:#40536a;margin-bottom:8px;font-size:10px;display:block}.mini-calendar>div{grid-template-columns:repeat(7,1fr);gap:5px;max-height:125px;display:grid;overflow:auto}.mini-calendar span{color:#5f6e7d;background:#f3f6f8;border-radius:5px;place-items:center;min-height:24px;font-size:9px;font-weight:700;display:grid}.mini-calendar span.holiday-day{color:#6f5a99;background:#f0edf9}.mini-calendar .calendar-controls{grid-template-columns:28px 1fr 28px;align-items:center;gap:5px;max-height:none;margin-bottom:8px;display:grid;overflow:visible}.calendar-controls b{color:#40536a;text-align:center;margin:0;font-size:10px}.calendar-controls button{color:#295f86;cursor:pointer;background:#fff;border:1px solid #dbe3ea;border-radius:6px;width:28px;height:26px;font-size:15px;line-height:1}.calendar-controls button:disabled{opacity:.35;cursor:not-allowed}.mini-calendar .calendar-weekdays,.mini-calendar .calendar-days{grid-template-columns:repeat(7,1fr);gap:5px;max-height:none;display:grid;overflow:visible}.mini-calendar .calendar-weekdays span{color:#8a949f;background:0 0;min-height:auto;font-size:8px}.mini-calendar .calendar-days i{min-height:24px}.mini-calendar .calendar-days{max-height:170px;padding-right:2px;overflow:auto}.school-crest,.brand-mark{color:#0000!important;background:url(/hr/sbhs-logo.png) 50%/contain no-repeat!important;border:0!important}.teacher-brand>span{color:#0000!important;background:url(/hr/sbhs-logo.png) 50%/contain no-repeat!important}.teacher-brand .school-branding{border:0;border-radius:0;width:auto;height:auto;font-size:15px;line-height:1.12;display:grid;color:#1f354e!important;background:0 0!important}.teacher-brand .school-branding b{color:#78879a;margin-top:3px;font-size:8px;font-weight:700;display:block}.logout-button{color:#285d8d;cursor:pointer;background:#fff;border:1px solid #d9e4ef;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:800;text-decoration:none}.module-top-actions{align-items:center;gap:8px;display:flex}.teacher-app .portrait{color:#1f5d85!important;background:#fff!important}.login-setup{text-decoration:underline;color:#285f98!important;background:0 0!important;margin:0!important;padding:0!important;font-size:9px!important}.employee-create,.employee-edit,.leave-form{background:#fff;border:1px solid #e2e8ee;border-radius:11px;gap:9px;margin:0 0 15px;padding:15px;display:grid}.employee-create{grid-template-columns:1.4fr 1fr .8fr auto}.employee-create input,.employee-create select,.employee-edit input,.employee-edit select,.leave-form input,.leave-form select,.leave-form textarea{color:#44515f;min-width:0;font:inherit;background:#fff;border:1px solid #dbe4eb;border-radius:7px;padding:10px;font-size:11px}.employee-edit label,.leave-form label{color:#647180;gap:5px;font-size:10px;font-weight:700;display:grid}.employee-edit{grid-template-columns:1fr 1fr auto;align-items:end}.leave-form{grid-template-columns:repeat(3,1fr)}.leave-reason{grid-column:1/-1}.leave-reason textarea{resize:vertical;min-height:80px}.leave-list{gap:10px;display:grid}.leave-list article{background:#fff;border:1px solid #e2e8ee;border-radius:11px;justify-content:space-between;gap:16px;padding:18px;display:flex}.leave-list h2{margin:3px 0;font-size:16px}.leave-list p:not(.eyebrow){color:#718090;margin:5px 0;font-size:11px}.leave-list small{color:#60778a;font-size:10px}.leave-status{color:#976a1f;text-transform:capitalize;background:#fff3db;border-radius:99px;padding:5px 7px;font-size:9px;display:inline-block}.leave-status.approved{color:#2c8054;background:#e8f7ee}.leave-status.rejected{color:#a14949;background:#fff0f0}.leave-buttons{gap:7px;display:flex}.leave-buttons button{color:#fff;cursor:pointer;background:#3477bc;border:0;border-radius:6px;padding:8px 10px;font-size:10px;font-weight:800}.leave-buttons button+button{color:#9c4141;background:#fff0f0}@media (max-width:700px){.employee-create,.employee-edit,.leave-form{grid-template-columns:1fr}.leave-list article{flex-direction:column}}.directory-item.selected{background:#edf6fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif}.employee-edit small{color:#84909a;font-size:8px;font-weight:500;line-height:1.35}.employee-edit .mapping-confirmation{color:#486171;background:#f7fafb;border:1px solid #dce7ec;border-radius:7px;grid-column:1/-1;align-items:center;gap:8px;padding:9px 10px;display:flex}.employee-edit .mapping-confirmation input{width:14px;height:14px;margin:0}.work-group-panel{background:#fff;border:1px solid #dbe7ed;border-radius:8px;margin:0 0 15px}.work-group-panel>header{border-bottom:1px solid #e8eef2;padding:16px 17px 12px}.work-group-panel h2{color:#314755;margin:3px 0 5px;font-size:16px}.work-group-panel p:not(.eyebrow){color:#75838e;margin:0;font-size:10px;line-height:1.45}.work-group-list{gap:7px;padding:12px;display:grid}.work-group-list form,.work-group-add{background:#f9fbfc;border:1px solid #e1e9ee;border-radius:7px;grid-template-columns:minmax(140px,1fr) 116px 116px 72px auto;align-items:end;gap:8px;padding:10px;display:grid}.work-group-list label,.work-group-add label{color:#6c7b87;gap:5px;font-size:8px;font-weight:800;display:grid}.work-group-list input,.work-group-add input{color:#405463;min-width:0;font:inherit;background:#fff;border:1px solid #d9e3e9;border-radius:6px;padding:8px;font-size:10px}.work-group-list small{color:#778692;text-align:center;align-self:center;font-size:8px}.work-group-list .plain-button{min-height:33px;font-size:9px}.work-group-add{background:#f6fafc;border-style:dashed;grid-template-columns:minmax(170px,1fr) 116px 116px auto;margin:0 12px 12px}.directory .bulk-work-group{background:#f7fbfd;border-bottom:1px solid #dfe8ed;grid-template-columns:1fr minmax(130px,1.4fr) auto;align-items:center;gap:7px;padding:10px 12px;display:grid}.bulk-work-group b{color:#456171;font-size:9px}.bulk-work-group select{color:#465566;background:#fff;border:1px solid #dbe4eb;border-radius:6px;min-width:0;padding:8px;font-size:9px}.directory .bulk-work-group button{color:#fff;text-align:center;background:#206b92;border:0;border-radius:6px;width:auto;padding:9px 10px;font-size:9px;display:block}.directory .bulk-work-group button:disabled{opacity:.55;cursor:not-allowed}.directory-item{background:#fff;border-top:1px solid #edf0f3;grid-template-columns:32px 1fr;align-items:stretch;display:grid}.directory-item:hover{background:#edf6fb}.directory-item:has(button.selected){background:#edf6fb}.directory-item>label{cursor:pointer;place-items:center;display:grid}.directory-item>label input{width:15px;min-width:0;height:15px;margin:0;padding:0}.directory .directory-item>button{background:0 0;border:0}.directory .directory-item>button:hover{background:0 0}@media (max-width:700px){.work-group-list form,.work-group-add{grid-template-columns:1fr 1fr}.work-group-list form label:first-child,.work-group-add label:first-child{grid-column:1/-1}.work-group-list small{text-align:left;align-self:end}.work-group-list button,.work-group-add button{width:100%}.directory .bulk-work-group{grid-template-columns:1fr}.directory .bulk-work-group button{width:100%}}.employee-submenu{background:#edf3f6;border:1px solid #dce6ec;border-radius:10px;gap:8px;margin:-5px 0 18px;padding:5px;display:flex}.employee-submenu a{color:#587080;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 16px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.employee-submenu a.active{color:#fff;background:#246b8e;box-shadow:0 3px 10px #17465d2b}.employee-master-create{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.employee-master-create>header{color:#276788;border-bottom:1px solid #edf1f4;grid-column:1/-1;align-items:center;gap:9px;padding-bottom:10px;display:flex}.employee-master-create>header div{gap:2px;display:grid}.employee-master-create>header b{color:#344b5a;font-size:12px}.employee-master-create>header small{color:#7a8994;font-size:9px}.employee-master-create>label,.employee-master-create fieldset label{color:#647180;gap:5px;font-size:9px;font-weight:800;display:grid}.employee-master-create fieldset{border:1px solid #dce6ec;border-radius:8px;grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0;padding:12px;display:grid}.employee-master-create legend{color:#345568;padding:0 6px;font-size:9px;font-weight:900}.employee-master-create .create-login-choice,.employee-master-create .salary-enable{grid-column:span 2;align-self:center;align-items:center;gap:7px;display:flex}.employee-master-create .create-login-choice input,.employee-master-create .salary-enable input,.employee-edit>.salary-enable input{width:16px;height:16px;margin:0}.directory-search{border-bottom:1px solid #e7edf1;padding:0 12px 10px}.directory-search input{width:100%;margin:0}.employee-layout:not(.schedule-layout) .directory-item{grid-template-columns:1fr}.employee-edit{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-edit>.mapping-confirmation,.employee-edit>.salary-enable,.employee-edit>.salary-profile,.employee-edit>button{grid-column:1/-1}.employee-edit>.salary-enable{color:#486171;background:#f7fafb;border:1px solid #dce7ec;border-radius:7px;align-items:center;gap:8px;padding:10px;display:flex}.salary-profile{background:#f8fbfd;border:1px solid #cadde7;border-radius:9px;margin:4px 0 0;padding:14px}.salary-profile legend{color:#285f7c;align-items:center;gap:6px;padding:0 7px;font-size:11px;font-weight:900;display:flex}.salary-profile>p{color:#71828e;margin:0 0 12px;font-size:9px;line-height:1.45}.salary-profile>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.salary-profile input{width:100%}.employee-edit>button{justify-self:end}@media (max-width:800px){.employee-master-create,.employee-master-create fieldset,.salary-profile>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.employee-submenu{grid-template-columns:1fr 1fr;display:grid}.employee-master-create,.employee-master-create fieldset,.salary-profile>div{grid-template-columns:1fr}.employee-master-create .create-login-choice,.employee-master-create .salary-enable{grid-column:1/-1}}.portal-shell{min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#c7d5e3;flex-direction:column;flex:0 0 236px;width:236px;padding:27px 17px 22px;display:flex}.brand{color:#fff;align-items:center;gap:10px;margin:0 8px 45px;font-size:15px;font-weight:750;line-height:1.05;display:flex}.brand small,.account small,.sidebar-foot small,.role-list small{color:#a0b4c8;margin-top:4px;font-size:10px;font-weight:400;display:block}.brand-mark{color:#402e0e;background:#efbd60;border-radius:10px;place-items:center;width:34px;height:34px;font-size:11px;display:grid}nav{gap:6px;display:grid}nav a{color:#aec1d4;border-radius:8px;align-items:center;gap:12px;padding:12px 13px;font-size:13px;text-decoration:none;display:flex}nav a span{text-align:center;width:15px;font-size:15px}nav a:hover,nav a.active{color:#fff;background:#274968}.sidebar-foot{background:#1c3d5c;border-radius:9px;margin-top:auto;padding:14px 12px;font-size:11px;line-height:1.5}.live-dot,.status-led{background:#46d598;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block;box-shadow:0 0 0 3px #46d59820}.workspace{width:min(1400px,100vw - 236px);padding:31px clamp(22px,3.2vw,52px) 52px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;padding:0 1px 21px;display:flex}.eyebrow{color:#858b94;letter-spacing:.95px;margin:0 0 7px;font-size:10px;font-weight:700}.topbar h1{letter-spacing:-.7px;margin:0;font-size:28px}.subtitle{color:var(--muted);margin:7px 0 0;font-size:13px}.header-actions{align-items:center;gap:12px;display:flex}.refresh{color:#858b94;border-right:1px solid #dfe2e7;padding-right:13px;font-size:11px}.icon-button{color:#3d4248;cursor:pointer;background:0 0;border:0;font-size:17px;font-weight:800}.account{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:9px;padding:7px 10px 7px 7px;font-size:11px;display:flex}.account>span{color:#366a87;background:#e5f0f8;border-radius:8px;place-items:center;width:29px;height:29px;font-weight:800;display:grid}.account small{color:var(--muted)}.filter-row{grid-template-columns:190px 210px 1fr;gap:10px;margin-bottom:12px;display:grid}.filter-row label,.sync-status{border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px 12px;font-size:11px;font-weight:700}.filter-row label{gap:7px;display:grid}.select-like{color:#67717f;justify-content:space-between;align-items:center;font-size:12px;font-weight:400;display:flex}.select-like b{color:#4c5561}.sync-status{justify-content:center;align-items:center;gap:3px;display:flex}.sync-status strong,.sync-status small{display:block}.sync-status strong{font-size:11px}.sync-status small{color:var(--muted);margin-top:3px;font-size:10px;font-weight:400}.metrics{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:12px;display:grid}.metrics article,.panel,.payroll-callout{border:1px solid var(--line);background:#fff;border-radius:10px}.metrics article{text-align:center;min-height:122px;padding:20px 18px}.metric-label{color:#555c66;font-size:12px}.metrics strong{letter-spacing:-.5px;margin:12px 0 5px;font-size:24px;display:block}.metrics small{color:#8b929d;font-size:10px}.green{color:var(--green)}.coral,.warning-text{color:var(--coral)}.dashboard-grid{grid-template-columns:1.05fr 1.05fr 1.3fr;gap:12px;display:grid}.panel{min-width:0;padding:18px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.panel h2,.payroll-callout h2{letter-spacing:-.3px;margin:0;font-size:16px}.panel-heading p{color:var(--muted);margin:4px 0 0;font-size:10px}.chip{color:#18774e;white-space:nowrap;background:#e9f8ef;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:700}.workforce{grid-column:span 1}.big-rate{align-items:baseline;gap:8px;padding:18px 0 13px;display:flex}.big-rate strong{color:var(--green);letter-spacing:-1.5px;font-size:34px}.big-rate span{color:#68717d;font-size:11px}.two-stat{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding-top:12px;display:grid}.two-stat div{text-align:center;border-right:1px solid var(--line);gap:3px;display:grid}.two-stat div:last-child{border:0}.two-stat b{font-size:14px}.two-stat span{color:var(--muted);font-size:9px}.distribution{grid-column:span 1}.bars{gap:15px;margin-top:23px;display:grid}.bars>div{grid-template-columns:82px 1fr 22px;align-items:center;gap:8px;font-size:10px;display:grid}.bars i{background:#edf0f3;border-radius:2px;height:12px;overflow:hidden}.bars b{background:var(--green);border-radius:2px;height:100%;display:block}.bars strong{text-align:right;font-size:10px}.bar-blue{background:var(--blue)!important}.bar-saffron{background:var(--saffron)!important}.trend{grid-column:span 1}.trend-chart{background:repeating-linear-gradient(#0000 0 34px,#eef0f2 35px);border-bottom:1px solid #dfe4e9;height:142px;margin-top:16px;position:relative}.trend-line{border-left:2px solid #0000;border-bottom:3px solid var(--violet);clip-path:polygon(0 58%,14% 42%,27% 66%,43% 23%,57% 42%,72% 20%,86% 45%,100% 5%,100% 9%,86% 51%,72% 26%,57% 48%,43% 29%,27% 72%,14% 48%,0 64%);background:linear-gradient(#b6a9ef75,#b6a9ef06);height:80px;position:absolute;top:24px;left:5%;right:5%}.axis{color:#858b94;font-size:9px;position:absolute;bottom:-20px}.axis.one{left:3%}.axis.two{left:30%}.axis.three{left:57%}.axis.four{right:2%}.legend{color:#787f89;gap:13px;margin-top:31px;font-size:9px;display:flex}.legend-dot{border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.blue{background:var(--violet)}.orange{background:var(--saffron)}.roles-panel{grid-column:span 1}.role-list{gap:10px;margin-top:14px;display:grid}.role-list>div{align-items:center;gap:9px;display:flex}.role-icon{color:#fff;border-radius:7px;place-items:center;width:26px;height:26px;font-size:10px;font-weight:800;display:grid}.role-icon.admin{background:#396c98}.role-icon.coadmin{background:#7a70bd}.role-icon.teacher{background:#49a887}.role-list p{flex:1;margin:0;font-size:10px}.role-list small{color:var(--muted);margin-top:2px}.role-list b{color:#59606b;font-size:9px}.otp-note{border-top:1px solid var(--line);color:#8c929b;margin:14px 0 0;padding-top:10px;font-size:9px;line-height:1.4}.holiday-panel{grid-column:span 1}.holiday-button{color:#fff;cursor:pointer;background:#1f698d;border:0;border-radius:6px;padding:7px 9px;font-size:9px;font-weight:700}.holiday-steps{color:#50738a;gap:6px;margin:14px 0 11px;font-size:8px;font-weight:700;display:flex}.holiday-steps span{background:#edf5f8;border-radius:99px;padding:5px 6px}.holiday-list{gap:2px;display:grid}.holiday-list>div{border-top:1px solid var(--line);align-items:center;gap:8px;padding:7px 0;display:flex}.holiday-date{color:#69578b;text-align:center;background:#f0edf9;border-radius:5px;width:31px;min-width:31px;padding:4px 2px;font-size:8px;font-weight:800}.holiday-list p{flex:1;margin:0}.holiday-list strong,.holiday-list small{display:block}.holiday-list strong{font-size:9px}.holiday-list small,.holiday-note{color:#8b929b;font-size:8px}.holiday-list b{color:#2f7854;font-size:8px}.holiday-note{border-top:1px solid var(--line);margin:10px 0 0;padding-top:9px;line-height:1.45}.leave-dashboard-panel{grid-column:span 1}.leave-dashboard-list{margin-top:12px;display:grid}.leave-dashboard-list>p{color:#7e8995;margin:7px 0;font-size:10px}.leave-dashboard-list>div{border-top:1px solid var(--line);align-items:center;gap:8px;padding:10px 0;display:flex}.leave-dashboard-list>div>span{color:#6b4c93;background:#f0edf9;border-radius:8px;place-items:center;width:27px;height:27px;font-size:8px;font-weight:800;display:grid}.leave-dashboard-list section{flex:1;gap:2px;display:grid}.leave-dashboard-list b{font-size:10px}.leave-dashboard-list small{color:#84909b;font-size:8px}.leave-dashboard-list aside{gap:5px;display:flex}.leave-dashboard-list button{color:#fff;cursor:pointer;background:#277850;border:0;border-radius:5px;padding:6px;font-size:8px;font-weight:800}.leave-dashboard-list button+button{color:#a34c4c;background:#fff0f0}.table-panel{grid-column:span 2}.plain-button{color:#2474a8;background:0 0;border:0;font-size:10px;font-weight:700}.employee-table{margin-top:14px}.table-head,.table-row{grid-template-columns:2fr .9fr .45fr .75fr .55fr;align-items:center;gap:10px;display:grid}.table-head{color:#8b929b;padding:0 0 8px;font-size:9px;font-weight:700}.table-row{border-top:1px solid var(--line);color:#48505a;padding:10px 0;font-size:10px}.employee{align-items:center;gap:8px;display:flex}.employee i{color:#27716e;background:#e9f4f3;border-radius:7px;place-items:center;width:26px;height:26px;font-size:9px;font-style:normal;display:grid}.employee strong{color:#333940;font-size:10px}.muted{color:#8c929b}.rule-panel{grid-column:span 1}.rule-panel dl{margin:11px 0 0}.rule-panel dl div{border-top:1px solid var(--line);justify-content:space-between;gap:8px;padding:9px 0;font-size:10px;display:flex}.rule-panel dt{color:#6f7783}.rule-panel dd{color:#343a43;text-align:right;margin:0;font-weight:700}.rule-foot{color:#8b929b;margin:8px 0 0;font-size:9px;line-height:1.4}.payroll-callout{background:#fffaf0;border-color:#f0dfba;justify-content:space-between;gap:26px;margin-top:12px;padding:21px 23px;display:flex}.payroll-callout p:not(.eyebrow){color:#766957;max-width:580px;margin:7px 0 0;font-size:11px;line-height:1.5}.callout-meta{color:#8b795d;text-align:right;align-content:center;gap:8px;font-size:10px;display:grid}.action-button{color:#3e2d10;cursor:pointer;background:#e0ad51;border:0;border-radius:7px;padding:10px 12px;font-size:10px;font-weight:750;text-decoration:none}@media (max-width:1120px){.dashboard-grid{grid-template-columns:1fr 1fr}.trend,.roles-panel,.rule-panel{grid-column:span 1}.table-panel{grid-column:span 2}.workforce,.distribution{grid-column:span 1}}@media (max-width:800px){.sidebar{flex-basis:58px;width:58px;padding:18px 8px}.brand{margin:0 auto 28px}.brand>span:last-child,.sidebar-foot,.sidebar nav a:not(.active){display:none}.brand-mark{width:33px}.sidebar nav a{justify-content:center;padding:11px}.workspace{width:calc(100vw - 58px);padding:24px 16px 36px}.topbar{gap:10px}.topbar h1{font-size:23px}.refresh,.account div{display:none}.filter-row{grid-template-columns:1fr 1fr}.sync-status{grid-column:1/-1;justify-content:flex-start}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.workforce,.distribution,.trend,.roles-panel,.table-panel,.rule-panel{grid-column:span 1}.payroll-callout{flex-direction:column;align-items:flex-start}.callout-meta{text-align:left}.table-head,.table-row{grid-template-columns:1.6fr .7fr .45fr .7fr}.table-head span:nth-child(2),.table-row>span:nth-child(2){display:none}}@media (max-width:470px){.workspace{padding:20px 11px 30px}.topbar{align-items:center}.account{padding:5px}.account>span{width:28px;height:28px}.metrics article{min-height:105px;padding:16px 9px}.metrics strong{font-size:20px}.filter-row{grid-template-columns:1fr}.filter-row label:nth-child(2){display:none}.panel{padding:15px}.table-head,.table-row{grid-template-columns:1.5fr .42fr .7fr}.table-head span:nth-child(3),.table-row>span:nth-child(3){display:none}.table-row,.employee strong{font-size:9px}.payroll-callout{padding:17px}.payroll-callout h2{font-size:15px}}.import-app{background:#f4f7fa;min-height:100vh}.import-top{background:#fff;border-bottom:1px solid #e5ebf0;justify-content:space-between;align-items:center;padding:17px clamp(18px,6vw,82px);display:flex}.import-top>div{align-items:center;gap:15px;display:flex}.import-top a:not(.teacher-brand){color:#1f668e;font-size:11px;font-weight:700;text-decoration:none}.import-content{width:min(980px,100vw - 32px);margin:0 auto;padding:43px 0 66px}.import-content h1{color:#202b38;letter-spacing:-.8px;margin:0;font-size:30px}.import-intro{color:#728092;max-width:670px;margin:8px 0 21px;font-size:13px;line-height:1.55}.import-steps{flex-wrap:wrap;gap:7px;margin:0 0 14px;display:flex}.import-steps span{color:#87919c;background:#e8edf2;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:700}.import-steps span.done{color:#2f6a8d;background:#e4f1f7}.upload-card,.import-review{background:#fff;border:1px solid #e2e8ee;border-radius:12px}.upload-card{text-align:center;padding:34px}.upload-icon{color:#2e6688;background:#e7f2f8;border-radius:12px;place-items:center;width:44px;height:44px;margin:auto;font-size:22px;display:grid}.upload-card h2{margin:14px 0 6px;font-size:17px}.upload-card p{color:#7a8794;max-width:510px;margin:0 auto 16px;font-size:11px;line-height:1.5}.upload-button{color:#fff;cursor:pointer;background:#206b92;border-radius:7px;padding:10px 14px;font-size:11px;font-weight:800;display:inline-block}.upload-button input{display:none}.file-picked{color:#6c7886;margin-top:12px;font-size:10px;display:block}.import-error{color:#b15252!important}.import-review{margin-top:14px;padding:22px}.review-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.review-head h2{margin:0;font-size:17px}.review-head p{color:#7e8995;margin:5px 0 0;font-size:10px}.review-head select,.mapping-grid select{color:#536273;background:#fff;border:1px solid #dbe4eb;border-radius:6px;padding:8px;font-size:10px}.match-banner{background:#eff8f3;border-radius:8px;gap:10px;margin:17px 0;padding:12px;display:flex}.match-banner>span{color:#fff;background:#45a374;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.match-banner p{color:#38644d;margin:0;font-size:10px}.match-banner strong,.match-banner small{display:block}.match-banner small{color:#6c8979;margin-top:3px}.mapping-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mapping-grid label{color:#6d7987;gap:6px;font-size:10px;font-weight:700;display:grid}.mapping-grid select{width:100%;font-weight:400}.preview-table{border:1px solid #e6ebef;border-radius:7px;margin-top:19px;overflow:auto}.preview-table>div{grid-template-columns:repeat(6,minmax(120px,1fr));min-width:720px;display:grid}.preview-table>div:not(:last-child){border-bottom:1px solid #edf0f3}.preview-table b,.preview-table span{color:#5d6a78;text-overflow:ellipsis;white-space:nowrap;padding:9px;font-size:9px;overflow:hidden}.preview-table b{color:#74818e;text-transform:uppercase;background:#f6f8fa;font-size:8px}.review-actions{justify-content:space-between;align-items:center;gap:18px;margin-top:15px;display:flex}.review-actions p{color:#7e8994;max-width:540px;margin:0;font-size:10px;line-height:1.5}.review-actions button{color:#99a3ad;cursor:not-allowed;white-space:nowrap;background:#edf0f2;border:0;border-radius:7px;padding:10px 13px;font-size:10px;font-weight:700}@media (max-width:650px){.import-content{padding-top:27px}.import-content h1{font-size:25px}.upload-card{padding:27px 17px}.import-review{padding:15px}.mapping-grid{grid-template-columns:1fr}.review-head,.review-actions{flex-direction:column;align-items:stretch}.review-actions button{width:100%}.import-top{padding:14px}.import-top .preview-pill{display:none}}.teacher-app{color:#202b38;background:#f4f7fa;min-height:100vh}.teacher-top{background:#fff;border-bottom:1px solid #e5ebf0;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(18px,5vw,72px);display:flex}.teacher-brand{color:#1f354e;align-items:center;gap:8px;font-size:15px;font-weight:800;text-decoration:none;display:flex}.teacher-brand>span{color:#33260d;background:#e7b650;border-radius:8px;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.teacher-brand b{color:#87909b;font-weight:500}.teacher-top>div{align-items:center;gap:12px;display:flex}.preview-pill{color:#9b6515;letter-spacing:.4px;background:#fff5df;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.mini-profile{color:#28628b;background:#fff;border:1px solid #e5eaf0;border-radius:9px;grid-template-columns:28px auto;align-items:center;column-gap:7px;padding:5px 9px 5px 5px;font-size:9px;font-weight:800;display:grid}.mini-profile b,.mini-profile small{color:#3d4652;font-size:10px}.mini-profile small{color:#818996;font-size:9px;font-weight:400}.teacher-main{max-width:1450px;margin:auto;display:flex}.teacher-nav{background:#fff;border-right:1px solid #e5ebf0;flex:0 0 210px;width:210px;min-height:calc(100vh - 68px);padding:29px 15px}.teacher-nav>p{color:#9ba4af;letter-spacing:.8px;margin:0 0 11px;padding:0 10px;font-size:9px;font-weight:700}.teacher-nav a{color:#637080;border-radius:7px;margin:3px 0;padding:10px;font-size:11px;text-decoration:none;display:block}.teacher-nav a.selected,.teacher-nav a:hover{color:#1f5d8c;background:#eaf3f9;font-weight:700}.need-help{color:#708093;background:#f2f6f9;border-radius:8px;gap:5px;margin:28px 0 0;padding:13px 11px;font-size:9px;line-height:1.5;display:grid}.need-help b{color:#42546a;font-size:10px}.teacher-content{flex:1;min-width:0;padding:33px clamp(18px,3.6vw,55px) 54px}.teacher-welcome{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.teacher-welcome h1{letter-spacing:-.7px;margin:0;font-size:27px}.teacher-welcome p:not(.eyebrow){color:#778190;margin:6px 0 0;font-size:12px}.month-chip{color:#606d7c;background:#fff;border:1px solid #dce5ed;border-radius:7px;padding:8px 10px;font-size:11px}.month-chip b{margin-left:8px}.profile-hero{color:#eff7ff;background:linear-gradient(118deg,#1e4868,#275e80);border-radius:11px;align-items:center;gap:15px;padding:20px;display:flex}.portrait{color:#41300e;background:#e8bd66;border:3px solid #a2c6da;border-radius:50%;flex:0 0 76px;place-items:center;width:76px;height:76px;font-size:16px;font-weight:800;display:grid}.profile-copy{flex:1}.profile-copy h2{color:#fff;margin:0;font-size:19px}.profile-copy h2 span{color:#24694d;vertical-align:middle;background:#dff4e7;border-radius:99px;margin-left:5px;padding:3px 6px;font-size:8px}.profile-copy p{color:#d2e3ee;margin:5px 0;font-size:11px}.profile-copy small{color:#abc7d9;font-size:9px}.profile-side{border-left:1px solid #ffffff2b;gap:4px;min-width:145px;padding-left:20px;display:grid}.profile-side span,.profile-side small{color:#accade;font-size:9px}.profile-side strong{color:#fff;font-size:11px}.teacher-stats{grid-template-columns:repeat(4,1fr);gap:11px;margin:13px 0;display:grid}.teacher-stats article,.teacher-panel{background:#fff;border:1px solid #e2e9ef;border-radius:10px}.teacher-stats article{padding:15px}.teacher-stats span{color:#768392;font-size:10px}.teacher-stats strong{color:#1f5d85;margin:7px 0 4px;font-size:21px;display:block}.teacher-stats strong span{color:#98a2ad;font-size:11px}.teacher-stats small{color:#9aa3af;font-size:9px}.teacher-grid{grid-template-columns:1.6fr 1fr;gap:13px;display:grid}.teacher-panel{padding:18px}.teacher-panel-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.teacher-panel h2{margin:0;font-size:15px}.teacher-panel-head p{color:#828c98;margin:4px 0 0;font-size:9px}.calendar-key{color:#8a94a0;align-items:center;gap:3px;font-size:8px;display:flex}.calendar-key i{border-radius:50%;width:7px;height:7px;margin-left:6px}.key-present{background:#57b78e}.key-late{background:#e1b25a}.key-holiday{background:#af9ed8}.weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.weekdays{color:#929ca6;text-align:center;margin-top:16px;padding:0 2px;font-size:8px}.calendar-grid{margin-top:7px}.calendar-day{text-align:left;border-radius:6px;min-height:48px;padding:5px}.calendar-day b,.calendar-day small{display:block}.calendar-day b{font-size:10px}.calendar-day small{margin-top:4px;font-size:7px}.calendar-day.present{color:#35765a;background:#e9f7ef}.calendar-day.late{color:#916524;background:#fff4dd}.calendar-day.holiday{color:#6e5b9c;background:#f0edf9}.notice-panel{background:#fffaf0;border-color:#f1dfb9;align-self:stretch}.notice-panel h2{margin:3px 0 8px;font-size:18px}.notice-panel>p:not(.eyebrow){color:#756b5b;font-size:11px;line-height:1.6}.notice-sign{border-top:1px solid #ebd9b5;gap:3px;margin-top:24px;padding-top:13px;display:grid}.notice-sign b{color:#715822;font-size:10px}.notice-sign span{color:#a69165;font-size:9px}.lower-grid{margin-top:13px}.blue-status{color:#2e6e95;background:#e7f2f8;border-radius:99px;padding:5px 7px;font-size:8px;font-weight:700}.punch-list{margin-top:11px}.punch-list>div{border-top:1px solid #e8edf1;grid-template-columns:34px 1fr .8fr .8fr;align-items:center;gap:8px;padding:8px 0;font-size:10px;display:grid}.date-badge{color:#38658a;background:#e8f1f8;border-radius:6px;place-items:center;width:29px;height:29px;font-weight:800;display:grid}.date-badge small{font-size:7px}.punch-list>div>span:not(.date-badge){color:#7f8994}.punch-list b{color:#354250}.slip-line{border-top:1px solid #e9edf1;border-bottom:1px solid #e9edf1;align-items:center;gap:9px;margin:16px 0;padding:11px 0;display:flex}.pdf-icon{color:#a54747;background:#fdeaea;border-radius:5px;place-items:center;width:28px;height:30px;font-size:8px;font-weight:800;display:grid}.slip-line div{flex:1}.slip-line strong,.slip-line small{display:block}.slip-line strong{font-size:10px}.slip-line small,.salary-note{color:#89939e;font-size:9px}.available{color:#327952;background:#e6f5ec;border-radius:99px;padding:4px 6px;font-size:8px;font-weight:700}.salary-note{line-height:1.5}.salary-panel button{color:#9aa3ad;cursor:not-allowed;background:#edf0f3;border:0;border-radius:6px;width:100%;margin-top:8px;padding:9px;font-size:9px}@media (max-width:800px){.teacher-main{display:block}.teacher-nav{border-bottom:1px solid #e5ebf0;border-right:0;width:auto;min-height:0;padding:9px 12px;display:flex;overflow:auto}.teacher-nav>p,.need-help{display:none}.teacher-nav a{flex:none;margin:0}.teacher-content{padding:24px 15px 35px}.profile-side{display:none}.teacher-stats{grid-template-columns:repeat(2,1fr)}.teacher-grid,.lower-grid{grid-template-columns:1fr}.teacher-top{padding:0 14px}.teacher-brand b,.preview-pill{display:none}}.recognised-chip{color:#267550;background:#e8f7ee;border-radius:99px;padding:6px 8px;font-size:9px;font-weight:800}.import-kpis{grid-template-columns:repeat(4,1fr);gap:8px;margin:17px 0;display:grid}.import-kpis>div{background:#f6f8fa;border-radius:7px;padding:11px}.import-kpis strong,.import-kpis span{display:block}.import-kpis strong{color:#285c7e;font-size:18px}.import-kpis span{color:#8a949f;margin-top:4px;font-size:8px}.review-workspace{border:1px solid #e7edf1;border-radius:8px;grid-template-columns:1fr 1.25fr;display:grid;overflow:hidden}.staff-match{border-right:1px solid #e7edf1;max-height:355px;padding:13px;overflow:auto}.section-title h3{margin:0;font-size:12px}.section-title p{color:#84909c;margin:4px 0 11px;font-size:9px;line-height:1.4}.staff-match button{color:#4a5663;text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #edf0f3;grid-template-columns:43px 1fr auto;align-items:center;gap:7px;width:100%;padding:9px 7px;display:grid}.staff-match button:hover,.staff-match button.selected{background:#edf6fb}.staff-match button span{color:#7d8994;font-size:9px}.staff-match button b{font-size:10px}.staff-match button small{color:#85909b;font-size:8px}.punch-preview{padding:15px}.punch-cards{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.punch-cards>div{color:#697684;border:1px solid #e5eaee;border-radius:7px;grid-template-columns:1fr auto;gap:5px;padding:9px;font-size:9px;display:grid}.punch-cards b{color:#364452;grid-column:1/-1;font-size:10px}.rule-queue{background:#fff8e8;border-radius:7px;margin-top:11px;padding:11px}.rule-queue strong{color:#8b6523;font-size:10px}.rule-queue p{color:#8d7a54;margin:4px 0 0;font-size:9px;line-height:1.45}.login-app{background:#f3f6f8;grid-template-columns:1fr 480px;min-height:100vh;display:grid}.login-brand{color:#eaf4fa;background:linear-gradient(135deg,#142f4b,#246a91);align-content:center;gap:12px;padding:clamp(30px,9vw,130px);display:grid}.login-brand>a{color:#fff;align-items:center;gap:12px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.login-brand>a span{color:#402e0e;background:#efbd60;border-radius:11px;place-items:center;width:40px;height:40px;font-size:12px;display:grid}.login-brand>p{color:#b5d1e2;margin:0;font-size:13px}.login-features{gap:8px;margin-top:25px;display:grid}.login-features span{color:#d2e5ef;border-left:2px solid #e6b75d;padding-left:10px;font-size:12px}.login-card{background:#fff;align-content:center;gap:10px;padding:clamp(30px,7vw,76px);display:grid}.login-card h1{color:#26313d;letter-spacing:-.6px;margin:0;font-size:26px}.login-card>p:not(.eyebrow){color:#798491;margin:0 0 11px;font-size:12px;line-height:1.55}.login-card label{color:#566372;gap:6px;font-size:10px;font-weight:700;display:grid}.login-card input{color:#344252;border:1px solid #dbe3e9;border-radius:7px;padding:11px;font-size:12px}.login-card button{color:#fff;cursor:pointer;background:#206b92;border:0;border-radius:7px;margin-top:6px;padding:11px;font-size:11px;font-weight:800}.login-card small{color:#8a949e;font-size:9px;line-height:1.45}.login-card>a{color:#276f97;margin-top:7px;font-size:10px;font-weight:700;text-decoration:none}@media (max-width:650px){.import-kpis{grid-template-columns:repeat(2,1fr)}.review-workspace{grid-template-columns:1fr}.staff-match{border-bottom:1px solid #e7edf1;border-right:0}.login-app{grid-template-columns:1fr}.login-brand{padding:35px}.login-card{padding:36px 25px}}.continue-button,.module-action{color:#fff;cursor:pointer;white-space:nowrap;background:#206b92;border:0;border-radius:7px;padding:10px 13px;font-size:10px;font-weight:700;text-decoration:none}.payroll-review{background:#edf7fb;border:1px solid #d9e8f0;border-radius:12px;justify-content:space-between;gap:20px;margin-top:14px;padding:22px;display:flex}.payroll-review h2{color:#263946;margin:0;font-size:17px}.payroll-review p:not(.eyebrow){color:#6c7e8b;max-width:570px;margin:7px 0 0;font-size:11px;line-height:1.5}.payroll-review-stats{color:#5e7789;align-content:center;gap:7px;min-width:135px;font-size:9px;display:grid}.payroll-review-stats b{color:#285c7e;font-size:13px}.module-app{background:#f4f7fa;min-height:100vh}.module-top{background:#fff;border-bottom:1px solid #e5ebf0;justify-content:space-between;align-items:center;padding:17px clamp(18px,6vw,82px);display:flex}.module-top>a:not(.teacher-brand){color:#1f668e;font-size:11px;font-weight:700;text-decoration:none}.module-content{width:min(1120px,100vw - 32px);margin:auto;padding:42px 0 60px}.module-content h1{color:#202b38;letter-spacing:-.8px;margin:0;font-size:30px}.module-intro{color:#748190;margin:7px 0 22px;font-size:13px}.module-toolbar{align-items:end;gap:10px;margin-bottom:14px;display:flex}.module-toolbar label{color:#647180;gap:5px;font-size:10px;font-weight:700;display:grid}.module-toolbar select,.directory input{color:#465566;background:#fff;border:1px solid #dbe4eb;border-radius:7px;min-width:190px;padding:10px;font-size:11px}.module-toolbar .module-action{margin-left:auto}.attendance-detail,.directory,.employee-profile{background:#fff;border:1px solid #e2e8ee;border-radius:11px}.attendance-detail{padding:23px}.attendance-person{align-items:center;gap:12px;display:flex}.attendance-person>span{color:#2b6d7a;background:#e8f3f2;border-radius:11px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:grid}.attendance-person h2{margin:0;font-size:18px}.attendance-person p{color:#84909c;margin:4px 0 0;font-size:10px}.attendance-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0;display:grid}.attendance-stats>div{background:#f5f8fa;border-radius:8px;padding:14px}.attendance-stats b,.attendance-stats span{display:block}.attendance-stats b{color:#265b7d;font-size:19px}.attendance-stats span{color:#8a949e;margin-top:4px;font-size:9px}.attendance-note{background:#fffaf0;border-left:3px solid #dcae5c;border-radius:5px;padding:13px}.attendance-note strong{color:#765a2c;font-size:11px}.attendance-note p{color:#887858;margin:5px 0 0;font-size:10px;line-height:1.45}.employee-layout{grid-template-columns:360px 1fr;align-items:start;gap:14px;display:grid}.directory{overscroll-behavior:contain;max-height:min(720px,100vh - 150px);overflow-y:auto}.directory-summary{z-index:2;color:#435866;background:#f8fbfc;border-bottom:1px solid #e5ebef;justify-content:space-between;align-items:center;padding:12px 14px;display:flex;position:sticky;top:0}.directory-summary b{font-size:11px}.directory-summary span{font-size:9px;font-weight:800}.directory input{width:calc(100% - 24px);margin:12px}.directory button{text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #edf0f3;align-items:center;gap:9px;width:100%;padding:11px 14px;display:flex}.directory button.selected,.directory button:hover{background:#edf6fb}.directory button>span{color:#30677c;background:#e7f1f4;border-radius:7px;place-items:center;width:29px;height:29px;font-size:9px;font-weight:800;display:grid}.directory button b,.directory button small{display:block}.directory button b{color:#3c4754;font-size:11px}.directory button small{color:#8a949c;margin-top:3px;font-size:9px}.employee-profile{padding:24px}.employee-profile h2{margin:0 0 15px;font-size:20px}.employee-profile dl{margin:0 0 22px}.employee-profile dl div{border-top:1px solid #edf0f3;justify-content:space-between;padding:11px 0;font-size:11px;display:flex}.employee-profile dt{color:#7c8793}.employee-profile dd{color:#3d4a57;margin:0;font-weight:700}@media (max-width:700px){.directory{max-height:440px}.payroll-review{flex-direction:column}.module-toolbar{flex-direction:column;align-items:stretch}.module-toolbar select{width:100%}.module-toolbar .module-action{text-align:center;margin-left:0}.attendance-stats{grid-template-columns:repeat(2,1fr)}.employee-layout{grid-template-columns:1fr}.module-content{padding-top:28px}}.payroll-month{margin:0 0 14px}.payroll-month label{color:#647180;gap:5px;width:180px;font-size:10px;font-weight:700;display:grid}.payroll-month select{color:#465566;background:#fff;border:1px solid #dbe4eb;border-radius:7px;padding:10px;font-size:11px}.payroll-flow{grid-template-columns:1.5fr 1fr;gap:14px;display:grid}.payroll-flow>article{background:#fff;border:1px solid #e2e8ee;border-radius:12px;padding:22px}.payroll-flow h2{color:#24394c;margin:5px 0 12px;font-size:18px}.payroll-flow p:not(.eyebrow){color:#718191;font-size:11px;line-height:1.55}.payroll-flow ol{color:#526273;gap:12px;margin:18px 0;padding-left:20px;font-size:11px;display:grid}.payroll-flow ol a{color:#216c9b;font-weight:800}.verify-row{color:#35566e;align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.bulk-upload{background:#f8fbfd;border:1px dashed #b8cfdd;border-radius:8px;gap:6px;margin:16px 0;padding:14px;display:grid}.bulk-upload label{color:#526d80;gap:6px;font-size:10px;font-weight:800;display:grid}.bulk-upload input{font-size:10px}.bulk-upload small{color:#8090a0;font-size:9px}.payroll-selection{border:1px solid #e1e9ef;border-radius:9px;margin:16px 0;overflow:hidden}.payroll-selection>div{color:#486172;background:#f7f9fb;justify-content:space-between;align-items:center;padding:11px 13px;font-size:10px;display:flex}.payroll-selection>section{max-height:280px;display:grid;overflow:auto}.payroll-selection label{cursor:pointer;border-top:1px solid #edf0f2;grid-template-columns:18px 28px 1fr auto;align-items:center;gap:7px;padding:9px 12px;display:grid}.payroll-selection label>span{color:#296679;background:#e6f2f2;border-radius:7px;place-items:center;width:26px;height:26px;font-size:8px;font-weight:800;display:grid}.payroll-selection label>b{color:#3c4a58;font-size:10px}.payroll-selection label small{color:#87929d;font-size:8px}.payroll-single{margin-top:18px;grid-template-columns:1fr!important}@media (max-width:800px){.payroll-flow{grid-template-columns:1fr}.payroll-selection label{grid-template-columns:18px 28px 1fr}.payroll-selection label small{grid-column:3}}.teacher-leaderboard{margin:0 0 15px;overflow:hidden;padding:0!important}.teacher-leaderboard>header,.mobile-leaderboard>header{color:#966d21;background:#fffbef;border-bottom:1px solid #ece6d5;align-items:center;gap:10px;padding:15px 17px;display:flex}.teacher-leaderboard>header>span,.mobile-leaderboard>header>span{color:#8a641d;background:#f7e9bb;border-radius:8px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.teacher-leaderboard h2,.mobile-leaderboard h2{color:#3d493f;letter-spacing:0;margin:0;font-size:15px}.teacher-leaderboard header p,.mobile-leaderboard header p{color:#8a938d;margin:3px 0 0;font-size:9px}.teacher-leader-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.teacher-leader-list article{border-top:1px solid #edf1ee;grid-template-columns:28px 34px minmax(0,1fr) 38px;align-items:center;gap:9px;min-height:59px;padding:10px 14px;display:grid}.teacher-leader-list article:nth-child(odd){border-right:1px solid #edf1ee}.teacher-leader-list article.current{background:#edf8f2}.teacher-leader-list article.your-standing{border-top:1px dashed #cddfd5;border-right:0;grid-column:1/-1}.teacher-leader-list article>b{color:#9b742c;text-align:center;font-size:12px}.teacher-leader-list article>i{color:#fff;background:#278566;border-radius:50%;place-items:center;width:32px;height:32px;font-size:9px;font-style:normal;font-weight:900;display:grid}.teacher-leader-list article>span{gap:3px;min-width:0;display:grid}.teacher-leader-list strong{color:#3d4d45;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.teacher-leader-list strong em{color:#17694c;background:#d7efe3;border-radius:99px;margin-left:6px;padding:3px 5px;font-size:7px;font-style:normal}.teacher-leader-list small{color:#849089;font-size:8px}.teacher-leader-list mark{color:#1e6d53;text-align:right;background:0 0;font-size:13px;font-weight:900}.teacher-leader-empty{color:#87918b;text-align:center;margin:0;padding:30px 18px;font-size:10px}.mobile-leaderboard{background:#fff;border:1px solid #e8e4d8;border-radius:19px;overflow:hidden;box-shadow:0 5px 14px #1d4a3810}.mobile-leaderboard>header{padding:14px 15px}.mobile-leaderboard>header>span{flex-basis:30px;width:30px;height:30px}.mobile-leaderboard h2{font-size:15px}.mobile-leaderboard .teacher-leader-list{grid-template-columns:1fr}.mobile-leaderboard .teacher-leader-list article{border-right:0;grid-template-columns:24px 31px minmax(0,1fr) 34px;padding:9px 12px}.mobile-leaderboard .teacher-leader-list article.your-standing{border-top:1px dashed #cddfd5}@media (max-width:900px) and (min-width:701px){.teacher-leader-list{grid-template-columns:1fr}.teacher-leader-list article:nth-child(odd){border-right:0}}.three-month-table .report-table-head,.three-month-table .report-table-row{grid-template-columns:minmax(190px,1.45fr) repeat(3,minmax(145px,1fr)) minmax(86px,.58fr) minmax(165px,1.15fr);min-width:1040px}.three-month-table .report-table-row{min-height:58px}.comparison-month-cell,.comparison-average,.comparison-status{gap:3px;min-width:0;display:grid}.comparison-month-cell strong{color:#315968;font-size:10px}.comparison-month-cell small,.comparison-average small,.comparison-status small{color:#84919a;text-overflow:ellipsis;font-size:7px;line-height:1.35;overflow:hidden}.comparison-month-cell.pending strong{color:#9aa3a9;font-size:8px}.comparison-average{justify-items:start}.comparison-average strong{color:#276f56;font-size:14px}.comparison-status{color:#276f54;background:#eef8f2;border:1px solid #dce9e2;border-radius:6px;align-content:center;min-height:38px;padding:6px 8px}.comparison-status strong{font-size:9px}.comparison-status.defaulter{color:#9a473f;background:#fff1ef;border-color:#f0d2cd}.comparison-status.defaulter small{color:#a35c55}.comparison-status.pending{color:#808b92;background:#f5f7f8;border-color:#e3e7e9}.comparison-rule{color:#7c8992;background:#f8fafb;border-top:1px solid #e8edf1;margin:0;padding:10px 14px;font-size:8px;line-height:1.45}.social-embed-upload{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto}.social-embed-upload>strong,.social-embed-upload>.module-message{grid-column:1/-1}.social-embed-upload input{width:100%}.social-embed-feed{gap:12px;margin:0 0 17px;display:grid}.social-embed-feed>header{justify-content:space-between;align-items:end;gap:14px;display:flex}.social-embed-feed h2{color:#314654;margin:3px 0 0;font-size:18px}.social-embed-feed>header>span{color:#28638a;background:#e8f3f8;border-radius:50%;place-items:center;min-width:26px;height:26px;font-size:9px;font-weight:800;display:grid}.social-embed-feed>div{gap:13px;display:grid}.social-embed-card{background:#fff;border:1px solid #dbe5ea;border-radius:8px;overflow:hidden}.social-embed-card>header{border-bottom:1px solid #e8edf1;align-items:center;gap:9px;padding:13px 14px;display:flex}.social-platform{color:#fff;background:#1877f2;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.social-platform.instagram{background:#bc3c82}.social-embed-card>header>div{flex:1;gap:3px;min-width:0;display:grid}.social-embed-card>header b{color:#354c5c;font-size:10px}.social-embed-card>header small{color:#84919a;font-size:8px}.social-embed-card>header button{color:#a34141;cursor:pointer;background:#fff7f7;border:1px solid #efcdcd;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.social-embed-frame{background:#f7fafb;border:0;width:100%;height:545px;display:block}.social-embed-card footer{border-top:1px solid #edf1f3;margin:0;padding:10px 14px;display:flex}.social-embed-card footer a{color:#28638a;align-items:center;gap:5px;font-size:9px;font-weight:800;text-decoration:none;display:inline-flex}@media (max-width:650px){.social-embed-upload{grid-template-columns:1fr}.social-embed-upload>strong,.social-embed-upload>.module-message{grid-column:auto}.social-embed-upload button{width:100%}.social-embed-frame{height:510px}}.scrollable-history{max-height:370px;padding-right:3px;overflow:auto}.dashboard-select{color:#526170;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;outline:0;font-weight:400}.month-chip{color:#6a7682;gap:3px;font-size:8px;font-weight:800;display:grid}.month-chip select{color:#365e77;cursor:pointer;background:0 0;border:0;outline:0;font-size:11px;font-weight:800}.holiday-form{grid-template-columns:1fr 1.25fr auto;gap:6px;margin:12px 0;display:grid}.holiday-form input{color:#455463;border:1px solid #dce5eb;border-radius:6px;min-width:0;padding:8px;font-size:9px}.holiday-form button{color:#fff;cursor:pointer;background:#1f698d;border:0;border-radius:6px;padding:8px;font-size:9px;font-weight:700}.module-message,.module-error{border-radius:7px;padding:11px 13px;font-size:11px}.module-message{color:#59758a;background:#edf5f9}.module-error{color:#a24c4c;background:#fff0f0}.daily-attendance{border-top:1px solid #e6ebef;max-height:520px;margin-top:22px;overflow:auto}.daily-attendance-head{justify-content:space-between;align-items:center;padding:15px 0 8px;display:flex}.daily-attendance-head h3{margin:0;font-size:13px}.daily-attendance-head span{color:#84909b;font-size:9px}.daily-row{color:#687583;border-top:1px solid #eef1f3;grid-template-columns:92px 130px 95px 95px minmax(180px,1fr);align-items:center;gap:10px;padding:10px 0;font-size:10px;display:grid}.daily-row>b{color:#3c4855}.daily-row strong{color:#36495a}.daily-row small{color:#8b949d;line-height:1.35}.attendance-status{color:#2b7651;background:#e9f7ef;border-radius:99px;width:max-content;padding:4px 6px;font-size:8px;font-weight:800}.status-L{color:#906523;background:#fff3da}.status-A,.status-HDO,.status-HDI{color:#a24e4e;background:#fff0f0}.status-H{color:#665791;background:#f0edf9}@media (max-width:700px){.holiday-form{grid-template-columns:1fr}.daily-row{grid-template-columns:1fr 1fr;gap:6px}.daily-row small{grid-column:1/-1}.daily-attendance{max-height:none}}.assessment-login{color:#18345a;background:linear-gradient(120deg,#153e68 0%,#4f7889 48%,#b49d5f 100%);place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.assessment-login:after{content:"";background:#172b1a38;position:absolute;inset:0}.login-orb{filter:blur(10px);background:#084d3d99;border-radius:50%;position:absolute}.orb-one{width:470px;height:470px;bottom:-185px;left:-130px}.orb-two{width:460px;height:250px;bottom:130px;right:-70px}.login-building{opacity:.45;filter:blur(4px);background:repeating-linear-gradient(90deg,#e2d5a7 0 45px,#5d6c69 46px 78px);border-radius:5px 5px 0 0;width:430px;height:56%;position:absolute;bottom:-55px}.assessment-login-card{z-index:1;text-align:center;background:#fff;border-radius:13px;justify-items:center;width:min(450px,100vw - 34px);padding:42px 46px 35px;display:grid;box-shadow:0 22px 58px #0b1e2b59}.school-crest{color:#fff;background:#183e71;border:3px solid #d4b34b;border-radius:50%;place-items:center;width:54px;height:54px;font-size:15px;font-weight:900;display:grid}.assessment-login-card h1{margin:14px 0 5px;font-family:Georgia,serif;font-size:23px}.affiliation{color:#8492a8;margin:0;font-size:10px;font-weight:700}.gold-rule{background:#efc54f;border-radius:99px;width:52px;height:3px;margin:22px 0 25px}.assessment-login-card h2{margin:0;font-size:22px;font-weight:500}.login-copy{color:#8896a9;margin:9px 0 25px;font-size:12px}.assessment-login-card label{color:#7888a0;text-align:left;gap:7px;width:100%;margin:0 0 14px;font-size:10px;font-weight:800;display:grid}.assessment-login-card input{color:#23354f;background:#ffffb6;border:0;border-bottom:2px solid #6a9aff;outline:0;padding:12px 7px;font-size:13px;font-weight:700}.assessment-login-card button{color:#fff;cursor:pointer;background:#1f61b7;border:0;border-radius:5px;width:100%;margin:11px 0 20px;padding:14px;font-size:11px;font-weight:900}.assessment-login-card small{color:#9aa6b5;font-size:9px}.assessment-login footer{z-index:1;color:#fff;font-size:10px;position:absolute;bottom:20px}@media (max-width:520px){.assessment-login-card{padding:34px 27px}.assessment-login-card h1{font-size:20px}}.teacher-mobile{display:none}@media (max-width:700px){.teacher-main{display:none}.teacher-mobile{background:linear-gradient(160deg,#f7f9fb 0%,#eef5f2 100%);gap:13px;min-height:calc(100vh - 68px);padding:20px 15px 34px;display:grid}.teacher-top{height:62px}.mini-profile{display:none}.teacher-brand{font-size:13px}.mobile-hello{justify-content:space-between;align-items:center;padding:8px 5px 5px;display:flex}.mobile-hello>div{flex:1;min-width:0}.mobile-hello p,.mobile-office p,.mobile-two small,.mobile-attendance small,.mobile-wall small{color:#6d897e;letter-spacing:.8px;margin:0;font-size:9px;font-weight:900}.mobile-hello h1{color:#163a35;letter-spacing:-1.4px;margin:5px 0;font-size:29px;line-height:1.02}.mobile-hello span{color:#6c7b78;font-size:10px}.mobile-avatar{color:#1f5d85;background:#fff;border:3px solid #fff;border-radius:21px;flex:0 0 78px;place-items:center;width:78px;height:78px;display:grid;box-shadow:0 7px 19px #1e514326}.mobile-attendance{color:#fff;background:linear-gradient(115deg,#0e6d52,#0da768);border-radius:22px;justify-content:space-between;align-items:center;padding:17px;display:flex;box-shadow:0 10px 22px #0c734126}.mobile-attendance h2{margin:5px 0 4px;font-size:17px}.mobile-attendance p{color:#d7f6e8;margin:0;font-size:10px}.mobile-attendance>span{color:#0e7857;background:#d9f7e5;border-radius:50%;place-items:center;width:34px;height:34px;font-size:20px;font-weight:900;display:grid}.mobile-actions{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mobile-actions a{color:#34534a;background:#fff;border:1px solid #e6e9e7;border-radius:16px;justify-items:center;gap:7px;padding:12px 3px;font-size:9px;font-weight:800;text-decoration:none;display:grid}.mobile-actions i{color:#fff;background:#7257c4;border-radius:10px;place-items:center;width:30px;height:30px;font-size:15px;font-style:normal;display:grid}.mobile-actions i svg{stroke-width:2.25px;width:17px;height:17px}.mobile-actions a:nth-child(2) i{background:#df8ab0}.mobile-actions a:nth-child(3) i{background:#df9c46}.mobile-actions a:nth-child(4) i{background:#209470}.mobile-progress{color:#fff;background:#122f2a;border-radius:24px;padding:19px}.mobile-card-head{justify-content:space-between;gap:10px;display:flex}.mobile-card-head h2{margin:0;font-size:18px}.mobile-card-head p{color:#a8c5bc;margin:4px 0;font-size:9px}.mobile-card-head a{color:#9fd4bc;font-size:9px;font-weight:800;text-decoration:none}.mobile-ring{border:12px solid #48b891;border-top-color:#df8ab0;border-radius:50%;align-content:center;justify-items:center;width:116px;height:116px;margin:17px auto 14px;display:grid}.mobile-ring strong{font-size:28px}.mobile-ring strong small{color:#9dbaaf;font-size:12px}.mobile-ring span{color:#acc9bf;font-size:9px}.mobile-split{grid-template-columns:repeat(3,1fr);gap:5px;margin:0;display:grid}.mobile-split p{color:#b6d1c9;text-align:center;background:#214940;border-radius:11px;gap:3px;margin:0;padding:10px 4px;font-size:8px;display:grid}.mobile-split b{color:#fff;font-size:17px}.mobile-two{grid-template-columns:1fr 1fr;gap:11px;display:grid}.mobile-two article{background:#fff;border-radius:18px;gap:5px;padding:15px;display:grid;box-shadow:0 5px 14px #1d4a3810}.mobile-two article:first-child{background:#fff5fa}.mobile-two strong{color:#243f39;font-size:18px}.mobile-two span{color:#788682;font-size:9px}.mobile-two a{color:#37775f;margin-top:4px;font-size:9px;font-weight:900;text-decoration:none}.mobile-office{background:#fff7e7;border-radius:19px;gap:7px;padding:18px;display:grid}.mobile-office p{color:#a37a2e}.mobile-office h2{color:#493b22;margin:0;font-size:17px}.mobile-office span{color:#7b6c50;font-size:10px;line-height:1.5}.mobile-wall{color:#fff;background:linear-gradient(128deg,#4a3784,#8d58b4);border-radius:21px;justify-content:space-between;align-items:center;padding:19px;text-decoration:none;display:flex}.mobile-wall h2{color:#fff;max-width:230px;margin:5px 0;font-size:18px;line-height:1.1}.mobile-wall small,.mobile-wall span{color:#ddd2ff}.mobile-wall span{font-size:9px;font-weight:800}.mobile-wall>b{background:#ffffff2e;border-radius:50%;place-items:center;width:36px;height:36px;font-size:19px;display:grid}}.click-feedback,.module-action,.plain-button,.continue-button,.holiday-button{transition:transform .16s,box-shadow .16s,filter .16s}.click-feedback:hover,.module-action:hover,.plain-button:hover,.continue-button:hover,.holiday-button:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 8px 18px #0e377629}.click-feedback:active,.module-action:active,.plain-button:active,.continue-button:active,.holiday-button:active{transform:scale(.97)}.is-busy{opacity:.82;cursor:wait;position:relative}.is-busy:after{content:"";vertical-align:-2px;border:2px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;margin-left:9px;animation:.72s linear infinite sbhs-spin;display:inline-block}@keyframes sbhs-spin{to{transform:rotate(360deg)}}.teacher-leader-list article{grid-template-columns:32px 34px minmax(0,1fr) 48px}.teacher-leader-list .leader-rank{color:#8b6a2d;place-items:center;width:30px;height:30px;font-size:11px;font-weight:900;display:grid;position:relative}.teacher-leader-list .leader-rank.podium{border-radius:9px}.teacher-leader-list .leader-rank.rank-1{color:#b47a00;background:#fff2c4}.teacher-leader-list .leader-rank.rank-2{color:#687987;background:#edf1f4}.teacher-leader-list .leader-rank.rank-3{color:#9a5830;background:#f7e2d4}.teacher-leader-list .leader-rank svg{display:block}.teacher-leader-list .trophy-position{color:#fff;background:#8b6a2d;border:2px solid #fff;border-radius:50%;place-items:center;width:14px;height:14px;font-size:7px;font-weight:900;display:grid;position:absolute;bottom:-2px;right:-2px}.teacher-leader-list .rank-1 .trophy-position{background:#b47a00}.teacher-leader-list .rank-2 .trophy-position{background:#687987}.teacher-leader-list .rank-3 .trophy-position{background:#9a5830}.teacher-leader-list mark{justify-items:end;gap:1px;display:grid}.teacher-leader-list mark>small{color:#88958e;letter-spacing:.04em;text-transform:uppercase;font-size:6px;font-weight:800}.teacher-leader-list mark>b{color:#1e6d53;font-size:13px;font-weight:900}.mobile-leaderboard .teacher-leader-list article{grid-template-columns:32px 31px minmax(0,1fr) 43px}.mobile-leaderboard .scrollable-ranks{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:177px;overflow-y:auto}.mobile-leaderboard .scrollable-ranks:focus-visible{outline-offset:-2px;outline:2px solid #16825f}.global-loading{background:#f4f7fa;place-items:center;min-height:100vh;display:grid}.page-loader{color:#3e657b;background:#fff;border:1px solid #dbe7ee;border-radius:11px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:14px 18px;font-size:11px;font-weight:700;display:flex;box-shadow:0 10px 26px #1b4f6b12}.page-loader i{border:4px solid #bdeaf6;border-top-color:#125bbd;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite sbhs-spin;display:block}.navigation-loader{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f4f7fabd;place-items:center;display:grid;position:fixed;inset:0}.navigation-loader .page-loader{min-width:260px}@media (min-width:701px){.teacher-app{background:linear-gradient(145deg,#f7faf8 0%,#edf7f1 100%)}.teacher-top{background:#fff;border:0;height:74px;box-shadow:0 1px #dce9e1}.teacher-nav{background:#123a31;border:0;border-radius:23px;min-height:calc(100vh - 114px);margin:20px 0 20px 20px;box-shadow:0 14px 28px #17483418}.teacher-nav>p{color:#a9c9bb}.teacher-nav a{color:#c5ddd2;border-radius:13px;margin:5px 0;padding:12px}.teacher-nav a.selected,.teacher-nav a:hover{color:#fff;background:#0e8d61}.need-help{color:#c9e4d7;background:#1c5044}.need-help b{color:#fff}.teacher-content{padding:40px clamp(24px,4vw,64px) 56px}.teacher-welcome h1{color:#183f35;font-size:32px}.teacher-welcome p:not(.eyebrow){color:#6b8278}.month-chip{background:#fff;border:0;border-radius:15px;box-shadow:0 7px 18px #194b3d12}.profile-hero{background:linear-gradient(122deg,#0d7258,#10a06d);border-radius:24px;box-shadow:0 16px 30px #0d755827}.portrait{border-color:#fff;color:#1d5848!important;background:#fff!important}.profile-side{border-color:#ffffff45}.teacher-stats{gap:14px;margin:16px 0}.teacher-stats article,.teacher-panel{border:0;border-radius:20px;box-shadow:0 8px 20px #164b3710}.teacher-stats article{background:#fff;padding:18px}.teacher-stats article:nth-child(2){background:#fff4f9}.teacher-stats article:nth-child(3){background:#f2ecff}.teacher-stats article:nth-child(4){background:#fff8e9}.teacher-stats strong{color:#166b51}.teacher-grid{gap:15px}.teacher-panel{padding:21px}.calendar-panel{background:#fff}.notice-panel{background:#fff7e8;border:0}.punch-panel{background:#fff}.salary-panel{color:#fff;background:linear-gradient(135deg,#543a90,#8d55b4)}.salary-panel h2,.salary-panel .eyebrow,.salary-panel .salary-note{color:#fff}.salary-panel .slip-line{border-color:#ffffff36}.salary-panel .slip-line small{color:#e4d8ff}.salary-panel .module-action{color:#653da0;background:#fff}.profile-password{background:#fff}.calendar-day{border-radius:10px}.mobile-actions a{transition:transform .16s}.teacher-panel:hover,.teacher-stats article:hover{transition:transform .18s,box-shadow .18s;transform:translateY(-2px);box-shadow:0 14px 28px #164b3720}}.login-role-switch{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin:0 0 21px;display:grid}.assessment-login-card .login-role-switch button{color:#53657c;text-align:left;background:#f8fafc;border:1px solid #dce4ed;border-radius:7px;align-items:center;gap:9px;width:auto;min-height:68px;margin:0;padding:11px;display:flex}.assessment-login-card .login-role-switch button.selected{color:#174f99;background:#edf5ff;border-color:#2b69ba;box-shadow:inset 0 0 0 1px #2b69ba}.login-role-switch span{gap:4px;font-size:10px;font-weight:900;display:grid}.login-role-switch small{color:#7c899a;font-size:8px;font-weight:500;line-height:1.35}.assessment-login-card{width:min(520px,100vw - 34px)}.assessment-login-card form,.assessment-login-card form input{width:100%}.assessment-sso-retry{box-sizing:border-box;color:#1f61b7;background:#eef5ff;border:1px solid #1f61b7;border-radius:5px;justify-content:center;align-items:center;width:100%;margin:2px 0 16px;padding:12px;font-size:10px;font-weight:900;text-decoration:none;display:inline-flex}.assessment-sso-retry:hover{color:#fff;background:#1f61b7}.assessment-login-card>.login-error+.assessment-sso-retry{margin-top:-9px}.icon-action{justify-content:center;align-items:center;gap:7px;display:inline-flex}.module-title-row{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.module-title-row .module-intro{max-width:720px}.month-empty-state{color:#617080;background:#fff;border:1px solid #e1e7ed;border-radius:8px;align-items:center;gap:10px;margin:14px 0;padding:15px 17px;display:flex}.month-empty-state span{flex:1;font-size:11px;font-weight:700}.month-empty-state a{color:#176b94;font-size:10px;font-weight:800;text-decoration:none}.payroll-register-toolbar{justify-content:space-between;align-items:end;gap:16px;margin:18px 0 13px;display:flex}.payroll-register-toolbar label{color:#647180;gap:5px;font-size:10px;font-weight:700;display:grid}.payroll-register-toolbar select{color:#465566;background:#fff;border:1px solid #dbe4eb;border-radius:7px;min-width:260px;padding:10px}.payroll-register-toolbar>div{gap:8px;display:flex}.payroll-register-toolbar span{color:#647382;background:#fff;border:1px solid #e1e7ec;border-radius:7px;align-items:center;gap:6px;padding:10px 12px;font-size:9px;display:flex}.payroll-register-toolbar b{color:#263b4b;font-size:13px}.payroll-register{background:#fff;border:1px solid #e1e7ec;border-radius:8px;overflow:hidden}.payroll-register>header,.payroll-register>article{grid-template-columns:1.7fr .8fr .65fr .55fr;align-items:center;gap:14px;padding:11px 15px;display:grid}.payroll-register>header{color:#7d8995;text-transform:uppercase;background:#f6f8fa;font-size:9px;font-weight:800}.payroll-register>article{color:#566473;border-top:1px solid #edf0f3;font-size:10px}.payroll-register .employee span{gap:3px;display:grid}.payroll-register .employee small{color:#8a959f;font-size:8px}.payroll-register a{color:#176b94;align-items:center;gap:5px;font-size:9px;font-weight:800;text-decoration:none;display:inline-flex}.register-published,.register-pending{color:#287950;background:#e8f6ed;border-radius:99px;width:max-content;padding:5px 7px;font-size:8px;font-weight:800;display:inline-block}.register-pending{color:#8b682e;background:#fff3db}.register-empty{color:#a5adb5}.teacher-slip-list{gap:9px;display:grid}.teacher-slip-list article{background:#fff;border:1px solid #e1e7ec;border-radius:8px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:15px;display:grid}.teacher-slip-list h2{margin:0;font-size:14px}.teacher-slip-list p{color:#7c8995;margin:4px 0 0;font-size:9px}.slip-file-icon{color:#a54a4a;background:#fff0f0;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.payroll-title-actions{align-items:center;gap:8px;display:flex}.danger-button{color:#a13f3f;cursor:pointer;background:#fff5f5;border:1px solid #edc9c9;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:9px 11px;font-size:9px;font-weight:800;display:inline-flex}.danger-button:disabled{opacity:.55;cursor:wait}.teacher-carousel{background:#1c2f37;border-radius:8px;height:255px;margin:16px 0;position:relative;overflow:hidden}.teacher-carousel img{object-fit:cover;width:100%;height:100%;display:block}.carousel-controls{gap:5px;display:flex;position:absolute;bottom:15px;right:13px}.carousel-controls button{color:#fff;cursor:pointer;background:#10252dbd;border:1px solid #fff6;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.teacher-carousel.empty{color:#274b49;background:#edf6f2;align-items:center;gap:14px;height:auto;min-height:118px;padding:20px;text-decoration:none;display:flex}.teacher-carousel.empty>span{color:#fff;background:#1d8464;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.teacher-carousel.empty small{color:#518375;font-size:8px;font-weight:900}.teacher-carousel.empty h2{margin:5px 0 3px;font-size:15px}.teacher-carousel.empty p{color:#688079;margin:0;font-size:9px}.mobile-month-select{color:#6d897e;gap:5px;padding:0 5px;font-size:9px;font-weight:900;display:grid}.mobile-month-select select{color:#36564d;background:#fff;border:1px solid #dce7e1;border-radius:8px;width:100%;padding:10px}.teacher-carousel.compact{border-radius:8px;height:190px;margin:0}.teacher-carousel.compact.empty{height:auto;min-height:105px}.teacher-carousel.compact .carousel-controls{bottom:10px;right:10px}.wall-back,.wall-upload strong{align-items:center;gap:6px;display:flex}.dashboard-month-state{border:1px solid var(--line);background:#fff;border-radius:8px;justify-items:start;gap:8px;min-height:300px;padding:34px;display:grid}.dashboard-month-state>span{border-radius:99px;padding:6px 9px;font-size:9px;font-weight:800}.dashboard-month-state>span.ready{color:#26764f;background:#e7f5ec}.dashboard-month-state>span.pending{color:#906724;background:#fff2d7}.dashboard-month-state h2{margin:2px 0 0;font-size:25px}.dashboard-month-state p{color:#73808c;max-width:650px;margin:0;font-size:12px;line-height:1.6}.dashboard-month-state>div{align-items:center;gap:14px;margin-top:8px;display:flex}.dashboard-month-state .plain-button{text-decoration:none}.rules-summary{background:#fff;border:1px solid #e1e7ec;border-radius:8px;overflow:hidden}.rules-summary>div{border-top:1px solid #edf0f3;grid-template-columns:190px 1fr;gap:18px;padding:15px 17px;display:grid}.rules-summary>div:first-child{border-top:0}.rules-summary span{color:#75818d;font-size:10px}.rules-summary b{color:#334353;font-size:11px;line-height:1.45}.wall-admin-tools{grid-template-columns:minmax(0,1.55fr) minmax(270px,.75fr);align-items:start;gap:14px;margin-bottom:15px;display:grid}.wall-admin-tools .wall-upload{margin:0}.wall-post-upload{grid-template-columns:1fr 1fr}.wall-post-upload>strong,.wall-post-upload>input:nth-of-type(3),.wall-post-upload>.wall-file-field,.wall-post-upload>.module-message{grid-column:1/-1}.slider-only-upload{grid-template-columns:1fr}.slider-only-upload>strong,.slider-only-upload>.wall-file-field,.slider-only-upload>.module-message{grid-column:1}.wall-file-field{background:#f8fafb;border:1px solid #dce6ec;border-radius:8px;align-content:start;gap:7px;min-width:0;padding:14px;display:grid}.wall-file-field>span{color:#285b76;align-items:center;gap:8px;display:flex}.wall-file-field b{font-size:11px}.wall-file-field small{color:#788692;min-height:27px;font-size:9px;line-height:1.45}.wall-file-field input{background:#fff;width:100%;padding:8px}.wall-admin-tools button{justify-self:start}.wall-admin-tools button:disabled{opacity:.6;cursor:wait}.wall-admin-tools .module-message{margin:0}@media (max-width:760px){.wall-admin-tools{grid-template-columns:1fr}}@media (max-width:650px){.wall-post-upload{grid-template-columns:1fr}.wall-post-upload>strong,.wall-post-upload>input:nth-of-type(3),.wall-post-upload>.wall-file-field,.wall-post-upload>.module-message{grid-column:auto}.wall-admin-tools button{justify-self:stretch}}.day-rule-section{background:#fff;border:1px solid #dbe6eb;border-radius:8px;margin-top:18px;padding:20px}.day-rule-section>header{align-items:flex-start;gap:11px;margin-bottom:17px;display:flex}.day-rule-icon{color:#216b84;background:#e8f4f7;border-radius:7px;place-items:center;width:36px;height:36px;display:grid}.day-rule-section h2{color:#304958;margin:2px 0 4px;font-size:17px}.day-rule-section header p:not(.eyebrow){color:#758591;margin:0;font-size:10px;line-height:1.45}.day-rule-section .eyebrow{margin:0}.day-rule-form{grid-template-columns:1fr 1fr 1fr 1fr;align-items:end;gap:10px;display:grid}.day-rule-form label{color:#657582;gap:5px;font-size:9px;font-weight:800;display:grid}.day-rule-form input,.day-rule-form select{color:#3e5362;min-width:0;font:inherit;background:#fff;border:1px solid #d9e3e9;border-radius:6px;padding:9px;font-size:11px}.day-rule-form .day-rule-reason{grid-column:span 3}.day-rule-form button{justify-content:center;align-items:center;gap:6px;height:36px;display:inline-flex}.day-rule-form+.module-message,.day-rule-form+.module-error{margin:12px 0 0}.day-rule-list{border-top:1px solid #e9eef1;margin-top:15px}.day-rule-list article{border-bottom:1px solid #edf1f3;justify-content:space-between;align-items:center;gap:15px;padding:12px 2px;display:flex}.day-rule-list article>div{grid-template-columns:auto auto;align-items:center;gap:5px 9px;display:grid}.day-rule-list b{color:#324c5b;font-size:11px}.day-rule-list span{color:#30715d;background:#e9f7ef;border-radius:99px;padding:3px 6px;font-size:8px;font-weight:800}.day-rule-list small{color:#73828e;grid-column:1/-1;font-size:10px;line-height:1.4}.day-rule-delete{color:#a24949;cursor:pointer;background:#fff7f7;border:1px solid #efd3d3;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.day-rule-delete:disabled{opacity:.55;cursor:wait}@media (max-width:760px){.day-rule-form{grid-template-columns:1fr 1fr}.day-rule-form .day-rule-reason,.day-rule-form button{grid-column:1/-1}}@media (max-width:480px){.day-rule-form{grid-template-columns:1fr}.day-rule-form .day-rule-reason,.day-rule-form button{grid-column:auto}}.report-page-content>.reports-shell{margin-top:20px}.holiday-page-form{grid-template-columns:180px minmax(220px,1fr) auto;align-items:end;gap:10px;margin:20px 0;display:grid}.holiday-page-form label{color:#657582;gap:5px;font-size:9px;font-weight:800;display:grid}.holiday-page-form input{color:#3e5362;min-width:0;font:inherit;background:#fff;border:1px solid #d9e3e9;border-radius:6px;padding:10px;font-size:11px}.holiday-page-form button,.access-role-list+.module-action{justify-content:center;align-items:center;gap:6px;height:37px;display:inline-flex}.holiday-page-list{background:#fff;border:1px solid #dce6eb;border-radius:8px;overflow:hidden}.holiday-page-list article{border-top:1px solid #edf1f3;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 17px;display:grid}.holiday-page-list article:first-child{border-top:0}.holiday-page-list time{color:#256b84;font-size:10px;font-weight:800}.holiday-page-list b,.holiday-page-list small{display:block}.holiday-page-list b{color:#344b59;font-size:12px}.holiday-page-list small{color:#7b8993;margin-top:4px;font-size:9px}.holiday-page-list span{color:#2c7057;text-transform:capitalize;background:#e9f7ef;border-radius:99px;padding:5px 7px;font-size:8px;font-weight:800}.access-role-list{gap:10px;margin:20px 0;display:grid}.access-role-list article{background:#fff;border:1px solid #dce6eb;border-radius:8px;align-items:flex-start;gap:13px;padding:18px;display:flex}.access-role-list article>span{color:#216b84;background:#e9f4f7;border-radius:7px;flex:none;place-items:center;width:38px;height:38px;display:grid}.access-role-list h2{color:#314957;margin:1px 0 5px;font-size:15px}.access-role-list p{color:#70808c;margin:0;font-size:10px;line-height:1.5}@media (max-width:700px){.holiday-page-form{grid-template-columns:1fr}.holiday-page-form button{width:100%}.holiday-page-list article{grid-template-columns:1fr}.holiday-page-list span{justify-self:start}}.slider-admin-column{gap:10px;min-width:0;display:grid}.slider-library{background:#fff;border:1px solid #dbe7ed;border-radius:8px;overflow:hidden}.slider-library>header{border-bottom:1px solid #e7edf1;justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.slider-library>header b{font-size:10px}.slider-library>header span{color:#26638c;background:#eaf4fa;border-radius:50%;place-items:center;min-width:22px;height:22px;font-size:9px;font-weight:800;display:grid}.slider-library>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:220px;padding:9px;display:grid;overflow:auto}.slider-library>div>p{color:#7b8792;grid-column:1/-1;margin:5px;font-size:9px}.slider-library article{background:#eaf0f3;border-radius:6px;min-height:72px;position:relative;overflow:hidden}.slider-library img{object-fit:cover;width:100%;height:72px;display:block}.slider-library article button,.wall-card-actions button{color:#a34141;cursor:pointer;background:#fff7f7;border:1px solid #efcdcd;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.slider-library article button{position:absolute;top:5px;right:5px;box-shadow:0 2px 8px #142f4b28}.wall-card-actions{align-items:center;gap:7px;display:flex}.wall-card-actions .wall-chip{white-space:nowrap}@media (max-width:420px){.slider-library>div{grid-template-columns:1fr}.slider-library img{height:110px}}@media (max-width:800px){.portal-shell{display:block}.sidebar{width:100%;height:auto;min-height:0;padding:13px 12px;display:block}.brand{margin:0 4px 12px}.brand>span:last-child{display:block}.sidebar-foot{display:none}.sidebar nav{gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}.sidebar nav a,.sidebar nav a:not(.active){flex:none;justify-content:center;padding:10px 11px;display:flex}.workspace{width:100%;padding:22px 16px 36px}.module-title-row,.payroll-register-toolbar,.payroll-title-actions{flex-direction:column;align-items:stretch}.payroll-register-toolbar>div{justify-content:flex-start}.payroll-register>header,.payroll-register>article{grid-template-columns:1.5fr .7fr .65fr}.payroll-register>header span:nth-child(2),.payroll-register>article>span:nth-child(2){display:none}.teacher-carousel{height:220px}}@media (max-width:560px){.login-role-switch{grid-template-columns:1fr}.assessment-login-card .login-role-switch button{min-height:58px}.payroll-register-toolbar select{width:100%;min-width:0}.payroll-register>header,.payroll-register>article{grid-template-columns:1.4fr .7fr}.payroll-register>header span:nth-child(3),.payroll-register>article>span:nth-child(3){display:none}.teacher-slip-list article{grid-template-columns:38px 1fr}.teacher-slip-list .module-action,.teacher-slip-list .register-pending{grid-column:2;width:max-content}.month-empty-state{flex-wrap:wrap;align-items:flex-start}.month-empty-state a{width:100%;margin-left:28px}}.present-today-panel{grid-column:span 2;margin-bottom:12px;overflow:hidden}.present-today-panel .panel-heading{border-bottom:1px solid #e8edf1;padding-bottom:12px}.present-refresh{color:#276385;cursor:pointer;background:#fff;border:1px solid #d8e4ec;border-radius:7px;align-items:center;gap:6px;padding:8px 10px;font-size:9px;font-weight:800;display:inline-flex}.present-refresh:disabled{opacity:.6;cursor:wait}.spin-icon{animation:.9s linear infinite present-spin}.present-summary{grid-template-columns:repeat(5,1fr);gap:8px;padding:14px 0 12px;display:grid}.present-summary>button{color:#32765c;text-align:left;cursor:pointer;background:#f8fbfc;border:1px solid #e2e9ee;border-radius:8px;align-content:center;justify-items:start;gap:3px;min-height:76px;padding:11px;display:grid}.present-summary>button:hover,.present-summary>button.active{background:#effaf4;border-color:#58a684;box-shadow:inset 0 0 0 1px #58a684}.present-summary>button.absent-filter:hover,.present-summary>button.absent-filter.active{background:#fff4ee;border-color:#d98b6f;box-shadow:inset 0 0 0 1px #d98b6f}.present-summary svg{margin-bottom:1px}.present-summary strong{color:#243f4d;font-size:24px;line-height:1}.present-summary span{color:#74818c;text-transform:uppercase;font-size:8px;font-weight:800}.present-list{background:#fff;border:1px solid #e2e9ee;border-radius:8px;max-height:300px;display:grid;overflow:auto}.present-list>p{color:#7f8b95;text-align:center;margin:0;padding:18px;font-size:10px}.present-list>div{border-top:1px solid #edf1f3;grid-template-columns:34px minmax(0,1fr) 60px 78px;align-items:center;gap:9px;padding:10px 12px;display:grid}.present-list>div:first-child{border-top:0}.present-list i{color:#fff;background:#2d7b66;border-radius:50%;place-items:center;width:31px;height:31px;font-size:8px;font-style:normal;font-weight:900;display:grid}.present-list span{gap:2px;min-width:0;display:grid}.present-list strong{color:#344a58;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.present-list small{color:#87929b;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.present-list b{border-radius:99px;width:max-content;padding:5px 7px;font-size:8px}.present-list b.present{color:#26744d;background:#e8f6ee}.present-list b.late{color:#9a6122;background:#fff0d9}.present-list b.absent{color:#a34c31;background:#ffece4}.present-list em{color:#2d607d;text-align:right;font-size:9px;font-style:normal;font-weight:800}.present-foot{color:#87939c;margin:9px 0 0;font-size:8px}@keyframes present-spin{to{transform:rotate(360deg)}}@media (max-width:1050px){.present-today-panel{grid-column:auto}.present-summary{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.present-summary{grid-template-columns:1fr 1fr}.present-list>div{grid-template-columns:31px minmax(0,1fr) 58px}.present-list em{text-align:left;grid-column:2/-1}}.daily-upload-panel{color:#286083;background:#f4fafc;border:1px dashed #9ebed0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:18px 0;padding:20px;display:grid}.daily-upload-panel h2{color:#29495d;margin:0;font-size:15px}.daily-upload-panel p{color:#6d8290;margin:5px 0 0;font-size:10px;line-height:1.5}.daily-upload-panel button{white-space:nowrap}.daily-preview{background:#fff;border:1px solid #dce7ed;border-radius:8px;margin-top:16px;overflow:hidden}.daily-preview>header{border-bottom:1px solid #e7eef2;justify-content:space-between;align-items:center;gap:14px;padding:15px 17px;display:flex}.daily-preview>header h2{color:#314654;margin:3px 0 0;font-size:16px}.daily-preview>header .eyebrow{margin:0}.daily-preview>header>span{color:#277157;background:#e9f7ef;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:900}.daily-preview-metrics{background:#f8fafb;border-bottom:1px solid #edf1f3;grid-template-columns:repeat(4,1fr);gap:8px;padding:13px 16px;display:grid}.daily-preview-metrics article{background:#fff;border:1px solid #e4ebef;border-radius:6px;gap:3px;padding:8px;display:grid}.daily-preview-metrics b{color:#244c63;font-size:18px}.daily-preview-metrics span{color:#7e8c97;text-transform:uppercase;font-size:8px;font-weight:800}.daily-preview>.module-error{margin:14px 16px}.daily-preview-list{max-height:360px;overflow:auto}.daily-preview-list article{color:#526675;border-top:1px solid #edf1f3;grid-template-columns:90px minmax(140px,1fr) 42px 135px;align-items:center;gap:10px;padding:10px 16px;font-size:9px;display:grid}.daily-preview-list article:first-child{border-top:0}.daily-preview-list span{color:#758694;font-weight:800}.daily-preview-list b{color:#334a59;font-size:10px}.daily-preview-list em{justify-self:start;font-style:normal}.daily-preview-list small{color:#81909b}.daily-preview footer{background:#f8fafb;border-top:1px solid #e7edf1;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;display:flex}.daily-preview footer small{color:#73828e;font-size:9px}@media (max-width:700px){.daily-upload-panel{grid-template-columns:auto minmax(0,1fr)}.daily-upload-panel button{grid-column:1/-1;width:100%}.daily-preview-metrics{grid-template-columns:1fr 1fr}.daily-preview-list article{grid-template-columns:75px minmax(110px,1fr) 40px}.daily-preview-list small{grid-column:2/-1}.daily-preview footer{flex-direction:column;align-items:stretch}.daily-preview footer button{width:100%}}.daily-complete{color:#246a4f;background:#edf9f2;border-bottom:1px solid #d6efdf;align-items:flex-start;gap:12px;padding:17px;display:flex}.daily-complete svg{color:#1e9d65;flex:none;margin-top:1px}.daily-complete div{gap:4px;display:grid}.daily-complete strong{font-size:13px}.daily-complete span{color:#467464;font-size:10px;line-height:1.5}.daily-complete small{color:#607c70;font-size:8px;font-weight:800}@media (max-width:700px){.daily-complete{padding:14px}.daily-complete strong{font-size:12px}}.daily-paste-panel{background:#fff;border:1px solid #dce7ed;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:-8px 0 18px;padding:13px 15px;display:grid}.daily-paste-panel>div{gap:3px;display:grid}.daily-paste-panel b{color:#3a5261;font-size:10px}.daily-paste-panel small{color:#7e8c97;font-size:8px}.daily-paste-panel textarea{color:#3c4f5d;min-height:62px;font:inherit;resize:vertical;background:#f8fafb;border:1px solid #d9e3e9;border-radius:7px;grid-column:1/-1;padding:9px;font-size:9px;line-height:1.5}.daily-paste-panel button{color:#276385;cursor:pointer;background:#fff;border:1px solid #d8e4ec;border-radius:7px;justify-self:end;padding:8px 10px;font-size:8px;font-weight:800}.daily-paste-panel button:disabled{opacity:.55;cursor:wait}@media (max-width:700px){.daily-paste-panel{grid-template-columns:1fr}.daily-paste-panel button{justify-self:stretch;width:100%}}.reports-shell{border-top:1px solid #dfe6eb;margin-top:34px;padding-top:30px}.reports-heading{justify-content:space-between;align-items:end;gap:22px;margin-bottom:16px;display:flex}.reports-heading h2{color:#263746;margin:4px 0 5px;font-size:25px}.reports-heading>div>p:last-child{color:#74818d;margin:0;font-size:11px}.reports-heading form{align-items:end;gap:8px;display:flex}.reports-heading label{color:#667482;gap:5px;font-size:9px;font-weight:800;display:grid}.reports-heading select{color:#425565;background:#fff;border:1px solid #d9e3e9;border-radius:7px;min-width:210px;padding:9px 10px;font-size:10px}.reports-heading button{cursor:pointer;border:0;min-height:35px}.reports-heading button:disabled{opacity:.5;cursor:wait}.report-print-button{color:#285f84;background:#fff;border-radius:7px;place-items:center;width:36px;display:grid;border:1px solid #d9e3e9!important}.report-tabs{background:#f4f7f9;border:1px solid #e0e7ec;border-radius:8px;gap:5px;margin-bottom:14px;padding:4px;display:flex;overflow-x:auto}.report-tabs button{color:#657582;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:150px;padding:9px 10px;font-size:9px;font-weight:800;display:flex}.report-tabs button.active{color:#fff;background:#275f7f;box-shadow:0 2px 6px #183d5526}.report-message{color:#806229;background:#fff8e9;border:1px solid #eadbb9;border-radius:7px;margin:0 0 12px;padding:10px 12px;font-size:10px}.report-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:11px;display:grid}.report-metrics article{background:#fff;border:1px solid #e0e6eb;border-radius:8px;gap:4px;padding:14px 15px;display:grid}.report-metrics span{color:#71808d;font-size:9px;font-weight:800}.report-metrics strong{color:#263d4d;font-size:23px}.report-metrics strong small{color:#83909a;margin-left:2px;font-size:10px}.report-metrics article>small{color:#8a959e;font-size:8px}.reports-grid{grid-template-columns:minmax(0,1.75fr) minmax(260px,.75fr);align-items:start;gap:11px;display:grid}.report-panel,.leaderboard-panel,.report-table-panel{background:#fff;border:1px solid #dfe6eb;border-radius:8px;overflow:hidden}.report-panel>header,.report-table-panel>header{border-bottom:1px solid #e8edf1;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.report-panel h3,.leaderboard-panel h3,.report-table-panel h3{color:#314654;margin:0;font-size:13px}.report-panel header p,.leaderboard-panel header p,.report-table-panel header p{color:#84909a;margin:3px 0 0;font-size:8px}.report-panel>header>span{color:#256487;background:#eaf4fa;border-radius:99px;padding:5px 7px;font-size:8px;font-weight:800}.teacher-report-chart{gap:7px;max-height:430px;padding:14px 16px;display:grid;overflow:auto}.teacher-report-chart>div{grid-template-columns:minmax(110px,155px) minmax(130px,1fr) 112px;align-items:center;gap:9px;min-height:20px;display:grid}.teacher-report-chart>div>span{color:#4e606d;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;overflow:hidden}.teacher-report-chart>div>i{background:#eef2f4;border-radius:99px;gap:2px;height:8px;display:flex;overflow:hidden}.teacher-report-chart>div>i>b{border-radius:99px;min-width:0;height:100%;display:block}.attendance-bar{background:#25a06c}.late-bar{background:#dd7a6d}.score-bar{background:#6c68b5}.leave-bar{background:#4e9fca}.absence-bar{background:#e0ad59}.teacher-report-chart>div>strong{color:#526370;text-align:right;font-size:8px}.report-legend{color:#6f7d88;border-top:1px solid #edf1f3;flex-wrap:wrap;align-items:center;gap:13px;margin:0;padding:10px 16px;font-size:8px;display:flex}.report-legend span{align-items:center;gap:5px;display:flex}.report-legend i{border-radius:2px;width:8px;height:8px}.leave-key{background:#4e9fca}.absence-key{background:#e0ad59}.report-empty{color:#8b98a1;justify-items:center;gap:7px;padding:60px 20px;display:grid}.report-empty p{margin:0;font-size:10px}.leaderboard-panel>header{color:#9b7229;background:#fffbf2;border-bottom:1px solid #e8edf1;align-items:center;gap:9px;padding:14px 15px;display:flex}.leaderboard-panel>div{max-height:430px;overflow:auto}.leaderboard-panel article{border-top:1px solid #edf1f3;grid-template-columns:23px 29px 1fr 32px;align-items:center;gap:7px;padding:9px 12px;display:grid}.leaderboard-panel article:first-child{border-top:0}.leaderboard-panel article>b{color:#8c6b2e;text-align:center;font-size:10px}.leaderboard-panel article>i{color:#fff;background:#348167;border-radius:50%;place-items:center;width:28px;height:28px;font-size:8px;font-style:normal;font-weight:800;display:grid}.leaderboard-panel article>span{gap:2px;min-width:0;display:grid}.leaderboard-panel article>span strong{color:#3e505d;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.leaderboard-panel article>span small{color:#84909a;font-size:7px}.leaderboard-panel article>em{color:#2c7059;text-align:right;font-size:11px;font-style:normal;font-weight:900}.leaderboard-panel>p{color:#818d96;background:#f8fafb;border-top:1px solid #e8edf1;margin:0;padding:10px 13px;font-size:7px;line-height:1.4}.report-table-panel{margin-top:11px}.report-table-panel>header>span{color:#8a959e;font-size:8px}.report-table{max-height:480px;overflow:auto}.report-table-head,.report-table-row{grid-template-columns:minmax(190px,1.7fr) repeat(6,minmax(68px,.55fr));align-items:center;gap:9px;min-width:720px;padding:9px 14px;display:grid}.report-table-head{z-index:1;color:#7c8993;text-transform:uppercase;background:#f4f7f9;font-size:8px;font-weight:900;position:sticky;top:0}.report-table-row{color:#566773;border-top:1px solid #edf1f3;font-size:9px}.report-table-row>span:first-child{align-items:center;gap:8px;display:flex}.report-table-row>span:first-child>i{color:#fff;background:#34749b;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:8px;font-style:normal;font-weight:800;display:grid}.report-table-row>span:first-child>b{color:#354a59;gap:2px;font-size:9px;display:grid}.report-table-row>span:first-child small{color:#8a969f;font-size:7px;font-weight:500}.report-table-row>strong{color:#267054;font-size:10px}@media (max-width:1050px){.reports-heading{flex-direction:column;align-items:stretch}.reports-heading form{align-items:stretch}.reports-heading label{flex:1}.reports-heading select{width:100%}.reports-grid{grid-template-columns:1fr}.leaderboard-panel>div{max-height:360px}}@media (max-width:700px){.reports-heading form{grid-template-columns:1fr auto;display:grid}.reports-heading label{grid-column:1/-1}.reports-heading .action-button{min-width:0}.report-metrics{grid-template-columns:1fr 1fr}.teacher-report-chart>div{grid-template-columns:minmax(85px,120px) minmax(95px,1fr);gap:7px}.teacher-report-chart>div>strong{grid-column:2}.report-tabs button{flex:none}.report-table-panel>header{flex-direction:column;align-items:flex-start}}@media (max-width:420px){.report-metrics{grid-template-columns:1fr}.reports-heading form{grid-template-columns:1fr 36px}.reports-heading .action-button{font-size:8px}.teacher-report-chart>div{grid-template-columns:80px minmax(80px,1fr)}}@media print{body.printing-report .portal-shell>.sidebar,body.printing-report .workspace>:not(.reports-shell){display:none!important}body.printing-report .portal-shell{display:block!important}body.printing-report .workspace{width:100%!important;padding:0!important}body.printing-report .reports-shell{border:0!important;margin:0!important;padding:0!important}body.printing-report .reports-heading form,body.printing-report .report-tabs,body.printing-report .report-message{display:none!important}body.printing-report .teacher-report-chart,body.printing-report .leaderboard-panel>div,body.printing-report .report-table{max-height:none!important;overflow:visible!important}body.printing-report .reports-grid{grid-template-columns:1.6fr .8fr!important}body.printing-report .report-table-head{position:static}}.manual-attendance-app .module-title-row{margin-bottom:14px}.manual-correction-panel{background:#fff;border:1px solid #dfe7ec;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;padding:16px;display:grid}.manual-correction-panel label{color:#627282;gap:6px;font-size:9px;font-weight:800;display:grid}.manual-correction-panel input,.manual-correction-panel select,.manual-correction-panel textarea{color:#3d4e5d;min-width:0;font:inherit;background:#fff;border:1px solid #d9e3e9;border-radius:7px;padding:10px;font-size:10px}.manual-correction-panel textarea{resize:vertical;min-height:74px}.manual-reason{grid-column:1/-1}.manual-search{color:#75828e;background:#f8fafb;border:1px solid #d9e3e9;border-radius:7px;grid-column:1/-1;align-items:center;gap:8px;padding:0 10px;display:flex}.manual-search input{background:0 0;border:0;flex:1}.manual-employee-picker{border:1px solid #e0e8ed;border-radius:8px;grid-column:1/-1;overflow:hidden}.manual-employee-picker header{color:#3c5161;background:#f6f9fb;border-bottom:1px solid #e8eef2;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.manual-employee-picker header strong{font-size:10px}.manual-employee-picker header span{color:#23607f;background:#e8f4fa;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:900}.manual-employee-picker>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:250px;padding:9px;display:grid;overflow:auto}.manual-employee-picker label{color:#3d4e58;background:#fff;border:1px solid #edf2f5;border-radius:7px;grid-template-columns:16px 30px 1fr;align-items:center;gap:8px;padding:8px;display:grid}.manual-employee-picker label>span{color:#fff;background:#327a73;border-radius:50%;place-items:center;width:28px;height:28px;font-size:8px;font-weight:900;display:grid}.manual-employee-picker b{gap:2px;font-size:9px;display:grid;overflow:hidden}.manual-employee-picker small{color:#87929b;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:600;overflow:hidden}.manual-correction-panel footer{border-top:1px solid #edf1f4;grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:12px;display:flex}.manual-correction-panel footer button{cursor:pointer}.manual-correction-panel footer button:disabled{opacity:.55;cursor:not-allowed}.manual-preview,.manual-history{background:#fff;border:1px solid #dfe7ec;border-radius:8px}.manual-preview{margin-bottom:12px}.manual-preview header,.manual-history header{border-bottom:1px solid #e8eef2;align-items:center;gap:10px;padding:14px 15px;display:flex}.manual-preview header{color:#20735a;background:#f1fbf6}.manual-preview h2,.manual-history h2{color:#314654;margin:0;font-size:13px}.manual-preview p,.manual-history p{color:#7a8792;margin:3px 0 0;font-size:9px}.manual-preview>div{flex-wrap:wrap;gap:7px;padding:12px 15px;display:flex}.manual-preview span{color:#305469;background:#edf6f8;border-radius:99px;padding:6px 8px;font-size:8px;font-weight:800}.manual-history article{color:#536675;border-top:1px solid #edf1f4;grid-template-columns:130px 150px 1fr;gap:10px;padding:10px 14px;font-size:9px;display:grid}.manual-history article:first-of-type{border-top:0}.manual-history article b{color:#334957}.manual-history article small{color:#7e8a94;font-size:8px}.manual-history>p{margin:0;padding:16px}@media (max-width:850px){.manual-correction-panel,.manual-employee-picker>div{grid-template-columns:1fr 1fr}.manual-history article{grid-template-columns:1fr}}@media (max-width:560px){.manual-correction-panel,.manual-employee-picker>div{grid-template-columns:1fr}.manual-correction-panel footer{flex-direction:column;justify-content:stretch}.manual-correction-panel footer button{width:100%}}.report-module-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0 4px;display:grid}.report-module-tabs button{color:#526775;text-align:left;cursor:pointer;background:#fff;border:1px solid #dbe5ea;border-radius:9px;align-items:center;gap:10px;padding:13px 15px;display:flex}.report-module-tabs button>span{gap:3px;display:grid}.report-module-tabs button b{font-size:11px}.report-module-tabs button small{color:#84919a;font-size:8px}.report-module-tabs button.active{color:#fff;background:#2b6787;border-color:#2d6c8d;box-shadow:0 5px 15px #1d4b6824}.report-module-tabs button.active small{color:#dbeaf2}.report-page-content>.reports-shell{margin-top:22px;padding-top:22px}.salary-cost-shell{border-top:1px solid #dfe6eb;margin-top:22px;padding-top:22px}.salary-cost-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px;display:flex}.salary-cost-heading h2{color:#263746;margin:4px 0 5px;font-size:25px}.salary-cost-heading>div>p:last-child{color:#74818d;margin:0;font-size:11px}.calculated-badge{color:#775d20;text-transform:uppercase;background:#fff4d5;border-radius:99px;padding:7px 10px;font-size:8px;font-weight:900}.salary-cost-filters{background:#fff;border:1px solid #dfe7ec;border-radius:9px 9px 0 0;grid-template-columns:minmax(170px,.8fr) minmax(170px,.8fr) minmax(220px,1.2fr) auto;align-items:end;gap:9px;padding:14px;display:grid}.salary-cost-filters label,.employee-cost-panel>header label{color:#667482;gap:5px;font-size:9px;font-weight:800;display:grid}.salary-cost-filters select,.salary-cost-filters input,.employee-cost-panel>header select{color:#425565;min-height:36px;font:inherit;background:#fff;border:1px solid #d9e3e9;border-radius:7px;padding:8px 10px;font-size:10px}.salary-employee-filter>span{color:#738491;border:1px solid #d9e3e9;border-radius:7px;align-items:center;gap:7px;min-height:36px;padding:0 9px;display:flex}.salary-employee-filter input{border:0;flex:1;min-width:0;padding:0}.salary-cost-filters button{cursor:pointer;border:0;min-height:36px}.salary-cost-filters button:disabled{opacity:.55;cursor:wait}.salary-export-actions{background:#f8fafb;border:1px solid #dfe7ec;border-top:0;border-radius:0 0 9px 9px;justify-content:flex-end;align-items:center;gap:6px;margin-bottom:14px;padding:9px 12px;display:flex}.salary-export-actions>span{color:#73818d;margin-right:auto;font-size:8px;font-weight:800}.salary-export-actions button,.salary-pagination button{color:#2a6484;cursor:pointer;background:#fff;border:1px solid #d8e3e9;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:7px 9px;font-size:8px;font-weight:800;display:inline-flex}.salary-export-actions button:disabled,.salary-pagination button:disabled{opacity:.45;cursor:not-allowed}.salary-cost-tabs{margin-bottom:11px}.salary-cost-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:11px;display:grid}.salary-cost-metrics article{background:#fff;border:1px solid #dfe6eb;border-radius:8px;gap:5px;padding:15px;display:grid}.salary-cost-metrics span{color:#6f7e8a;text-transform:uppercase;font-size:8px;font-weight:900}.salary-cost-metrics strong{color:#243e50;font-size:21px}.salary-cost-metrics strong.cost-up{color:#a25143}.salary-cost-metrics strong.cost-down{color:#247454}.salary-cost-metrics small{color:#88939c;font-size:8px}.salary-overview-grid{grid-template-columns:.85fr 1.15fr;gap:11px;display:grid}.salary-cost-panel{background:#fff;border:1px solid #dfe6eb;border-radius:8px;overflow:hidden}.salary-cost-panel>header{border-bottom:1px solid #e8edf1;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.salary-cost-panel h3{color:#314654;margin:0;font-size:13px}.salary-cost-panel header p{color:#84909a;margin:3px 0 0;font-size:8px}.salary-cost-panel>header>span{color:#256487;background:#eaf4fa;border-radius:99px;padding:5px 7px;font-size:8px;font-weight:800}.cost-breakdown{padding:5px 16px 11px;display:grid}.cost-breakdown>div{color:#657683;border-bottom:1px solid #edf1f3;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px;font-size:9px;display:flex}.cost-breakdown b{color:#344c5b;font-size:11px}.cost-breakdown .total{color:#234e69;border-bottom:0;font-weight:900}.cost-breakdown .total b{color:#1f684f;font-size:15px}.salary-trend-chart{align-items:end;gap:10px;height:225px;padding:24px 16px 12px;display:flex;overflow-x:auto}.salary-trend-chart>div{flex:1;grid-template-rows:minmax(0,1fr) auto auto;place-items:end center;gap:5px;min-width:58px;height:100%;display:grid}.salary-trend-chart b{background:linear-gradient(#56a7cf,#2b6687);border-radius:5px 5px 2px 2px;width:65%;min-height:3px;display:block}.salary-trend-chart span{color:#536875;text-transform:uppercase;font-size:8px;font-weight:900}.salary-trend-chart small{color:#87939c;white-space:nowrap;font-size:7px}.salary-data-note{color:#2d6683;background:#f2f9fb;border:1px solid #d9e8ee;border-radius:8px;align-items:flex-start;gap:10px;margin-top:11px;padding:13px 15px;display:flex}.salary-data-note strong{font-size:10px}.salary-data-note p{color:#657e8c;margin:4px 0 0;font-size:8px;line-height:1.5}.department-cost-panel,.employee-cost-panel{margin-top:3px}.department-cost-chart{gap:9px;padding:17px;display:grid}.department-cost-chart>div{grid-template-columns:minmax(100px,160px) minmax(120px,1fr) 100px;align-items:center;gap:9px;display:grid}.department-cost-chart span{color:#4d606e;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800;overflow:hidden}.department-cost-chart i{background:#eef2f4;border-radius:99px;height:9px;display:block;overflow:hidden}.department-cost-chart i b{background:#2e8b70;border-radius:99px;height:100%;display:block}.department-cost-chart strong{color:#3a5261;text-align:right;font-size:9px}.department-cost-table,.employee-cost-table{border-top:1px solid #e8edf1;overflow:auto}.department-cost-table>header,.department-cost-table>article{grid-template-columns:minmax(150px,1.4fr) repeat(5,minmax(90px,.7fr));align-items:center;gap:9px;min-width:720px;padding:10px 15px;display:grid}.department-cost-table>header,.employee-cost-table>header{color:#7d8993;text-transform:uppercase;background:#f4f7f9;font-size:8px;font-weight:900}.department-cost-table>article{color:#5c6d79;border-top:1px solid #edf1f3;font-size:9px}.department-cost-table>article>b,.department-cost-table>article>strong{color:#344b59}.employee-cost-panel>header label{align-items:center;gap:7px;display:flex}.employee-cost-panel>header select{min-height:32px}.employee-cost-table>header,.employee-cost-table>article{grid-template-columns:minmax(180px,1.35fr) minmax(105px,.8fr) 65px repeat(5,minmax(90px,.72fr));align-items:center;gap:9px;min-width:980px;padding:10px 15px;display:grid}.employee-cost-table>article{color:#596b77;border-top:1px solid #edf1f3;font-size:9px}.employee-cost-table>article>span:first-child{gap:3px;display:grid}.employee-cost-table b,.employee-cost-table strong{color:#334c5c}.employee-cost-table small{color:#8a969f;font-size:7px}.salary-pagination{color:#7b8993;background:#f8fafb;border-top:1px solid #e8edf1;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:8px;display:flex}.salary-pagination>div{gap:6px;display:flex}.salary-empty{color:#87949e;text-align:center;margin:0;padding:45px 18px;font-size:9px}.salary-availability{background:#fff;border:1px solid #dfe6eb;border-radius:8px;overflow:hidden}.salary-availability>header{border-bottom:1px solid #e8edf1;padding:17px}.salary-availability h3{color:#314654;margin:4px 0;font-size:14px}.salary-availability>header>p:last-child{color:#7f8c96;margin:0;font-size:9px}.salary-availability>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:13px;display:grid}.salary-availability article{color:#70808c;background:#fafbfc;border:1px solid #e4eaee;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto;align-items:start;gap:9px;padding:13px;display:grid}.salary-availability article span{gap:4px;display:grid}.salary-availability article b{color:#3c5261;font-size:10px}.salary-availability article small{color:#84909a;font-size:8px;line-height:1.45}.salary-availability article em{color:#7d682e;white-space:nowrap;background:#fff5d8;border-radius:99px;padding:5px 7px;font-size:7px;font-style:normal;font-weight:900}.salary-notices{background:#f2f7f9;border-radius:8px;margin:0 13px 13px;padding:14px}.salary-notices h3{margin:0 0 8px}.salary-notices p{color:#687d89;margin:6px 0;font-size:8px;line-height:1.5}.salary-notices p:before{content:"• ";color:#287492}.salary-cost-shell .page-loader{min-height:280px}.salary-paid-panel{margin-top:3px}.salary-paid-metrics{border-bottom:1px solid #e8edf1;grid-template-columns:repeat(4,minmax(0,1fr));margin:14px;padding-bottom:14px}.salary-paid-table{border-top:1px solid #e8edf1;overflow:auto}.salary-paid-table>header,.salary-paid-table>article{grid-template-columns:minmax(130px,1.2fr) repeat(4,minmax(105px,.8fr));align-items:center;gap:9px;min-width:680px;padding:11px 15px;display:grid}.salary-paid-table>header{color:#7d8993;text-transform:uppercase;background:#f4f7f9;font-size:8px;font-weight:900}.salary-paid-table>article{color:#5c6d79;border-top:1px solid #edf1f3;font-size:9px}.salary-paid-table>article b,.salary-paid-table>article strong{color:#344b59}.salary-paid-table em{border-radius:99px;justify-self:start;padding:5px 7px;font-size:7px;font-style:normal;font-weight:900}.salary-paid-table em.complete{color:#267454;background:#e8f6ee}.salary-paid-table em.review{color:#8a6828;background:#fff4d5}.salary-paid-panel>.salary-data-note{margin:12px 14px 14px}@media (max-width:950px){.salary-cost-filters{grid-template-columns:1fr 1fr}.salary-cost-filters button{width:100%}.salary-overview-grid{grid-template-columns:1fr}.salary-cost-metrics{grid-template-columns:1fr 1fr}}@media (max-width:620px){.report-module-tabs,.salary-cost-filters,.salary-cost-metrics,.salary-availability>div{grid-template-columns:1fr}.salary-cost-heading{flex-direction:column;align-items:flex-start}.salary-export-actions{flex-wrap:wrap;align-items:stretch}.salary-export-actions>span{width:100%;margin:0 0 4px}.salary-export-actions button{flex:1}.salary-cost-tabs button{min-width:170px}.department-cost-chart>div{grid-template-columns:minmax(90px,120px) minmax(80px,1fr)}.department-cost-chart strong{grid-column:2}.employee-cost-panel>header{flex-direction:column;align-items:flex-start}.salary-pagination{flex-direction:column;align-items:stretch}.salary-pagination button{flex:1}.salary-pagination>div{display:flex}}@media print{body.printing-salary-report .module-top,body.printing-salary-report .report-page-content>h1,body.printing-salary-report .report-page-content>.eyebrow,body.printing-salary-report .report-page-content>.module-intro,body.printing-salary-report .report-module-tabs,body.printing-salary-report .salary-cost-filters,body.printing-salary-report .salary-export-actions,body.printing-salary-report .salary-cost-tabs{display:none!important}body.printing-salary-report .salary-cost-shell{border:0!important;margin:0!important;padding:0!important}body.printing-salary-report .salary-cost-panel,body.printing-salary-report .salary-availability{break-inside:avoid}.salary-trend-chart,.department-cost-chart,.employee-cost-table{overflow:visible!important}}.salary-trend-chart b.missing{background:#d8dfe4}.salary-trend-line{padding:14px 16px 10px}.salary-trend-line svg{width:100%;height:190px;display:block}.salary-trend-line svg line{stroke:#e7edf1;stroke-width:1px}.salary-trend-line svg polyline{fill:none;stroke:#2f7598;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.salary-trend-line svg circle{fill:#fff;stroke:#2f7598;stroke-width:3px}.salary-trend-line svg circle.missing{fill:#d8dfe4;stroke:#d8dfe4}.salary-trend-line>div{justify-content:space-between;gap:5px;display:flex;overflow-x:auto}.salary-trend-line span{color:#536875;justify-items:center;gap:2px;min-width:52px;display:grid}.salary-trend-line b{text-transform:uppercase;font-size:8px}.salary-trend-line small{color:#87939c;white-space:nowrap;font-size:7px}.employee-layout.schedule-layout{grid-template-columns:360px minmax(0,1fr)}.employee-layout.schedule-layout .directory{max-height:min(720px,100vh - 150px)}.weekday-exception-form{gap:13px;display:grid}.weekday-exception-form label{color:#647180;gap:6px;font-size:10px;font-weight:800;display:grid}.weekday-exception-form input{color:#465566;max-width:240px;font:inherit;background:#fff;border:1px solid #dbe4eb;border-radius:7px;padding:10px}.weekday-exception-form small{color:#82909a;font-size:8px;font-weight:500}.weekday-exception-form p{color:#557068;background:#f0faf5;border-left:3px solid #3b9270;border-radius:5px;margin:0;padding:12px;font-size:10px;line-height:1.5}.weekday-exception-form button{justify-self:start}@media (max-width:800px){.employee-layout.schedule-layout{grid-template-columns:1fr}.employee-layout.schedule-layout .directory{max-height:440px}}@media (max-width:560px){.weekday-exception-form input,.weekday-exception-form button{width:100%;max-width:none}}.task-completion-notice{z-index:500;color:#fff;opacity:0;pointer-events:none;background:#137253;border:1px solid #a7d5c1;border-radius:9px;align-items:center;gap:9px;min-width:112px;padding:13px 17px;transition:opacity .18s,transform .18s;display:flex;position:fixed;bottom:22px;right:22px;transform:translateY(12px);box-shadow:0 12px 34px #0d362a3d}.task-completion-notice.visible{opacity:1;transform:translateY(0)}.task-completion-notice strong{font-size:14px}@media (max-width:600px){.task-completion-notice{bottom:14px;right:14px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.sidebar-nav-group{border-radius:8px;overflow:hidden}.sidebar-nav-group summary{color:#aec1d4;cursor:pointer;align-items:center;gap:12px;padding:12px 13px;font-size:13px;list-style:none;display:flex}.sidebar-nav-group summary::-webkit-details-marker{display:none}.sidebar-nav-group summary>span{text-align:center;width:15px;font-size:15px}.sidebar-nav-group summary>b{color:#7795ad;margin-left:auto;font-size:10px;transition:transform .18s}.sidebar-nav-group[open] summary{color:#fff;background:#274968}.sidebar-nav-group[open] summary>b{transform:rotate(180deg)}.sidebar-nav-group>div{gap:2px;padding:4px 0 5px 28px;display:grid}.sidebar-nav-group>div a{color:#9eb5c9;padding:8px 10px;font-size:10px}.sidebar-nav-group>div a:hover{color:#fff;background:#203f5a}.device-nav-indicator{margin-bottom:5px;font-weight:800;color:#d8e8f2!important;background:0 0!important;align-items:center!important;gap:7px!important;padding:0!important;font-size:9px!important;display:flex!important}.device-nav-indicator>i,.device-state-text>i{background:#9aa9b6;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 3px #9aa9b61f}.device-nav-indicator.receiving>i,.device-state-text.receiving>i{background:#46d598;box-shadow:0 0 0 3px #46d59826,0 0 11px #46d59899}.device-nav-indicator.idle>i,.device-state-text.idle>i{background:#efbd60;box-shadow:0 0 0 3px #efbd6025}.device-nav-indicator.offline>i,.device-state-text.offline>i{background:#dc7373;box-shadow:0 0 0 3px #dc737325}.attendance-submenu{background:#edf2f5;border:1px solid #dfe7ec;border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0 0 18px;padding:5px;display:grid}.attendance-submenu a{color:#607482;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:11px 9px;font-size:9px;font-weight:900;text-decoration:none;display:flex}.attendance-submenu a:hover{color:#285f7d;background:#fff}.attendance-submenu a.active{color:#fff;background:#285f7d;box-shadow:0 3px 9px #173e5525}.attendance-ops-toolbar,.daily-report-heading{background:#fff;border:1px solid #dfe7ec;border-radius:9px;align-items:end;gap:9px;margin-bottom:13px;padding:14px;display:flex}.attendance-ops-toolbar label,.daily-report-heading label{color:#61717e;gap:5px;font-size:9px;font-weight:800;display:grid}.attendance-ops-toolbar label:first-child{flex:1}.attendance-ops-toolbar select,.attendance-ops-toolbar input,.daily-report-heading input{color:#3d5060;min-width:0;font:inherit;background:#fff;border:1px solid #d7e1e7;border-radius:7px;padding:9px 10px;font-size:10px}.attendance-ops-toolbar select{width:100%}.attendance-ops-toolbar button,.daily-report-heading button,.live-log-heading button,.device-connection-card>button{color:#fff;cursor:pointer;background:#256889;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:35px;padding:9px 11px;font-size:9px;font-weight:900;display:inline-flex}.attendance-ops-toolbar button:disabled,.daily-report-heading button:disabled,.live-log-heading button:disabled,.device-connection-card>button:disabled{opacity:.55;cursor:wait}.daily-report-heading .plain-button{color:#32627d;background:#fff;border:1px solid #d8e2e8}.daily-report-heading label{margin-right:auto}.attendance-ops-toolbar .record-export-button{color:#256889;background:#f6fafb;border:1px solid #c9dce4}.attendance-ops-toolbar .record-export-button:disabled{cursor:not-allowed}.attendance-ops-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.attendance-ops-summary article{background:#fff;border:1px solid #dfe6eb;border-radius:9px;gap:5px;padding:15px;display:grid}.attendance-ops-summary span{color:#73818c;text-transform:uppercase;font-size:8px;font-weight:900}.attendance-ops-summary strong{color:#263f4f;text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.attendance-ops-summary small{color:#85919a;font-size:8px}.attendance-ops-table{background:#fff;border:1px solid #dfe6eb;border-radius:9px;overflow:auto}.attendance-ops-table>header,.attendance-ops-table>article{grid-template-columns:minmax(160px,1.25fr) 110px 90px 90px minmax(180px,1.4fr);align-items:center;gap:10px;min-width:720px;padding:10px 14px;display:grid}.attendance-ops-table>header{z-index:2;color:#71808b;text-transform:uppercase;background:#f2f6f8;font-size:8px;font-weight:900;position:sticky;top:0}.attendance-ops-table>article{color:#5b6d79;border-top:1px solid #edf1f3;font-size:9px}.attendance-ops-table>article>b{color:#344c5b;gap:2px;font-size:9px;display:grid}.attendance-ops-table>article>b small{color:#8b979f;font-size:7px;font-weight:500}.attendance-ops-table>article>small{color:#7e8d96;font-size:8px;line-height:1.4}.attendance-ops-empty{color:#7f8d96;text-align:center;margin:0;padding:34px;font-size:10px}.daily-report-table{max-height:560px}.daily-report-table>header,.daily-report-table>article{grid-template-columns:minmax(190px,1.4fr) 100px 90px 90px minmax(150px,1fr)}.historical-backfill{background:#fff;border:1px solid #dce6eb;border-radius:11px;margin-top:14px;padding:17px}.historical-backfill>header{justify-content:space-between;align-items:start;gap:15px;padding-bottom:14px;display:flex}.historical-backfill>header h2{color:#284451;margin:2px 0 4px;font-size:17px}.historical-backfill>header span{color:#768791;font-size:9px}.historical-backfill>header>svg{color:#397a98}.historical-download,.historical-upload{border-top:1px solid #edf1f3;align-items:center;gap:10px;padding:13px 0;display:flex}.historical-download label{color:#657680;gap:5px;font-size:8px;font-weight:900;display:grid}.historical-download input{color:#3d5664;font:inherit;background:#fff;border:1px solid #d8e2e7;border-radius:7px;padding:8px 9px;font-size:10px}.historical-download button,.historical-upload button{color:#32627d;cursor:pointer;background:#fff;border:1px solid #d8e2e8;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:35px;padding:9px 11px;font-size:9px;font-weight:900;display:inline-flex}.historical-download button:disabled,.historical-upload button:disabled{opacity:.55;cursor:wait}.historical-download>small{color:#82909a;font-size:8px}.historical-upload>div{flex:1;gap:3px;display:grid}.historical-upload strong{color:#344d5b;font-size:10px}.historical-upload span{color:#677b87;font-size:9px}.historical-upload small{color:#88959d;font-size:8px}.historical-upload .module-action{color:#fff;background:#256889;border-color:#256889}.historical-message{color:#315d71;background:#edf6fa;border-radius:7px;margin:7px 0 12px;padding:10px 12px;font-size:9px;line-height:1.5}.historical-preview{background:#fbfcfd;border:1px solid #dfe7ec;border-radius:9px;overflow:hidden}.historical-preview-summary{background:#dfe7ec;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.historical-preview-summary span{color:#70808a;text-transform:uppercase;background:#f2f6f8;align-items:baseline;gap:6px;padding:12px;font-size:8px;display:flex}.historical-preview-summary b{color:#2f5365;font-size:16px}.historical-date-list{max-height:260px;overflow:auto}.historical-date-list article{border-top:1px solid #edf1f3;grid-template-columns:125px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.historical-date-list article:first-child{border-top:0}.historical-date-list article>span{color:#39748f;align-items:center;gap:7px;font-size:9px;display:flex}.historical-date-list article.applied>span{color:#23815d}.historical-date-list small{color:#768792;font-size:8px}.historical-date-list strong{color:#23815d;text-transform:uppercase;font-size:8px}.historical-preview footer{border-top:1px solid #e5ecef;align-items:center;gap:12px;padding:12px;display:flex}.historical-preview footer .action-button{flex:none}.historical-preview footer small{color:#7d8b94;font-size:8px;line-height:1.45}.historical-note{color:#7a8992;margin:12px 0 0;font-size:8px;line-height:1.5}.historical-note b{color:#496573}.historical-lan-guide{background:#f1f8fb;border:1px solid #cce2ed;border-radius:9px;grid-template-columns:54px 1fr;align-items:center;gap:13px;margin:2px 0 14px;padding:13px;display:grid}.historical-lan-icon{color:#256889;background:#dceef6;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:relative}.historical-lan-icon svg+svg{color:#23815d;background:#fff;border:2px solid #f1f8fb;border-radius:5px;padding:2px;position:absolute;bottom:-1px;right:-2px}.historical-lan-guide>div:last-child{gap:4px;display:grid}.historical-lan-guide strong{color:#2c5366;font-size:10px}.historical-lan-guide span{color:#526f7e;font-size:9px;line-height:1.5}.historical-lan-guide small{color:#718895;font-size:8px}.device-connection-card{background:#fff;border:1px solid #dfe7ec;border-radius:11px;grid-template-columns:64px 1fr auto;align-items:center;gap:16px;margin-bottom:11px;padding:20px;display:grid}.device-signal-visual>span{color:#657f8d;background:#edf2f4;border-radius:16px;place-items:center;width:58px;height:58px;display:grid;position:relative}.device-signal-visual i{background:#9aa9b6;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:7px;right:7px}.device-connection-card.receiving .device-signal-visual>span{color:#197454;background:#e7f7ef}.device-connection-card.receiving .device-signal-visual i{background:#36c987;box-shadow:0 0 13px #36c987}.device-connection-card.idle .device-signal-visual>span{color:#8f6928;background:#fff6e4}.device-connection-card.idle .device-signal-visual i{background:#e9ad45}.device-connection-card.offline .device-signal-visual>span{color:#955454;background:#fff0f0}.device-connection-card.offline .device-signal-visual i{background:#dc7373}.device-connection-card p{color:#758893;letter-spacing:.5px;margin:0;font-size:8px;font-weight:900}.device-connection-card h2{color:#263b49;margin:4px 0;font-size:21px}.device-connection-card div>span{color:#72818b;font-size:9px}.device-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.device-detail-grid article{background:#fff;border:1px solid #dfe7ec;border-radius:9px;gap:6px;padding:17px;display:grid}.device-detail-grid article>span{color:#76838d;text-transform:uppercase;font-size:8px;font-weight:900}.device-detail-grid strong{color:#314c5b;font-size:13px}.device-detail-grid small{color:#84919a;font-size:8px}.device-state-text{align-items:center;gap:8px;display:flex}.device-state-text.receiving{color:#1d7959}.device-state-text.idle{color:#8b6728}.device-state-text.offline{color:#9d5050}.device-time-sync{background:#fff;border:1px solid #dfe7ec;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;margin-top:11px;padding:16px 18px;display:flex}.device-time-sync>div{color:#32627d;align-items:flex-start;gap:11px;display:flex}.device-time-sync span{gap:4px;display:grid}.device-time-sync b{color:#314c5b;font-size:12px}.device-time-sync small{color:#72818b;font-size:9px}.device-time-sync.acknowledged{background:#f2fbf5;border-color:#9ad6b4}.device-time-sync.acknowledged>div{color:#18825c}.device-time-sync.failed,.device-time-sync.expired{background:#fff8f8;border-color:#f0c7c7}.device-time-sync.failed>div,.device-time-sync.expired>div{color:#a85757}.device-time-sync .plain-button{color:#32627d;cursor:pointer;background:#fff;border:1px solid #d8e2e8;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:6px;min-height:35px;padding:9px 11px;font-size:9px;font-weight:900;display:inline-flex}.device-time-sync .plain-button:disabled{opacity:.55;cursor:wait}.live-log-heading{background:#fff;border:1px solid #dfe7ec;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:13px 15px;display:flex}.live-log-heading>div{color:#286883;align-items:center;gap:9px;margin-right:auto;display:flex}.live-log-heading>div>span{gap:2px;display:grid}.live-log-heading>label{color:#74848e;gap:3px;font-size:8px;font-weight:900;display:grid}.live-log-heading input{color:#3d5060;font:inherit;background:#fff;border:1px solid #d7e1e7;border-radius:7px;padding:7px 9px;font-size:9px}.live-log-heading strong{color:#304956;font-size:11px}.live-log-heading small{color:#82909a;font-size:8px}.live-log-heading .plain-button{color:#32627d;background:#fff;border:1px solid #d8e2e8}.live-log-list{background:#fff;border:1px solid #dfe7ec;border-radius:9px;max-height:620px;overflow:auto}.live-log-list article{color:#526775;border-top:1px solid #edf1f3;grid-template-columns:9px minmax(180px,1.25fr) minmax(135px,.8fr) minmax(170px,1fr) 125px;align-items:center;gap:10px;padding:11px 14px;font-size:9px;display:grid}.live-log-list article:first-child{border-top:0}.live-log-list article>i{background:#36c987;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #36c9871d}.live-log-list article.unmatched>i{background:#dc7373;box-shadow:0 0 0 3px #dc73731d}.live-log-list article>span{gap:3px;min-width:0;display:grid}.live-log-list strong,.live-log-list b{color:#344d5b;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.live-log-list small{color:#84909a;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.live-log-list code{color:#506b7a;text-overflow:ellipsis;background:#eef4f6;border-radius:5px;padding:5px;font-size:7px;overflow:hidden}@media (max-width:800px){.sidebar-nav-group{flex:none}.sidebar-nav-group summary{padding:10px 11px}.sidebar-nav-group>div{padding:0;display:flex}.sidebar-nav-group>div a{flex:none}.sidebar .device-nav-indicator{display:none!important}.attendance-submenu{display:flex;overflow-x:auto}.attendance-submenu a{flex:0 0 170px}.attendance-ops-toolbar,.daily-report-heading,.live-log-heading,.device-time-sync{flex-direction:column;align-items:stretch}.live-log-heading>div{margin-right:0}.live-log-heading button{align-self:flex-start}.attendance-ops-summary{grid-template-columns:1fr 1fr}.device-detail-grid{grid-template-columns:1fr}.live-log-list article{grid-template-columns:8px minmax(170px,1.2fr) minmax(130px,.8fr) minmax(160px,1fr) 110px;min-width:720px}.historical-download,.historical-upload{flex-direction:column;align-items:stretch}.historical-download button,.historical-upload button{align-self:flex-start}.historical-date-list article{grid-template-columns:115px 1fr}.historical-date-list article>strong{grid-column:2}.historical-preview footer{flex-direction:column;align-items:stretch}}@media (max-width:560px){.attendance-ops-summary{grid-template-columns:1fr}.device-connection-card{grid-template-columns:50px 1fr}.device-signal-visual>span{width:48px;height:48px}.device-connection-card>button{grid-column:1/-1}.attendance-ops-app .module-content h1{font-size:25px}.historical-preview-summary,.historical-date-list article{grid-template-columns:1fr}.historical-date-list article>strong{grid-column:1}}@media print{:is(body:has(.daily-report-table) .module-top,body:has(.daily-report-table) .attendance-submenu,body:has(.daily-report-table) .daily-report-heading,body:has(.daily-report-table) .historical-backfill){display:none!important}body:has(.daily-report-table) .module-content{width:100%;padding:0}body:has(.daily-report-table) .attendance-ops-table{border:0;max-height:none;overflow:visible}:is(body:has(.daily-report-table) .attendance-ops-table>header,body:has(.daily-report-table) .attendance-ops-table>article){min-width:0}}.absence-range-panel{background:linear-gradient(145deg,#f4fbfa 0%,#fff 56%);border:1px solid #bcdad5;border-radius:10px;gap:13px;margin-bottom:16px;padding:16px;display:grid}.absence-range-panel>header{color:#246f68;align-items:flex-start;gap:10px;display:flex}.absence-range-panel h2,.absence-range-panel p{margin:0}.absence-range-panel h2{color:#294d4a;font-size:14px}.absence-range-panel header p,.absence-range-panel>small{color:#71817f;margin-top:4px;font-size:8.5px;line-height:1.5}.absence-range-panel form{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.absence-range-panel form label{color:#596e6b;gap:6px;font-size:9px;font-weight:800;display:grid}.absence-range-panel input,.absence-range-panel textarea{color:#334d4a;min-width:0;font:inherit;background:#fff;border:1px solid #cfe0dd;border-radius:7px;padding:10px;font-size:10px}.absence-range-reason{grid-column:1/-1}.absence-range-reason textarea{resize:vertical;min-height:66px}.absence-range-actions{grid-column:1/-1;justify-content:flex-end;gap:9px;display:flex}.absence-range-actions button:disabled{opacity:.55;cursor:not-allowed}.absence-range-preview{border-top:1px solid #dcebe8;gap:10px;padding-top:13px;display:grid}.absence-range-preview>p{color:#5f716f;font-size:9px;line-height:1.5}.absence-range-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.absence-range-metrics span{color:#72817f;background:#fff;border:1px solid #d9e8e5;border-radius:8px;gap:2px;padding:9px;font-size:8px;display:grid}.absence-range-metrics b{color:#23645e;font-size:14px}.absence-range-warning{background:#fff8e9;border-left:3px solid #c17916;padding:8px 10px;color:#8a5d20!important}.absence-range-teachers{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:240px;display:grid;overflow:auto}.absence-range-teachers label{color:#3d5552;background:#fff;border:1px solid #e0ebe9;border-radius:7px;grid-template-columns:16px 30px 1fr;align-items:center;gap:8px;padding:8px;font-size:9px;display:grid}.absence-range-teachers label>span{color:#fff;background:#327a73;border-radius:50%;place-items:center;width:28px;height:28px;font-size:8px;font-weight:900;display:grid}.absence-range-teachers b{gap:2px;min-width:0;display:grid}.absence-range-teachers small{color:#85918f;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.manual-correction-panel{grid-template-columns:repeat(5,minmax(0,1fr))}.manual-punch-help{color:#657c88;grid-column:1/-1;margin:-2px 0 0;font-size:8px;line-height:1.45}.manual-action-dialog{background:linear-gradient(145deg,#f5faff 0%,#fff 62%);border:1px solid #c6d9e4;border-radius:12px;gap:9px;margin-bottom:16px;padding:22px;display:grid;box-shadow:0 10px 24px #193d5610}.manual-action-dialog>.eyebrow,.manual-action-dialog h2,.manual-action-dialog>p:not(.eyebrow){margin:0}.manual-action-dialog h2{color:#294654;font-size:17px}.manual-action-dialog>p:not(.eyebrow){color:#71808b;max-width:620px;font-size:10px;line-height:1.5}.manual-action-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:4px;display:grid}.manual-action-options button{color:#3f5968;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #d9e6ed;border-radius:9px;align-items:flex-start;gap:10px;padding:13px;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex}:is(.manual-action-options button:hover,.manual-action-options button:focus-visible){border-color:#2c7899;outline:0;transform:translateY(-1px);box-shadow:0 6px 14px #183d4a14}.manual-action-options button>span{gap:4px;display:grid}.manual-action-options button>span>b{font-size:11px}.manual-action-options button>span>small{color:#75848e;font-size:8px;line-height:1.4}.manual-action-options .present{color:#26735d;background:#f4fcf8}.manual-action-options .absent{color:#a04b4b;background:#fff8f7}.manual-action-options .holiday{color:#65518f;background:#f8f6fd}.manual-action-banner{color:#3e5968;background:#f8fbfd;border:1px solid #d7e3ea;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:11px 13px;display:flex}.manual-action-banner div{gap:3px;display:grid}.manual-action-banner b{font-size:11px}.manual-action-banner span{color:#74828c;font-size:8px}.manual-action-banner button{flex:none}.manual-history article{grid-template-columns:minmax(230px,.8fr) minmax(320px,1.5fr);align-items:start;gap:14px;padding:12px 14px;display:grid}.manual-history-summary{gap:4px;display:grid}.manual-history-summary>b{font-size:10px}.manual-history-employees{gap:6px;display:grid}.manual-history-employees>span{background:#f9fbfc;border:1px solid #e6edf1;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:7px 8px;display:flex}.manual-history-employees>span>b{gap:2px;min-width:0;font-size:9px;display:grid}.manual-history-employees button{color:#a44c3c;cursor:pointer;background:#fff7f5;border:1px solid #e8c3bb;border-radius:6px;flex:none;align-items:center;gap:5px;padding:6px 8px;font-size:8px;font-weight:900;display:inline-flex}.manual-history-employees button:disabled{opacity:.55;cursor:wait}.manual-history-employees>span.removed{color:#84919a;background:#f2f4f5}.manual-history-employees em{color:#6e7c86;background:#e5e9ec;border-radius:99px;padding:5px 7px;font-size:8px;font-style:normal;font-weight:900}@media (max-width:980px){.manual-correction-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:850px){.absence-range-panel form,.absence-range-metrics,.absence-range-teachers,.manual-correction-panel{grid-template-columns:1fr 1fr}.manual-action-options,.manual-history article{grid-template-columns:1fr}}@media (max-width:560px){.absence-range-panel form,.absence-range-metrics,.absence-range-teachers{grid-template-columns:1fr}.absence-range-actions{flex-direction:column;align-items:stretch}.manual-correction-panel{grid-template-columns:1fr}.manual-action-banner{flex-direction:column;align-items:stretch}.manual-action-banner button{width:100%}.manual-history-employees>span{flex-direction:column;align-items:flex-start}}.mobile-app-navigation{display:none}.teacher-leader-rule{color:#526b60;background:#f4faf7;margin:0;padding:10px 16px;font-size:12px;line-height:1.5}@media (max-width:767px){body{background:#f2f6fa}body.has-mobile-navigation{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.mobile-app-navigation{display:block}.mobile-tabbar{z-index:200;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dce6ee;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -4px 24px #193d5710}.mobile-tabbar a,.mobile-tabbar button{color:#596c7d;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:54px;font:600 12px/1.3 Arial,sans-serif;text-decoration:none;display:flex}.mobile-tabbar [aria-current=page]{color:#fff;background:#244b87;box-shadow:0 3px 10px #244b8726}.mobile-tabbar svg{flex-shrink:0}.mobile-tabbar a span{text-align:center;width:auto;font-size:12px;line-height:1.3}.mobile-tabbar a{min-width:0;padding:6px 2px}:is(.mobile-tabbar :focus-visible,.mobile-menu-dialog :focus-visible){outline-offset:2px;outline:3px solid #2c83b5}.mobile-menu-dialog{color:#233e52;overscroll-behavior:contain;background:#f6f9fc;border:0;border-radius:24px 24px 0 0;width:100%;max-width:100%;max-height:88dvh;margin:0;padding:0;position:fixed;inset:auto 0 0;overflow:auto;box-shadow:0 -12px 60px #102a4340}.mobile-menu-dialog::backdrop{background:#10283c88}body:has(.mobile-menu-dialog[open]){overflow:hidden}.mobile-menu-dialog>header{z-index:1;color:#fff;background:#19365b;border-bottom:1px solid #244b87;justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex;position:sticky;top:0}.mobile-menu-dialog header small{color:#d0def3;font-size:12px}.mobile-menu-dialog h2{margin:4px 0 0;font-size:22px}.mobile-menu-dialog header button{color:#36556b;background:#eef3f7;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.mobile-menu-content{padding:0 16px calc(24px + env(safe-area-inset-bottom))}.mobile-menu-account{margin:20px 4px;font-size:16px;font-weight:700}.mobile-menu-account span{color:#60778a;margin-top:5px;font-size:13px;font-weight:400;display:block}.mobile-menu-content section{margin:20px 0}.mobile-menu-content h3{color:#597083;text-transform:uppercase;letter-spacing:.06em;margin:0 4px 10px;font-size:13px}.mobile-menu-content section a{color:#253f53;background:#fff;border-bottom:1px solid #edf1f5;align-items:center;gap:12px;min-height:58px;padding:9px 12px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.mobile-menu-content section a:first-of-type{border-radius:14px 14px 0 0}.mobile-menu-content section a:last-child{border:0;border-radius:0 0 14px 14px}.mobile-menu-content section a>svg:last-child{color:#8395a3;margin-left:auto}.mobile-menu-icon{color:#244b87;background:#e7edf9;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.mobile-menu-content section:nth-of-type(2) .mobile-menu-icon{color:#096e58;background:#e5f5ef}.mobile-menu-content section:nth-of-type(3) .mobile-menu-icon{color:#6542a5;background:#eee9fc}.mobile-menu-logout{color:#a73e42;align-items:center;gap:12px;min-height:48px;padding:12px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.has-mobile-navigation .sidebar{display:none}.portal-shell{display:block}.portal-shell .workspace{width:100%;margin:0;padding:18px 16px}.module-content{width:100%;max-width:100%;padding:20px 16px}.module-top,.teacher-top{background:#fff;border-bottom:1px solid #e1e9f0;gap:10px;min-height:64px;padding:12px 16px}.teacher-brand{min-width:0;line-height:1.35;font-size:14px!important}.teacher-brand b{display:none!important}.teacher-brand>span:first-child{flex-shrink:0}.teacher-brand .school-branding{font-size:14px}.module-top .module-home,.teacher-top .home-button{display:none}.teacher-top-actions{gap:8px}.teacher-top .mini-profile,.teacher-top .logout-button{display:none}.topbar{flex-direction:column;align-items:flex-start;gap:14px}.topbar h1,.module-content>h1{letter-spacing:-.6px;font-size:25px;line-height:1.2}.header-actions{flex-wrap:wrap;gap:8px}.header-actions .account,.header-actions .admin-home,.header-actions .logout-button{display:none}.subtitle,.module-intro{font-size:14px;line-height:1.6}.module-content input:not([type=checkbox]):not([type=radio]),.module-content select,.module-content textarea,.workspace select,.login-form input{min-height:44px;font-size:16px}.module-content label,.workspace label{font-size:14px}.attendance-submenu,.employee-submenu{scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;padding:5px;overflow-x:auto}.attendance-submenu a,.employee-submenu a{white-space:nowrap;flex:none;min-height:46px;font-size:14px}.panel,.employee-edit,.employee-create{border-radius:14px}.teacher-mobile{padding-bottom:20px}.mobile-actions a{min-height:76px}.mobile-actions a span{font-size:13px}.task-completion-notice{bottom:calc(92px + env(safe-area-inset-bottom))}.login-card{border-radius:20px}.login-form label{font-size:14px}.login-form button{min-height:46px}}@media (max-width:700px){.teacher-app .teacher-top{height:auto;min-height:60px;padding:10px 16px}.teacher-app .teacher-brand .school-branding{font-size:13px;line-height:1.35}.teacher-app .teacher-mobile{background:#f3f6fa;gap:16px;min-height:0;padding:18px 16px 24px}.teacher-mobile .mobile-hello{align-items:center;gap:12px;padding:0}.teacher-mobile .mobile-hello p{letter-spacing:.04em;color:#64798b;font-size:12px;font-weight:600}.teacher-mobile .mobile-hello h1{letter-spacing:-.7px;color:#233f54;margin:7px 0 5px;font-size:25px;line-height:1.2}.teacher-mobile .mobile-hello span{color:#61778a;font-size:13px}.teacher-mobile .mobile-avatar{border:2px solid #fff;border-radius:16px;flex-basis:48px;width:48px;height:48px;box-shadow:0 3px 12px #203f5412}.teacher-mobile .mobile-month-select{color:#526b7e;gap:6px;margin:0;padding:0;font-size:13px}.teacher-mobile .mobile-month-select select{color:#294a60;border-color:#d7e2eb;border-radius:10px;min-height:44px;padding:9px 12px;font-size:16px}.teacher-mobile .mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.teacher-mobile .mobile-actions a{text-align:left;border:1px solid #dfe7ef;border-radius:13px;justify-content:flex-start;align-items:center;gap:10px;min-height:66px;padding:12px;display:flex;box-shadow:0 2px 5px #23425c04}.teacher-mobile .mobile-actions a span{color:#294a60;font-size:14px;font-weight:600;line-height:1.3}.teacher-mobile .mobile-actions a i{color:#fff;background:#244b87;border-radius:10px;flex-shrink:0;width:34px;height:34px}.teacher-mobile .mobile-actions a:first-child{background:#edf3ff;border-color:#d5e1f8}.teacher-mobile .mobile-actions a:nth-child(2){background:#f3effc;border-color:#e1d8f4}.teacher-mobile .mobile-actions a:nth-child(2) i{background:#7044b3}.teacher-mobile .mobile-actions a:nth-child(3){background:#fff6e7;border-color:#f1dfbd}.teacher-mobile .mobile-actions a:nth-child(3) i{background:#975600}.teacher-mobile .mobile-actions a:nth-child(4){background:#eaf7f2;border-color:#cce7dc}.teacher-mobile .mobile-actions a:nth-child(4) i{background:#08735a}.teacher-mobile .mobile-actions i svg{stroke-width:1.8px;width:20px;height:20px}.teacher-mobile .mobile-attendance{color:#fff;background:linear-gradient(115deg,#075c4b,#08735a);border:1px solid #08735a;border-radius:13px;gap:10px;padding:14px 16px;box-shadow:0 4px 12px #075c4b18}.teacher-mobile .mobile-attendance small{color:#d2eee4;letter-spacing:.03em;font-size:12px}.teacher-mobile .mobile-attendance h2{color:#fff;margin:5px 0;font-size:16px;line-height:1.3}.teacher-mobile .mobile-attendance p{color:#d2eee4;font-size:13px}.teacher-mobile .mobile-attendance>span{color:#d2eee4;background:0 0;flex-shrink:0;width:30px;height:30px}.teacher-mobile .teacher-carousel.compact{border-radius:13px;height:130px;min-height:0}.teacher-mobile .teacher-carousel.compact.empty{height:auto;min-height:72px;padding:14px}.teacher-mobile .teacher-carousel .carousel-controls button{width:36px;height:36px}.teacher-mobile .mobile-progress{background:linear-gradient(125deg,#19365b,#3d357a);border-radius:15px;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:16px;padding:18px;display:grid}.teacher-mobile .mobile-card-head{grid-column:1/-1;align-items:center}.teacher-mobile .mobile-card-head h2{font-size:17px;line-height:1.3}.teacher-mobile .mobile-card-head p{color:#d0e1ec;font-size:13px}.teacher-mobile .mobile-card-head a{color:#fff;font-size:13px;text-decoration:underline}.teacher-mobile .mobile-ring{border-width:6px;border-color:#fff #8cc1dc #8cc1dc;width:84px;height:84px;margin:0}.teacher-mobile .mobile-ring strong{font-size:23px}.teacher-mobile .mobile-ring span{color:#e2eff7;font-size:12px}.teacher-mobile .mobile-split{grid-template-columns:1fr;gap:8px}.teacher-mobile .mobile-split p{color:#e2eff7;text-align:left;background:0 0;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:5px 0;font-size:13px;display:flex}.teacher-mobile .mobile-split b{font-size:17px}.teacher-mobile .mobile-two article,.teacher-mobile .mobile-office,.teacher-mobile .mobile-wall{box-shadow:none;border-radius:14px}.teacher-mobile .mobile-two small,.teacher-mobile .mobile-office p{font-size:12px}.teacher-mobile .mobile-two span,.teacher-mobile .mobile-two a,.teacher-mobile .mobile-office span{font-size:14px;line-height:1.5}}@media (max-width:767px){.mobile-tabbar [aria-current=page]{background:#08735a;box-shadow:0 3px 10px #08735a26}.mobile-menu-dialog>header{background:#124b40;border-bottom-color:#08735a}.mobile-menu-dialog header small{color:#d2eee4}.mobile-menu-dialog h2{font-size:20px}.mobile-menu-icon{color:#096e58;background:#e5f5ef}.topbar h1,.module-content>h1{font-size:23px}}@media (max-width:700px){.teacher-app .teacher-mobile{background:linear-gradient(160deg,#f7f9fb,#eef5f2)}.teacher-mobile .mobile-hello h1{letter-spacing:-.4px;color:#163a35;font-size:23px}.teacher-mobile .mobile-actions a span{color:#294b40}.teacher-mobile .mobile-actions a:first-child{background:#eaf7f2;border-color:#cce7dc}.teacher-mobile .mobile-actions a:first-child i{background:#08735a}.teacher-mobile .mobile-attendance{background:linear-gradient(115deg,#0e6d52,#078454)}.teacher-mobile .mobile-progress{background:linear-gradient(125deg,#122f2a,#175340)}.teacher-mobile .mobile-card-head h2{font-size:16px}.teacher-mobile .mobile-card-head p,.teacher-mobile .mobile-ring span,.teacher-mobile .mobile-split p{color:#d2eee4}.teacher-mobile .mobile-ring{border-color:#fff #48b891 #48b891}.teacher-mobile .mobile-ring strong{font-size:21px}.teacher-mobile .mobile-split b,.teacher-mobile .mobile-two strong,.teacher-mobile .mobile-office h2,.teacher-mobile .mobile-wall h2{font-size:16px}}@media print{.mobile-app-navigation{display:none!important}body.has-mobile-navigation{padding-bottom:0}}.admin-frame{--admin-teal:#147d6b;--admin-ink:#173c38;--admin-muted:#546c69;--admin-line:#d9e5e2;--admin-rail-width:244px;min-height:100dvh;color:var(--admin-ink);background:#f4f7f7;font-size:16px}.admin-frame.is-compact{--admin-rail-width:76px}.admin-rail{width:var(--admin-rail-width);color:#fff;z-index:60;background:#123f3b;flex-direction:column;padding:20px 12px 12px;display:flex;position:fixed;inset:0 auto 0 0}.admin-brand{color:#fff;align-items:center;gap:10px;padding:0 8px 20px;font-size:16px;font-weight:650;text-decoration:none;display:flex}.admin-brand img{object-fit:contain;flex-shrink:0;width:36px;height:36px}.admin-brand small{color:#c4ded8;margin-top:4px;font-size:12px;font-weight:400;display:block}.admin-rail nav{scrollbar-width:thin;flex:1;overflow-y:auto}.admin-rail nav section,.admin-drawer nav section{margin-bottom:18px}.admin-rail nav h2,.admin-drawer nav h2{text-transform:uppercase;letter-spacing:.07em;color:#b3d1ca;margin:12px 12px 8px;font-size:12px}.admin-rail nav a,.admin-drawer nav a{color:#e0eeea;border-radius:7px;align-items:center;gap:11px;min-height:40px;margin:2px 0;padding:9px 12px;font-size:14px;line-height:1.4;text-decoration:none;display:flex}.admin-rail nav a svg,.admin-drawer nav a svg{flex-shrink:0}.admin-rail nav a span,.admin-drawer nav a span{text-align:left;flex:1;width:auto;font-size:14px}.admin-rail nav a:hover,.admin-drawer nav a:hover{background:#20534c}.admin-rail nav a[aria-current],.admin-drawer nav a[aria-current]{color:#fff;background:#257866;box-shadow:inset 3px 0 #9ce0cc}.admin-collapse{color:#d2e6df;cursor:pointer;background:0 0;border:0;border-top:1px solid #38615b;align-items:center;gap:12px;padding:16px 12px 4px;font-size:14px;display:flex}.is-compact .admin-rail .admin-brand span,.is-compact .admin-rail nav h2,.is-compact .admin-rail nav a span,.is-compact .admin-collapse span{display:none}.is-compact .admin-rail .admin-brand{justify-content:center;padding-inline:0}.is-compact .admin-rail nav a{justify-content:center}.admin-header{z-index:45;margin-left:var(--admin-rail-width);border-bottom:1px solid var(--admin-line);background:#fff;justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:12px 28px;display:flex;position:sticky;top:0}.admin-header nav{align-items:center;gap:10px;min-width:0;font-size:14px;display:flex}.admin-header nav a{color:#147d6b;text-decoration:none}.admin-account{align-items:center;gap:18px;font-size:14px;display:flex}.admin-account small{color:var(--admin-muted);margin-top:2px;font-size:12px;display:block}.admin-account a{width:36px;height:36px;color:var(--admin-muted);border:1px solid var(--admin-line);border-radius:8px;place-items:center;display:grid}.admin-page{margin-left:var(--admin-rail-width);min-width:0}.admin-menu-toggle{display:none}.admin-skip{z-index:200;color:#123f3b;background:#fff;padding:12px;position:fixed;top:-100px;left:260px}.admin-skip:focus{top:8px}.admin-frame :focus-visible{outline-offset:3px;outline:3px solid #138a78}.admin-frame .module-app,.admin-frame .payroll-app,.admin-frame .portal-shell{background:0 0;min-height:0;display:block}.admin-frame .module-top,.admin-frame .portal-shell>.sidebar{display:none}.admin-frame .module-content,.admin-frame .workspace{width:100%;min-width:0;max-width:1600px;margin:0 auto;padding:28px}.admin-frame h1{letter-spacing:-.025em;font-size:28px;line-height:1.2}.admin-frame h2{font-size:19px;line-height:1.35}.admin-frame .eyebrow{color:#526e67;letter-spacing:.08em;font-size:12px}.admin-frame .module-intro{max-width:75ch;color:var(--admin-muted);font-size:14px;line-height:1.6}.admin-frame :is(.panel,.employee-profile,.directory,.work-group-panel,.report-panel){border:1px solid var(--admin-line);background:#fff;border-radius:12px;box-shadow:0 2px 7px #163e3805}.admin-frame :is(label,th,td,button,input,select,textarea,.module-home,.plain-button,.action-button,.module-action){font-size:14px;line-height:1.5}.admin-frame :is(small,.module-intro,.report-module-tabs small,.report-nav small,.directory small,.employee-edit small,.employee-master-create small){font-size:12px;line-height:1.5}.admin-frame :is(input:not([type=checkbox]):not([type=radio]),select,textarea){color:#243f3a;background:#fff;border:1px solid #ccdcd7;border-radius:7px;max-width:100%;min-height:40px}.admin-frame :is(.module-action,.action-button){color:#fff;background:#147d6b;border-color:#147d6b;border-radius:7px}.admin-frame :is(.module-toolbar,.report-controls,.filter-row){border:1px solid var(--admin-line);background:#fff;border-radius:10px;flex-wrap:wrap;gap:14px;padding:16px}.admin-frame :is(.employee-submenu,.report-module-tabs,.attendance-tabs){background:#e9f0ee;border-radius:9px;gap:6px;padding:5px}.admin-frame :is(.employee-submenu,.report-module-tabs,.attendance-tabs) .active{color:#fff;background:#147d6b}.admin-frame :is(.report-module-tabs b,.report-nav b){font-size:14px}.admin-frame .reports-heading{flex-wrap:wrap}.admin-frame .reports-heading form{flex-wrap:wrap;gap:10px;max-width:100%;display:flex}.admin-frame .reports-heading select{width:100%;min-width:0}.admin-frame .report-tabs{min-width:0;max-width:100%}.admin-frame table{font-variant-numeric:tabular-nums;border-collapse:separate;border-spacing:0;width:100%;font-size:14px}.admin-frame :is(th,td){white-space:nowrap;border-bottom:1px solid #e6edeb;padding:12px 14px}.admin-frame th{z-index:2;color:#35574d;text-align:left;background:#edf4f1;font-weight:600;position:sticky;top:0}.admin-frame tbody tr:hover td{background:#f1f8f5}.admin-frame :is(.table-scroll,.report-table-wrap,.attendance-table-wrap,.payroll-table-wrap){border:1px solid var(--admin-line);border-radius:8px;max-width:100%;max-height:70vh;overflow:auto}.admin-frame table :is(th,td):first-child{z-index:1;background:#fff;position:sticky;left:0}.admin-frame table th:first-child{z-index:3;background:#edf4f1}.admin-frame .employee-layout{grid-template-columns:minmax(220px,.7fr) minmax(0,1.6fr);align-items:start;gap:20px}.admin-frame .directory{max-height:calc(100dvh - 110px);position:sticky;top:86px;overflow:auto}.admin-frame .directory-item button{text-align:left;min-width:0}.admin-frame .directory-item.selected{background:#e6f4ed;box-shadow:inset 3px 0 #147d6b}.admin-frame .employee-profile{min-width:0;padding:22px}.admin-frame .employee-profile-heading h2{font-size:22px}.admin-frame .employee-profile :is(dt,dd,.salary-profile>p),.admin-frame .directory-item button b,.admin-frame .directory-summary b{font-size:14px;line-height:1.5}.admin-frame .directory-summary span{font-size:12px}.admin-frame .module-toolbar>label{flex:220px;max-width:460px}.admin-frame .module-toolbar>label input{width:100%;padding:8px 12px}.admin-frame .employee-edit{gap:16px}.admin-frame .employee-edit legend{font-size:16px}.admin-frame .employee-master-create{margin:14px 0 24px}.admin-create-disclosure{background:#fff;border:1px solid #d9e5e2;border-radius:10px;margin:20px 0;padding:14px 18px}.admin-create-disclosure>summary{cursor:pointer;color:#147d6b;font-size:15px;font-weight:650}.admin-frame .workflow-bar{flex-wrap:wrap;gap:12px;margin-bottom:22px}.admin-frame .workflow-step{font-size:14px}.admin-frame .workflow-step.active{color:#147d6b}.admin-frame .payroll-studio-page{--navy:#147d6b;--navy-soft:#e8f4ef;--canvas:#f4f7f7;--ink:#173c38;--muted:#546c69;--line:#d9e5e2}.admin-frame .payroll-studio-page .topbar{background:0 0;height:auto;min-height:72px;padding:20px 28px}.admin-frame .payroll-studio-page .topbar .brand-mark,.admin-frame .payroll-studio-page .school-name,.admin-frame .payroll-studio-page .hub-back{display:none}.admin-frame .payroll-studio-page .brand-block h1{font-size:28px}.admin-frame .payroll-studio-page .workspace{width:100%;padding:24px 28px}.admin-frame .payroll-studio-page .workflow-bar{justify-content:flex-start;height:auto;min-height:64px;margin:0;padding:16px 28px}.admin-frame .payroll-studio-page .workflow-step{font-size:14px}.admin-frame .payroll-studio-page .workflow-line{width:24px}.admin-frame .payroll-studio-page :is(.input-grid,.summary-grid),.admin-frame .payroll-studio-page :is(.panel,.workspace-heading){min-width:0}.admin-frame .payroll-studio-page :is(.panel-description,.field-label,.checkbox-row,.hint,.live-status,.privacy-status){font-size:14px}.admin-frame :is(.attendance-ops-toolbar,.daily-report-heading){background:#fff;border:1px solid #d9e5e2;border-radius:10px;flex-wrap:wrap;align-items:end;gap:12px;padding:16px;display:flex}.admin-frame :is(.attendance-ops-table,.report-table,.employee-cost-table,.department-cost-table,.salary-paid-table){max-height:65vh;overflow:auto}.admin-frame :is(.attendance-ops-table>header,.report-table-head,.employee-cost-table>header,.department-cost-table>header,.salary-paid-table>header){z-index:2;background:#edf4f1;font-size:14px;position:sticky;top:0}.admin-frame :is(.attendance-ops-table>article,.report-table-row,.employee-cost-table>article,.department-cost-table>article,.salary-paid-table>article){font-size:14px}.admin-frame :is(.attendance-ops-table>article,.report-table-row,.employee-cost-table>article):hover{background:#f0f7f4}.admin-frame .employee-section-links{border-bottom:1px solid #d9e5e2;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:12px 0;display:flex}.employee-section-links a{color:#147d6b;background:#eaf4ef;border-radius:6px;padding:8px 12px;font-size:14px;text-decoration:none}.admin-frame .employee-edit .employee-field-group{border:1px solid #d9e5e2;border-radius:8px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0;margin:0;padding:16px;scroll-margin-top:90px;display:grid}.admin-frame .employee-edit .employee-field-group legend{color:#234f44;font-size:16px;font-weight:600}.admin-frame .employee-edit .employee-field-group input,.admin-frame .employee-edit .employee-field-group select{width:100%;min-width:0}.admin-frame .employee-edit .employee-field-group input[type=checkbox]{width:auto}.admin-frame #employee-profile,.admin-frame #employee-salary{scroll-margin-top:90px}.admin-overview{max-width:1600px;margin:auto;padding:28px}.admin-overview-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.admin-overview-title p{color:#546c69;margin-top:8px;font-size:14px}.admin-overview-controls{background:#fff;border:1px solid #d9e5e2;border-radius:10px;flex-wrap:wrap;align-items:end;gap:14px;margin-bottom:20px;padding:16px;display:flex}.admin-overview-controls label{gap:6px;min-width:190px;display:grid}.admin-overview-controls select{width:100%;min-width:0;padding:8px 12px}.admin-overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px;margin-top:20px;display:grid}.admin-overview .panel{min-width:0;padding:22px}.admin-month-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.admin-month-metrics article{background:#f0f7f4;border-radius:8px;padding:16px}.admin-month-metrics span{color:#45675d;font-size:13px;display:block}.admin-month-metrics strong{margin-top:7px;font-size:26px;display:block}.admin-overview .panel-heading p{font-size:13px}.admin-overview .table-scroll{max-height:360px;overflow:auto}.admin-overview .present-list{max-height:340px;overflow:auto}.admin-overview .present-summary{margin-bottom:16px}.admin-overview .present-summary button{border-radius:9px;padding:14px}.admin-overview .present-summary strong{font-size:25px}.admin-overview .present-summary span,.admin-overview .present-list strong{font-size:14px}.admin-overview .present-list :is(b,em){font-size:12px}.admin-overview .present-list>p,.admin-overview .leave-dashboard-list>p{font-size:14px}.admin-overview .present-foot{font-size:12px}.admin-overview .holiday-list{margin:16px 0}.admin-overview .holiday-list strong{font-size:14px}.admin-overview .holiday-list b{font-size:12px}.admin-overview .admin-payroll-state{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.admin-payroll-state span{background:#eef4f2;border-radius:6px;padding:8px 12px;font-size:14px}.admin-overview .device-nav-indicator{color:#30574e;background:#fff;border:1px solid #d9e5e2;border-radius:8px;padding:10px 14px;font-size:13px}.admin-overview .device-nav-indicator small{margin-top:3px;font-size:12px;display:block}.admin-frame .device-nav-indicator span{color:#30574e;width:auto;font-size:13px}.admin-overview h2 svg{vertical-align:middle;margin-right:6px;display:inline-block}.admin-overview .action-button{margin:0 0 12px;padding:9px 14px;display:inline-flex}.admin-drawer{color:#fff;background:#123f3b;border:0;width:min(320px,88vw);height:100dvh;max-height:100dvh;margin:0;padding:18px;position:fixed;inset:0 auto 0 0}.admin-drawer::backdrop{background:#132e3899}.admin-drawer>header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.admin-drawer>header h2{font-size:18px}.admin-drawer>header button{color:#fff;background:0 0;border:0;padding:8px}.has-admin-shell .mobile-app-navigation{display:none}@media (max-width:1100px){.admin-overview-grid{grid-template-columns:1fr}.admin-month-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-frame .employee-layout{grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr)}}@media (max-width:767px){.admin-rail{display:none}.admin-header,.admin-page{margin-left:0}.admin-header{gap:10px;min-height:60px;padding:12px 16px}.admin-menu-toggle{color:#123f3b;background:0 0;border:1px solid #d9e5e2;border-radius:7px;place-items:center;padding:8px;display:grid}.admin-header nav{flex:1;font-size:13px}.admin-account>span{display:none}.admin-frame .module-content,.admin-frame .workspace,.admin-overview{padding:20px 14px}.admin-frame h1{font-size:24px}.admin-overview-title{flex-wrap:wrap;gap:10px}.admin-overview .panel{padding:16px}.admin-frame :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}.admin-frame .employee-layout{grid-template-columns:1fr}.admin-frame .directory{max-height:280px;position:static}.admin-frame .employee-edit,.admin-frame .salary-profile>div{grid-template-columns:1fr}.admin-frame .module-toolbar>*{max-width:100%}.admin-overview-controls label{flex:140px;min-width:0}.admin-frame .workflow-line{display:none}.admin-frame .workflow-step{font-size:13px}.admin-frame .payroll-studio-page .topbar{flex-wrap:wrap;gap:12px;padding:20px 14px}.admin-frame .payroll-studio-page .workspace{padding:20px 14px}.admin-frame .payroll-studio-page .workflow-bar{padding:14px}.admin-frame .payroll-studio-page .workflow-step{white-space:normal}.admin-frame .employee-edit .employee-field-group{grid-template-columns:1fr}.admin-frame .attendance-ops-table>:is(header,article){min-width:620px}.has-admin-shell{padding-bottom:0!important}.admin-overview .present-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-frame .report-module-tabs{flex-wrap:wrap}.admin-frame .report-module-tabs button{flex:180px}}@media print{.admin-rail,.admin-header,.admin-drawer{display:none}.admin-page{margin:0}}.teacher-top,.module-top,.wall-top,.admin-header{-webkit-backdrop-filter:none!important;background:#fff!important}.teacher-brand,.school-branding,.admin-brand{opacity:1;filter:none;text-shadow:none}.teacher-brand .school-branding{color:#183f38!important;background:0 0!important}.navigation-loader{-webkit-backdrop-filter:none;background:#f4f8f6}.workspace-links{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.workspace-links a{color:#185e4f;white-space:nowrap;background:#fff;border:1px solid #cbded7;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:7px;width:auto;min-height:40px;padding:8px 12px;font-size:12px;font-weight:700;line-height:1.25;text-decoration:none;display:inline-flex}.workspace-links a span{width:auto;font-size:inherit;line-height:inherit;text-align:left}.workspace-links a.workspace-home{background:#eaf5f0}.workspace-links a:hover{background:#dcefe6;border-color:#5d9d86}.workspace-links a:focus-visible{outline-offset:3px;outline:3px solid #16836b}.workspace-links a svg{flex-shrink:0}.admin-header .workspace-links{margin-left:auto}.admin-header .workspace-links a{font-size:12px}.teacher-top{flex-wrap:wrap;height:auto;min-height:74px;padding-block:12px}.teacher-top-actions{flex-wrap:wrap}@media (max-width:767px){.teacher-top,.module-top,.wall-top{height:auto;padding-top:max(12px,env(safe-area-inset-top));flex-wrap:wrap}.teacher-top .teacher-brand,.module-top .teacher-brand,.wall-top .teacher-brand{flex:100%}.teacher-top .teacher-top-actions{justify-content:space-between;width:100%}.workspace-links{gap:7px}.workspace-links a{min-height:42px;padding:8px 10px;font-size:12px}.workspace-links a span{display:inline}.module-top-actions,.admin-header{flex-wrap:wrap}.admin-header .workspace-links{flex:1 0 100%;order:3;margin:0}.admin-header .workspace-links a{flex:1}}@media print{.workspace-links{display:none}}@media screen and (max-width:767px){.has-admin-shell .mobile-app-navigation{display:block}body.has-mobile-navigation{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}.mobile-tabbar{z-index:250;opacity:1!important;visibility:visible!important;transition:none!important;animation:none!important;position:fixed!important;inset:auto 0 0!important;transform:translate(0,0)!important}}