@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/fonts/dm-sans-latin-9fea608a94.woff2) format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/manrope-latin-a30ddcd349.woff2) format("woff2")}:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#213b4a;background:#f4f8fb;font-synthesis:none;font-size:14px;--navy:#285b79;--navy-deep:#214e68;--blue:#12aeda;--blue-soft:#e6f6fc;--muted:#7c8f9b;--border:#e4edf2;--green:#208966;--red:#dc5261;--shadow:0 3px 14px #254e6505}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,label,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,.disabled{opacity:.48;cursor:not-allowed}button{transition:background .16s,box-shadow .16s,transform .16s}button:focus-visible,a:focus-visible{outline:3px solid #43c6f2;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:none;border-color:#29b7df;box-shadow:0 0 0 3px #2fc1e814}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,DM Sans,sans-serif}h1{font-size:29px;letter-spacing:-1.1px;line-height:1.35;font-weight:800}h2{font-size:19px;letter-spacing:-.45px;font-weight:750}h3{font-size:16px;letter-spacing:-.3px}input,select,textarea{background:#fff;color:#213b4a;border:1px solid #dce7ee;border-radius:7px;min-height:40px;padding:9px 12px;max-width:100%}input::placeholder,textarea::placeholder{color:#9babb6}select{padding-right:28px}input[type=checkbox]{width:16px;height:16px;min-height:16px;accent-color:#12aeda}button svg{flex-shrink:0}button{border:0}input[type=date]{min-width:140px}table{border-collapse:collapse;width:100%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#8496a2;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 16px;border-radius:7px;white-space:nowrap;font-size:12px;font-weight:650;text-decoration:none;line-height:1.3;border:1px solid transparent}.btn-primary{background:#14afd6;color:#fff;box-shadow:0 3px 8px #12aeda18}.btn-primary:hover{background:#069bc4}.btn-secondary{background:#fff;border-color:#dce8ef;color:#466477}.btn-secondary:hover{background:#f1f8fc;border-color:#bdddea}.btn-danger{background:#df5362;color:#fff}.btn-danger:hover{background:#c94453}.btn-small{min-height:32px;padding:7px 11px;font-size:11px}.btn .spinner{width:13px;height:13px}.icon-btn{display:inline-flex;justify-content:center;align-items:center;width:34px;height:34px;border-radius:7px;color:#7e95a4;background:transparent}.icon-btn:hover{background:#edf5f9;color:#285b79}.remove-btn{color:#dd5260;background:#fff2f2;width:28px;height:28px}.remove-btn:hover{color:#c23144;background:#ffe6e9}.text-btn{display:inline-flex;gap:6px;align-items:center;background:none;color:#2196bf;font-size:12px;font-weight:650;padding:7px 0}.text-btn:hover{color:#156681}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:37px;height:37px;display:grid;place-items:center;background:#e1f5fb;border-radius:10px}.brand-mark svg{width:33px;height:33px;fill:none;stroke:#0aaed9;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.brand strong{font-family:Manrope,sans-serif;display:block;font-size:27px;letter-spacing:-1.3px;line-height:1.15;font-weight:800}.brand strong span{color:#44c7ec}.brand small{display:block;font-size:6.8px;font-weight:600;letter-spacing:1.65px;margin-top:5px}.brand-light{color:#fff}.brand-light .brand-mark{background:#ffffff10}.brand-light .brand-mark svg{stroke:#55d0ee}.app-shell{min-height:100vh}.sidebar{background:var(--navy);color:#d4e4ed;position:fixed;left:0;top:0;bottom:0;width:236px;display:flex;flex-direction:column;z-index:30}.sidebar-brand{height:89px;padding:24px;border-bottom:1px solid #ffffff12;display:flex;justify-content:space-between}.workspace-label{font-size:9px;letter-spacing:1.5px;font-weight:600;color:#92b2c7;padding:28px 25px 12px}.org-badge{display:flex;align-items:center;gap:10px;margin:0 18px 26px;padding:13px 10px;background:#ffffff08;border:1px solid #ffffff13;border-radius:8px}.org-badge-icon{display:grid;place-items:center;width:31px;flex-shrink:0;color:#88d5ee}.org-badge strong{display:block;font-size:11px;line-height:1.5;color:#ecf4f9}.org-badge small{font-size:9px;display:block;color:#9ebacd;margin-top:3px}.sidebar nav{padding:0 15px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;color:#b8d0de;padding:12px 15px;width:100%;border-radius:7px;margin:3px 0;font-size:12px;font-weight:500;position:relative;min-height:45px}.nav-item:hover{background:#ffffff08;color:#fff}.nav-item.active{background:#0ea6d6;color:#fff;box-shadow:0 4px 15px #072e3d10}.nav-item i{width:4px;height:4px;background:#fff;border-radius:50%;margin-left:auto}.nav-group-title{font-size:12px;display:flex;align-items:center;gap:12px;padding:19px 15px 6px;color:#bdd3e0}.nav-group-title svg:last-child{margin-left:auto}.nav-sub{padding-left:30px;font-size:11px;min-height:40px}.nav-sub svg{width:15px;height:15px}.sidebar-bottom{margin-top:auto;padding:32px 20px 20px}.sidebar-help{background:#ffffff06;border:1px solid #ffffff13;border-radius:9px;padding:16px 14px}.sidebar-help>div{display:flex;align-items:center;gap:8px;font-size:11px;color:#daebf4}.sidebar-help svg{color:#91d6ec}.sidebar-help p{font-size:10px;line-height:1.65;color:#9fbdce;margin:9px 0 15px}.sidebar-help button{width:100%;display:flex;align-items:center;justify-content:space-between;background:#ffffff09;border:1px solid #ffffff12;border-radius:5px;color:#d7ebf5;font-size:10px;padding:9px}.sidebar-status{display:flex;align-items:center;gap:6px;font-size:9px;color:#97b6c9;margin:22px 4px 0}.sidebar-status i,.live-dot{width:6px;height:6px;background:#5bd2ba;border-radius:50%}.sidebar-status span{margin-left:auto;color:#719bb6}.app-main{margin-left:236px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;padding:0 32px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:15px;position:relative;z-index:20}.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px}.breadcrumb{font-size:11px;display:flex;align-items:center;gap:10px;color:#9aacb6}.breadcrumb strong{font-weight:500;color:#567282}.school-select{display:flex;align-items:center;gap:7px;color:#91a6b2;border-right:1px solid var(--border);padding-right:20px}.school-select select{border:0;font-size:11px;max-width:195px;min-height:32px;box-shadow:none;background:transparent;padding:5px}.school-select select:disabled{opacity:1}.notification-btn{position:relative}.notification-btn i{position:absolute;width:5px;height:5px;background:#18b4dc;border:1px solid white;right:8px;top:6px;border-radius:50%}.profile-control{position:relative}.profile-trigger{display:flex;align-items:center;gap:9px;background:transparent;padding:0;text-align:left;color:#8ea1ad}.avatar{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#eaf4f9;color:#4b8aa9;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.profile-trigger>.avatar{background:#e5f3fa;color:#388aad;width:36px;height:36px}.profile-trigger strong{display:block;color:#365061;font-weight:650;font-size:11px}.profile-trigger small{font-size:9px;display:block;margin-top:4px;color:#9aabb6}.profile-trigger>svg{margin-left:9px}.profile-menu{position:absolute;right:0;top:51px;z-index:60;min-width:195px;padding:6px;border:1px solid var(--border);border-radius:9px;background:#fff;box-shadow:0 10px 40px #285b7920}.profile-menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;padding:12px;color:#567183;font-size:12px;border-radius:5px}.profile-menu button:hover{background:#f0f7fb}.profile-menu button:last-child{border-top:1px solid var(--border);color:#d35d69;margin-top:3px}.dropdown-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55}.main-content{padding:32px 34px 26px;flex:1;max-width:1720px;width:100%;align-self:center}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:2px 0 28px}.page-heading .eyebrow{margin-bottom:8px}.page-heading p{font-size:12px;color:#8296a3;margin-top:8px;line-height:1.6}.page-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.date-chip{background:#fff;border:1px solid var(--border);border-radius:7px;display:flex;align-items:center;gap:8px;padding:11px 13px;font-size:10px;color:#7e929f}.date-chip svg{color:#4fa2c2}.overview-banner{height:237px;background:linear-gradient(110deg,#e2f5fc,#d9f2fb 70%,#c7ecf8);border:1px solid #d5ecf6;border-radius:12px;display:flex;justify-content:space-between;padding:27px 32px;overflow:hidden;position:relative;margin-bottom:28px}.overview-banner .eyebrow{color:#4492b0;font-size:8.5px;letter-spacing:1.5px}.overview-banner h2{font-size:27px;line-height:1.32;letter-spacing:-.8px;margin:11px 0 10px;color:#285b79;font-weight:800}.overview-banner p{font-size:11px;color:#6c99ae}.overview-banner button{display:flex;align-items:center;gap:9px;color:#1a8cac;border:0;background:transparent;font-size:11px;font-weight:650;margin-top:20px;padding:0}.overview-graphic{position:relative;width:350px;margin:-27px -10px -27px 0;display:flex;align-items:center;justify-content:center}.graphic-ring{position:absolute;border:1px solid #acdbeaa0;width:320px;height:320px;border-radius:50%;right:-30px;top:-43px}.ring-two{width:230px;height:230px;right:16px;top:2px;background:#d8f3fc40}.graphic-card{position:relative;border:1px solid #ffffffc0;background:#ffffffb8;border-radius:12px;width:181px;height:164px;padding:21px 20px;transform:rotate(-4deg);box-shadow:0 15px 35px #4189a719;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-top:-5px}.graphic-icon{position:absolute;right:18px;top:21px;color:#2fb2d6;background:#e1f7ff;display:grid;place-items:center;width:39px;height:39px;border-radius:10px}.graphic-card small{font-size:8px;color:#7fa5b6;letter-spacing:1px;font-weight:600}.graphic-card strong{font-family:Manrope;display:block;font-size:51px;line-height:1.1;letter-spacing:-2px;color:#285b79;margin-top:14px}.graphic-card span{display:flex;align-items:center;gap:5px;margin-top:13px;font-size:8px;color:#88a4b2}.graphic-card span i{width:4px;height:4px;border-radius:50%;background:#5cc6a5}.graphic-check{position:absolute;right:4px;bottom:30px;display:flex;align-items:center;gap:7px;background:#fff;box-shadow:0 5px 25px #5a97b61a;border-radius:7px;color:#4ba28d;padding:12px 14px;font-size:9px;transform:rotate(3deg)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 15px;gap:16px}.section-heading h2{font-size:17px}.section-heading p{font-size:10px;color:#8ba0ac;margin-top:5px}.section-heading>span{color:#95a7b2;font-size:11px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:26px}.category-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:19px 18px;display:flex;align-items:center;gap:13px;position:relative;min-height:100px;box-shadow:var(--shadow)}.category-icon{border-radius:10px;width:45px;height:45px;display:grid;place-items:center;flex-shrink:0;background:#e9f8fb;color:#22a9bd}.category-card>div:nth-child(2){min-width:0}.category-card span{font-size:10px;color:#8c9ea9;display:block}.category-card strong{font-size:29px;line-height:1.2;font-family:Manrope;font-weight:800;display:flex;align-items:baseline;gap:6px;margin-top:7px;letter-spacing:-.8px}.category-card strong small{font-size:9px;font-family:DM Sans;font-weight:400;color:#a2b2bd;letter-spacing:0}.sparkline{margin-left:auto;max-width:60px;width:20%;height:29px;fill:none;stroke:#39b8cb;stroke-width:2}.tone-1{color:#5599d5;background:#edf4fc;stroke:#66a5db}.tone-2{color:#a393cc;background:#f3effb;stroke:#b7a7dc}.tone-3{color:#dfae61;background:#fff7e9;stroke:#dcbb7c}.sparkline{background:transparent}.panel{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);margin-bottom:24px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 24px 19px;gap:20px}.panel-heading h2{font-size:17px}.panel-heading p{font-size:10px;color:#8b9fac;margin-top:6px;line-height:1.6}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:7px}.icon-box{height:39px;width:39px;background:#eaf7fc;color:#3ca9cf;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.data-table{text-align:left;white-space:nowrap;font-size:11px}.data-table th{background:#f1f8fc;color:#718e9f;font-size:10px;font-weight:600;text-align:left;padding:13px 16px;border-top:1px solid #e9f1f6;border-bottom:1px solid #e4edf3;line-height:1.5}.data-table th small{display:block;font-size:8px;font-weight:400;color:#9ab0bc;margin-top:2px}.data-table td{padding:16px;border-bottom:1px solid #edf2f6;color:#567182}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfdfe}.data-table strong{font-weight:550;color:#375569}.monthly-table th,.monthly-table td{padding:15px 19px;min-width:98px;font-size:10px}.monthly-table th:first-child,.monthly-table td:first-child{min-width:170px;position:sticky;left:0;background:#fff;z-index:1}.monthly-table th:first-child{background:#f1f8fc}.monthly-table td:first-child{font-weight:550;font-size:10px}.category-dot{display:inline-block;width:6px;height:6px;border-radius:2px;margin-right:8px;vertical-align:1px}.month-amount{display:block;font-size:9px;margin-top:5px;color:#99a9b3}.total-row td{background:#f9fcfe!important;font-weight:650}.total-row .month-amount{color:#2488ae;font-weight:650}.inline-select{display:flex;gap:7px;align-items:center;color:#8ca8b9;border:1px solid var(--border);border-radius:6px;padding-left:10px}.inline-select select{border:0;box-shadow:none;font-size:11px;min-height:33px;padding:6px 20px 6px 4px}.birthday-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:21px}.birthday-panel{margin:0}.birthday-list{padding:0 24px 12px}.birthday-list>div{display:flex;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid #edf2f6}.birthday-list>div:last-child{border-bottom:0}.birthday-list strong{font-size:11px;color:#476476;font-weight:550;display:block}.birthday-list small{display:block;font-size:9px;color:#96a9b5;margin-top:4px}.birthday-list>div>span{margin-left:auto;color:#879fac;font-size:10px}.birthday-list .avatar{width:33px;height:33px;font-size:10px}.birthday-soon{border-radius:5px;padding:5px 9px!important;background:#e8f7fc;color:#1fa4ca!important;font-size:9px!important}.celebration-card{background:#ebf6fb;border:1px solid #dceef6;border-radius:10px;padding:30px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;min-height:272px}.cake-emoji{font-size:40px;line-height:1;margin:0 0 16px;z-index:1}.celebration-card .eyebrow{color:#7da9bd;font-size:8px;letter-spacing:1.5px}.celebration-card h2{font-size:24px;color:#347997;letter-spacing:-.7px;margin:8px 0 13px;font-weight:800}.celebrant strong{display:block;font-size:14px;font-weight:600;color:#527f94}.celebrant span{display:block;font-size:10px;color:#89a9b9;margin-top:5px}.celebration-card>p{margin-top:18px;color:#87a8b9;font-size:10px}.celebrant+.celebrant{margin-top:12px}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti i{position:absolute;background:#9cd7ea;height:8px;width:4px;transform:rotate(28deg);border-radius:1px;left:20%;top:19%;opacity:.7}.confetti i:nth-child(2){left:75%;top:24%;background:#d1b8db;transform:rotate(-25deg)}.confetti i:nth-child(3){left:12%;top:65%;background:#c2ddd2;transform:rotate(-22deg)}.confetti i:nth-child(4){left:84%;top:69%;background:#dbc9a6;transform:rotate(65deg)}.confetti i:nth-child(5){left:59%;top:11%;width:5px;height:5px;border-radius:50%;background:#a8d8cc}.confetti i:nth-child(6){left:34%;top:81%;height:5px;width:5px;border-radius:50%;background:#cbb9e0}.dashboard-bottom{display:flex;gap:8px;align-items:center;font-size:9px;color:#99aeba;padding:22px 0 0}.dashboard-bottom svg{color:#7fabbb}.dashboard-bottom span:last-child:not(:first-of-type){margin-left:auto}.app-footer{padding:18px 34px;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:9px;color:#a1b2bc;background:#f6f9fc;gap:20px}.app-footer span:last-child{display:flex;align-items:center;gap:10px}.app-footer i{height:3px;width:3px;border-radius:50%;background:#b9c6ce}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;font-size:9px;border-radius:5px;line-height:1.2}.status-pill i{width:4px;height:4px;border-radius:50%;background:currentColor}.status-active{color:#329d7d;background:#eff9f4}.status-inactive{color:#a2acb3;background:#f1f4f6}.employment-pill,.profession-pill{display:inline-block;background:#f1f7fb;border:1px solid #e8f0f5;border-radius:5px;color:#6d8c9e;font-size:9px;padding:5px 8px}.employment-pill{background:#ebf7fb;color:#449dbd;border-color:#e0f0f8}.employment-pill.part-time{background:#f5f1fc;color:#9a84be;border-color:#efe8f8}.staff-summary{display:flex;align-items:center;gap:13px;border:1px solid #dcebf3;background:#ecf6fc;border-radius:9px;padding:16px 21px;margin-bottom:23px}.staff-summary .icon-box{background:#dff1fa;color:#3a9bc3}.staff-summary strong{font-size:12px;font-weight:600;display:block;color:#4b7a92}.staff-summary span{display:block;font-size:10px;color:#8eaaba;margin-top:5px}.staff-summary-note{margin-left:auto;font-size:11px;color:#7fa2b6}.staff-toolbar,.table-toolbar{display:flex;align-items:center;gap:15px;padding:18px 21px;flex-wrap:wrap}.search-input,.search-box{display:flex;align-items:center;gap:7px;border:1px solid #e1ebf1;border-radius:7px;background:#fff;padding:0 10px;color:#9ab0bd;min-height:38px}.search-input input,.search-box input{border:0;box-shadow:none;outline:none;padding:8px 0;font-size:10px;min-height:35px;width:100%;background:transparent}.staff-toolbar>.search-input{min-width:200px;max-width:270px;flex:1}.period-selects{display:flex;align-items:center;gap:10px}.period-selects>label{display:flex;align-items:center;gap:7px}.period-selects>label>span{font-size:9px;color:#93a8b5}.period-selects select{font-size:10px;padding:8px 27px 8px 9px;min-height:36px;background:#fbfdff}.import-actions{display:flex;align-items:center;gap:17px;margin-left:auto}.import-actions .text-btn{font-size:9px}.import-actions .btn{font-size:10px;min-height:34px;padding:7px 11px}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 21px 16px;flex-wrap:wrap}.tabs{display:flex;gap:4px;align-items:center;background:#f4f8fb;border:1px solid #e8f0f5;border-radius:7px;padding:3px}.tabs button{background:transparent;padding:7px 13px;border-radius:5px;color:#8ba3b2;font-size:10px;font-weight:500}.tabs button.active{background:#fff;color:#3396bc;box-shadow:0 1px 5px #1c588414}.tabs button span{margin-left:5px;background:#f0f7fc;color:#6f9bb0;padding:1px 4px;font-size:9px;border-radius:3px}.table-filters{display:flex;gap:8px}.table-filters select{min-height:32px;font-size:9px;padding:6px 25px 6px 9px;background:#fff}.staff-table th,.staff-table td{font-size:10px;padding:15px 13px}.staff-table th:first-child,.staff-table td:first-child{padding-left:21px}.row-number{color:#a7b8c2!important;font-size:9px!important;width:45px}.person-cell,.table-person{display:flex;gap:10px;align-items:center}.person-cell strong{font-size:10px}.person-cell .avatar{height:29px;width:29px;font-size:9px}.bank-account{font-family:DM Sans,monospace;font-variant-numeric:tabular-nums;font-size:9px!important;color:#7c92a0!important;letter-spacing:.2px}.row-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px}.row-actions .icon-btn{width:27px;height:27px}.right{text-align:right!important}.table-footer{border-top:1px solid var(--border);padding:15px 21px;color:#a0b1bd;font-size:9px;display:flex;justify-content:space-between;gap:15px}.table-footer>span:last-child{display:flex;align-items:center;gap:5px}.status-dot{display:inline-block;height:5px;width:5px;border-radius:50%;background:#55b39b}.draft-rows{padding:0 22px 22px}.staff-draft{border:1px solid var(--border);border-radius:7px;padding:13px;margin-bottom:12px;background:#fbfdff;position:relative}.staff-draft:last-child{margin-bottom:0}.draft-label{display:flex;gap:6px;align-items:center;font-size:9px;color:#59a2c1;font-weight:600;margin-bottom:11px}.staff-draft-fields{display:grid;grid-template-columns:1.7fr 1.1fr 1fr 1.35fr .9fr auto;gap:10px;align-items:end}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#637d8e;min-width:0}.field>span{font-weight:550;font-size:11px}.field small{font-size:10px;color:#93a5b0;line-height:1.6}.field input,.field select,.field textarea{width:100%;font-size:12px}.staff-draft .field{gap:5px}.staff-draft .field>span{font-size:9px}.staff-draft input,.staff-draft select{font-size:10px;min-height:35px;padding:8px}.draft-actions{display:flex;align-items:center;gap:4px}.draft-actions .btn{min-height:34px;font-size:10px;padding:8px 10px}.name-field{position:relative}.name-suggestions{position:absolute;z-index:15;top:62px;left:0;min-width:100%;background:#fff;border:1px solid #d6e8f2;border-radius:7px;box-shadow:0 8px 30px #285b7919;max-height:220px;overflow:auto}.name-suggestions button{display:flex;flex-direction:column;gap:4px;align-items:flex-start;background:#fff;border-bottom:1px solid #edf3f6;width:100%;padding:11px;font-size:10px;white-space:nowrap;color:#45788f}.name-suggestions button:hover{background:#ecf8fc}.name-suggestions small{font-size:8px;color:#80a3b5}.duplicate-row{border-color:#f3bdc4;background:snow}.invalid{border-color:#e17c87!important}.editing-source{opacity:.5}.form-error{display:flex;align-items:flex-start;gap:7px;background:#fff1f2;border:1px solid #fbdfe3;border-radius:6px;color:#cd5261;padding:10px 12px;font-size:11px;line-height:1.6;margin-top:12px}.form-error svg{flex-shrink:0;margin-top:1px}.error-text{color:#da5665!important}.info-note{font-size:11px;line-height:1.7;border-radius:7px;border:1px solid #cde9f3;background:#eaf6fc;color:#598ca4;padding:14px 18px}.period-panel{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:21px 24px;margin-bottom:20px}.period-panel .eyebrow{font-size:8px;margin-bottom:10px}.period-panel .period-selects select{min-width:100px}.period-panel .period-selects>label>span{font-size:10px}.period-facts{display:flex;gap:32px;align-items:center}.period-facts>div{display:flex;gap:9px;align-items:center;color:#51abc9}.period-facts span{color:#96aab6;font-size:9px;display:block}.period-facts strong{display:block;color:#557c91;font-weight:550;font-size:12px;margin-top:4px}.payroll-tabs{display:flex;gap:13px;margin-bottom:20px}.payroll-tabs>button{display:flex;align-items:center;gap:12px;text-align:left;color:#8cabbc;background:#fff;border:1px solid var(--border);border-radius:8px;padding:15px 20px;min-width:255px}.payroll-tabs>button.active{border-color:#85d4ec;background:#eaf8fd;color:#29a7d0;box-shadow:0 2px 5px #20abd008}.payroll-tabs>button>span{font-size:12px;font-weight:550}.payroll-tabs small{display:block;font-size:9px;font-weight:400;margin-top:4px;color:#a3b8c5}.payroll-tabs .tab-count{margin-left:auto;padding:3px 7px;background:#f4f9fc;border-radius:4px;font-size:9px;color:#91aebf}.payroll-tabs .active .tab-count{background:#d5f0fa;color:#52a6c5}.saved-label{display:inline-flex;align-items:center;gap:6px;color:#8aaeaa;font-size:9px;white-space:nowrap}.saved-label svg{color:#69b698}.saved-label.unsaved{color:#ca9f61}.unsaved .status-dot{background:#d3af79}.heading-count{display:inline-block;background:#e9f6fc;border-radius:4px;font-size:10px;padding:4px 7px;color:#59a9c9;vertical-align:2px;margin-left:6px;font-family:DM Sans;font-weight:550}.payroll-table{font-size:10px;min-width:830px}.payroll-table th,.payroll-table td{padding:13px 11px;font-size:9px}.payroll-table th:first-child,.payroll-table td:first-child{padding-left:22px}.payroll-name{min-width:220px}.payroll-person{display:flex;align-items:center;gap:9px}.payroll-person strong{display:block;font-size:10px}.payroll-person small{display:block;font-size:8px;margin-top:4px;color:#9aadb9}.payroll-person .avatar{width:27px;height:27px;font-size:8px}.number-input{width:77px;min-height:33px;border:1px solid #e2edf3;background:#fcfeff;border-radius:5px;font-size:10px;padding:7px;font-variant-numeric:tabular-nums;text-align:right}.payroll-table td:nth-child(4) .number-input{width:87px}.note-input{width:125px;min-height:33px;font-size:9px;border:1px solid #e6eef3;border-radius:5px;padding:7px 9px;background:#fcfeff}.net-pay{font-weight:650;color:#299ac0!important;font-size:11px!important;font-variant-numeric:tabular-nums;text-align:right;min-width:85px}.staff-picker{width:222px;position:relative}.staff-picker .search-input{min-height:33px}.staff-picker input{font-size:10px}.picker-options{margin-top:5px;background:#f8fcff;border:1px solid #e4eff5;border-radius:6px;max-height:144px;overflow:auto;min-width:100%}.picker-options button{display:block;width:100%;background:transparent;padding:9px 10px;text-align:left;color:#588497;border-bottom:1px solid #eaf1f6}.picker-options button:hover{background:#e8f7fd}.picker-options strong{font-size:9px;display:block}.picker-options small{display:block;font-size:8px;margin-top:3px;color:#98b0bf}.no-options{padding:11px;color:#94aab7;font-size:9px;white-space:normal}.add-payroll-row{padding:18px 22px;border-top:1px solid #edf3f6;display:flex;align-items:center;gap:13px}.add-payroll-row .btn{font-size:10px;min-height:34px;padding:8px 13px;background:#f5fbff;border-color:#dceef6;color:#449cbd}.add-payroll-row>span{color:#a8bac6;font-size:9px}.payroll-bottom{padding:22px 24px;background:#f8fbfd;border-top:1px solid #e6eef4;display:flex;justify-content:space-between;gap:20px;align-items:center}.payroll-bottom>div:first-child>span{font-size:9px;color:#95a9b8;display:block}.payroll-bottom strong{font-size:26px;font-family:Manrope;letter-spacing:-.5px;color:#34677f;display:block;margin-top:5px}.payroll-bottom strong small{margin-left:7px;font-size:10px;letter-spacing:0;font-family:DM Sans;font-weight:400;color:#9db0bc}.payroll-save{display:flex;gap:9px}.payroll-error{margin:0 22px 16px}.formula-note{display:flex;gap:11px;align-items:flex-start;padding:0 4px}.formula-note>.icon-box{height:33px;width:33px;background:#e7f2f8;color:#73a8c0;border-radius:8px}.formula-note strong{font-size:10px;font-weight:550;color:#7797a9}.formula-note p{font-size:9px;color:#9db1be;line-height:1.8;margin-top:4px;max-width:780px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.summary-card{padding:23px;background:#fff;border:1px solid var(--border);border-radius:10px;display:grid;grid-template-columns:auto 1fr;gap:8px 14px}.summary-card .icon-box{grid-row:span 2}.summary-card>span{font-size:10px;color:#8a9eab}.summary-card strong{font-family:Manrope;font-size:26px;font-weight:800}.school-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:26px}.school-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:23px;text-align:left;box-shadow:var(--shadow);color:#285b79}.school-card:hover{border-color:#99d6eb;box-shadow:0 5px 25px #2aa4d013}.school-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.school-card-icon{color:#35a5ce;background:#e9f7fc;width:43px;height:43px;border-radius:9px;display:grid;place-items:center}.school-card h3{font-size:16px;margin-bottom:7px}.school-card p{font-size:10px;color:#95aab8;line-height:1.6}.school-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf3f6;padding-top:17px;margin-top:19px;color:#7fa6b9;font-size:10px}.compact-schools{margin-bottom:22px;gap:11px}.compact-schools .school-card{padding:13px 15px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.compact-schools .school-card-top{margin:0}.compact-schools .status-pill{display:none}.compact-schools .school-card-icon{height:30px;width:30px;border-radius:6px}.compact-schools h3{font-size:11px;margin:0}.compact-schools .school-card-bottom{grid-column:2;padding:0;border:0;margin:0;font-size:8px}.compact-schools .school-card-bottom svg{width:11px;height:11px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 25px;text-align:center;color:#a4b9c6}.empty-state>svg{color:#bcd6e4;margin-bottom:13px;stroke-width:1.5}.empty-state h3{color:#7d9aac;font-size:13px;font-weight:600}.empty-state p{font-size:10px;color:#a4b6c2;margin-top:7px;line-height:1.8;max-width:400px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#163c5490;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:#fff;border:1px solid #e5edf3;border-radius:13px;width:540px;max-width:100%;max-height:90vh;overflow:auto;padding:26px;box-shadow:0 20px 70px #08293b35;outline:none}.modal-wide{width:850px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:25px}.modal-head h2{font-size:20px}.modal-head p{font-size:11px;color:#8ca4b4;margin-top:8px;line-height:1.7}.modal-head .icon-btn{margin:-7px -7px 0 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid>.full-width,.form-grid>.field:has(textarea){grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid var(--border);margin-top:24px;padding-top:19px}.form-actions .btn{font-size:11px}.confirm-text{color:#7a93a3;font-size:12px;line-height:1.9}.checkbox-label{display:flex;align-items:center;gap:9px;font-size:11px;color:#6c8798;margin-top:16px}.modal h3{font-size:13px;margin:15px 0}.modal .table-wrap{border:1px solid var(--border);border-radius:7px}.guide-steps{display:flex;flex-direction:column;gap:22px}.guide-steps>div{display:flex;gap:14px}.guide-steps>div>span{color:#37a8ce;background:#ecf8fc;border-radius:8px;width:35px;height:35px;display:grid;place-items:center;font-size:11px;flex-shrink:0}.guide-steps h3{margin:0;font-size:12px}.guide-steps p{color:#8ea5b4;font-size:11px;line-height:1.8;margin-top:6px}.toast{position:fixed;bottom:27px;right:29px;z-index:150;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #cfe8e0;border-radius:9px;box-shadow:0 6px 35px #204b681f;color:#418a73;padding:15px 16px;font-size:12px;max-width:min(500px,calc(100vw - 34px))}.toast-error{border-color:#f1cdd3;color:#ce5867}.toast>button{display:grid;place-items:center;background:transparent;color:#99aeb9;flex-shrink:0;padding:3px}.toast>svg{flex-shrink:0}.table-toolbar{border-bottom:1px solid #edf2f6}.table-toolbar .search-box{min-width:260px}.table-toolbar>div:last-child:not(.search-box){margin-left:auto}.muted{color:#8fa6b5}.small{font-size:10px}.role-badge{display:inline-block;font-size:9px;background:#eff7fb;color:#5c94ae;border:1px solid #e3eff6;padding:5px 8px;border-radius:5px}.avatar-small{height:28px;width:28px;font-size:9px}.avatar-large{height:73px;width:73px;font-size:24px;border:4px solid #f7fbfe}.profile-panel{max-width:800px;padding:28px}.profile-summary{display:flex;gap:18px;align-items:center;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid var(--border)}.profile-summary h2{font-size:21px}.profile-summary p{font-size:11px;color:#8ca6b6;margin-top:5px}.profile-panel h3{font-size:14px;margin:26px 0 18px}.period-year{color:#2a9cc1;font-size:12px;margin:18px 22px 12px;font-weight:650}.settings-tabs{margin-bottom:20px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-category-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:16px}.settings-category-card h3{font-size:14px}.settings-category-card p{font-size:10px;color:#8ca5b5;margin-top:6px}.settings-category-card .row-actions{margin-top:12px}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.loading-screen p{color:#8ca4b4;font-size:12px}.spinner{height:24px;width:24px;border:2px solid #d9edf6;border-top-color:#16abd4;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hamburger,.mobile-close,.sidebar-overlay{display:none}.login-page{min-height:100vh;background:#285b79;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column}.login-page:before{content:"";position:absolute;width:750px;height:750px;border:1px solid #ffffff04;border-radius:50%;right:-250px;top:-200px;box-shadow:0 0 0 80px #ffffff02,0 0 0 160px #ffffff01;pointer-events:none}.login-brand{padding:35px 6.7vw;position:relative;z-index:1}.login-layout{display:grid;grid-template-columns:1fr 425px;align-items:center;gap:8vw;max-width:1190px;width:100%;margin:auto;padding:28px 55px 46px;position:relative;z-index:1}.login-story .eyebrow{color:#9ac4d9;font-size:8px;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.login-story .live-dot{background:#57d1de;height:5px;width:5px}.login-story h1{font-size:57px;letter-spacing:-2.3px;line-height:1.17;font-weight:800;margin-top:23px;color:#fff}.login-story h1>span{color:#69d3f0}.login-story>p{font-size:12px;line-height:1.95;color:#a9c6d7;max-width:365px;margin:22px 0}.login-benefits{display:flex;flex-direction:column;gap:15px;margin-top:28px}.login-benefits>div{display:flex;align-items:center;gap:10px;font-size:11px;color:#b7d2e1}.login-benefits svg{color:#7acddd;stroke-width:1.5}.login-illustration{position:relative;margin-top:30px;width:350px;padding-bottom:15px}.mini-payroll{background:#ffffff06;border:1px solid #ffffff14;border-radius:11px;padding:15px 18px;width:280px}.mini-payroll>span{font-size:8px;color:#a4c6d9;display:flex;gap:6px;align-items:center}.mini-dot{height:5px;width:5px;border-radius:2px;background:#7fd4e7}.mini-payroll>strong{display:block;font-size:10px;color:#d3e9f6;font-weight:500;margin-top:7px}.mini-bars{display:flex;align-items:flex-end;gap:10px;height:62px;padding-top:12px}.mini-bars i{flex:1;display:block;max-width:19px;background:linear-gradient(#5cbddd,#4ca7cf);border-radius:3px 3px 0 0}.mini-bars i:last-child{background:linear-gradient(#92deed,#6dcde3)}.mini-payroll-footer{border-top:1px solid #ffffff0e;color:#8eb7cd;font-size:7px;margin-top:11px;padding-top:9px;display:flex;gap:5px;align-items:center}.floating-check{position:absolute;right:0;bottom:18px;display:flex;align-items:center;gap:10px;color:#64b29a;background:#f9fdff;box-shadow:0 10px 25px #17374825;border-radius:8px;padding:12px 14px;transform:rotate(-3deg)}.floating-check strong{display:block;font-size:11px;color:#4b778b}.floating-check small{display:block;font-size:7px;color:#92acb9;margin-top:4px}.login-card{background:#fff;color:#365568;border-radius:14px;padding:35px 34px;box-shadow:0 20px 65px #10374720;border:1px solid #eff7fb;width:100%}.login-icon{height:47px;width:47px;background:#e8f7fc;display:grid;place-items:center;border-radius:12px;color:#38aad0;margin-bottom:23px}.login-card h2{font-size:25px;font-weight:800;letter-spacing:-.8px}.login-card>p{font-size:11px;color:#8fa6b4;margin-top:8px;margin-bottom:28px}.login-card .field{margin-bottom:19px}.login-card .field>span{font-size:10px;font-weight:600;color:#6b8596}.login-card .field input{font-size:11px;padding:12px 13px;min-height:43px;border-color:#e0eaf1;border-radius:7px;background:#fcfdff}.password-field{position:relative}.password-field input{width:100%;padding-right:44px!important}.password-field button{position:absolute;right:9px;top:9px;color:#a3b7c4;background:none;display:grid;place-items:center;padding:4px}.login-submit{width:100%;font-size:12px;font-weight:600;margin-top:5px;min-height:44px;background:#1badd4}.login-submit svg{margin-left:auto}.login-submit:after{content:"";width:15px;display:none}.secure-note{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:20px;color:#9bb2bf;font-size:9px}.demo-toggle{display:flex;justify-content:center;align-items:center;gap:4px;margin:24px auto 0;font-size:9px;color:#a2b5c2;background:none;padding:0}.demo-accounts{border:1px solid #e8f1f6;border-radius:6px;padding:8px;margin-top:12px;background:#f8fcfe}.demo-accounts button{display:flex;justify-content:space-between;width:100%;gap:15px;background:transparent;color:#6c91a5;font-size:9px;padding:8px 6px;border-radius:4px}.demo-accounts button:hover{background:#eaf6fc}.demo-accounts code{font-size:9px;color:#249bbd}.demo-accounts>small{display:block;font-size:8px;color:#9db6c4;border-top:1px solid #e7f0f5;padding-top:9px;margin:6px}.login-footer{display:flex;justify-content:space-between;font-size:9px;color:#85aac0;padding:24px 6.7vw;z-index:1;position:relative}.login-card .form-error{font-size:10px;margin-bottom:13px}@media(min-width:1600px){.main-content{padding:38px 48px}.category-grid{grid-template-columns:repeat(3,1fr)}.overview-banner{height:250px}.overview-graphic{margin-right:70px}.overview-banner h2{font-size:31px}}@media(max-width:1250px){.sidebar{width:215px}.app-main{margin-left:215px}.sidebar-brand{padding:24px 20px}.main-content{padding:26px 25px}.topbar{padding:0 25px}.category-grid{gap:11px}.category-card{padding:17px 13px;gap:10px}.category-icon{width:37px;height:37px}.category-card strong{font-size:27px}.sparkline{width:17%}.staff-draft-fields{grid-template-columns:1.6fr 1.1fr 1fr}.draft-actions{align-self:end}.staff-toolbar>.search-input{max-width:230px;min-width:180px}.import-actions{gap:10px}.school-select select{max-width:150px}.profile-trigger>div:nth-child(2){max-width:145px}.overview-graphic{width:280px}.staff-summary-note{font-size:9px}.page-heading h1{font-size:26px}.login-layout{gap:6vw;padding:25px 40px;max-width:1050px}.login-story h1{font-size:51px}}@media(max-width:1050px){.category-grid,.school-grid{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start}.page-actions{gap:6px}.page-actions .btn{font-size:10px;padding:9px 12px}.date-chip{font-size:9px}.topbar-right{gap:10px}.profile-trigger>div:nth-child(2){display:none}.profile-trigger>svg{margin-left:0}.birthday-grid{grid-template-columns:1.15fr 1fr}.overview-banner{padding:24px}.overview-banner h2{font-size:24px}.overview-graphic{width:210px;margin-right:-25px}.graphic-card{width:156px;height:154px;padding:19px 15px}.graphic-card strong{font-size:46px}.graphic-card span{font-size:6.5px}.graphic-icon{right:12px;width:32px;height:32px}.graphic-check{right:-9px;font-size:7px;padding:10px}.graphic-ring{right:-75px}.ring-two{right:-30px}.table-filters select{max-width:155px}.payroll-tabs>button{min-width:0;flex:1;padding:14px 16px}.staff-summary-note{display:none}.app-footer span:last-child{font-size:8px}.login-layout{grid-template-columns:1fr 380px;gap:45px}.login-story h1{font-size:47px}.login-card{padding:29px}.login-illustration{width:320px}.settings-grid{grid-template-columns:1fr}.panel-heading{padding:20px}}@media(max-width:850px){.sidebar{transform:translate(-100%);transition:transform .2s;width:236px;z-index:80}.sidebar.open{transform:translate(0)}.app-main{margin-left:0}.hamburger{display:flex}.mobile-close{display:flex;align-items:center;background:none;color:#b4d1e2;padding:0}.sidebar-overlay.visible{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#143c5670;z-index:75;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.topbar{height:67px;padding:0 24px}.main-content{padding:25px}.birthday-grid{grid-template-columns:1.25fr 1fr}.school-select select{max-width:195px}.login-layout{grid-template-columns:1fr 365px;padding:15px 30px 30px;gap:30px}.login-brand{padding:27px 30px}.login-story h1{font-size:43px}.login-story .eyebrow{font-size:7px;letter-spacing:1px}.login-story>p{font-size:11px}.login-illustration{width:270px}.mini-payroll{width:235px}.floating-check{padding:10px 11px}.floating-check small{font-size:6px}.floating-check strong{font-size:9px}.login-card{padding:29px}.login-story .login-benefits{gap:11px}.login-footer{padding:20px 30px}}@media(max-width:650px){h1{font-size:24px}.topbar{padding:0 17px;gap:8px}.topbar-left{gap:7px}.topbar-right{gap:8px}.breadcrumb{font-size:9px;gap:5px}.breadcrumb>strong{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.school-select{padding-right:0;border:0;gap:2px}.school-select>svg{display:none}.school-select select{max-width:133px;font-size:9px;padding-left:0;min-height:30px}.profile-trigger .avatar{width:31px;height:31px;font-size:10px}.profile-trigger>svg{display:none}.notification-btn{width:28px}.topbar .hamburger{width:26px}.main-content{padding:22px 16px}.page-heading{flex-wrap:wrap;gap:16px;margin-bottom:22px}.page-heading h1{font-size:24px}.page-heading p{font-size:11px}.page-actions{flex-wrap:wrap;gap:8px;width:100%}.page-actions .btn{font-size:10px;min-height:35px;padding:8px 12px}.date-chip{padding:8px 10px;min-height:33px}.overview-banner{height:215px;padding:23px 20px}.overview-banner h2{font-size:23px}.overview-banner .eyebrow{font-size:7px;letter-spacing:1px}.overview-banner p{font-size:9px;max-width:195px;line-height:1.7}.overview-banner button{font-size:10px;margin-top:17px}.overview-graphic{width:145px;margin-right:-39px;margin-top:-6px}.graphic-card{width:121px;height:127px;padding:14px 12px;margin-top:-7px}.graphic-card small{font-size:6px;letter-spacing:.5px}.graphic-card strong{font-size:39px;margin-top:12px}.graphic-card span{font-size:5px;margin-top:13px;white-space:nowrap}.graphic-icon{width:25px;height:25px;right:8px;top:16px}.graphic-icon svg{width:18px}.graphic-check{right:5px;bottom:27px;padding:8px 9px;font-size:5px;gap:4px}.graphic-check svg{width:12px;height:12px}.graphic-ring{width:210px;height:210px;right:-34px;top:6px}.ring-two{height:155px;width:155px;right:-5px;top:34px}.section-heading{margin-top:24px}.section-heading h2{font-size:15px}.section-heading p{font-size:9px}.section-heading .text-btn{font-size:10px}.category-grid{gap:10px;margin-bottom:20px}.category-card{padding:15px 12px;gap:9px;min-height:87px}.category-icon{width:33px;height:33px;border-radius:8px}.category-icon svg{width:18px}.category-card span{font-size:9px}.category-card strong{font-size:25px;margin-top:5px;gap:4px}.category-card strong small{font-size:7px}.sparkline{display:none}.birthday-grid{grid-template-columns:1fr;gap:16px}.panel-heading{padding:20px 18px 16px;gap:12px}.panel-heading h2{font-size:16px}.panel-heading p{font-size:9px}.birthday-list{padding:0 18px 10px}.birthday-list>div{padding:13px 0}.celebration-card{min-height:245px;padding:26px}.celebration-card h2{font-size:25px}.dashboard-bottom{flex-wrap:wrap;font-size:8px;gap:6px}.dashboard-bottom span:last-child:not(:first-of-type){margin-left:22px;width:100%}.app-footer{font-size:8px;padding:16px;flex-wrap:wrap;gap:9px}.app-footer span:last-child{font-size:7px;flex-wrap:wrap;gap:5px}.staff-toolbar{padding:16px;gap:12px}.staff-toolbar>.search-input{max-width:none;min-width:100%;flex:1}.staff-toolbar .period-selects{width:100%;justify-content:flex-start}.import-actions{margin-left:0;width:100%;justify-content:space-between}.filter-row{padding:0 16px 15px;gap:12px}.table-filters{width:100%;gap:8px}.table-filters select{flex:1;max-width:50%}.tabs{padding:3px}.tabs button{padding:7px 10px;font-size:9px}.table-footer{padding:13px 16px;font-size:8px;flex-wrap:wrap;gap:8px}.staff-summary{padding:14px 17px;margin-bottom:18px}.staff-summary strong{font-size:11px}.staff-summary span{font-size:9px}.draft-rows{padding:0 15px 17px}.staff-draft-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.staff-draft-fields .name-field{grid-column:span 2}.draft-actions{justify-content:flex-end}.draft-panel .panel-heading .btn{font-size:9px;min-height:33px;padding:8px 10px}.draft-panel .panel-heading p{font-size:9px;max-width:175px}.period-panel{padding:18px;flex-wrap:wrap;gap:17px}.period-panel>div:first-child{width:100%}.period-panel .period-selects{gap:15px}.period-panel .period-selects select{min-width:90px}.period-facts{padding-top:14px;border-top:1px solid var(--border);width:100%;gap:25px}.period-facts strong{font-size:11px}.payroll-tabs{gap:9px}.payroll-tabs>button{padding:13px 11px;gap:8px}.payroll-tabs>button>span{font-size:10px}.payroll-tabs>button>svg{height:17px;width:17px}.payroll-tabs small{font-size:7px}.payroll-tabs .tab-count{padding:3px 5px;font-size:8px;margin-left:auto}.payroll-panel .panel-heading{flex-wrap:wrap;gap:11px}.payroll-panel .saved-label{font-size:8px}.payroll-bottom{padding:18px 16px;flex-wrap:wrap;gap:15px}.payroll-bottom strong{font-size:25px}.payroll-save{margin-left:auto}.payroll-save .btn{font-size:10px;min-height:36px;padding:8px 12px}.add-payroll-row{padding:16px}.add-payroll-row>span{font-size:8px}.formula-note{gap:9px}.formula-note p{font-size:8px}.formula-note strong{font-size:9px}.summary-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.summary-card{padding:16px 11px;display:flex;flex-direction:column;gap:8px}.summary-card .icon-box{height:31px;width:31px;margin-bottom:5px}.summary-card .icon-box svg{width:18px}.summary-card>span{font-size:8px}.summary-card strong{font-size:25px}.school-grid{grid-template-columns:1fr;gap:12px}.compact-schools{display:flex;overflow-x:auto;gap:9px;margin-bottom:18px;padding-bottom:5px}.compact-schools .school-card{min-width:175px;flex-shrink:0;padding:12px}.school-card{padding:20px}.modal-backdrop{padding:15px}.modal{padding:22px 19px;max-height:93vh;border-radius:11px}.modal-head{margin-bottom:21px}.modal-head h2{font-size:19px}.modal-head p{font-size:10px}.form-grid{grid-template-columns:1fr;gap:16px}.field>span{font-size:10px}.field input,.field select,.field textarea{font-size:11px}.form-actions{margin-top:22px;gap:8px}.confirm-text{font-size:11px}.table-toolbar{padding:15px}.table-toolbar .search-box{width:100%;min-width:100%}.table-toolbar>div:last-child:not(.search-box){margin-left:0}.profile-panel{padding:23px 19px}.profile-summary{gap:14px}.profile-summary h2{font-size:19px}.avatar-large{height:60px;width:60px;font-size:21px}.toast{right:16px;bottom:17px;font-size:11px;padding:13px;gap:8px}.login-layout{display:flex;flex-direction:column;gap:30px;max-width:430px;margin:auto;padding:10px 23px 32px}.login-brand{padding:25px 25px 15px}.login-story{width:100%;text-align:center}.login-story .eyebrow{justify-content:center;font-size:6px;letter-spacing:1.1px;margin-top:12px}.login-story h1{font-size:35px;line-height:1.14;letter-spacing:-1.3px;margin-top:18px}.login-story h1 br:first-of-type{display:none}.login-story h1 br:first-of-type:after{content:" "}.login-story h1>span{display:block}.login-story h1 br{display:none}.login-story>p{font-size:10px;margin:15px auto 0;max-width:285px;line-height:1.8}.login-benefits,.login-illustration{display:none}.login-card{padding:27px 25px;border-radius:12px}.login-icon{height:39px;width:39px;margin-bottom:19px}.login-icon svg{width:21px}.login-card h2{font-size:24px}.login-card>p{margin-bottom:24px;font-size:11px}.login-card .field{margin-bottom:18px}.login-card .field input{font-size:12px;min-height:44px}.login-submit{min-height:44px;font-size:12px}.login-footer{padding:20px 25px;font-size:8px}.login-story h1:first-line{word-spacing:2px}.login-page{min-height:100svh}.demo-accounts button,.demo-toggle{font-size:10px}}@media(max-width:380px){.topbar-right{gap:3px}.school-select select{max-width:103px}.breadcrumb{font-size:8px}.breadcrumb>strong{max-width:76px}.overview-banner h2{font-size:21px}.overview-graphic{margin-right:-47px;width:130px}.graphic-card{width:104px;height:117px}.graphic-card strong{font-size:36px}.graphic-card span{font-size:4.5px;letter-spacing:-.1px}.graphic-icon{height:21px;width:21px;right:7px}.overview-banner .eyebrow{font-size:6.5px}.category-card{padding:13px 10px;gap:7px}.category-icon{width:29px;height:29px}.category-card strong{font-size:23px}.category-card span{font-size:8px}.category-card strong small{display:none}.payroll-tabs>button{padding:12px 9px;gap:6px}.payroll-tabs>button>span{font-size:9px}.payroll-tabs .tab-count{display:none}.login-layout{padding:10px 19px 25px}.login-story h1{font-size:32px}.login-card{padding:25px 22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{body{background:#fff}.sidebar,.topbar,.app-footer,.page-actions,.staff-toolbar,.filter-row,.draft-panel,.payroll-tabs,.payroll-save,.add-payroll-row,.formula-note,.toast,.row-actions,.school-select,.sidebar-overlay{display:none!important}.app-main{margin:0}.main-content{padding:10px;max-width:none}.panel{box-shadow:none;border:1px solid #ccc;border-radius:0;break-inside:avoid}.table-wrap{overflow:visible}.data-table{white-space:normal;font-size:8px}.data-table th,.data-table td{font-size:8px;padding:8px 4px}.payroll-table{min-width:0}.number-input,.note-input{border:0;width:70px;padding:0;background:transparent}.data-table td:last-child,.data-table th:last-child{display:none}.page-heading h1{font-size:22px}.page-heading .eyebrow{display:none}.monthly-table th:first-child,.monthly-table td:first-child{position:static}.category-grid{grid-template-columns:repeat(3,1fr)}.payroll-name{min-width:0}.payroll-person .avatar{display:none}.payroll-person strong{white-space:normal}.overview-banner{background:#eee!important;height:210px}.birthday-grid{grid-template-columns:1fr 1fr}}.panel>.section-heading{padding:22px 24px 0;margin:0 0 20px}.panel>.section-heading p{font-size:10px;margin-top:6px;line-height:1.7}.panel>.field{margin:0 24px 20px;max-width:300px}.period-year{max-width:240px;margin-bottom:20px}.panel>.category-grid{padding:0 24px;grid-template-columns:repeat(3,minmax(0,1fr))}.panel>.category-grid .category-card{padding:16px 12px;gap:10px;min-height:78px;box-shadow:none}.panel>.category-grid .category-card strong{font-family:DM Sans;font-size:12px;letter-spacing:0;line-height:1.4;margin-top:0}.panel>.category-grid .category-card button{margin-left:auto;min-height:29px;min-width:29px;padding:7px}.metric-icon{color:#73afc9;display:inline-flex;align-items:center;justify-content:center;width:27px;flex-shrink:0}.panel>.category-grid .small{margin-top:6px;font-size:9px}.tabs[role=tablist]{width:max-content;max-width:100%;margin-bottom:20px}.tabs[role=tablist] button{display:flex;align-items:center;gap:7px}.modal .form-grid+.form-grid,.modal .checkbox-label+.form-grid{margin-top:20px}.modal .field+.field{margin-top:18px}.modal .form-grid>.field+.field{margin-top:0}.all-schools-back{margin:-10px 0 15px}.table-person>div>.small{margin-top:5px}.panel>.form-error{margin:10px 20px}.staff-table{min-width:920px}@media(max-width:650px){.panel>.section-heading{padding:19px 16px 0;margin-bottom:17px;flex-wrap:wrap;gap:13px}.panel>.section-heading h2{font-size:15px}.panel>.section-heading p{font-size:9px}.panel>.section-heading .btn{font-size:10px;min-height:34px;padding:8px 12px}.panel>.field{margin:0 16px 17px}.panel>.category-grid{padding:0 16px;grid-template-columns:1fr}.period-year{margin-left:16px;margin-right:16px}.tabs[role=tablist] button{font-size:9px;padding:8px 10px}.tabs[role=tablist] svg{width:14px}.compact-schools .school-card-bottom{font-size:8px}}@media(max-width:650px){.overview-banner .overview-graphic{display:none}.overview-banner>div:first-child{width:100%}.overview-banner h2{max-width:300px}.overview-banner p{max-width:280px}.overview-banner{height:auto;min-height:210px}}.account-scope-notice{display:flex;align-items:center;gap:8px;font-size:10px;color:#6f95a9;background:#ecf7fc;border:1px solid #dcecf4;border-radius:7px;padding:11px 14px;margin:0 0 22px;line-height:1.6}.account-scope-notice svg{color:#36a2c4;flex-shrink:0}.account-scope-notice strong{font-weight:600;color:#3987a7}@media(max-width:650px){.account-scope-notice{font-size:9px;padding:10px 12px;align-items:flex-start}}.page-actions>.field{width:280px;max-width:100%}.panel>p.muted{margin:0 24px 16px;font-size:10px;line-height:1.7}@media(max-width:650px){.panel>p.muted{margin-left:16px;margin-right:16px;font-size:9px}.page-actions>.field{width:100%}}.plain-fieldset{border:0;margin:0;padding:0;min-width:0}.page-loading{display:grid;justify-items:center;gap:14px;padding:80px 20px;color:#526c7d}.page-load-error{padding:36px}.page-load-error p{margin:16px 0}.legal-links{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}.legal-links a{color:#476576;text-decoration:none;font-size:12px;line-height:1.6;padding:6px 0}.legal-links a:hover{text-decoration:underline}.login-footer{gap:16px;flex-wrap:wrap}.login-footer .legal-links a{color:#c5dce9}.app-footer{flex-wrap:wrap;gap:12px;padding-top:18px;padding-bottom:18px}.app-footer .legal-links{justify-content:flex-end}.brand-link{text-decoration:none}.public-shell{min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(145deg,#e9f5fb 0,#f7fafc 35%,#f4f8fb)}.public-header,.public-footer{width:min(1120px,100%);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px}.public-header{border-bottom:1px solid #dce8ef}.public-header .brand small{font-size:9px}.public-main{flex:1;width:min(930px,100%);padding:54px 32px 64px;margin:0 auto;outline:none}.public-article h1{font-size:36px;letter-spacing:-1.1px;margin:12px 0 18px}.public-article .eyebrow{color:#087d9c}.policy-revision{font-size:13px;color:#526c7d;margin:-6px 0 28px}.public-lead{font-size:17px;line-height:1.75;color:#476576;margin-bottom:32px}.public-article section{margin:32px 0}.public-article section h2{font-size:19px;line-height:1.45;margin-bottom:12px}.public-article section p{line-height:1.85;margin:0 0 12px;color:#3b596a;overflow-wrap:anywhere}.public-article a{color:#08728e;text-underline-offset:3px}.public-footer{border-top:1px solid #dce8ef;color:#526c7d;font-size:12px}.cookie-banner{position:fixed;bottom:18px;left:50%;transform:translate(-50%);width:min(1080px,calc(100% - 36px));z-index:60;background:#fff;border:1px solid #cbdde7;border-radius:16px;box-shadow:0 10px 48px #183e6726;padding:20px 24px;display:flex;align-items:center;gap:28px}.cookie-banner-copy{display:flex;align-items:flex-start;gap:14px;flex:1}.cookie-banner-copy>svg{color:#087d9c;flex-shrink:0;margin-top:2px}.cookie-banner-copy strong{font-size:15px}.cookie-banner-copy p{font-size:13px;color:#476576;line-height:1.6;margin-top:5px}.cookie-banner-actions{display:flex;gap:10px;flex-shrink:0}.cookie-banner-actions a{text-decoration:none}.cookie-banner .btn{white-space:nowrap}body:has(.cookie-banner){padding-bottom:var(--cookie-clearance,154px)}.cookie-preferences-panel{padding:26px;background:#fff;border:1px solid #d7e4ed;border-radius:16px;box-shadow:0 4px 20px #183e6705}.cookie-option{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #e0eaf1}.cookie-option h2,.cookie-option strong{font-size:16px;margin:0 0 6px;display:block}.cookie-option p,.cookie-option label>span{color:#476576;font-size:14px;line-height:1.7;display:block}.cookie-option input{width:24px;height:24px;accent-color:#087d9c;flex-shrink:0;cursor:pointer}.necessary-badge{color:#226e54;background:#eaf5ef;padding:7px 11px;border-radius:20px;font-size:12px;white-space:nowrap;font-weight:700}.cookie-save-actions{display:flex;flex-wrap:wrap;gap:12px}.preference-status{display:flex;gap:8px;align-items:center;color:#216749;font-size:14px;margin-top:18px;line-height:1.6}.public-storage-table{background:#fff;border:1px solid #d7e4ed;border-radius:12px}.public-storage-table table{min-width:670px}.public-storage-table tbody th{font-size:12px;text-align:left;line-height:1.8;padding:18px;color:#284b61;background:#fff;font-weight:650;text-transform:none;letter-spacing:0;white-space:normal}.public-storage-table td{white-space:normal;min-width:200px;font-size:13px;line-height:1.6;padding:18px}.public-storage-table th small{font-size:11px;font-weight:400;color:#526c7d}.faq-search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #8199a7;padding:0 18px;border-radius:12px;color:#526c7d}.faq-search input{background:transparent;border:0;width:100%;height:52px;padding:12px 0;box-shadow:none!important}.faq-search:focus-within{outline:3px solid #087d9c;outline-offset:3px}.faq-result-count{font-size:13px;color:#526c7d;margin:16px 0}.faq-list{display:grid;gap:12px}.faq-list details{background:#fff;border:1px solid #d7e4ed;border-radius:12px}.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 22px;font-weight:650;font-size:15px;line-height:1.6;color:#284b61}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary small{display:block;font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#526c7d;margin-bottom:5px;font-weight:500}.faq-plus{color:#087d9c;font-weight:400;font-size:28px;line-height:1}.faq-list details[open] .faq-plus{transform:rotate(45deg)}.faq-list details[open] summary{border-bottom:1px solid #e0eaf1}.faq-list details p{padding:18px 22px 22px;line-height:1.85;color:#3b596a;font-size:14px}.faq-empty{display:grid;justify-items:center;gap:14px;background:#fff;border:1px solid #d7e4ed;border-radius:12px;padding:36px;color:#526c7d}.faq-contact{padding:28px;background:#e9f4fa;border-radius:12px}.faq-contact a.text-btn{display:inline-flex;margin-top:8px}.not-found-main{display:grid;align-items:center;text-align:center;max-width:760px;padding-top:36px}.not-found-number{font-family:Manrope,sans-serif;font-size:clamp(110px,25vw,190px);font-weight:800;line-height:1.1;letter-spacing:-10px;color:#285b79;opacity:.17;margin-bottom:24px}.not-found h1{font-size:36px;margin:12px 0}.not-found p{max-width:500px;margin:0 auto;font-size:16px;line-height:1.8;color:#476576}.not-found-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.not-found-actions a{text-decoration:none}.not-found .eyebrow{color:#087d9c}@media(max-width:850px){.cookie-banner{gap:18px;padding:18px;flex-wrap:wrap}.cookie-banner-actions{width:100%;justify-content:flex-end}body:has(.cookie-banner){padding-bottom:var(--cookie-clearance,220px)}.public-header,.public-footer{padding:22px 24px}.public-main{padding:38px 24px 48px}.public-article h1{font-size:30px}.public-footer{flex-wrap:wrap}.app-footer .legal-links{justify-content:flex-start}}@media(max-width:650px){.public-header{gap:12px;padding:18px}.public-header .brand-mark{height:32px;width:32px}.public-header .brand strong{font-size:23px}.public-header .brand small{display:none}.public-header .btn{font-size:12px;padding:10px;min-height:44px}.public-header .btn svg{display:none}.public-main{padding:32px 18px 40px}.public-article h1,.not-found h1{font-size:27px}.public-lead{font-size:16px;margin-bottom:26px}.public-footer{padding:22px 18px;gap:12px}.public-footer .legal-links{gap:6px 18px}.legal-links a{min-height:44px;display:inline-flex;align-items:center}.cookie-banner{width:calc(100% - 20px);bottom:10px;border-radius:12px;padding:16px;gap:14px}.cookie-banner-copy{gap:10px}.cookie-banner-copy>svg{width:19px}.cookie-banner-copy p{font-size:12px}.cookie-banner-actions{justify-content:stretch;gap:8px}.cookie-banner-actions .btn{flex:1;font-size:12px;padding:10px 8px}body:has(.cookie-banner){padding-bottom:var(--cookie-clearance,232px)}.cookie-preferences-panel{padding:18px}.cookie-option{gap:12px}.cookie-save-actions .btn{flex:1;font-size:13px;white-space:nowrap}.faq-list summary{padding:17px;font-size:14px}.faq-list details p{padding:16px 17px;font-size:14px}.faq-contact{padding:22px}.not-found-actions{flex-direction:column;align-items:stretch}.not-found-number{letter-spacing:-7px}.login-footer{align-items:flex-start}.login-footer .legal-links{gap:4px 18px}.app-footer .legal-links{gap:4px 16px}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;left:16px;top:-100px;z-index:200;background:#fff;color:#214e68;font-weight:700;padding:14px 20px;border-radius:8px;text-decoration:none;box-shadow:0 3px 16px #214e6826}.skip-link:focus{top:16px}main:focus{outline:none}.faq-list summary:focus-visible{outline:3px solid #075b76;outline-offset:3px;border-radius:10px}body:has(.cookie-banner) .toast{bottom:calc(var(--cookie-clearance,180px) + 12px)}.brand-link{color:inherit}main:focus{box-shadow:none}.install-intro{display:flex;align-items:center;gap:22px;background:#fff;border:1px solid #d7e4ed;border-radius:16px;padding:24px}.install-intro img{border-radius:20px;flex-shrink:0}.public-article .install-intro h2{font-size:23px;margin-bottom:6px}.install-intro p{font-size:13px;line-height:1.6}.install-format{display:inline-block;margin-top:10px;background:#e9f4fa;color:#386379;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600}.install-actions{margin:24px 0;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.install-actions p,.install-feedback{font-size:14px;line-height:1.75;color:#476576}.install-actions p{flex:1;min-width:220px}.install-status{display:flex;align-items:center;gap:12px;padding:20px;background:#eaf5ef;border:1px solid #c7e1d3;border-radius:12px;color:#216749;font-size:15px;margin:24px 0;line-height:1.7}.install-status svg{flex-shrink:0}.install-guides{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.public-article .install-guide{margin:0;padding:24px;background:#fff;border:1px solid #d7e4ed;border-radius:12px}.install-guide:last-child{grid-column:1 / -1}.install-guide-heading{display:flex;gap:12px;align-items:center;color:#285b79}.public-article .install-guide-heading h2{margin:0;font-size:18px}.install-guide ol{margin:20px 0 12px;padding-left:22px;color:#3b596a;line-height:1.85;font-size:14px}.install-guide li{padding-left:4px;margin-bottom:12px}.install-guide p{font-size:13px}.install-connection{background:#e9f4fa;padding:26px;border-radius:12px}.install-connection>div{display:flex;gap:12px;align-items:center;color:#285b79;margin-bottom:14px}.public-article .install-connection h2{margin:0}.install-next{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.public-article .install-next h2{margin:0}.install-next a{text-decoration:none}@media(max-width:650px){.install-intro{padding:20px;gap:16px}.install-intro img{width:64px;height:64px;border-radius:16px}.public-article .install-intro h2{font-size:20px}.install-guides{grid-template-columns:1fr;gap:14px}.install-guide:last-child{grid-column:auto}.public-article .install-guide{padding:20px}.install-connection{padding:22px}.install-next{align-items:flex-start;flex-direction:column}.install-next .btn{width:100%}}@media(display-mode:standalone){.topbar{padding-top:max(10px,env(safe-area-inset-top))}.app-footer,.public-footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}.cookie-banner{bottom:max(18px,env(safe-area-inset-bottom))}}:root{--muted:#526c7d;--blue:#087d9c;--red:#be354b;--green:#1c7759}.login-story>p{color:#c5dce9}.sidebar .sidebar-help>button{color:#e1f0f7}.staff-summary>div:nth-child(2)>strong,.draft-label,.period-facts>div>span>strong{color:#386379}.public-article .eyebrow,.not-found .eyebrow{color:#086883}.btn.btn-primary,.login-submit{background:#087d9c;color:#fff}.btn.btn-primary:hover,.login-submit:hover{background:#08718e}.btn.btn-danger{background:#be354b;color:#fff}.btn.btn-danger:hover{background:#a62b40}.nav-item.active{background:#087d9c;color:#fff}.text-btn{color:#08718e}.text-btn:hover{color:#075b76}.brand:not(.brand-light) strong span{color:#087d9c}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #075b76;outline-offset:3px;box-shadow:0 0 0 2px #fff}input:focus-visible,select:focus-visible,textarea:focus-visible,.search-input input:focus-visible,.search-box input:focus-visible{outline:3px solid #075b76;outline-offset:2px;border-color:#075b76;box-shadow:0 0 0 2px #fff}.search-input:focus-within,.search-box:focus-within{border-color:#075b76}.sidebar :focus-visible,.login-page>a:focus-visible,.login-brand a:focus-visible{outline-color:#b8f0ff;box-shadow:0 0 0 2px #214e68}input::placeholder,textarea::placeholder{color:#617785;opacity:1}input,select,textarea,.number-input,.note-input,.search-input,.search-box,.password-field,.inline-select{border-color:#7b909e}input[type=checkbox]{accent-color:#087d9c}input:disabled,select:disabled,textarea:disabled{color:#526c7d;background:#f1f5f8;-webkit-text-fill-color:#526c7d;opacity:1}button:disabled,.disabled{opacity:.65}.icon-btn{color:#526c7d}.remove-btn{color:#a62b40}.avatar,.profile-trigger>.avatar{color:#386379}.field>label{font-weight:550;font-size:12px;color:#526c7d;line-height:1.5}.field>span,.staff-draft .field>span,.login-card .field>span{font-size:12px;color:#526c7d}.field small{font-size:11px;color:#526c7d;line-height:1.6}.field input,.field select,.field textarea{font-size:13px}.eyebrow,.breadcrumb,.profile-trigger small,.page-heading p,.date-chip,.section-heading p,.section-heading>span,.panel-heading p,.data-table th,.data-table th small,.month-amount,.birthday-list small,.birthday-list>div>span,.dashboard-bottom,.app-footer,.app-footer span:last-child,.table-footer,.staff-summary span,.staff-summary-note,.period-selects>label>span,.period-panel .period-selects>label>span,.period-facts span,.payroll-tabs small,.payroll-person small,.picker-options small,.no-options,.add-payroll-row>span,.payroll-bottom>div:first-child>span,.payroll-bottom strong small,.formula-note strong,.formula-note p,.summary-card>span,.school-card p,.school-card-bottom,.empty-state,.empty-state h3,.empty-state p,.modal-head p,.confirm-text,.guide-steps p,.muted,.profile-summary p,.settings-category-card p,.loading-screen p,.login-card>p,.secure-note,.demo-toggle,.demo-accounts>small,.floating-check small,.category-card span,.category-card strong small,.name-suggestions small{color:#526c7d}.eyebrow,.profile-trigger small,.date-chip,.section-heading p,.panel-heading p,.panel-heading .eyebrow,.data-table th,.data-table th small,.month-amount,.birthday-list small,.birthday-list>div>span,.dashboard-bottom,.app-footer,.app-footer span:last-child,.table-footer,.period-selects>label>span,.period-panel .eyebrow,.period-facts span,.payroll-tabs small,.payroll-tabs .tab-count,.payroll-panel .saved-label,.payroll-person small,.picker-options small,.no-options,.add-payroll-row>span,.payroll-bottom>div:first-child>span,.payroll-bottom strong small,.formula-note strong,.formula-note p,.summary-card>span,.school-card p,.school-card-bottom,.empty-state p,.modal-head p,.field small,.secure-note,.demo-toggle,.demo-accounts>small,.floating-check small,.category-card span,.category-card strong small,.name-suggestions small,.panel>.category-grid .small,.panel>.section-heading p,.panel>p.muted,.draft-label,.staff-summary span{font-size:11px}.page-heading p,.modal-head p,.guide-steps p,.empty-state p{line-height:1.7}.small{font-size:11px}.panel>.category-grid .category-card span{font-size:11px}.tabs button{font-size:11px;color:#526c7d;min-height:36px}.tabs button.active{color:#086883}.tabs button span{font-size:11px;color:#526c7d}.tabs[role=tablist] button{font-size:11px}.period-selects select,.table-filters select,.search-input input,.search-box input,.school-select select,.data-table,.monthly-table th,.monthly-table td,.monthly-table td:first-child,.name-suggestions button{font-size:12px}.number-input,.note-input{font-size:13px}.picker-options strong{font-size:12px}.data-table th,.monthly-table th{color:#526c7d}.data-table .row-number{font-size:11px!important;color:#526c7d!important}.data-table .bank-account{font-size:12px!important;color:#526c7d!important}.net-pay{font-size:12px!important;color:#086883!important}.total-row .month-amount,.period-year{color:#086883}.status-pill,.employment-pill,.profession-pill,.role-badge{font-size:11px}.status-active{color:#1c7759;background:#eff9f4}.status-inactive{color:#526c7d;background:#f1f4f6}.employment-pill,.profession-pill{color:#526c7d}.employment-pill{color:#086883}.employment-pill.part-time{color:#6e518f}.role-badge{color:#386379}.category-card .role-badge{color:#386379;font-size:11px}.saved-label{color:#347664;font-size:11px}.saved-label.unsaved{color:#856019}.heading-count,.birthday-soon{color:#086883!important;font-size:11px!important}.payroll-tabs>button,.payroll-tabs .tab-count{color:#526c7d}.payroll-tabs>button.active,.payroll-tabs .active .tab-count,.add-payroll-row .btn{color:#086883}.payroll-tabs>button>span{font-size:12px}.form-error,.login-card .form-error{color:#9f3043;font-size:12px}.error-text{color:#9f3043!important}.form-error{scroll-margin-block:20px;overflow-wrap:anywhere}.info-note,.account-scope-notice,.account-scope-notice strong{color:#386379;font-size:12px}.toast{color:#1c694f}.toast-error{color:#9f3043}.toast>button,.password-field button{color:#526c7d}.profile-menu button:last-child{color:#a62b40}.checkbox-label{font-size:12px;color:#526c7d}.overview-banner .eyebrow,.overview-banner p,.overview-banner button,.graphic-card small,.graphic-card span,.graphic-check,.celebration-card .eyebrow,.celebrant span,.celebration-card>p,.demo-accounts button,.demo-accounts code{color:#386379;font-size:11px}.overview-banner .eyebrow,.celebration-card .eyebrow{letter-spacing:1px}.graphic-card small,.graphic-card span,.graphic-check{font-size:11px}.graphic-card{height:auto;min-height:164px}.graphic-card span{white-space:normal;line-height:1.45}.celebrant strong{color:#386379}.brand small{font-size:11px;letter-spacing:1px}.workspace-label,.org-badge small,.sidebar-help p,.sidebar-help button,.sidebar-status,.sidebar-status span,.login-footer,.login-story .eyebrow,.mini-payroll>span,.mini-payroll-footer{color:#c5dce9;font-size:11px}.workspace-label{letter-spacing:1px}.login-story .eyebrow{flex-wrap:wrap;font-size:11px;line-height:1.7}.login-story>p{font-size:13px}.login-benefits>div{font-size:12px}.org-badge strong,.sidebar-help>div{font-size:12px}.sidebar-status{flex-wrap:wrap;line-height:1.5}.modal-portal{position:relative;z-index:100}.modal{max-height:calc(100dvh - 50px);overscroll-behavior:contain}.modal-head{position:relative}.modal-head .icon-btn{flex-shrink:0}.table-wrap{overscroll-behavior-inline:contain}@media(max-width:850px){.sidebar{overflow-y:auto;overscroll-behavior:contain}.icon-btn,.remove-btn,.hamburger,.notification-btn,.mobile-close,.topbar .hamburger,.topbar .notification-btn,.toast>button{width:44px;height:44px;min-width:44px;min-height:44px}.profile-trigger,.profile-menu button,.nav-item,.sidebar-help button{min-height:44px}}@media(max-width:650px){.btn,.btn-small,.page-actions .btn,.form-actions .btn,.payroll-save .btn,.draft-panel .panel-heading .btn,.panel>.section-heading .btn,.panel>.category-grid .category-card button,.text-btn,.tabs button,.tabs[role=tablist] button,.demo-toggle,.demo-accounts button,.password-field button,.name-suggestions button,.picker-options button{min-height:44px;min-width:44px;font-size:12px}input,select,textarea,.field input,.field select,.field textarea,.login-card .field input,.search-input input,.search-box input,.period-selects select,.table-filters select,.inline-select select,.school-select select,.number-input,.note-input{font-size:16px;min-height:44px}input[type=checkbox]{min-height:20px;width:20px;height:20px}.checkbox-label{min-height:44px;align-items:center}.period-selects>label{gap:5px}.period-selects{flex-wrap:wrap}.topbar{height:auto;min-height:76px;padding-block:10px;flex-wrap:wrap}.topbar-left,.topbar-right{min-width:0}.topbar-right{gap:6px;margin-left:auto}.school-select select{max-width:140px;font-size:12px;min-height:44px}.breadcrumb{font-size:11px}.profile-trigger .avatar{width:36px;height:36px}.page-actions,.form-actions,.section-heading{flex-wrap:wrap}.page-actions>.field{width:100%}.panel>.category-grid .category-card button{padding:10px}.tabs[role=tablist]{width:auto;flex-wrap:wrap}.payroll-tabs{flex-wrap:wrap}.payroll-tabs>button{flex-basis:calc(50% - 5px);min-width:140px}.payroll-tabs>button>span,.payroll-tabs small{font-size:11px;line-height:1.5}.payroll-tabs .tab-count{font-size:11px}.number-input{width:82px}.note-input{min-width:140px}.password-field button{top:0;right:0;width:44px;height:44px}.modal-backdrop{padding:12px}.modal{max-height:calc(100dvh - 24px);padding:22px 18px}.modal-head h2{overflow-wrap:anywhere}.modal-head .icon-btn{margin:-6px -6px 0 0}.login-footer{font-size:11px;flex-wrap:wrap;gap:10px}.login-story .eyebrow{font-size:11px;letter-spacing:.7px}.login-story>p{font-size:13px;max-width:100%}.staff-draft .field>span,.field>label,.login-card .field>span{font-size:12px}.overview-banner .eyebrow,.overview-banner p,.overview-banner button,.section-heading p,.panel-heading p,.category-card span,.category-card strong small,.dashboard-bottom,.app-footer,.app-footer span:last-child,.staff-summary span,.table-footer,.add-payroll-row>span,.formula-note p,.formula-note strong,.summary-card>span,.school-card-bottom,.compact-schools .school-card-bottom,.panel>.section-heading p,.panel>p.muted,.account-scope-notice{font-size:11px}.summary-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(forced-colors:active){:focus-visible{outline:3px solid Highlight!important;box-shadow:none!important}.btn,.status-pill,.employment-pill,.profession-pill{border:1px solid ButtonText}.modal-backdrop{background:Canvas}}:root{font-size:100%;--type-caption:.8125rem;--type-label:.875rem;--type-action:.9375rem;--type-body:1rem;--type-h3:clamp(1rem,.95rem + .25vw,1.125rem);--type-h2:clamp(1.125rem,1rem + .5vw,1.375rem);--type-h1:clamp(1.5rem,1.25rem + .8vw,2rem);--type-hero:clamp(2rem,1.375rem + 2.8vw,3.5rem);--type-metric:clamp(1.75rem,1.55rem + .6vw,2.25rem);--type-total:clamp(1.625rem,1.35rem + .8vw,2.125rem)}@media screen{body{font-size:var(--type-body);line-height:1.55}small{font-size:var(--type-caption);line-height:1.55}button,input,select,textarea{line-height:1.4}h1,h2,h3{line-height:1.3;letter-spacing:-.025em;overflow-wrap:anywhere}h1,.page-heading h1,.public-article h1,.not-found h1{font-size:var(--type-h1)}h2,.panel-heading h2,.section-heading h2,.panel>.section-heading h2,.public-article section h2,.profile-summary h2,.modal-head h2{font-size:var(--type-h2)}h3,.school-card h3,.compact-schools h3,.settings-category-card h3,.profile-panel h3,.modal h3,.guide-steps h3,.empty-state h3{font-size:var(--type-h3)}.login-story h1{font-size:var(--type-hero);line-height:1.18;letter-spacing:-.04em}.login-card h2{font-size:clamp(1.5rem,1.375rem + .5vw,1.875rem);line-height:1.3}.overview-banner h2,.celebration-card h2{font-size:var(--type-h1);line-height:1.3}.page-heading p,.section-heading p,.panel-heading p,.draft-panel .panel-heading p,.panel>.section-heading p,.panel>p.muted,.login-story>p,.login-card>p,.modal-head p,.guide-steps p,.empty-state p,.confirm-text,.overview-banner p,.public-article section p,.faq-list details p,.cookie-banner-copy p,.install-intro p,.install-actions p,.install-feedback,.install-status,.install-guide ol,.install-guide p{font-size:var(--type-body);line-height:1.65}.public-lead{font-size:clamp(1rem,.975rem + .2vw,1.125rem);line-height:1.7}.faq-list summary,.cookie-banner-copy strong{font-size:var(--type-body);line-height:1.55}.btn,.btn-small,.text-btn,.login-submit,.demo-toggle,.demo-accounts button,.tabs button,.tabs[role=tablist] button,.page-actions .btn,.form-actions .btn,.section-heading .text-btn,.panel>.section-heading .btn,.panel>.category-grid .category-card button,.payroll-save .btn,.add-payroll-row .btn,.draft-actions .btn,.draft-panel .panel-heading .btn,.import-actions .btn,.import-actions .text-btn,.cookie-banner-actions .btn,.cookie-save-actions .btn,.public-header .btn,.sidebar-help button,.profile-menu button,.overview-banner button,.name-suggestions button,.picker-options button{font-size:var(--type-action);line-height:1.4;white-space:normal}.btn,.text-btn,.tabs button,.demo-toggle,.demo-accounts button,.draft-actions .btn{min-height:2.75rem;max-width:100%}.nav-item{font-size:var(--type-action);line-height:1.5;min-height:2.75rem}.cookie-banner .btn{white-space:normal}.tabs button span,.payroll-tabs .tab-count{font-size:var(--type-caption)}.payroll-tabs>button>span{font-size:var(--type-action);line-height:1.5}.payroll-tabs small{font-size:var(--type-label);line-height:1.5}input,select,textarea,.field input,.field select,.field textarea,.login-card .field input,.staff-draft input,.staff-draft select,.search-input input,.search-box input,.period-selects select,.table-filters select,.inline-select select,.school-select select,.faq-search input,.number-input,.note-input,.app-shell .payroll-table .number-input,.app-shell .payroll-table td:nth-child(4) .number-input,.app-shell .payroll-table .note-input,.app-shell .payroll-table .staff-picker input{font-size:var(--type-body);line-height:1.4;min-height:2.75rem}.field>label,.field>span,.staff-draft .field>span,.login-card .field>span,.period-selects>label>span,.period-panel .period-selects>label>span,.period-facts span,.category-card span,.panel>.category-grid .category-card span,.summary-card>span,.staff-summary strong,.staff-summary span,.status-pill,.employment-pill,.profession-pill,.role-badge,.category-card .role-badge,.saved-label,.payroll-panel .saved-label,.payroll-bottom>div:first-child>span,.formula-note strong,.formula-note p,.add-payroll-row>span,.checkbox-label,.account-scope-notice,.account-scope-notice strong,.info-note,.form-error,.login-card .form-error,.draft-label,.cookie-option p,.cookie-option label>span,.preference-status{font-size:var(--type-label);line-height:1.55}.field>label,.field>span,.period-selects>label>span{overflow-wrap:anywhere}.field input[type=date]{min-width:0}.data-table,.data-table th,.data-table td,.monthly-table th,.monthly-table td,.monthly-table td:first-child,.person-cell strong,.table-person strong,.data-table .person-cell strong,.data-table .table-person strong,.month-amount,.public-storage-table tbody th,.public-storage-table td{font-size:var(--type-label);line-height:1.55}.data-table th small,.public-storage-table th small{font-size:var(--type-caption);line-height:1.5}.app-shell .payroll-person strong{font-size:var(--type-body);line-height:1.5}.app-shell .payroll-person small,.app-shell .picker-options strong,.app-shell .picker-options small,.app-shell .payroll-table .picker-options strong,.app-shell .payroll-table .picker-options small,.no-options{font-size:var(--type-label);line-height:1.5}.app-shell .payroll-table tbody>tr>td:before{font-size:var(--type-label);line-height:1.5}.period-facts strong,.staff-summary>div:nth-child(2)>strong,.panel>.category-grid .category-card strong{font-size:var(--type-body);line-height:1.5}body .data-table .row-number,body .data-table .bank-account{font-size:var(--type-label)!important}body .data-table .net-pay{font-size:var(--type-body)!important}body .heading-count,body .birthday-soon{font-size:var(--type-caption)!important}.category-card strong,.summary-card strong{font-size:var(--type-metric);line-height:1.2;letter-spacing:-.025em}.category-card strong small{font-size:var(--type-caption);line-height:1.5}.payroll-bottom strong{font-size:var(--type-total);line-height:1.3}.payroll-bottom strong small{font-size:var(--type-label)}.birthday-list strong,.celebrant strong{font-size:var(--type-body);line-height:1.5}.birthday-list small,.birthday-list>div>span,.celebrant span,.celebration-card>p,.school-card p,.school-card-bottom,.compact-schools .school-card-bottom,.profile-summary p,.settings-category-card p{font-size:var(--type-label);line-height:1.55}.eyebrow,.panel-heading .eyebrow,.period-panel .eyebrow,.login-story .eyebrow,.overview-banner .eyebrow,.celebration-card .eyebrow,.workspace-label,.nav-group-title{font-size:var(--type-caption);line-height:1.5;letter-spacing:.065em}.breadcrumb,.date-chip,.profile-trigger strong,.org-badge strong,.sidebar-help>div,.login-benefits>div{font-size:var(--type-label);line-height:1.5}.field small,.small,.panel>.category-grid .small,.profile-trigger small,.section-heading>span,.org-badge small,.sidebar-help p,.sidebar-status,.sidebar-status span,.secure-note,.demo-accounts code,.demo-accounts>small,.staff-summary-note,.name-suggestions small,.table-footer,.dashboard-bottom,.app-footer,.app-footer span:last-child,.login-footer,.public-footer,.faq-result-count,.faq-list summary small,.policy-revision,.install-format,.necessary-badge,.loading-screen p{font-size:var(--type-caption);line-height:1.55}.legal-links a{font-size:var(--type-label);line-height:1.6}.toast{font-size:var(--type-label);line-height:1.55}.avatar,.person-cell .avatar,.birthday-list .avatar,.payroll-person .avatar,.profile-trigger .avatar,.avatar-small{font-size:var(--type-caption);line-height:1.2;min-width:2rem;min-height:2rem;flex-shrink:0}.profile-trigger .avatar{min-width:2.25rem;min-height:2.25rem}.avatar-large{font-size:1.5rem;min-width:3.75rem;min-height:3.75rem}.brand strong,.public-header .brand strong{font-size:clamp(1.5rem,1.375rem + .3vw,1.875rem);line-height:1.2;letter-spacing:-.035em}.brand small,.public-header .brand small{font-size:var(--type-caption);line-height:1.4;letter-spacing:.035em}.brand,.brand>div:last-child{min-width:0}.brand-mark{flex-shrink:0}.sidebar-brand{height:auto;min-height:5.5625rem;gap:.75rem;align-items:center}.sidebar-brand .brand small{white-space:normal}.sidebar{overflow-y:auto;overscroll-behavior:contain}.graphic-card small,.graphic-card span,.graphic-check,.mini-payroll>span,.mini-payroll-footer,.floating-check small{font-size:var(--type-caption);line-height:1.5}.mini-payroll>strong,.floating-check strong{font-size:var(--type-label);line-height:1.5}.graphic-card strong{font-size:clamp(2.25rem,2rem + 1vw,3rem);line-height:1.2}.graphic-card span,.graphic-check{white-space:normal}.overview-graphic{flex-direction:column;align-items:flex-end;gap:.625rem}.graphic-card{width:13rem;max-width:100%;height:auto;min-height:10.25rem;margin-top:0}.graphic-card strong,.graphic-card span{margin-top:.75rem}.graphic-check{position:relative;right:auto;bottom:auto;align-self:flex-end;max-width:100%;transform:none}.overview-banner{height:auto;min-height:14.8125rem}.overview-banner>div:first-child{min-width:0}.overview-banner p{max-width:32rem}.page-heading,.section-heading,.panel-heading,.form-actions,.payroll-bottom,.staff-toolbar,.filter-row,.public-header,.cookie-banner-actions{flex-wrap:wrap}.page-heading>div:first-child,.panel-heading>div:first-child,.section-heading>div:first-child,.page-actions{min-width:0;max-width:100%}.page-actions,.import-actions,.period-selects,.table-filters,.payroll-save{flex-wrap:wrap}.period-selects>label{min-width:0}.topbar{height:auto;min-height:4.75rem;padding-block:.625rem;flex-wrap:wrap}.topbar-left,.topbar-right{min-width:0;max-width:100%}.breadcrumb{flex-wrap:wrap;min-width:0}.breadcrumb>strong{max-width:none;white-space:normal;overflow-wrap:anywhere}.profile-trigger{max-width:100%;min-height:2.75rem}.profile-trigger strong,.org-badge strong{overflow-wrap:anywhere}.school-select{min-width:0}.school-select select{max-width:18rem}.category-card>div:not(.category-icon),.profile-summary>div{min-width:0}.category-card span,.school-card h3{overflow-wrap:anywhere}.cookie-banner-actions{flex-shrink:1}.cookie-banner-copy{min-width:0}.name-suggestions button{white-space:normal;overflow-wrap:anywhere}}@media screen and (max-width:1050px){.overview-banner .overview-graphic{display:none}.overview-banner>div:first-child{width:100%}}@media screen and (max-width:850px){.topbar-right{flex:1 1 20rem;justify-content:flex-end}.school-select{flex:1 1 10rem;padding-right:0}.school-select select{width:100%;max-width:none}.page-heading{align-items:flex-start}}@media screen and (max-width:650px){.app-shell .payroll-table .number-input,.app-shell .payroll-table td:nth-child(4) .number-input,.app-shell .payroll-table .note-input,.app-shell .payroll-table .staff-picker input{min-height:3rem}body .payroll-table .net-pay{font-size:1.125rem!important}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{align-items:flex-start;flex-wrap:wrap}.category-card strong{flex-wrap:wrap}.period-panel .period-selects{gap:.75rem}.period-panel .period-selects>label{flex-wrap:wrap}.payroll-tabs>button{flex-wrap:wrap;align-items:flex-start}.payroll-tabs>button>span{min-width:0;overflow-wrap:anywhere}.profile-summary{flex-wrap:wrap}.cookie-option{align-items:flex-start;flex-wrap:wrap}}@media screen and (max-width:420px){.staff-draft-fields{grid-template-columns:minmax(0,1fr)}.staff-draft-fields .name-field{grid-column:auto}}