/*! 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,::backdrop{--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,::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]){appearance:button}::file-selector-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}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.uppercase{text-transform:uppercase}.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:#16201f;--muted:#6c7876;--line:#e2e9e6;--surface:#fff;--canvas:#f4f7f5;--green:#0f8f6f;--green-dark:#08604c;--green-soft:#e6f5ef;--nav:#102b27;--nav-soft:#173a34;--amber:#d59a24;--red:#c94a54;--blue:#4479c7;--purple:#7759c9;--shadow:0 20px 60px #17342f14}*{box-sizing:border-box}html{background:var(--canvas);color:var(--ink)}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:wait;opacity:.62}a{color:inherit}.app-shell{grid-template-columns:244px 1fr;min-height:100vh;display:grid}.sidebar{z-index:30;color:#e5f1ed;background:linear-gradient(#12332d 0%,#0d2824 72%,#0b221f 100%);flex-direction:column;width:244px;padding:28px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff17;align-items:center;gap:12px;padding:0 8px 29px;display:flex}.brand-mark{color:#13342e;background:#f3b53f;border-radius:12px;place-items:center;width:40px;height:40px;font-family:Georgia,serif;font-size:25px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #ffffff52}.brand strong,.brand small,.sidebar-footer strong,.sidebar-footer small,.user-card strong,.user-card small{display:block}.brand strong{color:#fff;letter-spacing:-.01em;font-size:15px}.brand small{color:#8fb0a9;letter-spacing:.12em;text-transform:uppercase;margin-top:3px;font-size:10px}.main-nav{padding-top:25px}.nav-caption{color:#6f938a;letter-spacing:.14em;text-transform:uppercase;margin:0 12px 11px;font-size:10px;font-weight:800}.nav-item{color:#a9c1bb;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;margin:4px 0;padding:11px 12px;font-size:13px;font-weight:650;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;background:var(--nav-soft);box-shadow:inset 3px 0 #f3b53f}.nav-icon{color:#9bb7b0;letter-spacing:.04em;border:1px solid #ffffff1c;border-radius:8px;place-items:center;width:28px;height:28px;font-size:8px;font-weight:900;display:grid}.nav-item.active .nav-icon{color:#f4bc50;background:#f4bc5012;border-color:#f4bc5066}.sidebar-footer{background:#ffffff0b;border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:15px 12px;display:flex}.security-dot{background:#52d8a7;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #52d8a71a}.sidebar-footer strong{color:#d7e8e3;font-size:11px}.sidebar-footer small{color:#759a91;margin-top:3px;font-size:9px}.main-area{grid-column:2;min-width:0}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;align-items:center;gap:18px;height:74px;padding:0 32px;display:flex;position:sticky;top:0}.company-control{align-items:center;gap:9px;display:flex}.company-control select{color:var(--ink);background:0 0;border:0;outline:0;font-size:13px;font-weight:750}.company-dot{border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #0f8f6f1a}.topbar-spacer{flex:1}.user-card{align-items:center;gap:10px;display:flex}.user-card strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.user-card small{color:var(--muted);margin-top:2px;font-size:10px}.menu-button{border:1px solid var(--line);background:#fff;border-radius:10px;width:36px;height:36px;padding:9px;display:none}.menu-button span{background:var(--ink);border-radius:3px;height:2px;margin:3px 0;display:block}.content-area{max-width:1500px;margin:0 auto;padding:34px 36px 50px;position:relative}.page-stack{gap:22px;animation:.3s both page-in;display:grid}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.eyebrow{color:var(--green);letter-spacing:.15em;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:850;display:block}.eyebrow-light{color:#89cdb8}.page-heading{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.page-heading h1,.welcome-panel h1{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(29px,3vw,42px);font-weight:500}.page-heading p{max-width:720px;color:var(--muted);margin:9px 0 0;font-size:13px;line-height:1.7}.heading-actions{flex:none}.panel{border:1px solid var(--line);background:var(--surface);border-radius:17px;padding:22px;box-shadow:0 2px 9px #19343006}.panel h2{letter-spacing:-.02em;margin:0;font-family:Georgia,serif;font-size:20px;font-weight:500}.panel-title-row{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.text-button{color:var(--green);background:0 0;border:0;padding:4px 0;font-size:10px;font-weight:800}.primary-button,.secondary-button{border-radius:10px;min-height:42px;padding:0 17px;font-size:12px;font-weight:800;transition:all .18s}.primary-button{border:1px solid var(--green);color:#fff;background:var(--green);box-shadow:0 8px 18px #0f8f6f29}.primary-button:hover{background:var(--green-dark);border-color:var(--green-dark);transform:translateY(-1px)}.primary-button.full{width:100%}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff}.welcome-panel{color:#fff;min-height:180px;box-shadow:var(--shadow);background:radial-gradient(circle at 85% 5%,#54be9952,#0000 30%),linear-gradient(125deg,#123f37 0%,#0e6653 100%);border-radius:20px;justify-content:space-between;align-items:center;gap:30px;padding:33px 38px;display:flex;position:relative;overflow:hidden}.welcome-panel:after{content:"";border:42px solid #ffffff0d;border-radius:50%;width:330px;height:330px;position:absolute;bottom:-245px;right:-130px}.welcome-panel>*{z-index:1;position:relative}.welcome-panel h1{font-size:clamp(31px,4vw,47px)}.welcome-panel p{color:#b9d9d0;margin:12px 0 0;font-size:13px}.welcome-badge{text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff13;border:1px solid #ffffff2b;border-radius:50%;flex:0 0 116px;place-content:center;width:116px;height:116px;display:grid}.welcome-badge strong{font-family:Georgia,serif;font-size:34px;font-weight:500}.welcome-badge span{color:#b8d8cf;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:flex-start;gap:13px;min-height:116px;padding:20px;display:flex}.metric-card>div>span,.metric-card strong,.metric-card small{display:block}.metric-card>div>span{color:var(--muted);font-size:10px;font-weight:700}.metric-card strong{letter-spacing:-.02em;margin-top:8px;font-family:Georgia,serif;font-size:23px;font-weight:500}.metric-card small{color:#86918f;margin-top:7px;font-size:9px}.metric-symbol{border-radius:10px;flex:0 0 10px;width:10px;height:38px}.metric-symbol.green{background:#41b58d}.metric-symbol.blue{background:#6293d9}.metric-symbol.purple{background:#947ddd}.metric-symbol.amber{background:#e4ae4c}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(310px,.8fr);gap:18px;display:grid}.dashboard-grid-lower{align-items:stretch}.site-list{gap:3px;display:grid}.site-row{border-top:1px solid #edf1ef;grid-template-columns:38px minmax(170px,1fr) auto 90px;align-items:center;gap:12px;padding:13px 0;display:grid}.site-row:first-child{border-top:0}.site-icon{width:36px;height:36px;color:var(--green-dark);background:var(--green-soft);border-radius:10px;place-items:center;font-size:8px;font-weight:900;display:grid}.site-main strong,.site-main span,.site-count strong,.site-count span{display:block}.site-main strong{font-size:11px}.site-main span{color:var(--muted);margin-top:4px;font-size:9px}.site-count{text-align:right}.site-count strong{font-family:Georgia,serif;font-size:17px;font-weight:500}.site-count span{color:var(--muted);font-size:8px}.progress-track{background:#e8eeeb;border-radius:20px;height:5px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--green);height:100%;display:block}.attention-list{display:grid}.attention-item{border-top:1px solid #edf1ef;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.attention-item:first-child{border-top:0}.attention-item strong,.attention-item span{display:block}.attention-item strong{font-size:10px}.attention-item div span{color:var(--muted);margin-top:3px;font-size:8px}.attention-item small{color:var(--muted);font-size:9px;font-weight:800}.status-dot{border-radius:50%;width:7px;height:7px}.status-dot.warning{background:var(--amber);box-shadow:0 0 0 4px #d59a241a}.status-dot.danger{background:var(--red);box-shadow:0 0 0 4px #c94a541a}.opportunity-list{display:grid}.opportunity-row{border-top:1px solid #edf1ef;grid-template-columns:1fr auto 110px;align-items:center;gap:18px;padding:13px 0;display:grid}.opportunity-row:first-child{border-top:0}.opportunity-row div strong,.opportunity-row div span{display:block}.opportunity-row div strong{font-size:11px}.opportunity-row div span{color:var(--muted);margin-top:4px;font-size:9px}.opportunity-row>strong{text-align:right;font-family:Georgia,serif;font-size:14px;font-weight:500}.stage-pill{color:#48645d;text-transform:uppercase;letter-spacing:.04em;background:#eef3f1;border-radius:20px;align-items:center;width:fit-content;padding:5px 8px;font-size:8px;font-weight:850;display:inline-flex}.quick-panel{background:linear-gradient(145deg,#fffdfa,#fff)}.quick-panel h2{margin-bottom:14px}.quick-panel button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-top:1px solid #eee9df;align-items:center;gap:12px;padding:11px 0;font-size:10px;font-weight:700;display:flex}.quick-panel button span{color:#9a701e;background:#fff1d4;border-radius:8px;place-items:center;width:25px;height:25px;font-size:8px;display:grid}.table-panel{padding:0;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:69px;padding:14px 20px;display:flex}.table-toolbar>div>strong{font-size:12px}.search-field{border:1px solid var(--line);background:#fafcfb;border-radius:10px;align-items:center;gap:8px;width:min(380px,100%);padding:0 12px;display:flex}.search-field span{color:var(--muted);font-size:18px}.search-field input{background:0 0;border:0;outline:0;width:100%;height:38px;font-size:11px}.record-count{color:var(--muted);background:#f0f4f2;border-radius:20px;flex:none;padding:6px 9px;font-size:9px;font-weight:800}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:830px}th{color:#7d8885;text-align:left;letter-spacing:.08em;text-transform:uppercase;background:#f9fbfa;padding:12px 16px;font-size:8px;font-weight:850}td{color:#384340;vertical-align:middle;border-top:1px solid #edf1ef;padding:14px 16px;font-size:10px}td>strong{font-size:10px}.table-subtext{color:var(--muted);margin-top:4px;font-size:8px;display:block}.person-cell{align-items:center;gap:10px;min-width:180px;display:flex}.person-cell strong,.person-cell span{display:block}.person-cell strong{color:var(--ink);font-size:10px}.person-cell span{color:var(--muted);margin-top:3px;font-size:8px}.person-cell.compact{min-width:150px}.avatar{color:#26755f;background:#e8f4f0;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:9px;font-weight:850;display:grid}.avatar-dark{color:#fff;background:#183f37}.status-pill,.muted-pill{border-radius:20px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.status-pill.success{color:#1f7b5d;background:#e6f5ef}.status-pill.warning{color:#9e6d0a;background:#fff2d8}.status-pill.danger{color:#a93c47;background:#fbe6e8}.muted-pill{color:#5e6967;background:#eef2f0}.empty-state{color:var(--muted);text-align:center;padding:35px;font-size:11px}.empty-inline{color:var(--muted);text-align:center;padding:25px 0;font-size:10px}.full-width{grid-column:1/-1}.date-control{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:10px;padding:7px 10px 7px 13px;display:flex}.date-control span{color:var(--muted);font-size:9px;font-weight:800}.date-control input{color:var(--ink);border:0;outline:0;font-size:10px;font-weight:700}.attendance-summary,.crm-summary{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.attendance-summary div,.crm-summary div{border-left:1px solid var(--line);padding:17px 20px}.attendance-summary div:first-child,.crm-summary div:first-child{border-left:0}.attendance-summary strong,.attendance-summary span,.crm-summary strong,.crm-summary span{display:block}.attendance-summary strong,.crm-summary strong{font-family:Georgia,serif;font-size:21px;font-weight:500}.attendance-summary span,.crm-summary span{color:var(--muted);margin-top:4px;font-size:9px}.status-select,.time-input,.hours-input{border:1px solid var(--line);background:#fff;border-radius:8px;height:34px;font-size:9px}.status-select{min-width:105px;padding:0 8px;font-weight:700}.time-input{width:89px;padding:0 7px}.hours-input{align-items:center;width:76px;display:flex;overflow:hidden}.hours-input input{border:0;outline:0;width:48px;min-width:0;height:100%;padding:0 6px}.hours-input span{color:var(--muted);font-size:8px}.save-row-button,.download-button{border:1px solid var(--line);height:32px;color:var(--green-dark);background:#f6faf8;border-radius:8px;justify-content:center;align-items:center;padding:0 11px;font-size:9px;font-weight:800;text-decoration:none;display:inline-flex}.payroll-banner{background:#e8f4f0;border:1px solid #cfe4dc;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:1px;padding:8px;display:grid;overflow:hidden}.payroll-banner>div{border-right:1px solid #cfe4dc;padding:12px 17px}.payroll-banner span,.payroll-banner strong{display:block}.payroll-banner span{color:#58736b;font-size:9px}.payroll-banner strong{margin-top:5px;font-family:Georgia,serif;font-size:20px;font-weight:500}.draft-badge{white-space:nowrap;background:#fff1d2;border-radius:20px;margin:0 12px;padding:7px 9px;font-weight:800;color:#8b6723!important}.positive{color:#16835f}.negative{color:#b34a52}.fine-print{color:var(--muted);margin:-5px 4px 0;font-size:9px;line-height:1.6}.row-actions{white-space:nowrap;align-items:center;gap:6px;display:flex}.salary-form-section{background:#fafcfb;border:1px solid #e5ece9;border-radius:12px;gap:10px;padding:14px;display:grid}.salary-form-section>strong{font-size:10px}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.slip-totals{background:#edf7f3;border:1px solid #cfe4dc;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.slip-totals>div{border-left:1px solid #cfe4dc;padding:13px 15px}.slip-totals>div:first-child{border-left:0}.slip-totals span,.slip-totals strong{display:block}.slip-totals span{color:var(--muted);font-size:8px}.slip-totals strong{margin-top:5px;font-family:Georgia,serif;font-size:17px;font-weight:500}.templates-layout{grid-template-columns:250px minmax(360px,1fr) minmax(280px,.8fr);align-items:start;gap:18px;display:grid}.template-list{padding:14px}.template-list>div{padding:8px 8px 13px}.template-list button{width:100%;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-top-color:#edf1ef;gap:4px;padding:13px 11px;display:grid}.template-list button:first-of-type{border-top-color:#0000}.template-list button.active{background:#eef8f4;border-color:#badbce;border-radius:11px}.template-list button strong{font-size:10px}.template-list button small{color:var(--muted);font-size:8px}.template-kind{color:var(--green);letter-spacing:.07em;text-transform:uppercase;font-size:7px;font-weight:850}.template-editor{padding:22px}.color-control{align-items:center;gap:8px;display:flex}.color-control>span{margin:0!important}.color-control input{height:32px;width:36px!important;min-height:32px!important;padding:3px!important}.placeholder-help{color:#4f625d;background:#eef3f1;border-radius:10px;padding:11px 13px}.placeholder-help strong,.placeholder-help span{display:block}.placeholder-help strong{font-size:9px}.placeholder-help span{margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;line-height:1.6}.template-preview{background:#fff;border:1px solid #d8e2de;border-radius:17px;overflow:hidden;box-shadow:0 12px 35px #19343014}.template-preview-header{color:#fff;background:var(--template-accent);gap:7px;padding:24px;display:grid}.template-preview-header strong{font-family:Georgia,serif;font-size:20px;font-weight:500}.template-preview-header span{opacity:.85;font-size:8px}.template-preview-body{min-height:390px;padding:26px}.preview-label{color:var(--template-accent);letter-spacing:.14em;font-size:7px;font-weight:900}.template-preview-body h3{margin:14px 0 17px;font-family:Georgia,serif;font-size:18px;font-weight:500}.template-preview-body p{color:#505c59;min-height:95px;margin:0;font-size:9px;line-height:1.75}.preview-lines{gap:12px;margin:26px 0;display:grid}.preview-lines span{background:#e8edeb;height:1px;display:block}.preview-lines span:nth-child(2){width:88%}.preview-lines span:nth-child(3){width:62%}.template-preview footer{color:var(--muted);border-top:1px solid #e8edeb;padding-top:20px;font-size:8px;line-height:1.6}.documents-layout{grid-template-columns:minmax(300px,.75fr) minmax(0,1.35fr);align-items:start;gap:18px;display:grid}.upload-panel h2{margin-bottom:18px}.compliance-list{max-height:430px;overflow:auto}.compliance-row{border-top:1px solid #edf1ef;grid-template-columns:38px minmax(140px,1fr) auto;align-items:center;gap:11px;padding:12px 0;display:grid}.compliance-row:first-child{border-top:0}.document-icon{border-radius:9px;place-items:center;width:35px;height:35px;font-size:7px;font-weight:900;display:grid}.document-icon.success{color:#29745f;background:#e4f4ee}.document-icon.warning{color:#936611;background:#fff0cf}.document-icon.danger{color:#a13a44;background:#fae5e7}.compliance-row>div>strong,.compliance-row>div>span{display:block}.compliance-row>div>strong{font-size:10px}.compliance-row>div>span{color:var(--muted);margin-top:3px;font-size:8px}.compliance-date{text-align:right}.compliance-date strong{font-weight:700}.form-stack{gap:13px;display:grid}.form-grid{gap:12px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-stack label>span{color:#596360;margin-bottom:6px;font-size:9px;font-weight:750;display:block}.form-stack input,.form-stack select,.form-stack textarea{border:1px solid var(--line);width:100%;min-height:39px;color:var(--ink);background:#fff;border-radius:9px;outline:0;padding:8px 10px;font-size:10px}.form-stack textarea{resize:vertical}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus{border-color:#78b9a5;box-shadow:0 0 0 3px #0f8f6f14}.file-field{background:#f8fbfa;border:1px dashed #b8cbc5;border-radius:10px;padding:12px}.file-field input{background:0 0;border:0;min-height:auto;padding:0}.crm-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.lead-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:18px}.lead-top{justify-content:space-between;align-items:center;display:flex}.lead-top small{color:#a28d64;letter-spacing:.12em;font-size:7px;font-weight:900}.lead-card h3{margin:15px 0 5px;font-family:Georgia,serif;font-size:18px;font-weight:500}.lead-card p{min-height:34px;color:var(--muted);margin:0 0 14px;font-size:9px;line-height:1.6}.lead-meta{border-top:1px solid #edf1ef;justify-content:space-between;gap:14px;padding:8px 0;display:flex}.lead-meta span{color:var(--muted);font-size:8px}.lead-meta strong{font-size:9px}.lead-card select{border:1px solid var(--line);width:100%;height:36px;color:var(--ink);background:#fafcfb;border-radius:9px;margin-top:12px;padding:0 9px;font-size:9px;font-weight:700}.dialog-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0516139e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff;border-radius:20px;width:min(760px,100%);max-height:calc(100dvh - 40px);padding:28px;animation:.22s both dialog-in;position:relative;overflow:auto;box-shadow:0 35px 100px #00000040}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}.dialog>h2{margin:0;font-family:Georgia,serif;font-size:27px;font-weight:500}.dialog>p{color:var(--muted);margin:8px 45px 21px 0;font-size:10px;line-height:1.6}.dialog-close{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:#fff;border-radius:10px;font-size:20px;position:absolute;top:20px;right:20px}.dialog-form{padding-top:5px}.checkbox-field{align-items:center;gap:8px;padding:10px 0;display:flex}.checkbox-field input{width:15px;min-height:15px}.checkbox-field span{margin:0!important}.dialog-actions{justify-content:flex-end;gap:9px;padding-top:9px;display:flex}.remove-employee-button{color:#a23e47;background:#fff8f8;border:1px solid #efc9cc;border-radius:8px;height:31px;padding:0 10px;font-size:8px;font-weight:850}.remove-employee-button:hover{background:#fcebed;border-color:#d98d94}.danger-button{color:#fff;background:#b8404a;border:1px solid #b8404a;border-radius:10px;min-height:42px;padding:0 17px;font-size:12px;font-weight:800}.danger-button:hover{background:#99333c}.confirm-dialog{width:min(510px,100%)}.danger-eyebrow{color:#b8404a}.confirm-employee{background:#f8faf9;border:1px solid #edf0ee;border-radius:12px;align-items:center;gap:11px;margin:12px 0 22px;padding:13px;display:flex}.confirm-employee strong,.confirm-employee span{display:block}.confirm-employee strong{font-size:11px}.confirm-employee span{color:var(--muted);margin-top:4px;font-size:9px}.confirm-dialog>p{margin-right:0}.toast{z-index:90;color:#fff;border:0;border-radius:11px;align-items:center;gap:9px;max-width:390px;padding:12px 16px;font-size:10px;font-weight:800;animation:.25s both toast-in;display:flex;position:fixed;top:86px;right:25px;box-shadow:0 15px 40px #00000026}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.toast-success{background:#176b56}.toast-error{background:#a83e48}.toast span{background:#ffffff24;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.loading-state{min-height:calc(100vh - 150px);color:var(--muted);place-content:center;justify-items:center;display:grid}.loading-mark{color:#173b34;background:#efb64c;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:15px;font-family:Georgia,serif;font-size:33px;font-weight:800;animation:1.5s infinite pulse;display:grid}@keyframes pulse{50%{opacity:.5}}.loading-state strong{color:var(--ink);font-family:Georgia,serif;font-size:18px;font-weight:500}.loading-state span{margin-top:7px;font-size:10px}.mobile-scrim{display:none}.employee-entry-form label:has(input[required])>span:first-child:after{content:" *";color:var(--red);font-weight:900}.employee-entry-form label:has(select[required])>span:first-child:after{content:" *";color:var(--red);font-weight:900}.employee-entry-form label:has(textarea[required])>span:first-child:after{content:" *";color:var(--red);font-weight:900}.employee-entry-form input[aria-invalid=true],.employee-entry-form select[aria-invalid=true],.employee-entry-form textarea[aria-invalid=true]{border-color:var(--red);background:#fff7f7;box-shadow:0 0 0 3px #c94a541a}.employee-entry-form input[aria-invalid=true]:focus,.employee-entry-form select[aria-invalid=true]:focus,.employee-entry-form textarea[aria-invalid=true]:focus{border-color:#b63743;box-shadow:0 0 0 4px #c94a5424}.form-validation-summary{color:#8f313a;background:#fff4f5;border:1px solid #edbdc2;border-radius:11px;grid-template-columns:26px 1fr;gap:11px;padding:13px 14px;display:grid}.form-validation-summary>span{color:#fff;background:var(--red);border-radius:8px;place-items:center;width:26px;height:26px;font-size:11px;font-weight:900;display:grid}.form-validation-summary strong{font-size:10px;display:block}.form-validation-summary p{margin:4px 0 0;font-size:9px;line-height:1.55}.form-validation-summary ul{gap:4px;margin:8px 0 0;padding-left:17px;font-size:8px;line-height:1.45;display:grid}.signout-link{border:1px solid var(--line);color:var(--muted);border-radius:8px;margin-left:7px;padding:6px 9px;font-size:8px;font-weight:800;text-decoration:none}.signout-link:hover{color:var(--green-dark);background:#f5faf8}.login-page{background:#f3f7f5;grid-template-columns:minmax(420px,1.15fr) minmax(420px,.85fr);min-height:100vh;display:grid}.login-brand-panel{color:#fff;background:radial-gradient(circle at 78% 18%,#4dc49b3d,#0000 29%),linear-gradient(145deg,#0f322c,#0a5948);flex-direction:column;justify-content:space-between;padding:48px 56px;display:flex;position:relative;overflow:hidden}.login-brand-panel:after{content:"";border:75px solid #ffffff0b;border-radius:50%;width:530px;height:530px;position:absolute;bottom:-330px;right:-290px}.login-brand{z-index:1;align-items:center;gap:13px;display:flex;position:relative}.login-brand-mark{color:#143b33;background:#f2b847;border-radius:14px;place-items:center;width:48px;height:48px;font-family:Georgia,serif;font-size:30px;font-weight:800;display:grid}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:16px}.login-brand span{color:#99bdb4;letter-spacing:.12em;text-transform:uppercase;margin-top:3px;font-size:9px;font-weight:800}.login-brand-copy{z-index:1;max-width:650px;position:relative}.login-brand-copy h1{letter-spacing:-.045em;max-width:610px;margin:0;font-family:Georgia,serif;font-size:clamp(38px,5vw,67px);font-weight:500;line-height:1.02}.login-brand-copy p{color:#b7d2cc;max-width:530px;margin:23px 0 0;font-size:14px;line-height:1.8}.login-company-list{z-index:1;gap:12px;display:flex;position:relative}.login-company-list>div{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:11px;align-items:center;gap:9px;padding:11px 14px;font-size:10px;display:flex}.nexro-dot{background:#42c69a}.aywa-dot{background:#efb64c}.login-form-panel{place-items:center;padding:45px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:22px;width:min(430px,100%);padding:38px;box-shadow:0 26px 70px #16322d1a}.login-lock{color:#1a765d;letter-spacing:.1em;background:#e8f6f0;border-radius:20px;padding:6px 9px;font-size:8px;font-weight:900;display:inline-flex}.login-card h2,.access-card h1{letter-spacing:-.035em;margin:20px 0 9px;font-family:Georgia,serif;font-size:31px;font-weight:500}.login-card>p,.access-card>p{color:var(--muted);margin:0;font-size:11px;line-height:1.75}.login-button{color:#fff;background:var(--green);border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:52px;margin-top:25px;font-size:11px;font-weight:850;text-decoration:none;display:flex;box-shadow:0 12px 28px #0f8f6f38}.login-button span{font-size:17px}.login-notice{background:#f8fbfa;border:1px solid #e3ece8;border-radius:11px;gap:4px;margin-top:22px;padding:13px;display:grid}.login-notice strong{font-size:9px}.login-notice span{color:var(--muted);font-size:8px;line-height:1.5}.login-card>small{color:#8c9794;text-align:center;margin-top:16px;font-size:8px;line-height:1.6;display:block}.access-page{background:radial-gradient(circle at 50% 0,#e1f2eb,transparent 35%),var(--canvas);place-items:center;min-height:100vh;padding:30px;display:grid}.access-card{border:1px solid var(--line);width:min(530px,100%);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:40px}.access-instruction{background:#f1f6f4;border-radius:12px;gap:13px;margin:22px 0;padding:15px;display:flex}.access-instruction>span{color:#fff;background:var(--green);border-radius:8px;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:9px;font-weight:900;display:grid}.access-instruction strong{font-size:10px}.access-instruction p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.5}.access-signout{justify-content:center;align-items:center;text-decoration:none;display:flex}.template-picker{padding:18px}.template-picker-heading{justify-content:space-between;align-items:flex-start;padding:4px 4px 15px;display:flex}.template-card-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:9px;display:grid}.template-card{border:1px solid var(--line);min-height:112px;color:var(--ink);text-align:left;background:#fbfcfc;border-radius:12px;grid-template-columns:34px 1fr;align-items:start;gap:10px;padding:13px;display:grid}.template-card:hover{background:#f5faf8;border-color:#a9cfc1}.template-card.active{background:#ebf7f2;border-color:#65ad95;box-shadow:inset 0 0 0 1px #0f8f6f14}.template-card-icon{color:#26745f;background:#e4f3ed;border-radius:9px;place-items:center;width:31px;height:31px;font-size:8px;font-weight:900;display:grid}.template-card>span:nth-child(2){min-width:0}.template-card strong,.template-card small{display:block}.template-card strong{font-size:10px}.template-card small{color:var(--muted);margin-top:5px;font-size:8px;line-height:1.45}.template-selected{color:var(--green);grid-column:2;font-size:8px;font-weight:850}.template-workspace{grid-template-columns:minmax(480px,1.2fr) minmax(340px,.8fr);align-items:start;gap:18px;display:grid}.template-editor-friendly{padding:24px}.editor-intro,.preview-topline{align-items:center;gap:12px;display:flex}.editor-intro h2{margin:0;font-family:Georgia,serif;font-size:24px;font-weight:500}.editor-intro p{color:var(--muted);margin:5px 0 0;font-size:9px}.step-number{color:#fff;background:var(--green);border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.editor-section{background:#fbfcfc;border:1px solid #e1e9e6;border-radius:13px;gap:13px;margin:0;padding:17px;display:grid}.editor-section legend{color:#2e554b;text-transform:uppercase;letter-spacing:.08em;padding:0 8px;font-size:9px;font-weight:900}.editor-section label small{color:#899390;margin-top:5px;font-size:8px;display:block}.friendly-color-control{justify-content:space-between;align-items:center;gap:14px;display:flex!important}.friendly-color-control>span:first-child{margin:0!important}.color-input-row{align-items:center;gap:8px;margin:0!important;display:flex!important}.color-input-row input{height:34px;width:43px!important;min-height:34px!important;padding:3px!important}.color-input-row strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.placeholder-helper{background:#edf5f2;border-radius:11px;gap:10px;padding:13px;display:grid}.placeholder-helper strong,.placeholder-helper span{display:block}.placeholder-helper strong{font-size:9px}.placeholder-helper span{color:var(--muted);margin-top:4px;font-size:8px;line-height:1.5}.placeholder-buttons{flex-wrap:wrap;gap:6px;display:flex}.placeholder-buttons button{color:#256b58;background:#fff;border:1px solid #c9ddd6;border-radius:8px;height:29px;padding:0 9px;font-size:8px;font-weight:800}.template-save-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #dce7e2;border-radius:13px;grid-template-columns:1fr auto auto;align-items:center;gap:9px;margin:4px -8px -8px;padding:14px;display:grid;position:sticky;bottom:0;box-shadow:0 -10px 25px #1b37310d}.template-save-bar strong,.template-save-bar span{display:block}.template-save-bar strong{font-size:9px}.template-save-bar span{color:var(--muted);margin-top:3px;font-size:8px}.friendly-preview{background:#eef3f1;padding:17px;position:sticky;top:96px}.preview-topline{padding:3px 3px 15px}.preview-topline strong,.preview-topline small{display:block}.preview-topline strong{font-size:10px}.preview-topline small{color:var(--muted);margin-top:3px;font-size:8px}.template-paper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 35px #18302b1c}.preview-signatures{grid-template-columns:1fr 1fr;gap:28px;margin:55px 0 25px;display:grid}.preview-signatures span{color:var(--muted);border-top:1px solid #9da8a5;padding-top:9px;font-size:7px}.access-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.access-summary article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:19px 21px}.access-summary span,.access-summary strong,.access-summary small{display:block}.access-summary span{color:var(--muted);font-size:9px;font-weight:750}.access-summary strong{margin-top:7px;font-family:Georgia,serif;font-size:26px;font-weight:500}.access-summary small{color:#8b9693;margin-top:5px;font-size:8px}.owner-security-note,.credential-note{background:#ecf7f2;border:1px solid #cfe4dc;border-radius:13px;align-items:flex-start;gap:12px;padding:15px 17px;display:flex}.owner-security-note>span,.credential-note>span{color:#fff;background:var(--green);border-radius:9px;flex:0 0 29px;place-items:center;width:29px;height:29px;font-size:10px;font-weight:900;display:grid}.owner-security-note strong,.owner-security-note p,.credential-note strong,.credential-note p{margin:0;display:block}.owner-security-note strong,.credential-note strong{font-size:10px}.owner-security-note p,.credential-note p{color:#5e726c;margin-top:5px;font-size:9px;line-height:1.55}.role-pill{color:#3b5e55;background:#edf3f1;border-radius:8px;padding:6px 8px;font-size:8px;font-weight:850;display:inline-flex}.access-disable-button,.access-enable-button{border-radius:8px;height:32px;padding:0 10px;font-size:8px;font-weight:850}.access-disable-button{color:#a6424b;background:#fff8f8;border:1px solid #edc8cb}.access-enable-button{color:#1f795c;background:#f4fbf8;border:1px solid #bcdccb}.role-explanation{background:#f0f5f3;border-radius:10px;gap:4px;padding:12px 13px;display:grid}.role-explanation strong{font-size:9px}.role-explanation span{color:var(--muted);font-size:8px;line-height:1.5}.person-open{text-align:left;background:0 0;border:0;width:100%;padding:0}.person-open:hover strong{color:var(--green-dark)}.person-open-arrow{font-weight:850;color:var(--green)!important;margin-left:auto!important;font-size:8px!important}.employee-profile-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.employee-profile-toolbar .primary-button{min-width:130px}.back-button{width:fit-content;color:var(--green-dark);background:0 0;border:0;padding:6px 0;font-size:10px;font-weight:850}.employee-hero{color:#fff;min-height:180px;box-shadow:var(--shadow);background:radial-gradient(circle at 88% 10%,#61d2aa40,#0000 30%),linear-gradient(130deg,#123c34,#0e6753);border-radius:20px;justify-content:space-between;align-items:center;gap:25px;padding:30px 34px;display:flex}.employee-hero-person{align-items:center;gap:20px;display:flex}.profile-avatar{color:#193b34;background:#f3b84c;border:1px solid #ffffff38;border-radius:22px;flex:0 0 78px;place-items:center;width:78px;height:78px;font-family:Georgia,serif;font-size:26px;font-weight:800;display:grid}.employee-hero h1{letter-spacing:-.035em;margin:0;font-family:Georgia,serif;font-size:clamp(29px,4vw,44px);font-weight:500}.employee-hero p{color:#bad9d0;margin:8px 0 0;font-size:11px}.employee-hero-status{justify-items:end;gap:7px;display:grid}.employee-hero-status strong{font-size:12px}.employee-hero-status small{color:#b5d4cc;font-size:9px}.profile-actions{justify-content:space-between;align-items:center;gap:25px;display:flex}.profile-actions h2{margin-bottom:7px}.profile-actions p,.report-builder p{color:var(--muted);margin:0;font-size:9px;line-height:1.6}.profile-action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.profile-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.profile-summary-grid article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}.profile-summary-grid span,.profile-summary-grid strong,.profile-summary-grid small{display:block}.profile-summary-grid span{color:var(--muted);font-size:8px;font-weight:750}.profile-summary-grid strong{min-height:22px;margin-top:8px;font-family:Georgia,serif;font-size:18px;font-weight:500}.profile-summary-grid small{color:#88928f;margin-top:6px;font-size:8px}.report-builder{gap:18px;display:grid}.report-builder-heading{justify-content:space-between;align-items:flex-start;gap:25px;display:flex}.date-range-controls{gap:8px;display:flex}.date-range-controls label{gap:5px;display:grid}.date-range-controls label span{color:var(--muted);font-size:8px;font-weight:800}.date-range-controls input{border:1px solid var(--line);height:37px;color:var(--ink);background:#fff;border-radius:9px;padding:0 9px;font-size:9px}.report-download-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.report-download-card{background:#f8fbfa;border:1px solid #d7e6e0;border-radius:12px;align-items:center;gap:11px;min-height:76px;padding:13px;text-decoration:none;transition:all .18s;display:flex}.report-download-card:hover{background:#eff8f4;border-color:#82bca9;transform:translateY(-1px)}.report-download-card>span{color:#fff;background:var(--green);border-radius:9px;flex:0 0 35px;place-items:center;width:35px;height:35px;font-size:8px;font-weight:900;display:grid}.report-download-card strong,.report-download-card small{display:block}.report-download-card strong{font-size:9px}.report-download-card small{color:var(--muted);margin-top:4px;font-size:7px;line-height:1.45}.report-download-card.disabled{pointer-events:none;opacity:.48}.profile-two-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.profile-detail-list{grid-template-columns:1fr 1fr;margin:0;display:grid}.profile-detail-list>div{border-top:1px solid #edf1ef;padding:12px 0}.profile-detail-list>div:nth-child(odd){padding-right:18px}.profile-detail-list>div:nth-child(2n){border-left:1px solid #edf1ef;padding-left:18px}.profile-detail-list dt{color:var(--muted);font-size:8px}.profile-detail-list dd{margin:5px 0 0;font-size:10px;font-weight:750}.passport-highlight{background:#edf6f2;border-radius:11px;justify-content:space-between;align-items:center;padding:14px;display:flex}.passport-highlight span{color:var(--muted);font-size:8px}.passport-highlight strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.profile-compliance-list{margin-top:8px;display:grid}.profile-compliance-list>div{border-top:1px solid #edf1ef;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;padding:12px 3px;display:grid}.profile-compliance-list strong,.profile-compliance-list small{display:block}.profile-compliance-list strong{font-size:9px}.profile-compliance-list small{color:var(--muted);margin-top:3px;font-size:8px}.profile-compliance-list>div>span:last-child{color:var(--muted);font-size:8px;font-weight:800}.profile-records table{min-width:560px}.profile-records .table-scroll{max-height:440px;overflow:auto}.branding-panel{gap:17px;display:grid}.branding-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.branding-heading>div{align-items:center;gap:12px;display:flex}.branding-heading h2{margin:0}.branding-heading p{color:var(--muted);margin:5px 0 0;font-size:9px}.branding-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.branding-card{border:1px solid var(--line);background:#fbfcfc;border-radius:13px;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.branding-preview{color:#779087;background:#f1f6f4;border:1px dashed #c8d7d1;border-radius:10px;place-items:center;width:86px;height:68px;font-size:8px;font-weight:900;display:grid;overflow:hidden}.branding-preview img{object-fit:contain;max-width:100%;max-height:100%}.branding-card-copy strong,.branding-card-copy small,.branding-card-copy em{display:block}.branding-card-copy strong{font-size:9px}.branding-card-copy small{color:var(--muted);margin-top:4px;font-size:7px;line-height:1.45}.branding-card-copy em{color:#789088;text-overflow:ellipsis;white-space:nowrap;max-width:145px;margin-top:5px;font-size:7px;font-style:normal;overflow:hidden}.branding-upload-button{position:relative}.branding-upload-button input{opacity:0;width:1px;height:1px;position:absolute}.branding-upload-button span{height:32px;color:var(--green-dark);cursor:pointer;background:#fff;border:1px solid #cbded7;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:8px;font-weight:850;display:inline-flex}.main-nav{min-height:0;overflow-y:auto}.roster-form-panel,.leave-create-panel,.account-create-panel{padding:16px}.roster-form,.leave-form,.advance-form{align-items:end;gap:11px;display:grid}.roster-form{grid-template-columns:1.35fr .8fr .8fr .62fr .62fr 1fr 1.2fr auto}.leave-form{grid-template-columns:1.25fr 1fr .75fr .75fr 1.4fr auto}.advance-form{grid-template-columns:1.4fr .8fr .8fr 1.3fr auto}.roster-form label>span,.leave-form label>span,.advance-form label>span,.payroll-settings-form label>span{color:#596360;margin-bottom:6px;font-size:8px;font-weight:800;display:block}.roster-form input,.roster-form select,.leave-form input,.leave-form select,.advance-form input,.advance-form select,.payroll-settings-form input{border:1px solid var(--line);width:100%;height:38px;color:var(--ink);background:#fff;border-radius:9px;outline:0;padding:0 9px;font-size:9px}.roster-form input:focus,.roster-form select:focus,.leave-form input:focus,.leave-form select:focus,.advance-form input:focus,.advance-form select:focus,.payroll-settings-form input:focus{border-color:#78b9a5;box-shadow:0 0 0 3px #0f8f6f14}.roster-form .primary-button,.leave-form .primary-button,.advance-form .primary-button,.payroll-settings-form .primary-button{white-space:nowrap;height:38px;min-height:38px}.roster-board-panel{padding:0;overflow:hidden}.roster-board-scroll{overflow:auto}.roster-board{min-width:1220px}.roster-board th{min-width:135px}.roster-board th:first-child,.roster-board td:first-child{z-index:2;min-width:205px;position:sticky;left:0}.roster-board th:first-child{z-index:3}.roster-board td:first-child{background:#fff}.roster-board th strong,.roster-board th span{display:block}.roster-board th span{color:#98a19f;margin-top:4px;font-size:7px}.shift-card{background:#eef8f4;border:1px solid #cfe5dc;border-radius:9px;min-width:112px;padding:9px}.shift-card strong,.shift-card span,.shift-card small{display:block}.shift-card strong{color:#176b56;font-size:9px}.shift-card span{color:#48645d;margin-top:4px;font-size:8px}.shift-card small{color:#7a8985;margin-top:5px;font-size:7px}.shift-rest-day{background:#f4f6f5;border-color:#e4e7e5}.shift-night{background:#f1f0f9;border-color:#d9d8ea}.unassigned-shift{color:#a0aaa7;font-size:8px}.roster-period-panel{padding:0;overflow:hidden}.roster-period-form{gap:18px;display:grid}.roster-builder-heading{border-bottom:1px solid var(--line);background:linear-gradient(120deg,#fbfdfc,#f3f8f6);justify-content:space-between;align-items:center;gap:20px;padding:21px 22px 17px;display:flex}.roster-builder-heading .eyebrow{margin-bottom:5px}.roster-builder-heading h2{font-size:19px}.roster-builder-heading p{color:var(--muted);margin:6px 0 0;font-size:9px}.roster-mode-switch{background:#fff;border:1px solid #d8e5e0;border-radius:11px;flex:none;gap:4px;padding:4px;display:flex}.roster-mode-switch button{color:#687570;background:0 0;border:0;border-radius:8px;min-height:34px;padding:0 13px;font-size:9px;font-weight:850}.roster-mode-switch button.active{color:#fff;background:var(--green);box-shadow:0 5px 12px #0f8f6f2e}.roster-form-grid{grid-template-columns:minmax(210px,1.35fr) repeat(2,minmax(135px,.7fr)) minmax(135px,.75fr) repeat(2,minmax(110px,.55fr)) minmax(175px,1fr);gap:11px;padding:0 22px;display:grid}.roster-form-grid label{align-content:start;gap:6px;min-width:0;display:grid}.roster-form-grid label>span,.roster-weekdays legend{color:#596360;font-size:8px;font-weight:850}.roster-form-grid input,.roster-form-grid select{border:1px solid var(--line);width:100%;height:40px;color:var(--ink);background:#fff;border-radius:9px;outline:0;padding:0 10px;font-size:9px}.roster-form-grid input:focus,.roster-form-grid select:focus{border-color:#78b9a5;box-shadow:0 0 0 3px #0f8f6f14}.roster-form-grid input:disabled{color:#929c99;background:#f3f5f4}.roster-form-grid .roster-note{grid-column:span 2}.roster-form-grid small,.roster-error-text{color:#b13e48;font-size:7px;line-height:1.4}.roster-period-form .field-invalid{box-shadow:0 0 0 3px #d9556014;background:#fff8f8!important;border-color:#d95560!important}.roster-weekdays{background:#fafcfb;border:1px solid #dfe8e4;border-radius:12px;gap:11px;margin:0 22px;padding:14px 15px 15px;display:grid}.roster-weekdays.field-invalid{background:#fff9f9;border-color:#dc6871}.roster-weekdays legend{padding:0 6px}.weekday-actions{justify-content:flex-end;gap:7px;display:flex}.weekday-actions button{color:var(--green);background:0 0;border:0;padding:4px 7px;font-size:7px;font-weight:850}.weekday-options{grid-template-columns:repeat(7,minmax(72px,1fr));gap:7px;display:grid}.weekday-options label{color:#53605c;cursor:pointer;text-align:center;background:#fff;border:1px solid #e0e8e5;border-radius:9px;gap:3px;padding:10px 8px;display:grid;position:relative}.weekday-options label.selected{color:#176b56;background:#eaf6f1;border-color:#83bdaa;box-shadow:inset 0 0 0 1px #0f8f6f14}.weekday-options input{opacity:0;pointer-events:none;position:absolute}.weekday-options span{font-size:9px;font-weight:900}.weekday-options small{color:#8a9591;font-size:6px}.weekday-options label.selected small{color:#568376}.roster-period-summary{color:#275b4d;background:#eef8f4;border:1px solid #cfe2da;border-radius:11px;align-items:flex-start;gap:12px;margin:0 22px;padding:13px 15px;display:flex}.roster-period-summary>span{color:#fff;background:var(--green);border-radius:9px;place-items:center;min-width:33px;height:33px;font-size:10px;font-weight:900;display:grid}.roster-period-summary strong,.roster-period-summary p{display:block}.roster-period-summary strong{font-size:9px}.roster-period-summary p{color:#648078;margin:4px 0 0;font-size:7px;line-height:1.5}.roster-period-summary.has-error{color:#a33d46;background:#fff5f5;border-color:#edc6ca}.roster-period-summary.has-error>span{background:#ca4b55}.roster-replace-option{cursor:pointer;background:#fffaf1;border:1px solid #eadfca;border-radius:10px;align-items:flex-start;gap:10px;margin:0 22px;padding:11px 13px;display:flex}.roster-replace-option input{width:16px;height:16px;accent-color:var(--amber);margin-top:1px}.roster-replace-option strong,.roster-replace-option small{display:block}.roster-replace-option strong{font-size:8px}.roster-replace-option small{color:#8a806d;margin-top:3px;font-size:7px}.roster-submit-row{border-top:1px solid var(--line);background:#fbfcfc;justify-content:flex-end;align-items:center;gap:15px;padding:16px 22px;display:flex}.roster-submit-row>span{color:var(--muted);margin-right:auto;font-size:7px}.roster-submit-row .primary-button{min-width:170px}@media (width<=1320px){.roster-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.roster-form-grid .roster-note{grid-column:span 2}}@media (width<=820px){.roster-builder-heading{flex-direction:column;align-items:flex-start}.roster-mode-switch{width:100%}.roster-mode-switch button{flex:1}.roster-form-grid{grid-template-columns:1fr 1fr}.roster-form-grid .roster-employee-field,.roster-form-grid .roster-note{grid-column:1/-1}.weekday-options{grid-template-columns:repeat(4,1fr)}.weekday-actions{justify-content:flex-start}.roster-submit-row{flex-direction:column;align-items:stretch}.roster-submit-row .primary-button{width:100%}}@media (width<=520px){.roster-builder-heading{padding:18px 16px}.roster-form-grid{grid-template-columns:1fr;padding:0 16px}.roster-form-grid .roster-employee-field,.roster-form-grid .roster-note{grid-column:1}.roster-weekdays,.roster-period-summary,.roster-replace-option{margin-left:16px;margin-right:16px}.weekday-options{grid-template-columns:repeat(2,1fr)}.roster-submit-row{padding:15px 16px}}.leave-summary,.account-summary,.payroll-run-summary{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.payroll-run-summary{background:#eef7f3;grid-template-columns:repeat(4,minmax(0,1fr))}.leave-summary div,.account-summary div,.payroll-run-summary div{border-left:1px solid var(--line);padding:17px 20px}.leave-summary div:first-child,.account-summary div:first-child,.payroll-run-summary div:first-child{border-left:0}.leave-summary span,.leave-summary strong,.account-summary span,.account-summary strong,.payroll-run-summary span,.payroll-run-summary strong{display:block}.leave-summary span,.account-summary span,.payroll-run-summary span{color:var(--muted);font-size:9px}.leave-summary strong,.account-summary strong,.payroll-run-summary strong{margin-top:5px;font-family:Georgia,serif;font-size:21px;font-weight:500}.decision-buttons{gap:5px;display:flex}.decision-buttons button{color:#176b56;background:#eef8f4;border:1px solid #bfe0d4;border-radius:7px;height:28px;padding:0 8px;font-size:8px;font-weight:800}.decision-buttons button.reject{color:#a43d47;background:#fdf0f1;border-color:#efd0d3}.accounts-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start;gap:18px;display:grid}.advance-list,.ledger-list{display:grid}.advance-card{border-top:1px solid #edf1ef;padding:16px 0}.advance-card:first-child{border-top:0;padding-top:0}.advance-person{align-items:center;gap:10px;display:flex}.advance-person strong,.advance-person span{display:block}.advance-person strong{font-size:10px}.advance-person span{color:var(--muted);margin-top:3px;font-size:8px}.advance-numbers{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;display:grid}.advance-numbers span,.advance-numbers strong{display:block}.advance-numbers span{color:var(--muted);font-size:8px}.advance-numbers strong{margin-top:4px;font-size:10px}.advance-progress{background:#e8eeeb;border-radius:9px;height:5px;margin:0 0 13px;overflow:hidden}.advance-progress span{border-radius:inherit;background:var(--green);height:100%;display:block}.advance-card .secondary-button{min-height:34px;padding:0 12px;font-size:9px}.ledger-panel{max-height:660px;overflow:auto}.ledger-row{border-top:1px solid #edf1ef;grid-template-columns:37px 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.ledger-row:first-child{border-top:0}.ledger-icon{color:#176b56;background:#e7f5ef;border-radius:9px;place-items:center;width:35px;height:35px;font-size:7px;font-weight:900;display:grid}.ledger-row div strong,.ledger-row div span{display:block}.ledger-row div strong{font-size:9px}.ledger-row div span{color:var(--muted);margin-top:3px;font-size:8px}.ledger-row>strong{font-size:10px}.payroll-control-panel{border:1px solid var(--line);background:#fff;border-radius:15px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.payroll-control-panel>div>span,.payroll-control-panel>div>small{color:var(--muted);font-size:8px;font-weight:750;display:block}.payroll-control-panel>div>small{margin-top:6px;font-weight:500}.payroll-status{color:#5f6a67;background:#eff3f1;border-radius:20px;margin-top:1px;padding:6px 9px;font-size:9px;display:inline-flex}.payroll-draft{color:#92670d;background:#fff1d3}.payroll-approved{color:#3c66a3;background:#eaf1fb}.payroll-locked,.payroll-paid{color:#176b56;background:#e5f5ee}.payroll-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.payroll-actions button{min-height:36px}.payroll-settings-panel{padding:16px}.payroll-settings-form{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:11px;display:grid}.payroll-history{padding:20px}.history-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.history-grid>button{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fafcfb;border-radius:11px;gap:7px;padding:14px;display:grid}.history-grid>button:hover{background:#f3faf7;border-color:#a8cfc2}.history-grid span{color:var(--muted);font-size:8px}.history-grid strong{font-family:Georgia,serif;font-size:15px;font-weight:500}.history-grid small{width:fit-content}@media (width<=1280px){.roster-form{grid-template-columns:repeat(4,minmax(0,1fr))}.roster-note{grid-column:span 3}.leave-form{grid-template-columns:repeat(3,minmax(0,1fr))}.leave-reason{grid-column:span 2}.advance-form{grid-template-columns:repeat(3,minmax(0,1fr))}.advance-reason{grid-column:span 2}.payroll-settings-form{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.documents-layout{grid-template-columns:1fr}.crm-board{grid-template-columns:repeat(2,minmax(0,1fr))}.templates-layout{grid-template-columns:230px 1fr}.template-preview{grid-column:1/-1}.template-preview-body{min-height:260px}.template-card-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.template-workspace{grid-template-columns:1fr}.friendly-preview{position:static}.login-brand-panel{padding:42px}.profile-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-download-grid{grid-template-columns:1fr 1fr}.branding-card-grid{grid-template-columns:1fr}}@media (width<=980px){.accounts-grid{grid-template-columns:1fr}.history-grid,.roster-form,.leave-form,.advance-form,.payroll-settings-form{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-note,.leave-reason,.advance-reason{grid-column:auto}}@media (width<=820px){.app-shell{display:block}.main-area{min-width:0}.sidebar{transition:transform .25s;transform:translate(-102%);box-shadow:20px 0 50px #0000002e}.sidebar.sidebar-open{transform:translate(0)}.mobile-scrim{z-index:25;background:#0514116b;border:0;display:block;position:fixed;inset:0}.topbar{padding:0 18px}.menu-button{display:block}.user-card>div:nth-child(2),.signout-link{display:none}.content-area{padding:24px 18px 40px}.page-heading{flex-direction:column;align-items:flex-start}.heading-actions,.heading-actions .primary-button{width:100%}.site-row{grid-template-columns:38px 1fr auto}.progress-track{grid-column:2/-1}.crm-board{grid-template-columns:1fr}.payroll-banner{grid-template-columns:1fr 1fr}.payroll-banner>div{border-bottom:1px solid #cfe4dc}.draft-badge{margin:12px}.templates-layout{grid-template-columns:1fr}.template-preview{grid-column:auto}.form-grid.four{grid-template-columns:1fr 1fr}.login-page{grid-template-columns:1fr}.login-brand-panel{min-height:430px;padding:34px}.login-form-panel{padding:35px 20px}.template-card-grid,.access-summary{grid-template-columns:1fr 1fr}.employee-hero,.profile-actions,.report-builder-heading{flex-direction:column;align-items:flex-start}.employee-hero-status{justify-items:start}.profile-summary-grid{grid-template-columns:1fr 1fr}.profile-two-column{grid-template-columns:1fr}.profile-action-buttons{justify-content:flex-start}.date-range-controls{width:100%}.date-range-controls label{flex:1}.date-range-controls input{width:100%}}@media (width<=580px){.welcome-panel{min-height:auto;padding:28px 24px}.welcome-badge{display:none}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:100px}.attendance-summary,.crm-summary{grid-template-columns:1fr 1fr}.attendance-summary div:nth-child(3),.crm-summary div:nth-child(3){border-top:1px solid var(--line)}.attendance-summary div:nth-child(3){border-left:0}.form-grid.two,.form-grid.three,.form-grid.four{grid-template-columns:1fr}.dialog{padding:24px 18px}.opportunity-row{grid-template-columns:1fr auto}.opportunity-row>strong{text-align:left;grid-column:1/-1}.payroll-banner{grid-template-columns:1fr}.payroll-banner>div{border-right:0}.slip-totals{grid-template-columns:1fr}.slip-totals>div{border-top:1px solid #cfe4dc;border-left:0}.slip-totals>div:first-child{border-top:0}.login-brand-panel{min-height:390px;padding:27px 22px}.login-brand-copy h1{font-size:35px}.login-brand-copy p{font-size:11px}.login-company-list{display:grid}.login-form-panel{padding:24px 14px}.login-card{padding:28px 22px}.template-card-grid,.access-summary{grid-template-columns:1fr}.template-save-bar{grid-template-columns:1fr;position:static}.template-save-bar .secondary-button,.template-save-bar .primary-button{width:100%}.friendly-color-control{flex-direction:column;align-items:flex-start}.owner-security-note{padding:13px}.credential-note{padding:12px}.employee-hero{padding:24px 20px}.employee-hero-person{align-items:flex-start}.profile-avatar{border-radius:17px;flex-basis:58px;width:58px;height:58px;font-size:20px}.employee-hero h1{font-size:29px}.profile-summary-grid,.report-download-grid,.profile-detail-list{grid-template-columns:1fr}.profile-detail-list>div:nth-child(odd),.profile-detail-list>div:nth-child(2n){border-left:0;padding-left:0;padding-right:0}.branding-card{grid-template-columns:70px 1fr}.branding-preview{width:70px}.branding-upload-button{grid-column:1/-1}.branding-upload-button span{width:100%}.roster-form,.leave-form,.advance-form,.payroll-settings-form,.leave-summary,.account-summary,.payroll-run-summary{grid-template-columns:1fr}.leave-summary div,.account-summary div,.payroll-run-summary div{border-top:1px solid var(--line);border-left:0}.leave-summary div:first-child,.account-summary div:first-child,.payroll-run-summary div:first-child{border-top:0}.payroll-control-panel{flex-direction:column;align-items:stretch}.payroll-actions{justify-content:stretch}.payroll-actions button{flex:1}.history-grid{grid-template-columns:1fr}.advance-numbers{grid-template-columns:1fr 1fr}.date-control{justify-content:space-between;width:100%}}@media print{.sidebar,.topbar,.heading-actions,.toast{display:none!important}.main-area{grid-column:1/-1}.content-area{padding:0}.panel,.metric-card{box-shadow:none;break-inside:avoid}}.attendance-date-actions{align-items:center;gap:6px;display:flex}.attendance-date-actions>.secondary-button{min-width:36px;min-height:36px;padding:0}.attendance-day-notice{color:#285448;background:#f3f8f6;border:1px solid #d9e5e1;border-radius:13px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.attendance-day-notice>span{color:#176b56;background:#dff1ea;border-radius:8px;place-items:center;min-width:34px;height:30px;padding:0 7px;font-size:8px;font-weight:900;display:grid}.attendance-day-notice strong,.attendance-day-notice p{display:block}.attendance-day-notice strong{font-size:10px}.attendance-day-notice p{color:#657a74;margin:4px 0 0;font-size:8px;line-height:1.55}.attendance-day-notice.holiday{background:#fffaf0;border-color:#e9d9ae}.attendance-day-notice.holiday>span{color:#8a6311;background:#f9e9bd}.attendance-day-notice.locked{color:#445064;background:#f4f6fa;border-color:#d8dce5}.attendance-day-notice.locked>span{background:#e4e8f1}.attendance-error-banner{color:#9f3741;background:#fff3f4;border:1px solid #edc2c7;border-radius:12px;gap:4px;padding:13px 16px;display:grid}.attendance-error-banner strong{font-size:10px}.attendance-error-banner span{font-size:8px;line-height:1.55}.attendance-summary .negative{color:#ad3f49;background:#fff7f7}.attendance-summary .warning{color:#946812;background:#fffaf0}.attendance-register-panel{padding:0;overflow:hidden}.attendance-toolbar{border-bottom:1px solid var(--line);gap:13px;padding:16px 18px;display:grid}.attendance-filters{grid-template-columns:1.15fr 1fr .9fr;gap:10px;display:grid}.attendance-filters label{gap:6px;display:grid}.attendance-filters label>span,.attendance-field>span{color:#65716d;letter-spacing:.04em;text-transform:uppercase;font-size:7px;font-weight:850}.attendance-filters select,.attendance-field input,.attendance-field select{border:1px solid var(--line);width:100%;height:38px;color:var(--ink);background:#fff;border-radius:9px;outline:0;padding:0 10px;font-size:9px}.attendance-filters select:focus,.attendance-field input:focus,.attendance-field select:focus{border-color:#78b9a5;box-shadow:0 0 0 3px #0f8f6f14}.attendance-bulk-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.attendance-bulk-actions>span{color:var(--muted);margin-right:auto;font-size:8px;font-weight:800}.attendance-bulk-actions button{min-height:35px}.attendance-approve{background:#1d5e9f}.attendance-column-head,.attendance-entry{grid-template-columns:30px minmax(180px,1.3fr) 135px 190px 105px minmax(115px,.7fr) 93px;align-items:center;gap:10px;display:grid}.attendance-column-head{color:#89938f;text-transform:uppercase;letter-spacing:.05em;background:#f6f8f7;padding:9px 18px;font-size:7px;font-weight:850}.attendance-row-list{display:grid}.attendance-entry{background:#fff;border-top:1px solid #edf1ef;padding:13px 18px;position:relative}.attendance-entry.is-missing{box-shadow:inset 3px 0 #dc5a64}.attendance-entry.is-pending{box-shadow:inset 3px 0 #e2a82f}.attendance-check{place-items:center;display:grid}.attendance-check input{width:16px;height:16px;accent-color:var(--green)}.attendance-person{align-items:center;gap:9px;min-width:0;display:flex}.attendance-person>div:last-child{min-width:0}.attendance-person strong,.attendance-person span,.attendance-person small{display:block}.attendance-person strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.attendance-person span{color:var(--muted);margin-top:3px;font-size:7px}.schedule-tag{color:#346658;text-overflow:ellipsis;white-space:nowrap;background:#eaf5f1;border-radius:6px;width:max-content;max-width:100%;margin-top:6px;padding:4px 6px;font-weight:800;overflow:hidden;font-size:6px!important}.schedule-tag.off{color:#6e7673;background:#eff2f1}.schedule-tag.holiday{color:#8a6311;background:#fff0c9}.schedule-tag.roster{color:#315e92;background:#eaf1fb}.attendance-field{align-content:start;gap:5px;min-width:0;display:grid}.attendance-field input:disabled,.attendance-field select:disabled{color:#87918e;background:#f3f5f4}.attendance-field .field-invalid{box-shadow:0 0 0 3px #d9556017;background:#fff8f8!important;border-color:#d95560!important}.attendance-field>small{color:#b23f49;font-size:6px;line-height:1.35}.attendance-time-pair{grid-template-columns:1fr 1fr;gap:7px;display:grid}.overtime-field>small{color:#8a6311}.attendance-row-action{justify-items:end;gap:6px;display:grid}.attendance-state{color:#66726e;text-transform:uppercase;background:#eef2f0;border-radius:20px;align-items:center;min-height:21px;padding:0 7px;font-size:6px;font-weight:900;display:inline-flex}.attendance-state.approved{color:#176b56;background:#e5f5ee}.attendance-state.pending{color:#8b620e;background:#fff0cd}.attendance-state.missing{color:#a43e48;background:#fcebed}.attendance-entry .save-row-button:disabled{opacity:.42;cursor:not-allowed}@media (width<=1180px){.attendance-column-head{display:none}.attendance-entry{grid-template-columns:28px minmax(180px,1.4fr) 135px 190px 105px}.attendance-entry .note-field{grid-column:2/5}.attendance-entry .attendance-row-action{grid-area:2/5}}@media (width<=820px){.attendance-filters{grid-template-columns:1fr 1fr}.attendance-filters label:last-child{grid-column:1/-1}.attendance-bulk-actions{grid-template-columns:1fr 1fr;display:grid}.attendance-bulk-actions>span{grid-column:1/-1}.attendance-entry{grid-template-columns:27px minmax(0,1fr) auto;align-items:start;gap:12px;padding:16px}.attendance-entry .attendance-person{grid-column:2}.attendance-entry>.attendance-field:first-of-type,.attendance-entry .attendance-time-pair{grid-column:2/4}.attendance-entry .overtime-field{grid-column:2}.attendance-entry .note-field{grid-column:2/4}.attendance-entry .attendance-row-action{grid-area:1/3;justify-items:end}.attendance-entry .attendance-row-action button{margin-top:5px}.attendance-check{grid-row:1/3}.attendance-field input,.attendance-field select{height:42px;font-size:12px}.attendance-person strong{font-size:12px}.attendance-person span{font-size:9px}.schedule-tag{font-size:7px!important}}@media (width<=520px){.attendance-filters,.attendance-bulk-actions{grid-template-columns:1fr}.attendance-filters label:last-child,.attendance-bulk-actions>span{grid-column:1}.attendance-bulk-actions button{width:100%}.attendance-entry{grid-template-columns:24px minmax(0,1fr)}.attendance-entry .attendance-person,.attendance-entry>.attendance-field:first-of-type,.attendance-entry .attendance-time-pair,.attendance-entry .overtime-field,.attendance-entry .note-field{grid-column:2}.attendance-entry .attendance-row-action{grid-area:auto/2;justify-content:space-between;align-items:center;display:flex}.attendance-time-pair{grid-template-columns:1fr 1fr}.attendance-entry .save-row-button{min-width:82px}}.admin-summary{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.admin-summary article{border-left:1px solid var(--line);padding:18px 20px}.admin-summary article:first-child{border-left:0}.admin-summary span,.admin-summary strong,.admin-summary small{display:block}.admin-summary span{color:var(--muted);font-size:9px}.admin-summary strong{margin-top:6px;font-family:Georgia,serif;font-size:23px;font-weight:500}.admin-summary small{color:#89928f;margin-top:5px;font-size:8px}.company-profile-form{gap:18px;display:grid}.company-profile-form .panel-title-row{margin-bottom:0}.company-profile-form .panel-title-row p{color:var(--muted);margin:7px 0 0;font-size:9px}.company-colour-preview{width:42px;height:42px;box-shadow:0 0 0 1px var(--line),0 7px 18px #142d281f;border:5px solid #fff;border-radius:13px;flex:0 0 42px}.settings-section{background:#fbfcfc;border:1px solid #e5ece9;border-radius:13px;gap:13px;padding:17px;display:grid}.settings-section h3{color:#2e3d39;margin:0;font-size:10px}.compact-settings{background:#f6faf8}.colour-control{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:10px;min-height:39px;padding:4px 9px;display:flex}.colour-control input{height:27px;width:34px!important;min-height:27px!important;padding:2px!important}.colour-control strong{font-size:9px}.form-save-row{justify-content:flex-end;align-items:center;gap:18px;padding-top:2px;display:flex}.form-save-row span{color:var(--muted);margin-right:auto;font-size:9px}.admin-two-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.admin-register{padding-bottom:8px}.admin-card-list{display:grid}.admin-list-card{border-top:1px solid #edf1ef;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;display:grid}.admin-list-card:first-child{border-top:0}.admin-list-card.muted{opacity:.58}.admin-card-main{justify-items:start;gap:4px;display:grid}.admin-card-main strong{font-size:10px}.admin-card-main small,.admin-card-main>span:last-child{color:var(--muted);font-size:8px}.occupation-department{letter-spacing:.07em;text-transform:uppercase;font-weight:850;color:var(--green)!important;font-size:7px!important}.admin-card-actions{gap:6px;display:flex}.admin-card-actions button,.primary-small,.secondary-small{border-radius:8px;height:31px;padding:0 10px;font-size:8px;font-weight:850}.admin-card-actions button,.secondary-small{border:1px solid var(--line);color:var(--green-dark);background:#f8fbfa}.admin-card-actions .danger-link,.text-button.danger-text{color:#ad424c;background:0 0;border-color:#0000}.status-pill.neutral{color:#65706d;background:#eef2f0}.compliance-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;display:grid}.compliance-summary-grid article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:17px 18px}.compliance-summary-grid article.danger{background:#fff9f9;border-color:#efcfd2}.compliance-summary-grid article.warning{background:#fffcf4;border-color:#edddb8}.compliance-summary-grid article.renewal{background:#f7f9fd;border-color:#cddbf0}.compliance-summary-grid span,.compliance-summary-grid strong,.compliance-summary-grid small{display:block}.compliance-summary-grid span{color:var(--muted);font-size:8px;font-weight:750}.compliance-summary-grid strong{margin-top:6px;font-family:Georgia,serif;font-size:24px;font-weight:500}.compliance-summary-grid small{color:#87918e;margin-top:5px;font-size:8px}.compliance-workspace{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:18px;display:grid}.compliance-register{padding:0;overflow:hidden}.compliance-register .panel-title-row{margin:0;padding:20px 20px 15px}.filter-tabs{border-bottom:1px solid var(--line);gap:6px;padding:0 20px 14px;display:flex;overflow-x:auto}.filter-tabs button{border:1px solid var(--line);color:#66716e;white-space:nowrap;background:#fff;border-radius:20px;height:30px;padding:0 11px;font-size:8px;font-weight:800}.filter-tabs button.active{color:var(--green-dark);background:#eaf6f1;border-color:#acd2c4}.renewal-list{max-height:620px;overflow:auto}.renewal-row{border-top:1px solid #edf1ef;grid-template-columns:43px minmax(150px,1fr) minmax(130px,.65fr) auto;align-items:center;gap:12px;padding:13px 20px;display:grid}.renewal-row:first-child{border-top:0}.renewal-row.danger{box-shadow:inset 3px 0 #cf5962}.renewal-row.warning{box-shadow:inset 3px 0 #d8a032}.renewal-row.notice{box-shadow:inset 3px 0 #6996d4}.renewal-row.renewal{background:#f7f9fd;box-shadow:inset 3px 0 #6c83bd}.renewal-type{color:#52625e;background:#eef3f1;border-radius:9px;place-items:center;width:40px;height:34px;font-size:7px;font-weight:900;display:grid}.renewal-row.danger .renewal-type{color:#a53e47;background:#fae7e9}.renewal-row.warning .renewal-type{color:#91650f;background:#fff0d1}.renewal-row.renewal .renewal-type{color:#4d659d;background:#e8edf8}.renewal-person strong,.renewal-person span,.renewal-expiry strong,.renewal-expiry span{display:block}.renewal-person strong,.renewal-expiry strong{font-size:9px}.renewal-person span,.renewal-expiry span{color:var(--muted);margin-top:4px;font-size:8px}.renewal-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.primary-small{border:1px solid var(--green);color:#fff;background:var(--green)}.reminder-settings{position:sticky;top:96px}.reminder-settings>p{color:var(--muted);margin:7px 0 17px;font-size:9px;line-height:1.55}.compliance-guidance{color:#36584f;background:#edf6f2;border-radius:11px;gap:5px;margin-top:16px;padding:13px;display:grid}.compliance-guidance strong{font-size:9px}.compliance-guidance span{font-size:8px;line-height:1.55}@media (width<=1180px){.admin-summary{grid-template-columns:1fr 1fr}.admin-summary article:nth-child(3){border-top:1px solid var(--line);border-left:0}.admin-summary article:nth-child(4){border-top:1px solid var(--line)}.compliance-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compliance-workspace{grid-template-columns:1fr}.reminder-settings{position:static}.renewal-list{max-height:none}}@media (width<=980px){.admin-two-column{grid-template-columns:1fr}.renewal-row{grid-template-columns:43px minmax(140px,1fr) auto}.renewal-expiry{grid-column:2}.renewal-actions{grid-area:1/3/3}}@media (width<=820px){.compliance-summary-grid{grid-template-columns:1fr 1fr}.company-profile-form .form-save-row{flex-direction:column;align-items:stretch}.form-save-row span{margin-right:0}.form-save-row .primary-button{width:100%}}@media (width<=580px){.admin-summary,.compliance-summary-grid{grid-template-columns:1fr}.admin-summary article,.admin-summary article:nth-child(3),.admin-summary article:nth-child(4){border-top:1px solid var(--line);border-left:0}.admin-summary article:first-child{border-top:0}.admin-list-card{align-items:start}.admin-card-actions{flex-direction:column}.renewal-row{grid-template-columns:38px 1fr;padding:13px 15px}.renewal-expiry,.renewal-actions{grid-area:auto/2}.renewal-actions{flex-wrap:wrap;justify-content:flex-start}.filter-tabs{padding-left:15px;padding-right:15px}}.login-feature-list{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}.login-feature-list>div{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:11px;align-items:center;gap:9px;padding:11px 13px;display:flex}.login-feature-list span{color:#f4c15d;background:#f4c15d1a;border-radius:8px;place-items:center;width:25px;height:25px;font-size:7px;font-weight:900;display:grid}.login-feature-list strong{font-size:9px}.login-credential-form{gap:15px;margin-top:23px;display:grid}.login-credential-form label>span{color:#485550;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.login-credential-form input{border:1px solid var(--line);width:100%;height:46px;color:var(--ink);background:#fff;border-radius:10px;outline:0;padding:0 13px;font-size:11px}.login-credential-form input:focus{border-color:#74b8a3;box-shadow:0 0 0 3px #0f8f6f17}.login-credential-form .login-button{border:1px solid var(--green);cursor:pointer;width:100%;margin-top:3px}.password-field{position:relative}.password-field input{padding-right:62px}.password-field button{height:32px;color:var(--green-dark);background:#eef6f3;border:0;border-radius:7px;padding:0 9px;font-size:8px;font-weight:850;position:absolute;top:7px;right:7px}.login-error{color:#9f3741;background:#fff6f7;border:1px solid #efc9cd;border-radius:10px;align-items:center;gap:9px;margin-top:17px;padding:11px 12px;font-size:9px;font-weight:700;display:flex}.login-error span{color:#fff;background:var(--red);border-radius:6px;place-items:center;width:20px;height:20px;font-size:8px;font-weight:900;display:grid}.form-help{color:var(--muted);margin-top:-4px;font-size:8px;line-height:1.55;display:block}.platform-summary{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.platform-summary article{border-left:1px solid var(--line);padding:18px 20px}.platform-summary article:first-child{border-left:0}.platform-summary span,.platform-summary strong,.platform-summary small{display:block}.platform-summary span{color:var(--muted);font-size:8px;font-weight:750}.platform-summary strong{margin-top:7px;font-family:Georgia,serif;font-size:22px;font-weight:500}.platform-summary small{color:#87918e;margin-top:6px;font-size:8px}.plan-register{padding-bottom:20px}.plan-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.plan-card{border:1px solid var(--line);background:#fbfcfc;border-radius:14px;flex-direction:column;min-height:250px;padding:17px;display:flex}.plan-card.owner-plan{background:#eef8f4;border-color:#c6dfd6}.plan-card-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.plan-card-heading span{color:var(--green);letter-spacing:.1em;font-size:7px;font-weight:900}.plan-card-heading h3{margin:5px 0 0;font-family:Georgia,serif;font-size:19px;font-weight:500}.plan-card-heading>strong{text-align:right;font-size:10px}.plan-limits{gap:6px;margin:15px 0;display:flex}.plan-limits span{color:#50615c;background:#edf2f0;border-radius:7px;padding:5px 7px;font-size:7px;font-weight:800}.plan-card ul{color:#56635f;gap:7px;margin:0 0 17px;padding-left:17px;font-size:8px;line-height:1.45;display:grid}.plan-card .secondary-button{width:100%;margin-top:auto}.editor-section{border:1px solid var(--line);border-radius:12px;gap:12px;min-width:0;padding:14px;display:grid}.editor-section legend{color:var(--green-dark);padding:0 6px;font-size:9px;font-weight:850}@media (width<=1180px){.platform-summary{grid-template-columns:1fr 1fr}.platform-summary article:nth-child(3){border-top:1px solid var(--line);border-left:0}.platform-summary article:nth-child(4){border-top:1px solid var(--line)}.plan-card-grid{grid-template-columns:1fr 1fr}}@media (width<=580px){.login-feature-list{display:grid}.login-feature-list>div{width:100%}.platform-summary,.plan-card-grid{grid-template-columns:1fr}.platform-summary article,.platform-summary article:nth-child(3),.platform-summary article:nth-child(4){border-top:1px solid var(--line);border-left:0}.platform-summary article:first-child{border-top:0}}html{scroll-behavior:smooth}.marketing-page{background:#fff;min-height:100vh;overflow:hidden}.marketing-header{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #dee9e4e6;justify-content:space-between;align-items:center;gap:28px;min-height:78px;padding:0 max(28px,50vw - 610px);display:flex;position:sticky;top:0}.marketing-brand{align-items:center;gap:11px;text-decoration:none;display:flex}.marketing-brand>span{color:#14362f;background:#f4b942;border-radius:11px;place-items:center;width:39px;height:39px;font-family:Georgia,serif;font-size:24px;font-weight:800;display:grid}.marketing-brand strong,.marketing-brand small{display:block}.marketing-brand strong{font-size:14px}.marketing-brand small{color:#79908a;letter-spacing:.14em;margin-top:3px;font-size:7px;font-weight:850}.marketing-header nav{align-items:center;gap:29px;display:flex}.marketing-header nav a,.marketing-login-link{color:#56645f;font-size:11px;font-weight:750;text-decoration:none}.marketing-header nav a:hover,.marketing-login-link:hover{color:var(--green)}.marketing-header-actions{align-items:center;gap:16px;display:flex}.marketing-cta{border:1px solid var(--green);color:#fff;background:var(--green);border-radius:11px;justify-content:center;align-items:center;min-height:48px;padding:0 21px;font-size:12px;font-weight:850;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 12px 28px #0f8f6f2e}.marketing-cta:hover{border-color:var(--green-dark);background:var(--green-dark);transform:translateY(-1px)}.marketing-cta.small{min-height:39px;padding:0 15px;font-size:10px}.marketing-hero{grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);align-items:center;gap:66px;max-width:1360px;min-height:690px;margin:0 auto;padding:78px 70px 74px;display:grid;position:relative}.marketing-hero:before{content:"";z-index:0;background:radial-gradient(circle,#24ab831f,#24ab8300 68%);border-radius:50%;width:540px;height:540px;position:absolute;top:22px;right:-150px}.marketing-hero>*{z-index:1;position:relative}.marketing-kicker,.marketing-section-heading>span,.subscription-copy>span{color:var(--green);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:8px;font-size:9px;font-weight:900;display:inline-flex}.marketing-kicker:before,.marketing-section-heading>span:before,.subscription-copy>span:before{content:"";background:#f2b53f;border-radius:5px;width:23px;height:2px}.marketing-hero h1{letter-spacing:-.052em;max-width:650px;margin:19px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(49px,5.1vw,73px);font-weight:500;line-height:1.02}.marketing-hero-copy>p{color:#62706c;max-width:610px;margin:24px 0 0;font-size:15px;line-height:1.8}.marketing-hero-actions{align-items:center;gap:24px;margin-top:31px;display:flex}.marketing-ghost{color:#233a34;align-items:center;gap:10px;font-size:11px;font-weight:850;text-decoration:none;display:inline-flex}.marketing-ghost span{color:var(--green);font-size:18px}.marketing-proof{border-top:1px solid #e5ede9;flex-wrap:wrap;gap:14px 24px;margin-top:33px;padding-top:25px;display:flex}.marketing-proof span{color:#66736f;font-size:9px;font-weight:750}.product-window{background:#f4f7f5;border:1px solid #d9e5e0;border-radius:19px;overflow:hidden;transform:perspective(1500px)rotateY(-2deg)rotateX(1deg);box-shadow:0 35px 80px #14342d29}.product-window-bar{background:#fff;border-bottom:1px solid #dce5e1;align-items:center;gap:6px;height:42px;padding:0 15px;display:flex}.product-window-bar>span{background:#dfe5e2;border-radius:50%;width:7px;height:7px}.product-window-bar>span:first-child{background:#e58880}.product-window-bar>span:nth-child(2){background:#e7bf60}.product-window-bar>span:nth-child(3){background:#72bc95}.product-window-bar strong{color:#798680;letter-spacing:.09em;text-transform:uppercase;margin-left:auto;font-size:7px}.product-window-body{grid-template-columns:110px 1fr;min-height:430px;display:grid}.product-window-body aside{color:#a8c1ba;background:#12342e;flex-direction:column;gap:7px;padding:19px 11px;display:flex}.mini-logo{color:#15352f;background:#f2b63e;border-radius:9px;place-items:center;width:31px;height:31px;margin:0 0 12px 4px;font-family:Georgia,serif;font-size:18px;font-weight:800;display:grid}.product-window-body aside>span{border-radius:7px;padding:9px;font-size:7px;font-weight:750}.product-window-body aside>span.active{color:#fff;background:#1c4b42;box-shadow:inset 2px 0 #f2b63e}.product-window-body>section{padding:24px 21px}.product-greeting{color:#fff;background:linear-gradient(125deg,#164b40,#0f7b61);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:10px;padding:18px;display:flex}.product-greeting small,.product-greeting strong{display:block}.product-greeting small{color:#a9d2c7;font-size:7px}.product-greeting strong{margin-top:6px;font-family:Georgia,serif;font-size:15px;font-weight:500}.product-greeting em{background:#ffffff1a;border-radius:20px;padding:5px 7px;font-size:6px;font-style:normal}.product-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.product-metrics article,.product-lower>article{background:#fff;border:1px solid #e0e8e4;border-radius:10px;padding:13px}.product-metrics small,.product-metrics strong,.product-metrics span{display:block}.product-metrics small{color:#84908c;font-size:6px}.product-metrics strong{margin-top:6px;font-family:Georgia,serif;font-size:15px;font-weight:500}.product-metrics span{color:#8a9692;margin-top:5px;font-size:6px}.product-metrics .good{color:#16815f}.product-lower{grid-template-columns:1.2fr .8fr;gap:9px;margin-top:10px;display:grid}.mock-title{justify-content:space-between;align-items:center;display:flex}.mock-title strong{font-size:7px}.mock-title small{color:#8b9692;font-size:5px}.mock-bars{border-bottom:1px solid #e6ece9;align-items:flex-end;gap:8px;height:105px;margin-top:15px;padding:0 5px;display:flex}.mock-bars span{background:linear-gradient(#4fba94,#168365);border-radius:4px 4px 0 0;width:12%;min-height:12%}.mock-alerts p{border-top:1px solid #edf1ef;grid-template-columns:7px 1fr auto;align-items:center;gap:7px;margin:12px 0 0;padding-top:10px;font-size:6px;display:grid}.mock-alerts i{background:#5c96d2;border-radius:50%;width:6px;height:6px}.mock-alerts i.danger{background:#ce5962}.mock-alerts i.warning{background:#dea43a}.mock-alerts b{font-size:7px}.marketing-trust{background:#f8faf9;border-top:1px solid #e3ece8;border-bottom:1px solid #e3ece8;justify-content:center;align-items:center;gap:0;min-height:80px;display:flex}.marketing-trust span{color:#75817d;letter-spacing:.1em;border-left:1px solid #dce6e2;padding:0 31px;font-size:8px;font-weight:900}.marketing-trust span:first-child{border-left:0}.marketing-section{max-width:1220px;margin:0 auto;padding:105px 30px}.marketing-section-heading{max-width:690px;margin-bottom:45px}.marketing-section-heading h2,.subscription-copy h2{letter-spacing:-.04em;margin:14px 0 0;font-family:Georgia,serif;font-size:clamp(37px,4vw,52px);font-weight:500;line-height:1.08}.marketing-section-heading p{color:#6b7773;margin:15px 0 0;font-size:13px;line-height:1.75}.capability-grid{border:1px solid #e1eae6;border-radius:20px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.capability-grid article{background:#fff;border-top:1px solid #e8eeeb;border-left:1px solid #e8eeeb;min-height:220px;padding:29px}.capability-grid article:nth-child(-n+3){border-top:0}.capability-grid article:nth-child(3n+1){border-left:0}.capability-grid article>span{color:#17745a;background:#e7f5ef;border-radius:10px;place-items:center;width:44px;height:38px;font-size:7px;font-weight:900;display:grid}.capability-grid h3{margin:25px 0 0;font-size:13px}.capability-grid p{color:#6e7a76;margin:10px 0 0;font-size:10px;line-height:1.75}.pricing-section{background:#f3f7f5;max-width:none;padding-left:max(30px,50vw - 580px);padding-right:max(30px,50vw - 580px)}.pricing-section .marketing-section-heading{text-align:center;margin-left:auto;margin-right:auto}.pricing-section .marketing-section-heading>span{justify-content:center}.public-plan-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:17px;display:grid}.public-plan-grid>article{background:#fff;border:1px solid #dfe8e4;border-radius:18px;flex-direction:column;min-height:500px;padding:30px;display:flex;position:relative;box-shadow:0 8px 30px #13302a0a}.public-plan-grid>article.featured{border-color:#278d70;transform:translateY(-9px);box-shadow:0 22px 55px #10675121}.popular-label{color:#193f36;letter-spacing:.11em;background:#f4ba45;border-radius:20px;padding:7px 10px;font-size:7px;font-weight:900;position:absolute;top:-12px;right:25px}.public-plan-grid>article>small{color:var(--green);letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:900}.public-plan-price{align-items:flex-end;gap:7px;margin-top:17px;display:flex}.public-plan-price strong{letter-spacing:-.035em;font-family:Georgia,serif;font-size:34px;font-weight:500}.public-plan-price span{color:#85908d;padding-bottom:6px;font-size:8px}.public-plan-grid>article>p{color:#697571;min-height:44px;margin:15px 0 0;font-size:10px;line-height:1.6}.public-plan-grid ul{color:#168061;border-top:1px solid #e8eeeb;gap:12px;margin:25px 0;padding:21px 0 0;font-size:9px;list-style:none;display:grid}.public-plan-grid li{gap:8px;display:flex}.public-plan-grid li span{color:#52605c}.public-plan-grid button{color:#176b56;background:#f3faf7;border:1px solid #bad6cc;border-radius:10px;width:100%;min-height:44px;margin-top:auto;font-size:10px;font-weight:850}.public-plan-grid .featured button{border-color:var(--green);color:#fff;background:var(--green)}.pricing-note{color:#788481;text-align:center;margin:27px 0 0;font-size:9px}.how-section{padding-bottom:90px}.how-grid{grid-template-columns:repeat(3,1fr);gap:35px;display:grid}.how-grid article{border-top:1px solid #cadbd4;padding:27px 25px 5px;position:relative}.how-grid article>span{color:#fff;background:#163d35;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:900;position:absolute;top:-15px;left:25px}.how-grid h3{margin:14px 0 0;font-family:Georgia,serif;font-size:21px;font-weight:500}.how-grid p{color:#6c7874;margin:11px 0 0;font-size:10px;line-height:1.75}.subscription-section{color:#fff;background:radial-gradient(circle at 12% 0,#4abe973d,#0000 32%),linear-gradient(135deg,#123b33,#0d5e4d);border-radius:25px;grid-template-columns:.8fr 1.2fr;gap:75px;max-width:1220px;margin:0 auto 100px;padding:62px;display:grid}.subscription-copy>span{color:#9edbc8}.subscription-copy h2{font-size:44px}.subscription-copy>p{color:#b8d3cb;margin:20px 0 0;font-size:12px;line-height:1.8}.subscription-copy>div{border-top:1px solid #ffffff1f;margin-top:36px;padding-top:25px}.subscription-copy>div strong{font-size:11px}.subscription-copy ul{color:#bad6ce;gap:11px;margin:16px 0 0;padding-left:17px;font-size:9px;line-height:1.6;display:grid}.subscription-form{color:var(--ink);background:#fff;border-radius:18px;gap:15px;padding:29px;display:grid;position:relative;box-shadow:0 25px 60px #0319153b}.subscription-form-heading{border-bottom:1px solid #e4ebe8;justify-content:space-between;align-items:center;padding-bottom:17px;display:flex}.subscription-form-heading span{color:var(--green);letter-spacing:.13em;font-size:8px;font-weight:900}.subscription-form-heading strong{color:#687570;font-size:8px}.public-form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.subscription-form label>span{color:#52605c;margin-bottom:6px;font-size:8px;font-weight:800;display:block}.subscription-form input,.subscription-form select,.subscription-form textarea{width:100%;min-height:42px;color:var(--ink);background:#fff;border:1px solid #dce6e2;border-radius:9px;outline:0;padding:9px 11px;font-size:10px}.subscription-form textarea{resize:vertical}.subscription-form input:focus,.subscription-form select:focus,.subscription-form textarea:focus{border-color:#70b59f;box-shadow:0 0 0 3px #0f8f6f14}.website-trap{width:1px!important;height:1px!important;position:absolute!important;left:-9999px!important;overflow:hidden!important}.public-form-message{border-radius:9px;padding:11px 13px;font-size:9px;line-height:1.55}.public-form-message.error{color:#9f3640;background:#fff3f4;border:1px solid #edc7cb}.public-form-message.success{color:#176a54;background:#eef8f4;border:1px solid #baddd0}.marketing-cta.submit{cursor:pointer;width:100%}.public-form-privacy{color:#899490;text-align:center;font-size:7px;line-height:1.5}.faq-section{padding-top:0}.faq-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.faq-grid details{background:#fbfcfc;border:1px solid #e0e9e5;border-radius:13px;padding:20px 22px}.faq-grid summary{cursor:pointer;font-size:11px;font-weight:850}.faq-grid p{color:#6b7773;margin:12px 0 0;font-size:9px;line-height:1.75}.marketing-footer{color:#c7d9d4;background:#102e28;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:35px;padding:47px max(30px,50vw - 580px);display:grid}.marketing-brand.light strong{color:#fff}.marketing-brand.light small{color:#789a91}.marketing-footer>p{color:#89a79f;text-align:center;margin:0;font-size:9px;line-height:1.65}.marketing-footer>div:last-child{justify-content:flex-end;gap:22px;display:flex}.marketing-footer>div:last-child a{color:#b9cec8;font-size:9px;font-weight:750;text-decoration:none}.request-message{white-space:normal;max-width:330px;line-height:1.45}@media (width<=1100px){.marketing-header{padding:0 25px}.marketing-hero{grid-template-columns:1fr;min-height:auto;padding:75px 50px}.marketing-hero-copy{max-width:770px}.product-window{max-width:780px}.marketing-trust{flex-wrap:wrap;padding:20px}.marketing-trust span{padding:10px 20px}.subscription-section{gap:45px;margin-left:25px;margin-right:25px;padding:45px}.public-plan-price strong{font-size:28px}}@media (width<=820px){.marketing-header nav{display:none}.marketing-hero{padding:60px 25px}.marketing-hero h1{font-size:clamp(44px,10vw,64px)}.marketing-trust{justify-content:flex-start}.marketing-trust span{border:0}.capability-grid{grid-template-columns:1fr 1fr}.capability-grid article:nth-child(3){border-top:1px solid #e8eeeb}.capability-grid article:nth-child(3n+1){border-left:1px solid #e8eeeb}.capability-grid article:nth-child(odd){border-left:0}.public-plan-grid{grid-template-columns:1fr}.public-plan-grid>article{min-height:auto}.public-plan-grid>article.featured{transform:none}.how-grid,.subscription-section,.faq-grid{grid-template-columns:1fr}.marketing-footer{text-align:center;grid-template-columns:1fr}.marketing-footer>div:first-child,.marketing-footer>div:last-child{justify-content:center}}@media (width<=560px){.marketing-header{min-height:70px;padding:0 16px}.marketing-header-actions .marketing-login-link{display:none}.marketing-cta.small{min-height:36px}.marketing-hero{padding:50px 19px}.marketing-hero h1{font-size:43px}.marketing-hero-copy>p{font-size:13px}.marketing-hero-actions{flex-direction:column;align-items:stretch}.marketing-ghost{justify-content:center}.marketing-proof{display:grid}.product-window{margin-top:10px;transform:none}.product-window-body{grid-template-columns:70px 1fr;min-height:360px}.product-window-body aside{padding:13px 7px}.product-window-body aside>span{padding:7px 5px;font-size:5px}.product-window-body>section{padding:13px 10px}.product-greeting em{display:none}.product-metrics{grid-template-columns:1fr 1fr}.product-metrics article:last-child{display:none}.product-lower{grid-template-columns:1fr}.mock-alerts{display:none}.marketing-trust{grid-template-columns:1fr 1fr;display:grid}.marketing-section{padding:75px 19px}.capability-grid{grid-template-columns:1fr}.capability-grid article,.capability-grid article:nth-child(3n+1){border-top:1px solid #e8eeeb;border-left:0;min-height:auto}.capability-grid article:first-child{border-top:0}.pricing-section{padding-left:19px;padding-right:19px}.public-plan-grid>article{padding:24px}.subscription-section{border-radius:19px;margin:0 14px 75px;padding:30px 20px}.subscription-copy h2{font-size:38px}.subscription-form{padding:22px 17px}.public-form-grid{grid-template-columns:1fr}.marketing-footer{padding:40px 20px}.marketing-footer>div:last-child{flex-direction:column;gap:13px}}.nav-group{margin:4px 0}.nav-group-toggle{margin-bottom:2px}.nav-group-toggle.section-active{color:#fff;background:#ffffff0b}.nav-group-toggle.section-active .nav-icon{color:#f4bc50;background:#f4bc500f;border-color:#f4bc5057}.nav-chevron{color:#73988f;margin-left:auto;font-size:16px;line-height:1;transition:transform .18s,color .18s}.nav-group-toggle:hover .nav-chevron,.nav-group-toggle.section-active .nav-chevron{color:#d7e8e3}.nav-group-toggle[aria-expanded=false] .nav-chevron{transform:rotate(-90deg)}.nav-submenu{border-left:1px solid #ffffff1c;gap:2px;margin:2px 0 8px 20px;padding:2px 0 2px 12px;animation:.16s ease-out nav-submenu-in;display:grid}.nav-subitem{color:#91afa7;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;width:100%;min-height:34px;padding:7px 9px;font-size:11px;font-weight:700;transition:all .18s;display:flex}.nav-subitem:hover{color:#fff;background:#ffffff0e}.nav-subitem.active{color:#fff;background:var(--nav-soft);box-shadow:inset 2px 0 #f3b53f}.nav-subitem-icon{color:#86a69e;border:1px solid #ffffff17;border-radius:7px;flex:0 0 23px;place-items:center;width:23px;height:23px;font-size:7px;font-weight:900;display:grid}.nav-subitem.active .nav-subitem-icon{color:#f4bc50;border-color:#f4bc504d}.nav-subitem-action{color:#9bd1c1}.nav-subitem-action .nav-subitem-icon{color:#7fd1b5;font-size:12px}@keyframes nav-submenu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.crm-heading-actions{align-items:center;gap:9px;display:flex}.crm-tabs{border:1px solid var(--line);background:#fff;border-radius:13px;gap:5px;width:fit-content;padding:5px;display:flex}.crm-tabs button{color:#64716d;background:0 0;border:0;border-radius:9px;min-height:37px;padding:0 16px;font-size:10px;font-weight:850}.crm-tabs button:hover{color:var(--green-dark);background:#f3f8f6}.crm-tabs button.active{color:#fff;background:var(--green)}.crm-tabs button span{min-width:19px;height:19px;color:inherit;background:#ffffff2e;border-radius:20px;place-items:center;margin-left:7px;padding:0 5px;font-size:7px;display:inline-grid}.crm-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.crm-toolbar{align-items:center;gap:14px;padding:14px 18px;display:flex}.crm-toolbar .search-field{flex:1}.crm-toolbar>label:not(.search-field){color:var(--muted);align-items:center;gap:9px;font-size:9px;font-weight:800;display:flex}.crm-toolbar select{border:1px solid var(--line);min-width:155px;height:39px;color:var(--ink);background:#fff;border-radius:9px;padding:0 10px;font-size:9px;font-weight:750}.crm-toolbar .record-count{margin-left:auto}.lead-contact{background:#f3f7f5;border-radius:9px;gap:3px;margin:3px 0 13px;padding:10px 11px;display:grid}.lead-contact span,.lead-contact small{color:var(--muted);font-size:7px}.lead-contact strong{font-size:9px}.lead-followup.overdue{color:#b33f49}.lead-followup.due{color:#a97008}.lead-followup.clear{color:#2e5e52}.lead-stage-control{gap:5px;margin-top:12px;display:grid}.lead-stage-control>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:7px;font-weight:800}.lead-stage-control select{margin-top:0}.customer-table table{min-width:980px}.template-preview-body p{text-align:justify;white-space:pre-line}@media (width<=820px){.crm-heading-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.crm-heading-actions button{width:100%}.crm-toolbar{flex-direction:column;align-items:stretch}.crm-toolbar .search-field,.crm-toolbar>label:not(.search-field),.crm-toolbar select,.crm-toolbar .primary-button{width:100%}.crm-toolbar>label:not(.search-field){justify-content:space-between}.crm-toolbar .record-count{margin-left:0}.crm-tabs{width:100%}.crm-tabs button{flex:1}}@media (width<=580px){.crm-summary{grid-template-columns:1fr 1fr}.crm-summary div:nth-child(3){border-left:0}.crm-summary div:nth-child(4){border-top:1px solid var(--line)}.crm-heading-actions{grid-template-columns:1fr}.crm-tabs{grid-template-columns:1fr 1fr;display:grid}.crm-tabs button{padding:0 10px}}.profile-edit-heading{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.profile-mode-badge{border-radius:20px;align-items:center;min-height:27px;padding:0 10px;font-size:8px;font-weight:850;display:inline-flex}.profile-mode-badge.saved{color:#26725b;background:#e9f5f0}.profile-mode-badge.editing{color:#8a6418;background:#fff1d2}.company-edit-notice{color:#244d42;background:#edf7f3;border:1px solid #c9dfd7;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.company-edit-notice>span{color:#fff;background:var(--green);border-radius:9px;flex:0 0 29px;place-items:center;width:29px;height:29px;font-size:14px;display:grid}.company-edit-notice strong,.company-edit-notice p{display:block}.company-edit-notice strong{font-size:10px}.company-edit-notice p{color:#638078;margin:4px 0 0;font-size:8px;line-height:1.6}.company-profile-form.read-only-profile input:disabled,.company-profile-form.read-only-profile select:disabled{opacity:1;cursor:default;color:#384642;-webkit-text-fill-color:#384642;background:#f6f8f7;border-color:#edf1ef}.company-profile-form.read-only-profile .colour-control{background:#f6f8f7;border-color:#edf1ef}.company-profile-form.editing-profile{border-color:#c8dfd6;box-shadow:0 15px 45px #0f624c14}@media (width<=820px){.profile-edit-heading{justify-content:flex-start;width:100%}.profile-edit-heading .primary-button,.profile-edit-heading .secondary-button{flex:1}.company-profile-form .panel-title-row{flex-direction:column;align-items:flex-start}}.company-profile-form{gap:0;padding:0;overflow:hidden}.company-profile-banner{color:#fff;background:radial-gradient(circle at 80% 0,#4abe9733,#0000 32%),linear-gradient(125deg,#153d35,#0f5b4b);grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:17px;padding:25px 26px;display:grid;position:relative}.company-profile-banner:before{content:"";background:var(--company-accent);height:5px;position:absolute;inset:0 0 auto}.company-profile-mark{color:#fff;background:var(--company-accent);letter-spacing:.03em;border:1px solid #ffffff47;border-radius:17px;place-items:center;width:58px;height:58px;font-family:Georgia,serif;font-size:21px;font-weight:700;display:grid;box-shadow:0 10px 24px #03181438}.company-profile-title>span{color:#9bcbbd;letter-spacing:.16em;font-size:7px;font-weight:900}.company-profile-title h2{letter-spacing:-.025em;margin:5px 0 0;font-family:Georgia,serif;font-size:25px;font-weight:500}.company-profile-title>div{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.company-profile-title small{color:#c3ddd5;background:#ffffff0e;border:1px solid #ffffff1c;border-radius:20px;padding:5px 8px;font-size:7px;font-weight:750}.company-profile-banner .profile-mode-badge.saved{color:#c8e5dc;background:#ffffff17}.company-profile-banner .profile-mode-badge.editing{color:#ffe5a9;background:#f4b53f24}.company-banner-button{color:#153d35;background:#fff;border:1px solid #fff;border-radius:9px;min-height:38px;padding:0 14px;font-size:9px;font-weight:850}.company-banner-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #031a1533}.company-banner-button.light{color:#fff;background:#ffffff14;border-color:#ffffff40}.company-profile-form .company-edit-notice{margin:20px 24px 0}.profile-form-section{background:#f7f9f8;border-color:#e0e9e5;border-radius:15px;gap:14px;margin:18px 24px 0;padding:19px}.profile-form-section.compact-settings{background:#f3f8f6}.profile-section-heading{align-items:flex-start;gap:11px;padding-bottom:2px;display:flex}.profile-section-heading>span{width:29px;height:29px;color:var(--green-dark);background:#dff1ea;border-radius:9px;flex:0 0 29px;place-items:center;font-size:8px;font-weight:900;display:grid}.profile-section-heading h3{margin:1px 0 0;font-size:11px}.profile-section-heading p{color:var(--muted);margin:4px 0 0;font-size:8px;line-height:1.5}.profile-form-section .profile-field{background:#fff;border:1px solid #e1e8e5;border-radius:12px;align-content:center;gap:6px;min-height:72px;padding:11px 13px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 2px 6px #18373106}.profile-form-section .profile-field>span:first-child{color:#7a8783;letter-spacing:.075em;text-transform:uppercase;margin:0;font-size:7px;font-weight:900}.profile-form-section .profile-field input,.profile-form-section .profile-field select{color:#263531;background:0 0;border:0;outline:0;width:100%;min-width:0;min-height:31px;padding:0;font-size:11px;font-weight:750}.profile-form-section .profile-field input::placeholder{color:#a8b0ad;font-weight:500}.company-profile-form.editing-profile .profile-field{background:#fff;border-color:#cbded7}.company-profile-form.editing-profile .profile-field:hover{border-color:#9fc8ba;transform:translateY(-1px)}.company-profile-form.editing-profile .profile-field:focus-within{border-color:var(--company-accent);box-shadow:0 0 0 3px #0f8f6f17}.company-profile-form.read-only-profile .profile-field{background:#fbfcfc}.company-profile-form.read-only-profile .profile-field input:disabled,.company-profile-form.read-only-profile .profile-field select:disabled{opacity:1;color:#35433f;-webkit-text-fill-color:#35433f;background:0 0}.profile-form-section .colour-control{background:0 0;border:0;min-height:31px;padding:0}.profile-form-section .colour-control input{border:1px solid #d9e4df;border-radius:8px;height:29px;padding:2px;width:39px!important;min-height:29px!important}.profile-form-section .colour-control strong{font-size:10px}.company-profile-form .form-save-row{background:#fbfcfc;border-top:1px solid #e2e9e6;margin-top:20px;padding:18px 24px}.company-profile-form.editing-profile .form-save-row{background:#eef7f3}@media (width<=900px){.company-profile-banner{grid-template-columns:56px 1fr}.company-profile-banner .profile-edit-heading{grid-column:1/-1}.profile-form-section .form-grid.three{grid-template-columns:1fr 1fr}}@media (width<=580px){.company-profile-banner{grid-template-columns:47px 1fr;padding:22px 18px}.company-profile-mark{border-radius:14px;width:47px;height:47px;font-size:17px}.company-profile-title h2{font-size:21px}.company-profile-banner .profile-edit-heading{grid-template-columns:1fr;display:grid}.company-profile-banner .profile-edit-heading>*{justify-content:center;width:100%}.company-profile-form .company-edit-notice,.profile-form-section{margin-left:14px;margin-right:14px}.profile-form-section{padding:15px}.profile-form-section .form-grid.three{grid-template-columns:1fr}.company-profile-form .form-save-row{padding:16px 14px}}.remove-opportunity-button{color:#a23e47;background:#fff8f8;border:1px solid #efc9cc;border-radius:9px;width:100%;min-height:34px;margin-top:9px;font-size:8px;font-weight:850}.remove-opportunity-button:hover{background:#fcebed;border-color:#d98d94}.crm-toolbar-add{white-space:nowrap;min-height:38px;padding:0 13px}.login-brand-link{width:max-content;color:inherit;text-decoration:none;transition:transform .18s,opacity .18s}.login-brand-link:hover{opacity:.9;transform:translateY(-1px)}.crm-board .empty-state.full-width{justify-items:center;gap:8px;display:grid}.crm-board .empty-state.full-width strong{color:var(--ink);font-size:11px}.crm-board .empty-state.full-width span{color:var(--muted);font-size:9px}.crm-board .empty-state.full-width .primary-button{margin-top:5px}.pension-rule-banner{color:#fff;box-shadow:var(--shadow);background:radial-gradient(circle at 75% 0,#53bf9a40,#0000 28%),linear-gradient(125deg,#143d35,#0e6250);border-radius:18px;grid-template-columns:150px 150px minmax(280px,1fr) 125px;display:grid;overflow:hidden}.pension-rule-banner>div{border-left:1px solid #ffffff1a;align-content:center;min-height:132px;padding:22px;display:grid}.pension-rule-banner>div:first-child{border-left:0}.pension-rule-banner strong,.pension-rule-banner small{display:block}.pension-rule-banner strong{font-size:10px}.pension-rule-banner small{color:#a9cfc4;margin-top:5px;font-size:8px}.rule-number{color:#f3bd52;margin-bottom:8px;font-family:Georgia,serif;font-size:29px;line-height:1}.rule-explanation p{color:#bad6ce;margin:8px 0 0;font-size:9px;line-height:1.7}.rule-source{text-align:center}.rule-source>span{color:#9bc8bc;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:850}.rule-source strong{margin-top:5px;font-family:Georgia,serif;font-size:29px;font-weight:500}.pension-metrics .metric-card,.bank-metrics .metric-card{align-content:center;gap:5px;padding-left:28px;display:grid;position:relative;overflow:hidden}.pension-metrics .metric-card:before,.bank-metrics .metric-card:before{content:"";background:#41b58d;border-radius:10px;width:6px;position:absolute;inset:18px auto 18px 13px}.pension-metrics .tone-blue:before,.bank-metrics .tone-blue:before{background:#6293d9}.pension-metrics .tone-purple:before,.bank-metrics .tone-purple:before{background:#947ddd}.pension-metrics .tone-amber:before,.bank-metrics .tone-amber:before{background:#e4ae4c}.pension-metrics .metric-card>span,.bank-metrics .metric-card>span{color:var(--muted);font-size:9px;font-weight:800}.pension-submission-panel{padding:0;overflow:hidden}.pension-submission-panel .panel-title-row{border-bottom:1px solid var(--line);padding:20px 22px}.pension-submission-form{grid-template-columns:180px repeat(3,minmax(140px,1fr)) auto;align-items:end;gap:13px;padding:20px 22px;display:grid}.pension-submission-form label,.bank-generator-form label{gap:6px;display:grid}.pension-submission-form label>span,.bank-generator-form label>span{color:#6f7d79;font-size:8px;font-weight:850}.pension-submission-form input,.pension-submission-form select,.bank-generator-form input,.bank-generator-form select,.compact-select{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);background:#fff;border-radius:9px;outline:0;padding:0 11px;font-size:9px}.pension-submission-form input:focus,.pension-submission-form select:focus,.bank-generator-form input:focus,.bank-generator-form select:focus{border-color:#7bb9a5;box-shadow:0 0 0 3px #0f8f6f14}.pension-status-summary{gap:4px;display:grid}.pension-status-summary .status-pill{width:max-content}.pension-status-summary strong{font-family:Georgia,serif;font-size:17px;font-weight:500}.pension-status-summary small{color:var(--muted);font-size:8px}.pension-empty-action{justify-content:space-between;align-items:center;gap:20px;padding:24px 22px;display:flex}.pension-empty-action strong,.pension-empty-action span{display:block}.pension-empty-action strong{font-size:11px}.pension-empty-action span{color:var(--muted);margin-top:5px;font-size:9px}.pension-warning,.pension-ok{border-radius:8px;padding:6px 8px;font-size:7px;font-weight:850;line-height:1.35;display:inline-flex}.pension-warning{color:#9b4a20;background:#fff1e8}.pension-ok{color:#257159;background:#eaf6f1}.payroll-centre-dialog{width:min(820px,100vw - 30px);max-height:92vh;overflow:auto}.calculation-note{background:#eff8f4;border:1px solid #cfe4dc;border-radius:10px;align-items:flex-start;gap:12px;padding:13px 15px;display:flex}.calculation-note strong{color:#276a58;flex:none;font-size:9px}.calculation-note span{color:#668077;font-size:8px;line-height:1.55}.pension-inline-summary{grid-template-columns:1fr 1fr 1.4fr;gap:8px;margin-top:12px;display:grid}.pension-inline-summary>span{color:#62716d;background:#f6faf8;border:1px solid #dbe8e3;border-radius:10px;gap:4px;padding:11px 12px;font-size:8px;display:grid}.pension-inline-summary strong{color:#1c493d;font-size:11px}.pensionable-wage-result{background:#edf7f3;border:1px solid #cfe4dc;border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:3px 15px;margin-top:12px;padding:13px 14px;display:grid}.pensionable-wage-result>span{color:#59736b;font-size:8px;font-weight:850}.pensionable-wage-result>strong{color:#176a54;grid-area:1/2/3;font-family:Georgia,serif;font-size:18px;font-weight:500}.pensionable-wage-result>small{color:#78908a;font-size:7px}.payroll-tabs{max-width:100%;overflow-x:auto}.bank-generator{grid-template-columns:minmax(250px,.75fr) minmax(500px,1.7fr);gap:32px;padding:25px;display:grid}.bank-generator-intro h2{margin:7px 0 0}.bank-generator-intro p{max-width:390px;color:var(--muted);margin:9px 0 0;font-size:9px;line-height:1.65}.bank-generator-form{grid-template-columns:repeat(4,minmax(115px,1fr));align-items:end;gap:12px;display:grid}.bank-generator-checks{flex-wrap:wrap;grid-column:1/-1;gap:7px;display:flex}.bank-generator-checks span{border-radius:8px;padding:6px 8px;font-size:7px;font-weight:850}.check-ready{color:#246c56;background:#e9f6f0}.check-blocked{color:#a33f48;background:#fff0f1}.check-warning{color:#966516;background:#fff3da}.bank-generator-form>.primary-button{grid-column:1/-1}.company-bank-section{gap:17px;display:grid}.company-bank-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.company-bank-heading h2{margin:6px 0 0}.company-bank-heading p{color:var(--muted);margin:7px 0 0;font-size:9px}.company-bank-grid{grid-template-columns:repeat(3,minmax(230px,1fr));gap:14px;display:grid}.company-bank-card{border:1px solid var(--line);background:#fff;border-radius:15px;gap:12px;padding:20px;display:grid}.company-bank-top{justify-content:space-between;align-items:center;display:flex}.company-bank-top>span{color:#fff;background:var(--green-dark);border-radius:8px;place-items:center;width:39px;height:29px;font-size:8px;font-weight:900;display:grid}.company-bank-top>small{color:#2b725d;background:#e9f5f0;border-radius:20px;padding:5px 7px;font-size:7px;font-weight:900}.company-bank-card h3{margin:0;font-size:12px}.company-bank-card>strong{font-family:Georgia,serif;font-size:18px;font-weight:500}.company-bank-card dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:8px;margin:0;padding:12px 0;display:grid}.company-bank-card dl>div{justify-content:space-between;gap:12px;display:flex}.company-bank-card dt,.company-bank-card dd{margin:0;font-size:8px}.company-bank-card dt{color:var(--muted)}.company-bank-card dd{text-align:right;font-weight:800}.bank-adapter-grid{grid-template-columns:repeat(3,minmax(230px,1fr));gap:14px;display:grid}.bank-adapter-card{border:1px solid var(--line);background:#fff;border-radius:15px;align-content:start;gap:9px;min-height:210px;padding:20px;display:grid}.bank-adapter-top{justify-content:space-between;align-items:center;display:flex}.bank-adapter-top>span{color:#fff;background:#153f36;border-radius:8px;place-items:center;width:39px;height:29px;font-size:8px;font-weight:900;display:grid}.bank-adapter-top em{border-radius:20px;padding:5px 7px;font-size:7px;font-style:normal;font-weight:850}.bank-adapter-top em.ready{color:#24725a;background:#e9f6f0}.bank-adapter-top em.pending{color:#8a631b;background:#fff1d4}.bank-adapter-card h3{margin:5px 0 0;font-size:12px}.bank-adapter-card>strong{color:#4f625c;font-size:9px}.bank-adapter-card p{color:var(--muted);margin:4px 0 0;font-size:8px;line-height:1.65}.bank-adapter-card>small{border-top:1px solid var(--line);color:#507067;margin-top:auto;padding-top:10px;font-size:7px;font-weight:750;line-height:1.5}.empty-state.full-width{grid-column:1/-1}@media (width<=1180px){.pension-rule-banner{grid-template-columns:130px 130px 1fr}.rule-source{border-top:1px solid #ffffff1a;grid-column:1/-1;grid-template-columns:auto auto auto;justify-content:center;gap:9px;align-items:center!important;min-height:72px!important}.pension-submission-form{grid-template-columns:repeat(3,1fr)}.pension-status-summary{grid-column:1/-1}.bank-generator{grid-template-columns:1fr}.bank-adapter-grid,.company-bank-grid{grid-template-columns:1fr 1fr}}@media (width<=820px){.pension-rule-banner{grid-template-columns:1fr 1fr}.rule-explanation,.rule-source{grid-column:1/-1}.pension-submission-form{grid-template-columns:1fr 1fr}.pension-note-field{grid-column:1/-1}.bank-generator-form{grid-template-columns:1fr 1fr}.company-bank-heading{flex-direction:column;align-items:stretch}.company-bank-heading .primary-button{width:100%}.payroll-tabs{width:100%;display:flex}.payroll-tabs button{flex:none}.pension-inline-summary{grid-template-columns:1fr 1fr}.pension-inline-summary>span:last-child{grid-column:1/-1}}@media (width<=580px){.pension-rule-banner{grid-template-columns:1fr}.pension-rule-banner>div{border-top:1px solid #ffffff1a;border-left:0;min-height:100px}.pension-rule-banner>div:first-child{border-top:0}.rule-explanation,.rule-source{grid-column:auto}.rule-source{grid-template-columns:auto}.pension-submission-form,.bank-generator-form,.bank-adapter-grid,.company-bank-grid,.pension-inline-summary{grid-template-columns:1fr}.pension-note-field,.bank-generator-checks,.bank-generator-form>.primary-button,.pension-inline-summary>span:last-child{grid-column:auto}.pension-empty-action{flex-direction:column;align-items:stretch}.pension-empty-action .primary-button{width:100%}.pensionable-wage-result{grid-template-columns:1fr}.pensionable-wage-result>strong{grid-area:auto}.calculation-note{display:grid}}.lead-card-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:11px;display:grid}.lead-card-actions .secondary-button{min-height:32px;padding:0 9px;font-size:8px}.crm-lost-reason{color:#8f3e45;background:#fff0f1;border-radius:9px;padding:9px 10px;font-size:8px;line-height:1.5}.compact-button{min-height:32px;padding:0 11px}.crm-report-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.metric-list{margin-top:15px;display:grid}.metric-list>div{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:12px 0;display:flex}.metric-list span{color:var(--muted);font-size:9px}.metric-list strong{font-size:10px}.crm-profile-dialog{width:min(1040px,100vw - 30px);max-height:94vh;overflow:auto}.crm-profile-tabs{border:1px solid var(--line);background:#f8faf9;border-radius:12px;gap:5px;margin:18px 0;padding:5px;display:flex;overflow:auto}.crm-profile-tabs button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:0 13px;font-size:9px;font-weight:850}.crm-profile-tabs button.active{color:#fff;background:var(--green)}.crm-profile-overview{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.crm-profile-overview>section{border:1px solid var(--line);background:#fafcfb;border-radius:12px;gap:5px;padding:15px;display:grid}.crm-profile-overview>section span{color:var(--muted);font-size:8px}.crm-profile-overview>section strong{font-family:Georgia,serif;font-size:21px;font-weight:500}.profile-note{border:1px solid var(--line);background:#fff;border-radius:12px;grid-column:span 2;padding:16px}.profile-note>strong{font-size:10px}.profile-note p{color:var(--muted);margin:8px 0 0;font-size:9px;line-height:1.6}.crm-profile-section{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);align-items:start;gap:16px;display:grid}.crm-record-list{gap:8px;max-height:520px;display:grid;overflow:auto}.crm-record-list article{border:1px solid var(--line);background:#fff;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.crm-record-list article>div{gap:4px;display:grid}.crm-record-list strong{font-size:9px}.crm-record-list span,.crm-record-list small{color:var(--muted);font-size:8px;line-height:1.4}.inline-crm-form{background:#f7faf9;border:1px solid #dbe8e3;border-radius:13px;padding:17px}.inline-crm-form>strong{font-size:11px}.auto-debit-banner{background:linear-gradient(120deg,#eff9f5,#fff);border-color:#bcdacf;justify-content:space-between;align-items:center;gap:22px;display:flex}.auto-debit-banner h2{margin:4px 0 0}.auto-debit-banner p{max-width:720px;color:var(--muted);margin:7px 0 0;font-size:9px;line-height:1.6}@media (width<=900px){.crm-profile-section{grid-template-columns:1fr}.crm-profile-overview{grid-template-columns:1fr 1fr}.crm-report-grid{grid-template-columns:1fr}.auto-debit-banner{flex-direction:column;align-items:stretch}.auto-debit-banner .primary-button{width:100%}}@media (width<=580px){.lead-card-actions,.crm-profile-overview{grid-template-columns:1fr}.profile-note{grid-column:auto}.crm-profile-tabs{grid-template-columns:1fr 1fr;display:grid}.crm-profile-section .form-grid.three,.crm-profile-section .form-grid.two{grid-template-columns:1fr}body:has(.dialog-backdrop){overflow:hidden}.dialog-backdrop{place-items:stretch stretch;padding:0}.dialog{border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:22px 16px 0}.dialog>p{margin-right:44px;font-size:12px}.dialog .form-stack label>span{font-size:12px}.dialog .form-stack input,.dialog .form-stack select,.dialog .form-stack textarea{font-size:16px}.dialog-actions{z-index:4;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:linear-gradient(#ffffffeb,#fff 25%);margin:4px -16px 0;position:sticky;bottom:0}.dialog-actions .primary-button,.dialog-actions .secondary-button{flex:1;min-height:46px}.form-validation-summary{grid-template-columns:24px 1fr}.form-validation-summary p{font-size:11px}.form-validation-summary ul{font-size:10px}}.people-directory-panel{overflow:hidden}.people-status-tabs{background:#fff;gap:7px;padding:15px 20px 0;display:flex}.people-status-tabs button{border:1px solid var(--line);color:#67736f;background:#f8faf9;border-radius:10px;align-items:center;gap:9px;min-height:40px;padding:0 14px;font-size:9px;font-weight:850;display:flex}.people-status-tabs button strong{color:#56635f;text-align:center;background:#e8eeeb;border-radius:20px;min-width:22px;padding:4px 6px;font-size:8px}.people-status-tabs button.active{color:#17664f;background:#edf8f4;border-color:#8cc4b2;box-shadow:0 0 0 2px #0f8f6f0f}.people-status-tabs button.active strong{color:#fff;background:var(--green)}.archive-note{background:#f3f8f6;border:1px solid #d6e5df;border-radius:11px;align-items:flex-start;gap:11px;margin:13px 20px 0;padding:13px 15px;display:flex}.archive-note>span{color:#246b57;background:#dff0ea;border-radius:9px;flex:0 0 29px;place-items:center;width:29px;height:29px;font-size:15px;display:grid}.archive-note strong{color:#28443c;font-size:9px;display:block}.archive-note p{color:#6b7d77;margin:4px 0 0;font-size:8px;line-height:1.55}.restore-employee-button{color:#176a51;background:#eef8f4;border:1px solid #8cc4b2;border-radius:8px;height:31px;padding:0 11px;font-size:8px;font-weight:850}.restore-employee-button:hover{background:#e3f3ed;border-color:#4d9e83}.restore-employee-button:disabled{cursor:wait;opacity:.6}@media (width<=580px){.people-status-tabs{grid-template-columns:1fr 1fr;padding:12px 14px 0;display:grid}.people-status-tabs button{justify-content:space-between;min-height:44px;padding:0 11px;font-size:10px}.archive-note{margin:12px 14px 0}.archive-note strong{font-size:10px}.archive-note p{font-size:9px}.people-directory-panel .table-toolbar{flex-direction:column;align-items:stretch;gap:9px;padding:13px 14px}.people-directory-panel .search-field{width:100%}.people-directory-panel .record-count{width:max-content}.restore-employee-button,.remove-employee-button{min-height:36px}}@media (width>=1181px){.attendance-period-summary{grid-template-columns:repeat(8,minmax(0,1fr))}.attendance-daily-summary{grid-template-columns:repeat(6,minmax(0,1fr))}}.salary-payment-section{gap:13px}.payment-method-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.payment-method-options>label{cursor:pointer;background:#fff;border:1px solid #dce6e2;border-radius:11px;align-items:flex-start;gap:10px;min-height:76px;padding:13px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.payment-method-options>label:hover{border-color:#9bc9ba}.payment-method-options>label.active{background:#edf8f4;border-color:#56a88d;box-shadow:0 0 0 3px #0f8f6f12}.payment-method-options input{height:17px;accent-color:var(--green);margin:2px 0 0;width:17px!important;min-height:17px!important}.payment-method-options label>span{gap:4px;display:grid}.payment-method-options label>span>strong{color:#243f37;font-size:10px}.payment-method-options label>span>small{color:#71817b;font-size:8px;line-height:1.5}.cash-payment-note{background:#eef8f4;border:1px solid #cce3da;border-radius:10px;align-items:flex-start;gap:11px;padding:13px 14px;display:flex}.cash-payment-note>span{color:#fff;background:var(--green);border-radius:8px;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:900;display:grid}.cash-payment-note strong{color:#24634f;font-size:9px;display:block}.cash-payment-note p{color:#687e76;margin:4px 0 0;font-size:8px;line-height:1.55}@media (width<=580px){.payment-method-options{grid-template-columns:1fr}.payment-method-options>label{min-height:72px}.payment-method-options label>span>strong{font-size:12px}.payment-method-options label>span>small,.cash-payment-note p{font-size:10px}.cash-payment-note strong{font-size:11px}}.shift-management-grid{grid-template-columns:minmax(330px,.75fr) minmax(480px,1.25fr);align-items:start;gap:18px;display:grid}.shift-rule-panel,.shift-library-panel{gap:16px;display:grid}.shift-rule-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.shift-rule-fields label,.shift-template-form label{gap:6px;display:grid}.shift-rule-fields label>span,.shift-template-form label>span{color:var(--muted);font-size:8px;font-weight:800}.shift-rule-fields input,.shift-template-form input{border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;min-height:39px;padding:0 10px}.shift-rule-note{background:#eef8f4;border:1px solid #cde3da;border-radius:10px;align-items:flex-start;gap:9px;padding:12px;display:flex}.shift-rule-note strong{color:#1b6b53;flex:none;font-size:8px}.shift-rule-note span{color:#647973;font-size:8px;line-height:1.5}.shift-template-form{background:#f7faf9;border:1px solid #dbe8e3;border-radius:12px;grid-template-columns:minmax(150px,1.3fr) repeat(4,minmax(90px,.7fr)) auto;align-items:end;gap:8px;padding:14px;display:grid}.shift-template-form button{min-height:39px}.shift-template-list{border:1px solid var(--line);border-radius:11px;display:grid;overflow:hidden}.shift-template-list article{background:#fff;border-top:1px solid #edf1ef;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 13px;display:grid}.shift-template-list article:first-child{border-top:0}.shift-template-list article.archived{opacity:.56;background:#fafafa}.shift-template-list article>div:first-child{gap:4px;display:grid}.shift-template-list strong{font-size:9px}.shift-template-list span{color:var(--muted);font-size:7px}.shift-template-list article>div:last-child{gap:6px;display:flex}.attendance-compliance-chips{flex-wrap:wrap;grid-column:1/-1;gap:4px;display:flex}.attendance-compliance-chips span{color:#45675e;background:#eaf3f0;border-radius:6px;padding:3px 5px;font-size:6px;font-weight:850}.attendance-compliance-chips .late{color:#8d6412;background:#fff0cd}.attendance-compliance-chips .early{color:#9a4149;background:#fcebed}.attendance-daily-summary{grid-template-columns:repeat(6,minmax(0,1fr))}.attendance-matrix-cell.has-late{box-shadow:inset 0 -3px #dfa522}.attendance-matrix-cell.has-early{box-shadow:inset 0 -3px #cf5962}.payroll-compliance-banner{background:linear-gradient(120deg,#fffaf0,#fff);border-color:#dbcfae;justify-content:space-between;align-items:center;gap:20px;display:flex}.payroll-compliance-banner h2{margin:5px 0 0;font-size:16px}.payroll-compliance-banner p{max-width:790px;color:var(--muted);margin:7px 0 0;font-size:9px;line-height:1.55}.review-only-pill{color:#87610f;text-transform:uppercase;background:#fff0ca;border-radius:20px;flex:none;padding:8px 10px;font-size:7px;font-weight:900}.payroll-compliance-note{color:#7d621d;background:#fffbf1;border:1px solid #eadcb8;border-radius:9px;padding:11px 13px;font-size:8px;line-height:1.55}@media (width<=1180px){.shift-management-grid{grid-template-columns:1fr}.shift-template-form{grid-template-columns:1.3fr repeat(4,1fr) auto}.attendance-daily-summary,.attendance-period-summary{grid-template-columns:repeat(4,1fr)}}@media (width<=820px){.shift-template-form{grid-template-columns:1fr 1fr}.shift-template-form button{width:100%}.attendance-daily-summary,.attendance-period-summary{grid-template-columns:repeat(2,1fr)}.payroll-compliance-banner{flex-direction:column;align-items:flex-start}}@media (width<=580px){.shift-rule-fields,.shift-template-form{grid-template-columns:1fr}.shift-template-list article{grid-template-columns:1fr;align-items:flex-start}.shift-template-list article>div:last-child{width:100%}.shift-template-list article>div:last-child button{flex:1}.shift-template-list strong{font-size:11px}.shift-template-list span{font-size:9px}.attendance-compliance-chips span{font-size:8px}}.attendance-mode-tabs{background:#eef3f1;border:1px solid #dce7e3;border-radius:14px;grid-template-columns:1fr 1fr;gap:8px;padding:6px;display:grid}.attendance-mode-tabs button{color:#65736e;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:32px 1fr;align-items:center;column-gap:10px;min-height:58px;padding:10px 13px;display:grid}.attendance-mode-tabs button>span{color:#6f7b77;background:#dde6e2;border-radius:9px;grid-row:1/3;place-items:center;width:30px;height:30px;font-size:7px;font-weight:900;display:grid}.attendance-mode-tabs button strong{font-size:10px}.attendance-mode-tabs button small{color:#87918e;margin-top:3px;font-size:7px}.attendance-mode-tabs button.active{color:#185c49;background:#fff;border-color:#b8d8cc;box-shadow:0 4px 13px #193b330f}.attendance-mode-tabs button.active>span{color:#fff;background:var(--green)}.attendance-period-nav{gap:7px;display:flex}.attendance-review-controls{grid-template-columns:auto minmax(420px,1fr);align-items:end;gap:14px 20px;display:grid}.attendance-range-controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}.attendance-range-controls label,.attendance-review-filters label{gap:6px;display:grid}.attendance-range-controls label>span,.attendance-review-filters label>span{color:#65716d;letter-spacing:.04em;text-transform:uppercase;font-size:7px;font-weight:850}.attendance-range-controls input,.attendance-review-filters select{border:1px solid var(--line);width:100%;height:40px;color:var(--ink);background:#fff;border-radius:9px;outline:0;padding:0 10px;font-size:9px}.attendance-range-controls input:focus,.attendance-review-filters select:focus{border-color:#78b9a5;box-shadow:0 0 0 3px #0f8f6f14}.attendance-review-filters{grid-template-columns:1.2fr 1fr 1fr;gap:8px;display:grid}.attendance-review-actions{border-top:1px solid #edf1ef;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:8px;padding-top:13px;display:flex}.attendance-review-actions>span{color:var(--muted);margin-right:auto;font-size:8px;font-weight:800}.attendance-review-actions button{min-height:37px}.attendance-review-success{color:#246a56;background:#eef9f5;border:1px solid #bcded1;border-radius:12px;gap:4px;padding:13px 16px;display:grid}.attendance-review-success strong{font-size:10px}.attendance-review-success span{font-size:8px;line-height:1.55}.attendance-period-summary{grid-template-columns:repeat(6,minmax(0,1fr))}.attendance-matrix-panel{padding:0;overflow:hidden}.attendance-matrix-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:14px 18px;display:flex}.attendance-matrix-heading>div:first-child strong,.attendance-matrix-heading>div:first-child span{display:block}.attendance-matrix-heading>div:first-child strong{font-size:11px}.attendance-matrix-heading>div:first-child span{color:var(--muted);margin-top:4px;font-size:8px}.attendance-legend{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.attendance-legend span{color:#586660;background:#eef2f0;border-radius:7px;padding:5px 7px;font-size:6px;font-weight:900}.attendance-legend .present{color:#176b56;background:#e5f5ee}.attendance-legend .half_day{color:#2c648e;background:#eaf2f8}.attendance-legend .missing{color:#a43e48;background:#fcebed}.attendance-legend .pending{color:#8b620e;background:#fff0cd}.attendance-legend .holiday{color:#8a6311;background:#fff0c9}.attendance-matrix-scroll{max-width:100%;overflow:auto}.attendance-matrix{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.attendance-matrix th,.attendance-matrix td{text-align:center;min-width:42px;padding:7px 4px}.attendance-matrix th{z-index:2;border-bottom:1px solid var(--line);background:#f7f9f8;height:48px;position:sticky;top:0}.attendance-matrix th>span,.attendance-matrix th>strong{display:block}.attendance-matrix th>span{color:#89938f;font-size:5px}.attendance-matrix th>strong{color:#53605c;margin-top:3px;font-size:9px}.attendance-matrix td{border-top:1px solid #edf1ef;height:47px}.attendance-matrix .employee-column{z-index:3;text-align:left;min-width:205px;max-width:205px;box-shadow:1px 0 0 var(--line);background:#fff;padding:9px 13px;position:sticky;left:0}.attendance-matrix thead .employee-column{z-index:5;background:#f7f9f8}.attendance-matrix .employee-column strong,.attendance-matrix .employee-column span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.attendance-matrix .employee-column strong{font-size:9px}.attendance-matrix .employee-column span{color:var(--muted);margin-top:3px;font-size:7px}.attendance-matrix .totals-column{z-index:3;text-align:left;min-width:116px;max-width:116px;box-shadow:1px 0 0 var(--line);background:#fbfcfc;padding:9px 10px;position:sticky;left:205px}.attendance-matrix thead .totals-column{z-index:5;background:#f7f9f8}.attendance-matrix .totals-column strong,.attendance-matrix .totals-column span{display:block}.attendance-matrix .totals-column strong{font-size:8px}.attendance-matrix .totals-column span{color:var(--muted);margin-top:4px;font-size:6px}.attendance-matrix-cell{color:#596560;background:#eef2f0;border:1px solid #0000;border-radius:8px;width:31px;height:31px;padding:0;font-size:6px;font-weight:900}.attendance-matrix-cell:hover{transform:translateY(-1px);box-shadow:0 4px 10px #1934301f}.attendance-matrix-cell.present,.attendance-matrix-cell.official_duty{color:#176b56;background:#e5f5ee;border-color:#b7dccf}.attendance-matrix-cell.half_day{color:#2c648e;background:#eaf2f8;border-color:#bed5e6}.attendance-matrix-cell.absent{color:#a43e48;background:#fcebed;border-color:#edc3c7}.attendance-matrix-cell.annual_leave,.attendance-matrix-cell.medical,.attendance-matrix-cell.unpaid_leave,.attendance-matrix-cell.emergency,.attendance-matrix-cell.maternity,.attendance-matrix-cell.paternity,.attendance-matrix-cell.compassionate{color:#694da8;background:#f1ecfa;border-color:#d5c9ed}.attendance-matrix-cell.missing{color:#fff;background:#cf505a;border-color:#dc6871;box-shadow:0 0 0 2px #cf505a1a}.attendance-matrix-cell.pending{color:#73520d;background:#ffdf91;border-color:#dfa522}.attendance-matrix-cell.off{color:#7e8884;background:#f2f4f3}.attendance-matrix-cell.holiday{color:#8a6311;background:#fff0c9}.attendance-matrix-cell.inactive{color:#a4aaa8;background:0 0}.attendance-matrix-cell.is-locked{box-shadow:inset 0 0 0 2px #7d8798}.attendance-matrix-empty{color:var(--muted);font-size:10px;text-align:center!important;height:110px!important}@media (width<=980px){.attendance-review-controls{grid-template-columns:1fr}.attendance-review-filters{grid-template-columns:1fr 1fr 1fr}.attendance-period-summary{grid-template-columns:repeat(3,1fr)}.attendance-period-summary div:nth-child(4){border-left:0;border-top:1px solid var(--line)}.attendance-matrix .employee-column{min-width:165px;max-width:165px}.attendance-matrix .totals-column{min-width:104px;max-width:104px;left:165px}}@media (width<=580px){.attendance-mode-tabs{grid-template-columns:1fr}.attendance-period-nav{grid-template-columns:1fr 1fr;width:100%;display:grid}.attendance-review-controls{padding:15px}.attendance-range-controls,.attendance-review-filters{grid-template-columns:1fr}.attendance-review-actions{grid-template-columns:1fr;display:grid}.attendance-review-actions>span{margin-right:0}.attendance-review-actions button{width:100%}.attendance-period-summary{grid-template-columns:1fr 1fr}.attendance-period-summary div:nth-child(3),.attendance-period-summary div:nth-child(4),.attendance-period-summary div:nth-child(5),.attendance-period-summary div:nth-child(6){border-top:1px solid var(--line)}.attendance-period-summary div:nth-child(odd){border-left:0}.attendance-matrix-heading{flex-direction:column;align-items:flex-start}.attendance-legend{justify-content:flex-start}.attendance-matrix .employee-column{min-width:135px;max-width:135px}.attendance-matrix .totals-column{min-width:88px;max-width:88px;left:135px}.attendance-matrix .employee-column strong{font-size:8px}.attendance-matrix .employee-column span,.attendance-matrix .totals-column span{font-size:6px}.attendance-matrix th,.attendance-matrix td{min-width:39px}.attendance-matrix-cell{width:29px;height:29px}.attendance-review-success strong{font-size:11px}.attendance-review-success span{font-size:10px}}.payroll-period-controls{gap:9px;display:flex}.holiday-settings{border-top:1px solid var(--line);gap:13px;margin-top:18px;padding-top:18px;display:grid}.holiday-settings>div:first-child strong,.holiday-settings>div:first-child span{display:block}.holiday-settings>div:first-child strong{font-size:11px}.holiday-settings>div:first-child span{color:var(--muted);margin-top:4px;font-size:8px}.holiday-form{grid-template-columns:160px minmax(220px,1fr) 180px auto;gap:9px;display:grid}.holiday-form input,.holiday-form select{border:1px solid var(--line);background:#fff;border-radius:9px;min-height:39px;padding:0 10px}.holiday-list{border:1px solid var(--line);border-radius:11px;max-height:260px;display:grid;overflow:auto}.holiday-list>div{border-top:1px solid #edf1ef;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.holiday-list>div:first-child{border-top:0}.holiday-list span{grid-template-columns:110px 1fr;align-items:center;gap:3px 10px;font-size:9px;display:grid}.holiday-list small{color:var(--muted);grid-column:2;font-size:7px}.salary-structure-dialog{width:min(880px,100vw - 30px);max-height:94vh;overflow:auto}.salary-component-summary{background:#edf8f4;border:1px solid #cfe4dc;border-radius:12px;justify-content:space-between;align-items:center;margin:18px 0 10px;padding:14px 16px;display:flex}.salary-component-summary span{color:var(--muted);font-size:8px}.salary-component-summary strong{font-family:Georgia,serif;font-size:20px;font-weight:500}.salary-component-list{border:1px solid var(--line);border-radius:12px;display:grid}.salary-component-list>div{border-top:1px solid #edf1ef;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:13px;padding:12px 14px;display:grid}.salary-component-list>div:first-child{border-top:0}.salary-component-list>div.is-inactive{opacity:.5;background:#fafafa}.salary-component-list span strong,.salary-component-list span small{display:block}.salary-component-list span strong{font-size:9px}.salary-component-list span small{color:var(--muted);margin-top:4px;font-size:7px}.salary-component-form{background:#f7faf9;border:1px solid #dbe8e3;border-radius:12px;grid-template-columns:150px minmax(180px,1fr) 160px 145px 145px;align-items:end;gap:9px;margin-top:16px;padding:15px;display:grid}.salary-component-form label{gap:6px;display:grid}.salary-component-form label>span{color:var(--muted);font-size:8px;font-weight:800}.salary-component-form input,.salary-component-form select{border:1px solid var(--line);background:#fff;border-radius:9px;min-height:39px;padding:0 10px}.salary-component-form button{min-height:39px}.attendance-snapshot{grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.attendance-snapshot span{border:1px solid var(--line);color:var(--muted);background:#fafcfb;border-radius:9px;gap:3px;padding:10px;font-size:7px;display:grid}.attendance-snapshot strong{color:var(--ink);font-size:12px}@media (width<=980px){.holiday-form,.salary-component-form{grid-template-columns:1fr 1fr}.attendance-snapshot{grid-template-columns:repeat(3,1fr)}}@media (width<=580px){.payroll-period-controls{grid-template-columns:1fr;width:100%;display:grid}.holiday-form,.salary-component-form,.holiday-list span{grid-template-columns:1fr}.holiday-list small{grid-column:1}.salary-component-list>div{grid-template-columns:1fr auto}.salary-component-list .row-actions{grid-column:1/-1}.attendance-snapshot{grid-template-columns:1fr 1fr}.salary-structure-dialog{width:100%;max-height:none}}@media (width>=1181px){.attendance-period-summary{grid-template-columns:repeat(8,minmax(0,1fr))}.attendance-daily-summary{grid-template-columns:repeat(6,minmax(0,1fr))}}@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}