:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f6f7;--surface:#fff;--surface-soft:#f8faf9;--surface-muted:#eef2ef;--surface-strong:#e5ebe5;--text:#172018;--muted:#66716a;--border:#d8ded9;--border-soft:#e7ebe8;--accent:#2f9f6b;--accent-dark:#176543;--accent-soft:#eefaf3;--success:#278458;--warning-bg:#fff7dc;--warning-border:#ead58d;--warning-text:#765414;--danger:#a14336;--danger-bg:#fff1ed;--danger-border:#efc7be;--info:#3f6280;--info-bg:#eef5fa;--info-border:#cadbe7;--teal-bg:#e9f5f1;--shadow:0 18px 42px #1a201d14;--shadow-soft:0 8px 22px #1a201d0f}*{box-sizing:border-box}html{min-height:100%}body{min-height:100%;color:var(--text);background:radial-gradient(circle at 8% -8%,#cddac957,#0000 33%),radial-gradient(circle at 92% 12%,#ffffffd1,#0000 28%),radial-gradient(circle at 90% 92%,#d6ddd361,#0000 34%),linear-gradient(135deg,#f7f8f8 0%,#f1f3f4 48%,#f6f7f7 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.app-shell{background:0 0;grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border-soft);background:#fff;flex-direction:column;min-height:100vh;padding:20px 10px;display:flex;box-shadow:12px 0 28px #1a201d09}.brand{min-height:38px;color:var(--accent-dark);align-items:center;gap:11px;padding:0 12px 22px;font-size:18px;font-weight:750;display:flex}.brand-mark{height:28px;color:var(--accent);grid-template-columns:repeat(3,6px);align-items:end;gap:3px;display:inline-grid}.brand-mark span{background:currentColor;border-radius:8px 8px 2px 2px;width:6px;display:block}.brand-mark span:first-child{height:22px}.brand-mark span:nth-child(2){height:28px}.brand-mark span:nth-child(3){height:19px}.sidebar-mobile-user{display:none}.sidebar-avatar{background:linear-gradient(145deg, var(--accent), #25865a);color:#fff;border:1px solid #2f9f6b3d;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:760;display:inline-grid}.mobile-logout-button{border:1px solid var(--border);color:#2f3a33;min-height:32px;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:760;display:inline-flex}.mobile-logout-button:hover,.mobile-logout-button:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark);outline:none}.sentry-example-card{gap:18px}.sentry-example-actions{gap:10px;display:grid}.nav-list{gap:6px;display:grid}.nav-item{color:#2f3a33;border-radius:8px;align-items:center;gap:12px;min-height:42px;padding:0 12px;font-size:15px;font-weight:500;transition:background .16s,color .16s;display:flex}.nav-item:hover,.nav-item:focus-visible{color:var(--accent-dark);background:#f0faf4;outline:none}.nav-item-active{color:var(--accent-dark);background:linear-gradient(135deg,#edf9f2,#f7f9f7);box-shadow:inset 0 0 0 1px #2f9f6b2e}.sidebar-actions{margin-top:auto;padding-top:14px}.nav-item-button{width:100%;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0}.nav-item-logout{color:#4f5a53}.nav-item-logout:hover,.nav-item-logout:focus-visible{color:var(--accent-dark)}.workspace{min-width:0}@media (min-width:961px){.app-shell{height:100dvh;min-height:100dvh;overflow:hidden}.sidebar{overscroll-behavior:contain;height:100dvh;min-height:100dvh;position:sticky;top:0;overflow-y:auto}.workspace{height:100dvh;min-height:0;overflow:hidden auto}}.leave-review-notification-region{z-index:80;pointer-events:none;gap:12px;width:min(388px,100vw - 32px);display:grid;position:fixed;top:86px;right:24px}.leave-review-toast{pointer-events:auto;background:linear-gradient(145deg,#fffffffc,#f8fcfafa),#fff;border:1px solid #2f9f6b38;border-radius:12px;gap:12px;padding:14px;animation:.22s ease-out both leave-review-toast-in;display:grid;position:relative;box-shadow:0 18px 44px #1a201d29}.leave-review-toast-close{color:#516057;width:28px;height:28px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;font-size:20px;font-weight:520;line-height:1;display:inline-grid;position:absolute;top:9px;right:9px}.leave-review-toast-close:hover,.leave-review-toast-close:focus-visible{background:var(--accent-soft);color:var(--accent-dark);border-color:#2f9f6b2e;outline:none}.leave-review-toast-body{gap:8px;padding-right:28px;display:grid}.leave-review-toast-eyebrow{color:var(--accent-dark);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:11px;font-weight:820}.leave-review-toast h2{color:var(--text);margin:0;font-size:16px;font-weight:820;line-height:1.2}.leave-review-toast p{color:#4c5a52;margin:0;font-size:13px;line-height:1.45}.leave-review-toast-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:2px 0 0;display:grid}.leave-review-toast-meta div{border:1px solid var(--border-soft);background:#ffffffb8;border-radius:8px;min-width:0;padding:8px}.leave-review-toast-meta dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 3px;font-size:10px;font-weight:820}.leave-review-toast-meta dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:760;line-height:1.25}.leave-review-toast-action{background:var(--accent);color:#fff;text-align:center;border:1px solid #2f9f6b52;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 14px;font-size:13px;font-weight:820;display:inline-flex}.leave-review-toast-action:hover,.leave-review-toast-action:focus-visible{outline-offset:2px;background:#278d5f;outline:2px solid #2f9f6b33}@keyframes leave-review-toast-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}.topbar{border-bottom:1px solid var(--border-soft);color:#2f3a33;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:0 22px;font-size:15px;display:flex}.topbar-product{align-items:baseline;gap:10px;display:flex}.topbar-product strong{font-size:16px;font-weight:780}.topbar-product span{color:var(--muted)}.topbar-user{align-items:center;gap:10px;display:flex}.user-chip{align-items:center;gap:10px;display:inline-flex}.user-chip span{background:linear-gradient(145deg, var(--accent), #25865a);color:#fff;border:1px solid #2f9f6b3d;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:760;display:inline-grid}.user-chip strong{gap:2px;font-size:14px;font-weight:500;display:grid}.user-chip small{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:720}.demo-switcher{color:#4b554f;text-transform:uppercase;gap:6px;font-size:12px;font-weight:760;display:grid}.demo-switcher select{border:1px solid var(--border);background:var(--surface);min-height:32px;color:var(--text);font:inherit;text-transform:none;border-radius:8px;padding:0 10px;font-size:13px;font-weight:650}.demo-switcher select:focus-visible{border-color:var(--accent);outline:2px solid #2f9f6b33}.login-page{background:radial-gradient(circle at 13% 8%,#d2e9de6b,#0000 30%),radial-gradient(circle at 90% 18%,#ffffffeb,#0000 28%),radial-gradient(circle at 84% 92%,#dae2dd6b,#0000 34%),linear-gradient(135deg,#fbfcfbfa 0%,#f4f7f5fa 46%,#f9faf9fa 100%),#f8faf8;place-items:center;min-height:100dvh;padding:28px;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";filter:blur(6px);pointer-events:none;background:#2f9f6b12;border-radius:999px;width:420px;height:420px;position:absolute;inset:auto auto -180px -180px}.login-intro-loader{z-index:1000;pointer-events:none;background:#06100c;place-items:center;animation:2s cubic-bezier(.22,1,.36,1) forwards loginIntroOverlay;display:grid;position:fixed;inset:0;overflow:hidden}.login-intro-loader:before{content:"";filter:blur(18px)saturate(116%);opacity:0;background:radial-gradient(circle at 60% 78%,#45c57e9e,#0000 34%),radial-gradient(circle at 17% 20%,#2f9f6b70,#0000 30%),radial-gradient(circle at 82% 18%,#17654361,#0000 26%),linear-gradient(140deg,#06100c 0%,#092018 48%,#0f2b22 100%);animation:2s cubic-bezier(.22,1,.36,1) forwards loginIntroGlow;position:absolute;inset:-24%;transform:scale(1.08)}.login-intro-loader:after{content:"";opacity:.2;background-color:#0000;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.login-intro-logo{z-index:1;color:#45c57e;filter:drop-shadow(0 0 #45c57e00);grid-template-columns:repeat(3,18px);align-items:end;gap:8px;animation:2s cubic-bezier(.22,1,.36,1) forwards loginIntroLogo;display:inline-grid;position:relative;transform:scale(1)}.login-intro-logo span{background:currentColor;border-radius:999px 999px 4px 4px;width:18px;display:block}.login-intro-logo span:first-child{height:42px}.login-intro-logo span:nth-child(2){height:72px}.login-intro-logo span:nth-child(3){height:56px}.login-shell{z-index:1;grid-template-columns:minmax(280px,.92fr) minmax(340px,1fr);align-items:center;gap:24px;width:100%;min-width:0;max-width:1080px;display:grid;position:relative}.login-intro{width:100%;min-width:0;min-height:470px;color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 18% 12%,#eefaf3f5,#0000 36%),radial-gradient(circle at 88% 90%,#f1f5f2db,#0000 38%),#ffffffb8;border:1px solid #d8ded9c7;border-radius:18px;grid-template-columns:minmax(0,1fr);align-content:center;gap:18px;padding:34px;display:grid;box-shadow:0 24px 60px #1a201d14}.login-brand-lockup{align-items:center;gap:13px;display:flex}.login-brand-mark{width:36px;height:36px;padding:0}.login-brand-mark span{width:7px}.login-intro strong{color:var(--accent-dark);letter-spacing:-.02em;font-size:clamp(28px,4vw,42px);line-height:1.1}.login-intro span{color:#4a5b51;max-width:440px;font-size:17px;line-height:1.55}.login-benefit-list{gap:10px;margin:8px 0 0;padding:0;list-style:none;display:grid}.login-benefit-list li{color:#34453c;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;display:flex}.login-benefit-list li:before{content:"";background:var(--accent);border-radius:999px;flex:none;width:8px;height:8px;margin-top:6px;display:inline-block;box-shadow:0 0 0 4px #2f9f6b1f}.login-card{border:1px solid var(--border);background:#fffffff5;border-radius:18px;grid-template-columns:minmax(0,1fr);gap:15px;width:100%;min-width:0;padding:clamp(22px,3vw,34px);display:grid;box-shadow:0 24px 62px #1a201d1a}.login-form-card{gap:16px}.login-card-header{gap:7px;display:grid}.login-eyebrow{background:var(--accent-soft);width:fit-content;color:var(--accent-dark);border:1px solid #b7e5c9e6;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:780;line-height:1}.login-card h1,.login-card h2{color:var(--text);letter-spacing:0;margin:0}.login-card h1{letter-spacing:-.02em;font-size:clamp(25px,3.4vw,34px);line-height:1.15}.login-card h2{font-size:15px}.login-card p{color:#30415a;margin:0;line-height:1.5}.login-card label{color:#314158;gap:7px;font-size:13px;font-weight:760;display:grid}.login-card input{border:1px solid var(--border);min-height:44px;color:var(--text);font:inherit;background:#fff;border-radius:10px;padding:0 13px;font-size:15px;box-shadow:inset 0 1px #17201805}.login-card input:focus-visible{border-color:var(--accent);outline:3px solid #2f9f6b2e}.password-input-wrap{display:block;position:relative}.password-input-wrap input{width:100%;padding-right:44px}.password-toggle{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover,.password-toggle:focus-visible{background:var(--accent-soft);color:var(--accent-dark);outline:none}.demo-login-list{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr);gap:12px;padding-top:16px;display:grid}.login-help-link{min-height:34px;color:var(--accent-dark);text-underline-offset:3px;justify-self:start;align-items:center;font-size:13px;font-weight:720;line-height:1.35;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.login-help-link:hover,.login-help-link:focus-visible{color:var(--accent);outline-offset:3px;outline:2px solid #2f9f6b33}.demo-login-list div{flex-wrap:wrap;gap:10px;display:flex}@keyframes loginIntroOverlay{0%,70%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes loginIntroGlow{0%,20%{opacity:0;transform:scale(1.08)}55%{opacity:1;transform:scale(1.01)}to{opacity:.58;transform:scale(1)}}@keyframes loginIntroLogo{0%,20%{opacity:1;filter:blur()drop-shadow(0 0 #45c57e00);transform:scale(1)}55%{opacity:1;filter:blur()drop-shadow(0 0 28px #45c57e57);transform:scale(1.08)}80%,to{opacity:0;filter:blur(9px)drop-shadow(0 0 34px #45c57e4d);transform:scale(1.14)}}.content{width:min(1140px,100vw - 360px);margin:0 auto;padding:22px 0 40px}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.intro{margin-bottom:0}.intro h1{color:var(--text);letter-spacing:0;margin:0 0 10px;font-size:clamp(28px,3.4vw,40px);font-weight:780;line-height:1.06}.intro p{color:#5f6862;margin:0;font-size:16px;line-height:1.45}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dashboard-card{border:1px solid var(--border);background:linear-gradient(180deg, #fffffffa, #fafbfaf5), var(--surface);min-height:228px;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;padding:18px;display:flex}.attention-card{box-shadow:var(--shadow);background:linear-gradient(135deg,#fff,#f0fbf5);border:1px solid #b7e5c9;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:14px;display:flex}.attention-card strong{color:var(--accent-dark);font-size:15px;display:block}.attention-card p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.45}.card-heading{align-items:center;gap:14px;display:flex}.card-icon{border:1.5px solid var(--accent);width:44px;height:44px;color:var(--accent);background:#eefaf3;border-radius:8px;flex:none;place-items:center;display:inline-grid}.card-heading h2{letter-spacing:0;margin:0;font-size:22px;font-weight:760;line-height:1.1}.card-divider{background:var(--border);height:1px;margin:12px 0}.detail-list{gap:10px;margin:0;display:grid}.detail-row{color:#2f3a33;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.detail-row dt{color:#58625c;min-width:0;font-size:14px;line-height:1.35}.detail-row dd{color:var(--text);white-space:nowrap;margin:0;font-size:14px;font-weight:720;line-height:1.25}.value-pill{border:1px solid var(--warning-border);background:var(--warning-bg);min-width:46px;min-height:34px;color:var(--warning-text);border-radius:8px;place-items:center;padding:0 10px;display:inline-grid}.value-success{color:var(--success)}.card-link{width:fit-content;color:var(--accent-dark);align-items:center;gap:8px;margin-top:auto;padding-top:14px;font-size:14px;font-weight:700;display:inline-flex}.card-link:hover,.card-link:focus-visible{color:var(--accent-dark);outline:none}.privacy-note{border:1px solid var(--border-soft);color:#30415a;background:#ffffffe6;border-radius:8px;align-items:center;gap:12px;margin-top:24px;padding:16px 18px;display:flex}.privacy-note svg{color:var(--success);flex:none}.privacy-note p{margin:0;font-size:14px;line-height:1.45}.privacy-note-top{margin:0 0 20px}.primary-button{color:#0f3d2a;min-height:40px;font:inherit;cursor:pointer;white-space:nowrap;background:linear-gradient(#7bd9a7,#5fc98f);border:1px solid #71d49e;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:15px;font-weight:720;line-height:1.1;transition:background .16s,border-color .16s;display:inline-flex}.primary-button:hover,.primary-button:focus-visible{color:#0b3323;background:linear-gradient(#6fd29d,#4fb984);border-color:#49b97f;outline:none}.primary-button:disabled,.secondary-button:disabled,button:disabled{cursor:not-allowed;opacity:.62}.secondary-button{border:1px solid var(--border);color:#2f3a33;min-height:36px;font:inherit;cursor:pointer;white-space:nowrap;background:#fffffff0;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:14px;font-weight:720;line-height:1.1;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.secondary-button:hover,.secondary-button:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark);outline:none}.secondary-button-strong{border-color:var(--accent);color:var(--accent-dark)}.filter-pills{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.filter-pill{border:1px solid var(--border);color:#34423a;background:#fffffff0;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:13px;font-weight:760;text-decoration:none;display:inline-flex}.filter-pill:hover,.filter-pill:focus-visible,.filter-pill-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark);outline:none}.info-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fffffff0;border-radius:8px;margin-top:20px;padding:18px 20px}.info-panel h2,.settings-card h2{color:var(--text);letter-spacing:0;margin:0 0 12px;font-size:21px;line-height:1.2}.important-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;margin:0;padding:0;list-style:none;display:grid}.important-list li{color:#303a35;min-height:28px;padding-left:18px;font-size:14px;line-height:1.4;position:relative}.important-list li:before{background:var(--accent);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:.62em;left:0}.table-shell{-webkit-overflow-scrolling:touch;border:1px solid var(--border);width:100%;max-width:100%;box-shadow:var(--shadow);background:#fffffff2;border-radius:8px;overflow-x:auto}.data-table{border-collapse:collapse;color:#303a35;width:100%;min-width:860px}.data-table caption{clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;position:absolute;overflow:hidden}.data-table th,.data-table td{border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:middle;white-space:nowrap;padding:10px 12px;font-size:14px;line-height:1.35}.data-table th{background:var(--surface-soft);color:#58625c;text-transform:uppercase;font-size:13px;font-weight:760}.data-table tbody th{text-transform:none}.data-table tbody tr:last-child th,.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td,.data-table tbody tr:hover th{background:#f6f8f6}.roster-table{min-width:980px}.empty-cell{color:var(--muted);text-align:center}.table-link{min-height:32px;color:var(--accent-dark);text-underline-offset:3px;align-items:center;font-weight:760;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.table-link:hover,.table-link:focus-visible{color:var(--accent-dark);outline:none}.status-badge{border:1px solid var(--border-soft);color:#4f5a53;white-space:nowrap;background:#f8faf9;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:12px;font-weight:760;line-height:1;display:inline-flex}.status-success{color:var(--success);background:#edf7e8;border-color:#c5ddb8}.status-warning{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning-text)}.status-danger{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger)}.status-info{border-color:var(--info-border);background:var(--info-bg);color:var(--info)}.status-teal{background:var(--teal-bg);color:#436333;border-color:#c7dfbc}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-card{border:1px solid var(--border);min-height:132px;box-shadow:var(--shadow);background:#fffffff0;border-radius:8px;padding:18px}.settings-card p,.helper-text{color:#5f6862;margin:0;font-size:14px;line-height:1.5}.helper-text{margin-top:16px}.form-warning{color:#9a3412;margin-top:6px;font-size:13px;font-weight:650;display:block}.form-warning-box{border:1px solid var(--warning-border);background:var(--warning-bg);color:var(--warning-text);border-radius:8px;gap:3px;padding:10px 12px;font-size:13px;line-height:1.4;display:grid}.form-warning-box strong{color:var(--warning-text);font-size:13px}.form-checkbox-row{align-items:center;gap:8px;font-size:13px;font-weight:700;line-height:1.35;display:flex}.form-checkbox-row input{accent-color:var(--primary);flex:none;width:16px;height:16px}.overtime-payout-option{background:var(--accent-soft);color:var(--accent-dark);border:1px solid #2f9f6b47;border-radius:8px;padding:9px 10px}.settings-form{gap:14px;min-width:0;display:grid}.settings-panel{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);background:#fffffff0;border-radius:8px;padding:16px}.settings-panel-header{gap:4px;min-width:0;margin-bottom:14px;display:grid}.settings-panel-header h2{color:var(--text);margin:0;font-size:18px;line-height:1.2}.settings-panel-header p{color:#5f6862;margin:0;font-size:13px;line-height:1.45}.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.settings-form-grid label,.settings-panel label{color:#58625c;gap:6px;font-size:13px;font-weight:760;display:grid}.settings-form-grid input,.settings-form-grid select,.settings-form-grid textarea{border:1px solid var(--border);width:100%;min-height:36px;color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:0 10px;font-size:14px;font-weight:520}.settings-form-grid textarea{resize:vertical;min-height:74px;padding:9px 10px}.settings-form-grid input:focus-visible,.settings-form-grid select:focus-visible,.settings-form-grid textarea:focus-visible{border-color:var(--accent);outline:2px solid #2f9f6b33}.settings-full-width{grid-column:1/-1}.settings-checkbox-group{border:0;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:14px 0 0;padding:0;display:flex}.settings-checkbox-group legend{color:#314158;width:100%;font-size:13px;font-weight:760}.settings-checkbox-group label,.settings-inline-checkbox{color:#30415a;align-items:center;font-size:13px;font-weight:650;gap:7px!important;display:inline-flex!important}.settings-checkbox-group input,.settings-inline-checkbox input{accent-color:var(--accent)}.settings-role-grid,.settings-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.settings-role-grid article,.settings-status-card{border:1px solid var(--border-soft);background:var(--surface-soft);border-radius:8px;padding:12px}.settings-role-grid h3,.settings-status-card span{color:#314158;margin:0 0 6px;font-size:13px;font-weight:780;display:block}.settings-role-grid p{color:#30415a;margin:0;font-size:13px;line-height:1.45}.settings-status-card{gap:6px;display:grid}.settings-test-mail-form{border:1px solid var(--border);background:#ffffffc7;border-radius:8px;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:12px;margin-top:16px;padding:12px;display:grid}.settings-test-mail-form label{color:#314158;gap:6px;min-width:0;font-size:13px;font-weight:760;display:grid}.settings-test-mail-form input{width:100%}.settings-test-mail-form .secondary-button{min-height:38px}.button-row{flex-wrap:wrap;gap:10px;display:flex}.leave-notification-settings-form{gap:16px;display:grid}.settings-readonly-note{border:1px solid var(--border);background:#ffffffb8;border-radius:8px;gap:6px;padding:12px;display:grid}.settings-readonly-note span{color:#314158;font-size:13px;font-weight:760}.settings-readonly-note strong{color:var(--text);font-size:14px;line-height:1.35}.settings-actions-inline{justify-content:flex-end;gap:10px;display:flex}.settings-actions{z-index:3;border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-radius:8px;justify-content:flex-end;padding:10px;display:flex;position:sticky;bottom:12px}.success-message{color:var(--success);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:720}.production-status-list{gap:12px;margin:0;display:grid}.production-status-list div{border-bottom:1px solid var(--border);grid-template-columns:minmax(160px,220px) 1fr;gap:16px;padding-bottom:12px;display:grid}.production-status-list div:last-child{border-bottom:0;padding-bottom:0}.production-status-list dt{color:#314158;font-weight:760}.production-status-list dd{color:var(--text);margin:0}.planner{gap:12px;display:grid}.week-toolbar{border:1px solid var(--border);box-shadow:var(--shadow);background:#fffffff0;border-radius:8px;gap:10px;padding:12px;display:grid}.week-actions{grid-template-columns:repeat(4,minmax(128px,max-content));align-items:stretch;gap:8px;display:grid}.week-actions>*{min-height:38px}.week-title{border:1px solid var(--border-soft);background:var(--surface-soft);min-height:36px;color:var(--text);border-radius:8px;align-items:center;padding:0 12px;font-size:14px;font-weight:780;display:inline-flex}.planner-filters{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));align-items:stretch;gap:10px;display:grid}.planner-filters label{color:#58625c;align-content:end;gap:5px;min-width:0;font-size:12px;font-weight:760;display:grid}.planner-filters select,.planner-filters input{border:1px solid var(--border);width:100%;min-height:38px;color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:0 10px;font-size:14px}.date-picker-label{color:#58625c;gap:5px;min-height:36px;font-size:12px;font-weight:760;display:grid}.date-picker-label input{border:1px solid var(--border);min-height:36px;color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:0 10px}.date-button-label{border:1px solid var(--border);color:#2f3a33;cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:13px;font-weight:820;display:inline-flex;position:relative}.date-button-label span{align-items:center;gap:7px;display:inline-flex}.button-label-short,.date-button-label .date-label-short{display:none}.date-button-label input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.date-button-label:focus-within,.planner-filters select:focus-visible,.planner-filters input:focus-visible{border-color:var(--accent);outline:2px solid #2f9f6b33}.privacy-toggle{border:1px solid var(--border-soft);cursor:pointer;white-space:nowrap;background:#f8faf9;border-radius:999px;justify-content:center;align-self:end;align-items:center;width:fit-content;max-width:100%;min-height:24px;padding:0 9px;line-height:1;color:#2f3a33!important;gap:6px!important;font-size:12px!important;font-weight:760!important;display:inline-flex!important}.schedule-view-toggle{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.availability-panel{align-items:start;gap:8px;display:grid}.availability-form{border:1px solid var(--border-soft);background:#f8faf9;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr));align-items:end;gap:10px;width:100%;padding:12px;display:grid}.availability-form label{color:#58625c;align-content:end;gap:5px;min-width:0;font-size:12px;font-weight:760;display:grid}.availability-form input,.availability-form select{border:1px solid var(--border);width:100%;min-height:38px;color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:0 10px}.availability-note{grid-column:span 2}.availability-form-note{grid-column:1/-1;margin:0}.availability-form .primary-button{width:100%;min-height:38px;padding:0 14px}.availability-message{color:var(--success);font-size:12px;font-weight:760}.day-planning{--timeline-label-offset:186px;overscroll-behavior-x:contain;gap:10px;min-width:0;max-width:100%;display:grid;overflow-x:auto}.timeline-scale{color:#717b75;min-width:760px;height:18px;font-size:11px;font-weight:760;position:relative}.timeline-scale span{line-height:1;position:absolute;top:0}.day-planning-list{gap:8px;min-width:760px;display:grid}.day-planning-row{border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);background:#fffffff0;border-radius:8px;grid-template-columns:170px minmax(500px,1fr);align-items:center;gap:12px;padding:8px;display:grid}.day-planning-person{gap:3px;display:grid}.day-planning-person strong{color:var(--text);font-size:14px}.day-planning-person span{color:var(--muted);font-size:12px;font-weight:700}.day-timeline{border:1px solid var(--border-soft);background:repeating-linear-gradient(90deg, #f8faf9 0, #f8faf9 calc(100% / var(--schedule-hour-count,14) - 1px), #e4e9e5 calc(100% / var(--schedule-hour-count,14) - 1px), #e4e9e5 calc(100% / var(--schedule-hour-count,14)));border-radius:8px;height:40px;position:relative;overflow:hidden}.day-timeline-compact{height:34px}.schedule-block{color:#247a52;background:#eefaf3;border:1px solid #2f9f6b33;border-radius:6px;justify-content:flex-start;align-items:center;min-width:28px;padding:0 8px;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff6b}.schedule-block-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:800;line-height:1.15;overflow:hidden}.schedule-block-present{color:#247a52;background:#e2f7ea;border-color:#2f9f6b33}.schedule-block-work-from-home{color:#2f6864;background:#e1f2ef;border-color:#387a7633}.schedule-block-leave{color:#33536b;background:#e8f1f8;border-color:#3f628038}.schedule-block-sick,.schedule-block-day-off,.schedule-block-leaving-soon,.schedule-block-absent-private{color:#765414;background:#fff3cd;border-color:#9b712438}.employee-selector select:disabled{color:#52657d;background:var(--surface-soft)}.vertical-week-shell{gap:10px;min-width:0;display:grid;overflow-x:auto}.selected-employee-summary{border:1px solid var(--border);background:#fffffff0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.selected-employee-summary div{gap:2px;display:grid}.selected-employee-summary span{color:var(--muted);font-size:12px;font-weight:740}.selected-employee-summary strong{color:var(--text);font-size:16px}.vertical-week-calendar{--hour-row-height:42px;grid-template-columns:62px repeat(var(--day-count), minmax(136px, 1fr));border:1px solid var(--border);background:#fffffff5;border-radius:8px;min-width:760px;display:grid;overflow-x:auto}.vertical-week-corner,.vertical-day-heading{z-index:2;border-bottom:1px solid var(--border);background:var(--surface-soft);min-height:40px;color:var(--text);align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:flex;position:sticky;top:0}.vertical-week-corner{z-index:3;left:0}.vertical-time-axis{z-index:1;min-height:calc(var(--schedule-hour-count,14) * var(--hour-row-height));border-right:1px solid var(--border);background:#fff;position:sticky;left:0}.vertical-time-axis span{color:var(--muted);font-size:11px;font-weight:780;line-height:1;position:absolute;right:8px;transform:translateY(-50%)}.vertical-time-axis span:first-child{transform:translateY(0)}.vertical-time-axis span:last-child{transform:translateY(-100%)}.vertical-day-column{min-height:calc(var(--schedule-hour-count,14) * var(--hour-row-height));border-right:1px solid var(--border-soft);background:repeating-linear-gradient(180deg, #fff 0, #fff calc(var(--hour-row-height) - 1px), #e4e9e5 calc(var(--hour-row-height) - 1px), #e4e9e5 var(--hour-row-height));position:relative}.vertical-day-column:last-child{border-right:0}.schedule-block-vertical{border-radius:8px;justify-content:center;align-items:flex-start;min-width:0;padding:5px;bottom:auto;left:6px;right:6px;overflow:hidden}.not-scheduled-label{border:1px dashed var(--border);color:var(--muted);text-align:center;background:#f7faf1e0;border-radius:8px;padding:6px;font-size:11px;font-weight:760;position:absolute;top:8px;left:8px;right:8px}.privacy-toggle input{width:14px;height:14px;accent-color:var(--accent);margin:0}.planner-note{border:1px solid var(--border-soft);color:#5f6862;background:#ffffffe6;border-radius:8px;margin:0;padding:10px 12px;font-size:14px;line-height:1.45}.planner-help{border:1px solid var(--border-soft);background:#ffffffe6;border-radius:8px;gap:0;display:grid;overflow:hidden}.planner-help-toggle{color:#48544d;min-height:34px;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:13px;font-weight:780;display:flex}.planner-help-toggle:hover,.planner-help-toggle:focus-visible{color:var(--accent-dark);outline:none}.planner-help-chevron{background:var(--accent-soft);width:20px;height:20px;color:var(--accent-dark);border-radius:999px;place-items:center;line-height:1;display:inline-grid}.planner-help-body{border-top:1px solid var(--border-soft);color:#5f6862;margin:0;padding:10px 12px;font-size:14px;line-height:1.45}.legend{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.empty-schedule{color:var(--muted);font-size:14px}.form-card,.empty-state,.detail-card{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);background:#fffffff0;border-radius:8px;padding:20px}.detail-stack{gap:18px;display:grid}.notification-settings-list{gap:12px;display:grid}.notification-settings-row{border:1px solid var(--border);background:#f9fbfadb;border-radius:8px;grid-template-columns:minmax(190px,.85fr) minmax(280px,1.35fr) auto;align-items:end;gap:16px;padding:14px;display:grid}.notification-settings-person{gap:5px;min-width:0;padding-bottom:7px;display:grid}.notification-settings-person strong{color:var(--text);overflow-wrap:anywhere;font-size:15px;line-height:1.2}.notification-settings-person span{color:#68736d;font-size:12px;font-weight:700;line-height:1.25}.notification-settings-row .form-field{min-width:0}.notification-settings-row .secondary-button{align-self:end;min-height:38px}.detail-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.detail-card-header h2,.form-card-title{color:var(--text);letter-spacing:0;margin:0;font-size:21px;line-height:1.2}.detail-card-action{align-items:center;gap:10px;display:flex}.detail-section-group{gap:14px;display:grid}.detail-section{gap:10px;display:grid}.detail-section h3{color:var(--text);margin:0;font-size:15px;line-height:1.25}.detail-disclosure{border:1px solid var(--border-soft);background:#f8faf9c7;border-radius:8px;min-width:0;padding:0}.detail-disclosure summary{min-height:42px;color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:780;display:flex}.detail-disclosure summary:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #2f9f6b38}.detail-disclosure .record-grid{padding:0 12px 12px}.rules-disclaimer{border:1px solid var(--warning-border);background:var(--warning-bg);color:var(--warning-text);border-radius:8px;padding:14px 16px;font-size:14px;font-weight:700;line-height:1.45}.rules-fact-grid,.rules-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.rules-fact{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#fffffff0;border-radius:8px;gap:4px;padding:14px 16px;display:grid}.rules-fact span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.rules-fact strong{color:var(--accent-dark);font-size:17px;line-height:1.25}.rules-list,.rules-source-list{color:var(--muted);gap:9px;margin:0;padding-left:18px;font-size:14px;line-height:1.45;display:grid}.rules-source-list a{min-height:32px;color:var(--accent-dark);text-underline-offset:3px;align-items:center;font-weight:800;text-decoration:underline;display:inline-flex}.detail-card code{overflow-wrap:anywhere;color:var(--accent-dark);font-size:12px;font-weight:800}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;display:grid}.record-row{border-bottom:1px solid var(--border-soft);gap:6px;padding:12px 0;display:grid}.record-row dt{color:#66716a;text-transform:uppercase;font-size:13px;font-weight:760}.record-row dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:650;line-height:1.4}.workflow-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.workflow-review-form{gap:12px;max-width:680px;display:grid}.page-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.leave-page-actions{grid-template-columns:repeat(2,minmax(0,max-content));justify-content:end;align-items:stretch;display:grid}.leave-page-action-button{text-align:center;height:100%;min-height:40px;padding-inline:14px}.danger-button{border-color:var(--danger-border);color:var(--danger)}.danger-button:hover,.danger-button:focus-visible{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}.deactivate-form{gap:12px;max-width:520px;display:grid}.deactivate-form label{color:#314158;gap:7px;font-size:13px;font-weight:760;display:grid}.deactivate-form input{border:1px solid var(--border);min-height:40px;color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:0 12px}.deactivate-form-compact{max-width:none;display:inline-flex}.deactivate-form-compact .danger-button{min-height:32px;padding:0 10px;font-size:13px}.audit-list{gap:12px;display:grid}.audit-item{border:1px solid var(--border-soft);background:var(--surface-soft);border-radius:8px;gap:6px;padding:14px 16px;display:grid}.audit-item div{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.audit-item strong{color:var(--text);font-size:15px}.audit-item span,.audit-item p,.audit-item small{color:var(--muted);font-size:13px;line-height:1.4}.audit-item p,.audit-item small{margin:0}.checklist-status{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.checklist-status li{color:#14213a;align-items:center;gap:12px;font-size:15px;font-weight:620;display:flex}.statistics-tabs{gap:8px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.statistics-tab{border:1px solid var(--border);color:#2f3a33;white-space:nowrap;background:#fffffff0;border-radius:8px;align-items:center;min-height:36px;padding:0 12px;font-size:13px;font-weight:760;display:inline-flex}.statistics-tab-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.statistics-tab-pending{border-color:var(--accent);color:var(--accent-dark)}.statistics-tab-loading{background:var(--accent);border-radius:999px;width:8px;height:8px;margin-left:7px;box-shadow:0 0 0 4px #63be8b26}.statistics-content[aria-busy=true]{min-height:360px}.statistics-content-skeleton{gap:14px;display:grid}.statistics-table-skeleton{min-height:210px}.statistics-filters{border:1px solid var(--border);box-shadow:var(--shadow);background:#fffffff0;border-radius:8px;grid-template-columns:repeat(4,minmax(128px,1fr));align-items:end;gap:12px;margin-bottom:18px;padding:12px;display:grid}.statistics-filters label{color:#58625c;gap:5px;font-size:12px;font-weight:760;display:grid}.statistics-filters label:has(select[name=medewerker]){grid-column:span 2}.statistics-filters input,.statistics-filters select{border:1px solid var(--border);min-height:36px;color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:0 10px;font-size:14px}.statistics-filter-submit{justify-content:center;align-self:end;min-height:36px}.statistics-filter-submit[aria-busy=true]{opacity:.78}.mutation-filters{grid-template-columns:repeat(4,minmax(130px,1fr)) auto}.mutation-month-actions{margin-bottom:12px}.mutation-period-label{justify-content:center;min-height:36px;padding-inline:14px}.mutation-summary{margin-bottom:16px}.export-form{grid-template-columns:repeat(3,minmax(150px,1fr)) auto;align-items:end;gap:10px;margin-top:14px;display:grid}.export-form label{color:#58625c;gap:5px;font-size:12px;font-weight:760;display:grid}.export-form input,.export-form select{border:1px solid var(--border);width:100%;min-width:0;min-height:36px;color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:0 10px;font-size:14px}.payroll-month-form{grid-template-columns:minmax(110px,160px) minmax(110px,160px) max-content max-content max-content;max-width:100%}.payroll-export-flow{gap:14px;display:grid}.payroll-flow-card{border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);background:#fffffff5;border-radius:22px;gap:16px;padding:18px;display:grid}.payroll-flow-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.payroll-flow-heading h2{color:var(--text);margin:0 0 5px;font-size:20px}.payroll-flow-heading p{max-width:680px;color:var(--muted);margin:0;line-height:1.5}.payroll-period-pill{background:var(--accent-mist);min-height:32px;color:var(--accent-dark);white-space:nowrap;border:1px solid #16784c2e;border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:780;display:inline-flex}.payroll-flow-form{grid-template-columns:minmax(120px,160px) minmax(120px,160px) max-content;align-items:end}.payroll-deadline-banner{background:linear-gradient(135deg,#f0fdf4e6,#fffffff5);border:1px solid #16784c2e;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.payroll-deadline-banner div{gap:3px;display:grid}.payroll-deadline-banner span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:780}.payroll-deadline-banner strong{color:var(--accent-dark);font-size:16px}.payroll-deadline-banner p{max-width:480px;color:var(--muted);margin:0;font-size:12px;line-height:1.45}.payroll-processor-form{border:1px solid var(--border-soft);background:var(--surface-soft);border-radius:16px;grid-template-columns:minmax(220px,1fr) minmax(260px,340px) max-content;align-items:end;gap:10px 12px;padding:12px;display:grid}.payroll-processor-form h3{color:var(--text);margin:0 0 4px;font-size:15px}.payroll-processor-form p{margin:0}.payroll-processor-form label,.payroll-send-content label{color:#58625c;gap:5px;font-size:12px;font-weight:760;display:grid}.payroll-processor-form input,.payroll-send-content input{border:1px solid var(--border);width:100%;min-height:36px;color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:0 10px;font-size:14px}.payroll-processor-current,.compact-message{grid-column:1/-1}.payroll-export-actions{flex-wrap:wrap;gap:10px;display:flex}.disabled-action{cursor:not-allowed;opacity:.52;filter:grayscale(.2)}.payroll-export-disabled-note,.payroll-export-ready-note{margin:0}.payroll-details-disclosure,.payroll-admin-details{border:1px solid var(--border-soft);min-width:0;max-width:100%;box-shadow:var(--shadow-subtle);background:#ffffffeb;border-radius:18px}.payroll-details-disclosure summary,.payroll-admin-details summary{cursor:pointer;color:var(--accent-dark);padding:13px 16px;font-size:14px;font-weight:820}.payroll-details-disclosure summary:focus-visible,.payroll-admin-details summary:focus-visible{outline-offset:2px;border-radius:16px;outline:2px solid #16784c33}.payroll-details-body,.payroll-admin-details-body{min-width:0;padding:0 16px 16px}.payroll-preview-backdrop{z-index:100;background:#0a14106b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.payroll-preview-modal{border:1px solid var(--border-soft);background:#fff;border-radius:24px;width:min(980px,100%);max-height:min(86vh,900px);padding:20px;overflow:auto;box-shadow:0 28px 80px #0c382438}.payroll-preview-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.payroll-preview-header h2{color:var(--text);margin:0 0 5px;font-size:24px}.payroll-preview-header p,.payroll-preview-privacy{color:var(--muted);margin:0}.payroll-preview-summary{border:1px solid var(--border-soft);background:var(--surface-soft);color:var(--text);border-radius:16px;gap:4px;margin:16px 0;padding:12px 14px;display:grid}.payroll-preview-summary span{color:var(--muted);font-size:13px}.payroll-preview-categories{gap:12px;display:grid}.payroll-preview-category{border:1px solid var(--border-soft);background:#fff;border-radius:18px;gap:10px;padding:14px;display:grid}.payroll-preview-category h3{color:var(--accent-dark);margin:0;font-size:16px}.payroll-preview-list{gap:8px;display:grid}.payroll-preview-item{border:1px solid var(--border-soft);background:var(--surface-soft);border-radius:14px;gap:10px;padding:12px;display:grid}.payroll-preview-item>div:first-child{flex-wrap:wrap;align-items:baseline;gap:6px 10px;display:flex}.payroll-preview-item strong{color:var(--text)}.payroll-preview-item span,.payroll-preview-item p{color:var(--muted);margin:0}.payroll-preview-item dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.payroll-preview-item dt{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:780}.payroll-preview-item dd{color:var(--text);margin:2px 0 0;font-size:13px;font-weight:720}.payroll-preview-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.payroll-send-modal{width:min(640px,100%)}.payroll-send-content{gap:14px;margin-top:16px;display:grid}.payroll-send-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.payroll-send-summary div{border:1px solid var(--border-soft);background:var(--surface-soft);border-radius:14px;padding:10px 12px}.payroll-send-summary dt{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:780}.payroll-send-summary dd{color:var(--text);margin:3px 0 0;font-size:13px;font-weight:760}.payroll-month-form .secondary-button,.payroll-month-form .primary-button{white-space:nowrap;min-height:36px}.table-scroll-hint{color:#6a746f;margin:14px 0 8px;font-size:12px;font-weight:720}.payroll-table-shell{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;box-shadow:inset -18px 0 18px -22px #2f3a338c, var(--shadow);overflow:auto visible}.payroll-table-shell .data-table{width:max-content;min-width:2860px}.payroll-table-shell .data-table th,.payroll-table-shell .data-table td{min-width:108px;padding:8px 9px;font-size:12px}.payroll-table-shell .data-table th{overflow-wrap:anywhere;white-space:normal;vertical-align:bottom;max-width:150px;line-height:1.2}.payroll-table-shell .data-table td{white-space:nowrap}.payroll-table-shell .data-table th:first-child,.payroll-table-shell .data-table td:first-child{z-index:2;background:#fff;min-width:132px;max-width:132px;position:sticky;left:0;box-shadow:8px 0 12px -12px #232c278c}.payroll-table-shell .data-table th:nth-child(2),.payroll-table-shell .data-table td:nth-child(2){z-index:2;background:#fff;min-width:190px;max-width:190px;position:sticky;left:132px;box-shadow:8px 0 12px -12px #232c2773}.payroll-table-shell .data-table th:nth-child(3),.payroll-table-shell .data-table td:nth-child(3),.payroll-table-shell .data-table th:nth-child(14),.payroll-table-shell .data-table td:nth-child(14),.payroll-table-shell .data-table th:nth-child(16),.payroll-table-shell .data-table td:nth-child(16),.payroll-table-shell .data-table th:nth-child(18),.payroll-table-shell .data-table td:nth-child(18),.payroll-table-shell .data-table th:nth-child(19),.payroll-table-shell .data-table td:nth-child(19){min-width:150px}.payroll-table-shell .data-table th:first-child,.payroll-table-shell .data-table th:nth-child(2){z-index:3;background:var(--surface-soft)}.payroll-table-shell .data-table th:nth-child(24),.payroll-table-shell .data-table td:nth-child(24){white-space:normal;min-width:280px;max-width:320px}.payroll-table-shell .data-table th:last-child,.payroll-table-shell .data-table td:last-child{min-width:120px}.stats-section{gap:14px;margin-top:20px;display:grid}.stats-section h2{color:var(--text);margin:0;font-size:22px;line-height:1.2}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.kpi-card,.insight-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fffffff0;border-radius:8px;padding:14px}.kpi-card span:not(.info-tooltip){color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:760}.kpi-card-label{align-items:center;gap:4px;max-width:100%;display:inline-flex}.kpi-card-label .info-tooltip{margin-left:2px}.kpi-card strong{color:var(--text);margin-top:6px;font-size:25px;line-height:1.1;display:block}.insight-card{color:#4f5a53;font-size:14px;line-height:1.5}.mini-bars{gap:14px;display:grid}.mini-bar-row{gap:6px;display:grid}.mini-bar-label{color:#4f5a53;justify-content:space-between;gap:14px;font-size:14px;font-weight:650;display:flex}.mini-bar-track{background:#e4e9e5;border-radius:999px;height:10px;overflow:hidden}.mini-bar-track span{border-radius:inherit;background:var(--accent);height:100%;display:block}.empty-state{justify-content:space-between;align-items:center;gap:18px;display:flex}.empty-state p{color:#5f6862;margin:0;font-size:14px;line-height:1.45}.resilience-page{place-items:center;min-height:100vh;padding:28px;display:grid}.resilience-card{border:1px solid var(--border);width:min(620px,100%);box-shadow:var(--shadow);background:#fffffff5;border-radius:10px;padding:28px}.resilience-eyebrow{color:var(--accent-dark);letter-spacing:.02em;margin-bottom:12px;font-size:13px;font-weight:760;display:inline-flex}.resilience-card h1{margin:0 0 10px;font-size:clamp(28px,4vw,40px);line-height:1.05}.resilience-card p{color:#5f6862;margin:0 0 18px;font-size:15px;line-height:1.55}.skeleton-line,.skeleton-card{background:linear-gradient(90deg,#edf1ee,#f7f8f7 48%,#edf1ee);border-radius:8px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skeleton-line{height:14px;display:block}.sidebar-skeleton{gap:18px}.topbar-skeleton{justify-content:space-between}.skeleton-card{border:1px solid var(--border-soft);min-height:112px;box-shadow:var(--shadow-soft);gap:12px;padding:18px;display:grid}.skeleton-card .skeleton-line:first-child{height:18px}.skeleton-roster{gap:10px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.form-grid>*,.form-field{min-width:0}.form-grid-full,.form-grid>.full-width{grid-column:1/-1}.compact-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.absence-correction-form{gap:14px;display:grid}.form-field{color:#58625c;align-self:start;gap:6px;font-size:13px;font-weight:760;display:grid}.form-field strong{color:var(--danger)}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);width:100%;min-height:38px;color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:0 10px;font-size:14px;font-weight:500}.form-field textarea{resize:vertical;min-height:92px;padding:10px}.work-schedule-section{border:1px solid var(--border-soft);background:#f8faf9;border-radius:8px;gap:12px;padding:12px;display:grid}.work-schedule-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.work-schedule-header h2{color:var(--text);margin:0;font-size:18px}.work-schedule-header p{color:var(--muted);margin:3px 0 0;font-size:13px;line-height:1.4}.work-schedule-summary{border:1px solid var(--border);color:#58625c;text-align:right;background:#fff;border-radius:8px;gap:2px;min-width:170px;padding:8px 10px;font-size:12px;display:grid}.work-schedule-summary strong{color:var(--text);font-size:15px}.work-schedule-warning{background:#fffbeb;border-color:#f59e0b}.work-schedule-contract{max-width:260px}.work-schedule-grid{gap:7px;display:grid}.work-schedule-row{border:1px solid var(--border-soft);background:#fff;border-radius:8px;grid-template-columns:70px repeat(4,minmax(92px,1fr)) 80px;align-items:end;gap:8px;padding:8px;display:grid}.work-schedule-row label{color:#58625c;gap:4px;font-size:12px;font-weight:760;display:grid}.work-schedule-row input,.work-schedule-row select{border:1px solid var(--border);min-height:34px;color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:0 8px}.work-schedule-row input:disabled,.work-schedule-row select:disabled{color:var(--muted);background:#eef2ef}.work-day-toggle{flex-direction:row;align-items:center;min-height:34px;gap:8px!important;display:flex!important}.work-day-toggle input{width:16px;min-height:16px;accent-color:var(--accent)}.work-schedule-hours{min-height:34px;color:var(--text);justify-content:flex-end;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.work-schedule-confirm{color:#92400e;align-items:center;gap:8px;font-size:13px;font-weight:760;display:flex}.work-schedule-edit-form{gap:10px;margin-top:12px;display:grid}.travel-days-mode{border:1px solid var(--border-soft);background:#fff;border-radius:8px;gap:8px;padding:10px;display:grid}.travel-days-mode legend{color:#58625c;padding:0 4px;font-size:12px;font-weight:800}.travel-days-mode-options{flex-wrap:wrap;gap:8px;display:flex}.travel-days-mode-options label{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--text);border-radius:8px;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:760;display:inline-flex}.travel-days-mode-options input{accent-color:var(--accent)}.travel-days-mode small{color:var(--muted);font-size:12px;line-height:1.4}.travel-days-mode:disabled{opacity:.65}.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{border-color:var(--accent);outline:2px solid #2f9f6b33}.form-field small{color:var(--muted);font-size:13px;font-weight:500;line-height:1.4}.field-warning{color:#92400e!important}.readonly-field{border:1px solid var(--border-soft);background:var(--surface-soft);border-radius:8px;padding:12px}.readonly-field strong{color:var(--text)}.calculation-preview{background:#f7faf7;border:1px solid #d7e2d5;border-radius:8px;gap:6px;padding:12px;display:grid}.calculation-preview span{color:#58625c;font-size:13px;font-weight:760}.calculation-preview strong{color:var(--text);font-size:20px}.calculation-preview small{color:var(--muted);line-height:1.45}.leave-balance-impact{background:#fbfdfb}.leave-balance-impact-warning{background:#fff9ec;border-color:#e2b45f}.leave-balance-impact-metrics{flex-wrap:wrap;gap:8px;display:flex}.leave-balance-impact-metrics span{border:1px solid var(--border-soft);background:var(--surface);color:var(--text);border-radius:999px;align-items:center;gap:4px;padding:6px 9px;font-size:13px;font-weight:650;line-height:1.2;display:inline-flex}.leave-balance-impact-metrics strong{color:var(--muted);font-size:inherit}.balance-card{background:#f7faf7;border:1px solid #d7e2d5;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;padding:14px;display:grid}.balance-card div{gap:4px;display:grid}.balance-card span{color:#58625c;font-size:13px;font-weight:760}.balance-card strong{color:var(--text);font-size:18px}.balance-card small{color:#5f6862;font-size:12px;font-weight:650;line-height:1.35}.balance-card p{color:#7a4300;grid-column:1/-1;margin:0;font-size:14px;font-weight:700}.balance-card-info{color:#30415a!important;font-weight:650!important}.leave-overview-section{border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);background:#ffffffeb;border-radius:12px;gap:14px;margin-top:18px;padding:18px;display:grid}.leave-section-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.leave-section-header h2{color:var(--text);letter-spacing:0;align-items:center;gap:8px;margin:2px 0 0;font-size:20px;display:inline-flex}.leave-section-header p{color:#58625c;max-width:560px;margin:0;font-size:13px;font-weight:600;line-height:1.45}.section-eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:850}.leave-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.leave-balance-tile{border:1px solid var(--border-soft);background:#fff;border-radius:10px;gap:8px;min-height:132px;padding:14px;display:grid}.leave-balance-tile strong{color:var(--text);font-size:24px;line-height:1.05}.leave-balance-tile-success{background:linear-gradient(#f2fbf6 0%,#fff 100%);border-color:#b8ead0}.leave-balance-tile-warning{background:linear-gradient(#fff8e8 0%,#fff 100%);border-color:#f1d188}.leave-tile-header{color:#58625c;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.leave-tile-secondary{color:#5f6862;font-size:12px;font-weight:650;line-height:1.35}.info-tooltip{vertical-align:middle;align-items:center;margin-left:6px;display:inline-flex;position:relative}.info-tooltip-trigger{width:18px;height:18px;color:var(--accent-strong);cursor:help;font:inherit;background:#f0fbf5;border:1px solid #b7e5c9;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:850;line-height:1;display:inline-flex}.info-tooltip-trigger:focus-visible{outline-offset:2px;outline:2px solid #2f9f6b3d}.info-tooltip-bubble{z-index:1000;border:1px solid var(--border);color:#30415a;pointer-events:none;background:#fff;border-radius:8px;width:min(280px,72vw);padding:10px 11px;font-size:12px;font-weight:600;line-height:1.45;position:fixed;box-shadow:0 14px 36px #0f172a24}.info-tooltip-bubble-top{transform:translateY(-100%)}.info-tooltip-bubble-bottom{transform:none}.leave-balance-alert{color:#7a4300;background:#fff8e8;border:1px solid #f1d188;border-radius:9px;margin:0;padding:10px 12px;font-size:13px;font-weight:750;line-height:1.45}.leave-request-table{border:1px solid var(--border-soft);background:#fff;border-radius:10px;display:grid;overflow-x:auto}.leave-request-header,.leave-request-row{grid-template-columns:.9fr .82fr 1.55fr .68fr .92fr .75fr .58fr;align-items:center;gap:8px;min-width:0;display:grid}.leave-request-header{border-bottom:1px solid var(--border-soft);color:#6b746e;letter-spacing:.05em;text-transform:uppercase;background:#f8faf9;padding:9px 10px;font-size:11px;font-weight:850}.leave-request-table-body{display:grid}.leave-request-row{border-bottom:1px solid var(--border-soft);padding:9px 10px}.leave-request-row:last-child{border-bottom:0}.leave-request-cell{min-width:0;color:var(--text);font-size:12px;font-weight:700;line-height:1.35;overflow:hidden}.leave-request-period{gap:2px;display:grid}.leave-request-period strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.leave-request-period small{color:#6b746e;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.leave-request-period .overtime-warning{color:var(--warning-text);white-space:normal}.leave-request-number strong{color:var(--accent-strong);font-size:14px}.leave-days-inline{flex-wrap:wrap;align-items:center;gap:2px;display:inline-flex}.leave-request-action{justify-content:flex-end;align-items:center;display:flex}.overtime-request-table .leave-request-header,.overtime-request-table .overtime-request-row{grid-template-columns:minmax(132px,1fr) minmax(88px,.64fr) minmax(148px,1fr) minmax(205px,1.38fr) minmax(132px,.78fr) minmax(92px,.64fr) minmax(90px,.54fr);gap:12px;min-width:960px}.overtime-request-table .leave-request-cell{overflow:visible}.overtime-request-table .status-badge{white-space:normal;align-items:center;min-height:26px;padding:4px 9px;line-height:1.2}.overtime-request-table .leave-request-period strong,.overtime-request-table .leave-request-period small{text-overflow:clip;white-space:normal;overflow:visible}.overtime-time-block{gap:1px;display:grid}.overtime-time-block span{color:#6b746e;font-size:12px;font-weight:650}.overtime-hours-breakdown{color:var(--accent-strong);gap:2px;font-size:12px;font-weight:800;line-height:1.3;display:grid}.overtime-hours-breakdown strong,.overtime-hours-breakdown span{text-overflow:clip;white-space:normal;overflow:visible}.inline-actions{flex-wrap:wrap;gap:8px;display:flex}.overtime-actions{justify-content:flex-end;align-items:center}.overtime-actions form{margin:0}.overtime-actions .secondary-button{min-height:32px;padding:0 10px}.leave-request-link{min-height:30px;color:var(--accent-strong);background:#fff;border:1px solid #b7e5c9;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.leave-request-link:hover,.leave-request-link:focus-visible{border-color:var(--accent);background:#f0fbf5}.coverage-summary{border:1px solid var(--border-soft);background:#f8faf9d6;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px;display:flex}.coverage-summary-success{background:linear-gradient(135deg,#fff,#f0fbf5);border-color:#2f9f6b38}.coverage-summary-warning{border-color:var(--warning-border);background:linear-gradient(135deg, #fff, var(--warning-bg))}.coverage-summary strong{color:var(--text);font-size:16px;line-height:1.25;display:block}.coverage-summary span{color:var(--muted);font-size:13px;font-weight:650;line-height:1.35}.coverage-summary-badges{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;gap:7px;display:flex}.coverage-summary-badges span{border:1px solid var(--border-soft);color:#34413a;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:780;display:inline-flex}.coverage-explanation{border:1px solid var(--border-soft);background:#ffffffc7;border-radius:8px}.coverage-explanation summary{min-height:38px;color:var(--accent-dark);cursor:pointer;align-items:center;padding:0 12px;font-size:13px;font-weight:820;display:flex}.coverage-explanation summary:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #2f9f6b38}.coverage-explanation ul{color:#4d5a52;gap:7px;margin:0;padding:0 12px 12px 28px;font-size:13px;line-height:1.45;display:grid}.coverage-filter-form{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:12px;margin:16px 0;display:grid}.coverage-filter-form label{color:#314158;gap:7px;font-size:13px;font-weight:760;display:grid}.coverage-filter-form input,.coverage-filter-form select{border:1px solid var(--border);min-height:42px;color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:0 12px}.coverage-filter-form-staffing{grid-template-columns:minmax(150px,1fr) minmax(135px,.8fr) minmax(190px,1.2fr) minmax(200px,.95fr) max-content;gap:14px}.coverage-filter-form-staffing .coverage-checkbox{width:100%}.coverage-filter-form-staffing .secondary-button{white-space:nowrap;align-self:end;min-height:42px}.coverage-filter-form .coverage-checkbox{border:1px solid var(--border-soft);color:#2f3a33;cursor:pointer;white-space:normal;background:#fff;border-radius:8px;justify-content:flex-start;align-self:end;align-items:center;gap:8px;width:fit-content;max-width:100%;min-height:42px;padding:0 12px;font-size:13px;font-weight:760;line-height:1.25;display:inline-flex}.coverage-filter-form .coverage-checkbox input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--accent);flex:none;margin:0;padding:0}.coverage-mobile-list{display:none}.coverage-mobile-card{border:1px solid var(--border-soft);background:#fff;border-radius:10px;gap:10px;padding:12px;display:grid}.coverage-mobile-card>strong{color:var(--text);font-size:14px;line-height:1.25}.coverage-mobile-card dl{gap:8px;margin:0;display:grid}.coverage-mobile-card dl div{gap:3px;display:grid}.coverage-mobile-card dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:820}.coverage-mobile-card dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:700}@media (max-width:1180px){.login-shell{grid-template-columns:minmax(260px,.76fr) minmax(340px,1fr);max-width:920px}.login-intro{padding:28px}.coverage-filter-form-staffing{grid-template-columns:repeat(2,minmax(0,1fr))}.coverage-filter-form-staffing .secondary-button{justify-self:start}}@media (max-width:720px){.login-page{align-items:start;padding:16px;overflow-y:auto}.login-shell{grid-template-columns:1fr;gap:12px;max-width:520px}.login-intro{border-radius:16px;gap:12px;min-height:auto;padding:20px}.login-brand-lockup{gap:10px}.login-intro strong{font-size:28px}.login-intro span{font-size:14px}.login-benefit-list{gap:8px}.login-benefit-list li{font-size:13px}.login-card{border-radius:16px;padding:18px}.login-card h1{font-size:24px}.login-intro-logo{grid-template-columns:repeat(3,14px);gap:7px}.login-intro-logo span{width:14px}.login-intro-logo span:first-child{height:34px}.login-intro-logo span:nth-child(2){height:58px}.login-intro-logo span:nth-child(3){height:46px}.payroll-flow-heading,.payroll-preview-header{flex-direction:column}.payroll-deadline-banner,.payroll-processor-form{grid-template-columns:1fr}.payroll-deadline-banner{flex-direction:column;align-items:flex-start}.payroll-flow-form{grid-template-columns:1fr}.payroll-flow-form .primary-button,.payroll-export-actions>*,.payroll-preview-actions>*{width:100%}.payroll-preview-backdrop{align-items:start;padding:12px}.payroll-preview-modal{border-radius:18px;max-height:calc(100dvh - 24px);padding:14px}.payroll-preview-item dl{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-send-summary,.coverage-filter-form-staffing{grid-template-columns:1fr}.coverage-filter-form-staffing .coverage-checkbox,.coverage-filter-form-staffing .secondary-button{width:100%}.coverage-summary{flex-direction:column}.coverage-summary-badges{justify-content:flex-start;width:100%}.coverage-summary-badges span{white-space:normal}.coverage-table-shell{display:none}.coverage-mobile-list{gap:10px;display:grid}}.error-message{border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger);border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:15px;font-weight:700;line-height:1.45}.form-card-title{margin-bottom:8px}.form-card-copy{color:#30415a;margin:0 0 18px;font-size:15px;line-height:1.5}.form-actions{grid-column:1/-1;align-items:center;gap:12px;padding-top:8px;display:flex}.secondary-link{border:1px solid var(--border);background:var(--surface);color:#14213a;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-size:16px;font-weight:720;display:inline-flex}.secondary-link:hover,.secondary-link:focus-visible{border-color:var(--accent);background:var(--surface-muted);color:var(--accent-dark);outline:none}.checkbox-group{border:1px solid var(--border-soft);border-radius:8px;grid-column:1/-1;gap:12px;margin:0;padding:16px;display:grid}.checkbox-group legend{color:#314158;padding:0 6px;font-size:14px;font-weight:760}.checkbox-group label{color:#14213a;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.checkbox-group input{width:16px;height:16px;accent-color:var(--accent)}@media (min-width:961px) and (max-width:1180px){.app-shell{grid-template-columns:216px minmax(0,1fr)}.sidebar{padding:18px 8px}.brand{padding-inline:10px;font-size:17px}.nav-item{gap:10px;min-height:40px;padding:0 10px;font-size:14px}.content{width:min(100% - 28px,920px)}.week-actions{grid-template-columns:repeat(4,minmax(110px,1fr))}.planner-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.availability-form{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.availability-note{grid-column:span 2}.leave-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:10;border-right:0;border-bottom:1px solid var(--border);min-width:0;min-height:0;padding:12px 14px;position:sticky;top:0;overflow-x:hidden}.sidebar-header{justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.brand{min-width:0;padding:0}.brand>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-mobile-user{flex:none;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.nav-list{width:100%;min-width:0;max-width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.sidebar-actions{display:none}.nav-item{white-space:nowrap;flex:none;gap:10px;min-height:42px;padding:0 12px;font-size:15px}.topbar{display:none}.leave-review-notification-region{gap:10px;width:auto;top:84px;left:12px;right:12px}.leave-review-toast{border-radius:10px;padding:12px}.leave-review-toast-meta{grid-template-columns:1fr}.user-chip strong{display:none}.topbar-user{align-items:flex-end}.topbar-logout{display:none}.content{width:min(100% - 28px,840px);padding:22px 0 36px}.intro h1{overflow-wrap:normal;font-size:34px}.intro p{font-size:16px}.card-grid{grid-template-columns:1fr}.page-header{flex-direction:column}.leave-page-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;width:100%}.leave-page-action-button{white-space:normal;width:100%}.settings-grid,.settings-form-grid,.settings-role-grid,.settings-status-grid,.settings-test-mail-form,.important-list{grid-template-columns:1fr}.week-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.week-actions>*{width:auto}.planner-filters,.availability-form{grid-template-columns:repeat(2,minmax(0,1fr))}.availability-note{grid-column:1/-1}.export-form,.stats-grid{grid-template-columns:1fr}.statistics-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-filters label:has(select[name=medewerker]){grid-column:span 2}.privacy-toggle{justify-content:flex-start;width:fit-content}.planner-filters .privacy-toggle{width:fit-content}.production-status-list div{grid-template-columns:1fr;gap:4px}.form-grid{grid-template-columns:minmax(0,1fr)}.notification-settings-row{grid-template-columns:1fr;align-items:stretch}.attention-card{flex-direction:column;align-items:stretch}.record-grid,.rules-fact-grid,.rules-reference-grid{grid-template-columns:1fr}.detail-card-header,.audit-item div{flex-direction:column}.empty-state{flex-direction:column;align-items:flex-start}.leave-section-header{flex-direction:column;gap:8px}.leave-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-request-header,.leave-request-row{grid-template-columns:1fr .9fr 1.45fr .75fr 1fr .8fr .65fr;min-width:760px}}@media (max-width:520px){.login-page{padding:12px}.login-intro{padding:16px}.login-benefit-list{display:none}.login-card input{font-size:16px}.login-help-link{justify-self:center}.payroll-preview-item dl{grid-template-columns:1fr}.payroll-details-body,.payroll-admin-details-body{padding:0 10px 12px}.statistics-filters{grid-column:auto;grid-template-columns:1fr}.statistics-filters label:has(select[name=medewerker]){grid-column:auto;grid-template-columns:1fr}.brand{gap:8px;font-size:16px}.brand-mark{transform-origin:0;transform:scale(.9)}.sidebar-avatar{width:32px;height:32px;font-size:12px}.mobile-logout-button{min-height:30px;padding:0 9px}.intro h1{font-size:26px}.dashboard-card{min-height:0;padding:16px}.card-heading{gap:10px}.card-icon{width:42px;height:42px}.card-heading h2{font-size:20px}.detail-row{grid-template-columns:1fr;gap:6px}.detail-row dt,.detail-row dd{font-size:15px}.detail-row dd{white-space:normal}.form-actions{flex-direction:column;align-items:stretch}.form-actions>*{width:100%}.content{width:min(100% - 20px,100%);padding:16px 0 28px}.sidebar{padding:12px 10px}.brand{padding-bottom:10px}.nav-item{min-height:38px;padding:0 10px;font-size:13px}.week-toolbar{gap:10px;padding:10px}.week-actions,.availability-form{grid-template-columns:1fr}.leave-overview-section{gap:12px;margin-top:14px;padding:14px}.leave-section-header h2{font-size:18px}.leave-balance-grid{grid-template-columns:1fr}.leave-balance-tile{min-height:0;padding:12px}.leave-balance-tile strong{font-size:22px}.leave-request-table{background:0 0;border:0;gap:8px;overflow-x:visible}.leave-request-header{display:none}.leave-request-table-body{gap:8px}.leave-request-row{border:1px solid var(--border-soft);background:#fff;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;padding:10px}.leave-request-cell{gap:3px;font-size:12px;display:grid}.leave-request-cell:before{content:attr(data-label);color:#6b746e;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:850}.leave-request-period,.leave-request-action{grid-column:1/-1}.leave-request-action{justify-content:stretch;align-items:stretch}.overtime-request-table .overtime-request-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}.overtime-request-table .leave-request-period,.overtime-request-table .leave-request-action{grid-column:1/-1}.overtime-actions{justify-content:stretch;align-items:stretch}.overtime-actions form,.overtime-actions .secondary-button,.leave-request-link{width:100%}.week-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.planner-filters,.availability-form{grid-template-columns:1fr}.week-actions>*,.planner-filters label,.availability-form label,.availability-form .primary-button{width:100%}.planner-filters .privacy-toggle{width:fit-content}.date-button-label,.primary-button,.planner-filters select,.planner-filters input,.availability-form input,.availability-form select{min-height:42px}.week-actions .secondary-button,.week-actions .date-button-label{min-width:0;min-height:34px;padding:0 6px;font-size:12px}.button-label-full,.date-button-label .date-label-full{display:none}.button-label-short,.date-button-label .date-label-short{display:inline-flex}.date-button-label span{gap:4px}.date-button-label svg{width:12px;height:12px}.demo-login-list .secondary-button{text-align:center;white-space:normal;justify-content:center;width:100%;min-height:38px}.work-schedule-section{padding:10px}.work-schedule-header{gap:10px;display:grid}.work-schedule-summary,.work-schedule-contract{text-align:left;width:100%;min-width:0;max-width:none}.work-schedule-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.work-schedule-row>label:first-child,.work-schedule-hours{grid-column:1/-1}.work-schedule-row>label:first-child{align-items:center;min-height:36px}.work-schedule-row input[type=checkbox],.work-schedule-confirm input[type=checkbox],.privacy-toggle input[type=checkbox]{flex:none;width:18px;height:18px}.work-schedule-hours{justify-self:start;width:100%}.privacy-toggle{min-height:26px}.schedule-view-toggle{gap:8px}.schedule-view-toggle .statistics-tab{flex:1 0 auto;justify-content:center}.day-planning{--timeline-label-offset:150px;margin-inline:-2px}.timeline-scale span:nth-child(2n){display:none}.timeline-scale,.day-planning-list,.vertical-week-calendar{min-width:680px}.day-planning-row{grid-template-columns:142px minmax(480px,1fr);gap:8px;padding:7px}.day-planning-person strong{font-size:13px}.day-planning-person span{font-size:11px}.vertical-week-calendar{--hour-row-height:38px;grid-template-columns:54px repeat(var(--day-count), minmax(120px, 1fr))}}@media (max-width:380px){.leave-page-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.login-intro-loader{opacity:0;visibility:hidden;animation:none!important}.login-intro-loader:before,.login-intro-loader:after,.login-intro-logo{animation:none!important}}