/*! 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)}.inline{display:inline}.table{display:table}.table-row{display:table-row}.border{border-style:var(--tw-border-style);border-width:1px}.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(/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(/sbhs-logo.png) 50%/contain no-repeat!important;border:0!important}.teacher-brand>span{color:#0000!important;background:url(/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}}*{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}.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,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}}.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}}.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%}}@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}