/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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}.absolute{position:absolute}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.end\!{inset-inline-end:var(--spacing)!important}.grid{display:grid}.hidden{display:none}.table{display:table}.rounded{border-radius:.25rem}}:root{--ink:#14213d;--muted:#5d6b82;--paper:#f4f7fb;--white:#fff;--green:#173f72;--green-2:#245b9e;--lime:#9bc7f4;--line:#dbe3ee;--sand:#e8eef6;--app-bg:#eef3f9;--sidebar:#12345a;--footer:#102b4b}[data-color-profile=golden-green]{--ink:#17231f;--muted:#62706a;--paper:#f7f5ef;--green:#214f43;--green-2:#2e6a59;--lime:#cbe66a;--line:#dfe4df;--sand:#eee9db;--app-bg:#eef1ee;--sidebar:#173e35;--footer:#14241f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-geist-sans),Arial,sans-serif;margin:0}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{align-items:center;gap:42px;height:86px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-size:18px;display:flex}.brand-mark{color:#0000;background:#fffdf7 url(/gouden-hartje-logo.png) 50% 37%/245% no-repeat;border-radius:10px;place-items:center;width:34px;height:34px;font-size:0;font-weight:800;display:grid;overflow:hidden;box-shadow:0 2px 10px #102b4b1f}.site-nav{color:#43514b;gap:28px;margin-left:auto;font-size:14px;display:flex}.site-nav a:hover,.text-link:hover{color:var(--green-2)}.button{border:1px solid var(--green);background:var(--green);color:#fff;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:50px;padding:0 24px;font-size:14px;font-weight:700;display:inline-flex}.button:hover{background:var(--green-2)}.button-small{min-height:42px;padding:0 18px}.button-outline{color:var(--green);background:0 0}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:64px;min-height:650px;padding-block:64px 90px;display:grid}.eyebrow{color:var(--green-2);letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:800;display:block}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.065em;max-width:680px;margin-bottom:24px;font-size:clamp(50px,6.5vw,82px);font-weight:670;line-height:.98}.hero-text{max-width:610px;color:var(--muted);font-size:19px;line-height:1.65}.hero-actions{align-items:center;gap:24px;margin-top:32px;display:flex}.text-link{color:var(--green);font-size:14px;font-weight:750}.text-link span{margin-left:7px}.trust-row{color:#52605a;flex-wrap:wrap;gap:18px;margin-top:38px;font-size:13px;display:flex}.dashboard-preview{background:#fff;border-radius:26px;padding:24px;position:relative;transform:rotate(1deg);box-shadow:0 30px 80px #18382f24}.dashboard-preview:before{content:"";z-index:-1;border:1px solid #cfd9d2;border-radius:30px;position:absolute;inset:-18px 18px 18px -18px}.app-entry-card{background:#fff;border:1px solid #c9d8e8;border-radius:26px;padding:30px;scroll-margin-top:24px;position:relative;box-shadow:0 30px 80px #1e3a5c26}.app-entry-card:before{content:"";z-index:-1;border:1px solid #c9d8e8;border-radius:30px;position:absolute;inset:-16px 16px 16px -16px}.app-entry-head .eyebrow{margin-bottom:10px}.app-entry-head h2{margin:0 0 10px;font-size:36px}.app-entry-head p{color:var(--muted);margin:0 0 24px;line-height:1.55}.app-entry-options{gap:13px;display:grid}.app-entry-option{border:1px solid var(--line);background:#f7f9fc;border-radius:18px;grid-template-columns:54px 1fr auto;align-items:center;gap:16px;min-height:100px;padding:18px;transition:all .18s;display:grid}.app-entry-option:hover{border-color:#90b6dc;transform:translateY(-2px);box-shadow:0 12px 28px #1e3a5c1a}.app-entry-option.clock{background:#edf5fd;border-color:#9fc3e7}.app-entry-icon{background:var(--green);color:#fff;border-radius:15px;place-items:center;width:54px;height:54px;font-size:20px;font-weight:900;display:grid}.app-entry-option.clock .app-entry-icon{background:#245b9e}.app-entry-option div{gap:5px;display:grid}.app-entry-option strong{font-size:18px}.app-entry-option small{color:var(--muted);line-height:1.4}.app-entry-option>b{color:var(--green-2);font-size:23px}.app-entry-note{color:var(--muted);margin-top:18px;line-height:1.5;display:block}.preview-head{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-bottom:20px;font-size:13px;display:flex}.preview-head strong{color:var(--ink)}.metric-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0;display:grid}.metric-grid article{background:#f4f7f4;border-radius:14px;padding:16px}.metric-grid span,.metric-grid em{color:var(--muted);font-size:11px;font-style:normal;display:block}.metric-grid strong{margin:7px 0 4px;font-size:26px;display:block}.preview-table{border:1px solid var(--line);border-radius:13px;overflow:hidden}.preview-row{border-top:1px solid var(--line);grid-template-columns:1.55fr .75fr .55fr .7fr;align-items:center;min-height:50px;padding:0 13px;font-size:12px;display:grid}.preview-row:first-child{border-top:0}.preview-labels{min-height:36px;color:var(--muted);text-transform:uppercase;background:#f6f4ed;font-size:10px}.preview-row i{width:27px;height:27px;color:var(--green);background:#e8efe8;border-radius:8px;place-items:center;margin-right:7px;font-size:10px;font-style:normal;display:inline-grid}.preview-row mark{color:#28633d;background:#e2f1df;border-radius:99px;width:max-content;padding:5px 8px}.preview-row mark.warning{color:#7e5b00;background:#fff0c7}.intro-band{background:#e9eee9;padding:100px 0}.section-grid{grid-template-columns:1fr 1fr;align-items:end;gap:100px;display:grid}h2{letter-spacing:-.05em;margin-bottom:22px;font-size:clamp(38px,5vw,60px);line-height:1.05}.section-grid>p,.security p,.cta>p{color:var(--muted);font-size:17px;line-height:1.7}.feature-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:60px;display:grid}.feature-card{background:#fff;border-radius:18px;min-height:250px;padding:25px}.feature-card>span{color:var(--green-2);font-size:12px;font-family:var(--font-geist-mono)}.feature-card h3{letter-spacing:-.02em;margin:70px 0 12px;font-size:19px}.feature-card p{color:var(--muted);font-size:14px;line-height:1.6}.steps{padding-block:110px}.steps>h2{max-width:720px}.steps ol{border-top:1px solid #ccd3ce;margin:55px 0 0;padding:0;list-style:none}.steps li{border-bottom:1px solid #ccd3ce;grid-template-columns:70px 1fr;gap:25px;padding:30px 0;display:grid}.steps li>span{background:var(--lime);width:43px;height:43px;color:var(--green);border-radius:50%;place-items:center;font-weight:800;display:grid}.steps h3{margin-bottom:8px;font-size:22px}.steps li p{color:var(--muted);margin:0}.security{background:var(--green);color:#fff;padding:100px 0}.security-inner{grid-template-columns:1.05fr .95fr;gap:100px;display:grid}.eyebrow-light{color:var(--lime)}.security h2{max-width:650px}.security p{color:#c5d2cd}.security-points{gap:13px;display:grid}.security-points article{background:#ffffff0d;border:1px solid #ffffff2b;border-radius:15px;padding:22px}.security-points p{margin:7px 0 0;font-size:14px}.cta{text-align:center;padding-block:110px}.cta h2{max-width:720px;margin-inline:auto}.cta>p{margin-bottom:30px}.cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}footer{background:var(--footer);color:#fff;padding:40px 0}.footer-inner{align-items:center;gap:26px;display:flex}.footer-inner p{color:#aebdb7;margin:0 auto 0 0;font-size:13px}.footer-inner>a:last-child{color:var(--lime);font-size:13px;font-weight:700}.app-shell{background:var(--app-bg);grid-template-columns:245px 1fr;min-height:100vh;display:grid}.app-sidebar{background:var(--sidebar);color:#fff;padding:28px 22px}.app-sidebar .brand{margin-bottom:50px}.app-nav{gap:7px;display:grid}.app-nav button,.app-nav a{color:#c4d2cc;text-align:left;cursor:pointer;width:100%;font:inherit;box-sizing:border-box;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:12px 13px;text-decoration:none;display:flex}.app-nav button.active,.app-nav button:hover,.app-nav a:hover{color:#fff;background:#ffffff1a}.app-nav i{background:#80a396;border-radius:50%;width:8px;height:8px}.app-nav button.active i{background:var(--lime)}.app-nav .clock-nav-link{color:#fff;background:#9bc7f424;margin:7px 0;font-weight:800}.app-nav .clock-nav-link i{background:var(--lime);box-shadow:0 0 0 4px #9bc7f41f}.app-nav .clock-nav-link b{margin-left:auto;font-size:14px}.app-sidebar-foot{width:200px;position:fixed;bottom:26px}.sync-chip{color:#c4d2cc;border:1px solid #ffffff24;border-radius:11px;margin-bottom:14px;padding:13px;font-size:11px}.sync-chip strong{color:#fff;margin-top:5px;font-size:12px;display:block}.logout{color:#c4d2cc;cursor:pointer;background:0 0;border:0}.app-main{padding:34px clamp(22px,4vw,58px);overflow:auto}.app-top{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.app-top h1{letter-spacing:-.04em;margin:0;font-size:34px}.live-rfid-notice{z-index:1000;background:#f4fdf7fa;border:1px solid #9fd1ae;border-radius:18px;grid-template-columns:auto minmax(190px,1fr) auto;align-items:center;gap:13px;width:min(390px,100vw - 32px);padding:17px 18px;animation:.35s cubic-bezier(.2,.8,.2,1) live-rfid-enter;display:grid;position:fixed;top:22px;right:22px;overflow:hidden;box-shadow:0 22px 55px #185b3140}.live-rfid-notice.out{background:#f4f9fdfa;border-color:#abc5dc;box-shadow:0 22px 55px #17395f3b}.live-rfid-check{color:#fff;background:#23864a;border-radius:50%;place-items:center;width:46px;height:46px;font-size:25px;font-weight:950;display:grid}.live-rfid-notice.out .live-rfid-check{background:#17395f}.live-rfid-notice>div{gap:2px;min-width:0;display:grid}.live-rfid-notice small{color:#4e7460;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:900}.live-rfid-notice strong{color:#17395f;text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.live-rfid-notice p{color:#365548;margin:0;font-size:13px}.live-rfid-notice time{color:#6d7c8b;text-transform:capitalize;font-size:11px}.live-rfid-notice>button{color:#647687;cursor:pointer;background:0 0;border:0;border-radius:50%;align-self:start;width:30px;height:30px;font-size:23px;line-height:1}.live-rfid-notice>button:hover{color:#17395f;background:#e3eee7}.live-rfid-notice>i{transform-origin:0;background:#23864a;height:4px;animation:10s linear forwards live-rfid-timer;position:absolute;bottom:0;left:0;right:0}.live-rfid-notice.out>i{background:#315d84}@keyframes live-rfid-enter{0%{opacity:0;transform:translateY(-14px)scale(.97)}to{opacity:1;transform:none}}@keyframes live-rfid-timer{to{transform:scaleX(0)}}.profile-actions{align-items:center;gap:12px;display:flex}.company-switcher{background:#fff;border:1px solid #bfd0e4;border-radius:13px;align-items:center;gap:8px;padding:6px 8px;display:flex;box-shadow:0 7px 22px #1e3a5c0f}.company-switcher .company-avatar{background:var(--green);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:850;display:grid}.company-switcher label{gap:2px;display:grid}.company-switcher label>span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:800}.company-switcher select{min-width:155px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:800}.company-switcher select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.company-switcher button{min-height:34px;color:var(--green);font:inherit;cursor:pointer;background:#f6f9fc;border:1px solid #cbd7e6;border-radius:8px;padding:0 10px;font-size:11px;font-weight:800}.company-switcher button:hover{border-color:var(--green-2);background:#eef5ff}.color-profile{color:var(--muted);background:#fff;border:1px solid #d5deea;border-radius:12px;align-items:center;gap:9px;padding:6px 8px 6px 12px;font-size:11px;font-weight:700;display:flex}.color-profile select{min-height:34px;color:var(--ink);font:inherit;cursor:pointer;background:#f6f9fc;border:1px solid #cbd7e6;border-radius:8px;padding:0 29px 0 10px;font-size:12px}.color-profile select:focus-visible{outline:3px solid var(--lime)}@supports (color:color-mix(in lab, red, red)){.color-profile select:focus-visible{outline:3px solid color-mix(in srgb,var(--lime) 65%,transparent)}}.color-profile select:focus-visible{outline-offset:1px}.user-badge{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:6px 9px 6px 6px;font-size:13px;display:flex}.user-badge:hover{background:#fff;border-color:#d5ded8}.user-badge span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.user-badge b{color:#809088;margin-left:2px;font-size:19px;line-height:1}.stats{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px;display:grid}.stat-card{background:#fff;border:1px solid #dde3df;border-radius:16px;padding:22px}.stat-card span{color:var(--muted);font-size:12px}.stat-card strong{margin-top:10px;font-size:31px;display:block}.stat-card small{color:var(--muted);text-transform:capitalize;margin-top:7px;font-size:11px;display:block}.stat-card .comparison{color:inherit;margin-top:10px}.overview-wrap{gap:18px;display:grid}.period-toolbar{justify-content:space-between;align-items:center;gap:30px;display:flex}.period-toolbar .eyebrow{margin-bottom:8px}.period-toolbar h2{text-transform:capitalize;margin:0 0 7px;font-size:30px}.period-toolbar p{color:var(--muted);margin:0;font-size:13px}.month-controls{align-items:end;gap:9px;display:flex}.month-controls button{min-height:42px;color:var(--green);font:inherit;cursor:pointer;background:#fff;border:1px solid #cad6e5;border-radius:10px;padding:0 14px;font-size:12px;font-weight:750}.month-controls button:hover:not(:disabled){border-color:var(--green-2);background:#f3f7fc}.month-controls button:disabled{opacity:.42;cursor:not-allowed}.month-controls label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;gap:5px;font-size:10px;font-weight:750;display:grid}.month-controls input{min-height:42px;color:var(--ink);font:inherit;background:#f8fafc;border:1px solid #cad6e5;border-radius:10px;padding:0 11px;font-size:13px}.hours-page{gap:18px;display:grid}.hours-total-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.hours-total-cards article{background:#fff;border:1px solid #dce4ee;border-radius:15px;min-width:0;padding:20px}.hours-total-cards span{color:var(--muted);font-size:12px;display:block}.hours-total-cards strong{color:var(--ink);margin:9px 0 5px;font-size:27px;display:block}.hours-total-cards small{color:var(--muted);font-size:11px}.hours-total-cards .sick-total{background:#fff8fa;border-color:#efd7dc}.hours-total-cards .sick-total strong{color:#a84056}.hours-total-cards .hours-grand-total{background:linear-gradient(135deg,#f7faff,#eef5ff);border-color:#bfd0e8}.hours-total-cards .hours-grand-total strong{color:var(--green)}.hours-total-cards .hours-grand-total .comparison{margin-top:4px;display:inline-block}.hours-comparison{overflow:auto}.hours-comparison-head{align-items:flex-start}.hours-comparison-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.hours-comparison-actions button{min-height:40px;color:var(--green);font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd7e6;border-radius:10px;padding:0 14px;font-size:12px;font-weight:800}.hours-comparison-actions button:hover{border-color:var(--green);background:#f3f7fc}.hours-comparison-actions button.active{border-color:var(--green);background:var(--green);color:#fff;box-shadow:0 7px 18px #184a3e29}.comparison-range-fields{background:#f8faf9;border:1px solid #dce4df;border-radius:12px;justify-content:flex-end;gap:10px;margin:-4px 0 18px;padding:12px;display:flex}.comparison-range-fields label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;gap:5px;font-size:10px;font-weight:800;display:grid}.comparison-range-fields input{min-height:40px;color:var(--ink);font:inherit;background:#fff;border:1px solid #cbd7e6;border-radius:9px;padding:0 10px}.hours-comparison .comparison-table th:not(:first-child),.hours-comparison .comparison-table td:not(:first-child){text-align:center}.hours-comparison .comparison-table td:first-child{font-weight:700}.current-year-month-table{min-width:1050px}.current-year-month-table th,.current-year-month-table td{text-align:center;white-space:nowrap}.current-year-month-table th:first-child,.current-year-month-table td:first-child{z-index:1;text-align:left;background:#fff;min-width:145px;font-weight:700;position:sticky;left:0}.current-year-month-table thead th:first-child{z-index:2;background:#f7f9f8}.current-year-month-table th:last-child,.current-year-month-table td:last-child{background:#f3f7fc}.current-month-button{white-space:nowrap}.month-trajectory{overflow:hidden}.trajectory-total{color:var(--green);font-size:21px}.daily-chart{border-bottom:1px solid var(--line);background:linear-gradient(to bottom,transparent 32%,var(--line) 33%,transparent 34%,transparent 65%,var(--line) 66%,transparent 67%);align-items:end;gap:4px;height:190px;padding:18px 4px 0;display:flex}.day-column{flex:1 1 0;grid-template-rows:1fr 22px;align-items:end;min-width:4px;height:100%;display:grid}.day-column i{align-items:end;width:100%;height:100%;display:flex}.day-column b{background:linear-gradient(180deg,var(--lime),var(--green));border-radius:5px 5px 1px 1px;width:100%;min-height:2px;transition:height .2s;display:block}.day-column span{color:var(--muted);text-align:center;font-size:9px}.trajectory-empty{min-height:150px;color:var(--muted);border:1px dashed #cbd7e4;border-radius:12px;place-items:center;font-size:13px;display:grid}.panel{background:#fff;border:1px solid #dde3df;border-radius:17px;padding:22px}.panel-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.panel-head h2{margin:0;font-size:23px}.search{min-width:260px;font:inherit;background:#fbfcfb;border:1px solid #d6ddd8;border-radius:10px;padding:10px 13px}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{border-bottom:1px solid var(--line);color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.08em;padding:11px 10px;font-size:10px}.data-table td{border-bottom:1px solid #edf0ee;padding:14px 10px}.data-table tfoot td{border-top:2px solid var(--line);background:#f6f9fc;border-bottom:0;font-weight:800}.data-table td small{color:var(--muted);margin-top:5px;font-weight:400;display:block}.detailed-hours{min-width:1560px}.detailed-hours td{white-space:nowrap}.detailed-hours th:first-child,.detailed-hours td:first-child{z-index:1;background:#fff;position:sticky;left:0}.detailed-hours tfoot td:first-child{background:#f6f9fc}.net-hours{color:var(--green);font-weight:800}.short-hours{color:#9a6200;font-weight:800}.detailed-hours tbody tr.short-row td{background:#fff8df}.detailed-hours tbody tr.sick-row td{background:#fff0f3}.detailed-hours tbody tr.short-row td:first-child{box-shadow:inset 4px 0 #e1a72f}.detailed-hours tbody tr.sick-row td:first-child{box-shadow:inset 4px 0 #cf6075}.hours-color-legend{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:14px;margin:-5px 0 12px;font-size:11px;display:flex}.hours-color-legend span{align-items:center;gap:6px;display:flex}.hours-color-legend i{border-radius:3px;width:10px;height:10px}.hours-color-legend .normal{background:var(--green)}.hours-color-legend .short{background:#e1a72f}.hours-color-legend .sick{background:#cf6075}.round-all,.round-time{cursor:pointer;align-items:center;gap:7px;width:max-content;display:flex}.round-all{flex-wrap:wrap;max-width:180px}.round-all small{color:var(--muted);letter-spacing:0;text-transform:none;flex-basis:100%;margin-left:23px;font-size:9px;font-weight:600}.round-all small:after{content:"Alleen :45-:59 voor 13:00 naar het volgende hele uur. :00-:44 blijft gelijk.";color:#6f8091;margin-top:3px;font-size:8px;line-height:1.3;display:block}.round-time input,.round-all input{width:16px;height:16px;accent-color:var(--green);cursor:pointer;margin:0}.round-time span{font-weight:750}.round-time small{color:var(--muted);font-size:10px;margin:0!important}.rounding-rule-card{border:1px solid #c9d8e8;border-left:4px solid var(--blue);color:#38516b;background:#f5f9fd;border-radius:10px;gap:5px;padding:12px 15px;display:grid}.rounding-rule-card span{font-size:11px;line-height:1.5}.negative-hours{color:#9b3a31;font-weight:700}.period-note{color:var(--muted);text-transform:capitalize;margin:7px 0 0;font-size:13px}.hours-value{color:var(--green)}.employee-link{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;display:block}.employee-link strong{color:var(--green);text-underline-offset:3px;-webkit-text-decoration:underline #bfd0c8;text-decoration:underline #bfd0c8}.employee-link:hover strong,.employee-link:focus-visible strong{color:var(--green-2);-webkit-text-decoration-color:var(--green-2);-webkit-text-decoration-color:var(--green-2);-webkit-text-decoration-color:var(--green-2);text-decoration-color:var(--green-2)}.comparison{white-space:nowrap;border-radius:8px;min-width:92px;padding:6px 9px;font-size:11px;font-weight:750;display:inline-block}.comparison.positive{color:#27623c;background:#e4f2e2}.comparison.negative{color:#9b3a31;background:#fbe7e4}.comparison.neutral{color:#5f6c66;background:#edf0ee}.connection-wrap{gap:18px;display:grid}.connection-summary{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.connection-summary>div{max-width:720px}.connection-summary h2{font-size:32px}.connection-summary p,.connection-details p{color:var(--muted);margin:0;line-height:1.65}.connection-health{border-radius:99px;flex:none;align-items:center;gap:8px;padding:9px 13px;font-size:12px;font-weight:750;display:inline-flex}.connection-health:before{content:"";border-radius:50%;width:8px;height:8px}.connection-health.online{color:#27623c;background:#e4f2e2}.connection-health.online:before{background:#45a467;box-shadow:0 0 0 4px #45a46726}.connection-health.waiting{color:#7e5b00;background:#fff0c7}.connection-health.waiting:before{background:#d99d1a;box-shadow:0 0 0 4px #d99d1a29}.connection-flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:11px;display:grid}.connection-flow article{background:#fff;border:1px solid #dce3de;border-radius:16px;min-height:255px;padding:23px;position:relative}.flow-number{background:var(--green);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;margin-bottom:28px;font-size:12px;font-weight:800;display:grid}.connection-flow small,.detail-label{color:var(--green-2);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.connection-flow h3{margin-bottom:10px;font-size:18px}.connection-flow p{color:var(--muted);margin-bottom:22px;font-size:13px;line-height:1.55}.flow-state{color:#376b50;align-items:center;gap:7px;font-size:11px;display:flex;position:absolute;bottom:20px;left:23px}.online-dot:before{content:"";background:#57a871;border-radius:50%;width:7px;height:7px}.flow-arrow{color:#8ba097;align-self:center;font-size:23px}.connection-details{grid-template-columns:1.12fr .88fr;gap:18px;display:grid}.connection-details h3{margin-bottom:14px}.connection-details code{overflow-wrap:anywhere;color:var(--green);background:#f2f5f2;border-radius:10px;margin-bottom:17px;padding:13px;font-size:11px;display:block}.connection-counts{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.connection-counts div{background:#f2f5f2;border-radius:11px;padding:13px}.connection-counts strong,.connection-counts span{display:block}.connection-counts strong{margin-bottom:5px;font-size:23px}.connection-counts span{color:var(--muted);font-size:10px}.akuvox-connection{gap:18px;display:grid}.akuvox-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.akuvox-heading>div{max-width:760px}.akuvox-fields{grid-template-columns:1.5fr .7fr .7fr;gap:12px;display:grid}.akuvox-fields label{background:#f8faf8;border:1px solid #dce3de;border-radius:12px;align-content:start;gap:7px;padding:14px;display:grid}.akuvox-fields label:first-child,.akuvox-fields label:last-of-type{grid-column:1/-1}.akuvox-fields label>span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:750}.akuvox-fields code{overflow-wrap:anywhere;color:var(--green);font-size:12px;display:block}.secret-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.secret-row code{background:#fff;border-radius:9px;flex:1;margin:0;padding:11px 13px}.button-small{white-space:nowrap;min-height:38px;padding:8px 13px}.akuvox-fields>small{color:var(--muted);grid-column:1/-1}.status-pill{color:#27623c;background:#e4f2e2;border-radius:99px;padding:5px 9px;font-size:11px;display:inline-block}.status-pill.warning{color:#7e5b00;background:#fff0c7}.status-pill.sick{color:#9a2940;background:#fde8eb}.status-pill.archived{color:#4d5663;background:#e7e9ed}.employee-list-tabs{background:#f5f7f6;border:1px solid #dde3df;border-radius:12px;gap:8px;width:max-content;margin:0 0 18px;padding:5px;display:flex}.employee-list-tabs button{min-height:36px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 14px;font-size:12px;font-weight:750}.employee-list-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #17261f14}.archive-button{color:#5e6672;min-height:34px;font:inherit;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c9ced5;border-radius:8px;padding:0 11px;font-size:11px;font-weight:750}.archive-button:hover{color:#2f3742;background:#f1f3f5;border-color:#7b8490}.archive-button.restore{color:#27623c;border-color:#9ec6aa}.archive-button.restore:hover{background:#eaf6e8}.archived-row{color:#69717b;background:#f7f8f9}.employee-name-actions{justify-content:space-between;align-items:center;gap:10px;min-width:210px;display:flex}.employee-name-actions .employee-link{flex:1;min-width:0}.employee-actions-menu{flex:none;position:relative}.employee-actions-menu summary{width:36px;height:36px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d5dce2;border-radius:9px;place-items:center;font-size:24px;font-weight:800;line-height:1;list-style:none;display:grid}.employee-actions-menu summary::-webkit-details-marker{display:none}.employee-actions-menu[open] summary{border-color:var(--green);background:#f2f7f5}.employee-actions-menu>div{z-index:20;background:#fff;border:1px solid #d8dedb;border-radius:11px;min-width:190px;padding:6px;display:grid;position:absolute;top:42px;right:0;box-shadow:0 14px 35px #1928222b}.employee-actions-menu button{color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:10px 11px;font-size:12px;font-weight:700}.employee-actions-menu button:hover{background:#eef4f1}.employee-actions-menu button.danger{color:#a1283e}.employee-actions-menu button.danger:hover{background:#fff0f3}.employee-editor{background:#f6f9fc;border:1px solid #cbd7e6;border-radius:12px;grid-template-columns:1.2fr repeat(5,minmax(125px,1fr)) auto;align-items:end;gap:12px;margin:0 0 18px;padding:16px;display:grid}.employee-editor>div:first-child{gap:5px;display:grid}.employee-editor label{color:var(--muted);gap:6px;font-size:11px;font-weight:750;display:grid}.employee-editor input,.employee-editor select{min-height:42px;color:var(--ink);font:inherit;background:#fff;border:1px solid #cbd7e6;border-radius:8px;padding:0 10px}.employee-editor-actions{align-items:center;gap:6px;display:flex}.employee-editor .form-error{grid-column:1/-1;margin:0}.job-role-pill{color:#536070;background:#edf1f5;border-radius:99px;align-items:center;width:max-content;max-width:220px;padding:5px 9px;font-size:11px;font-weight:800;line-height:1.3;display:inline-flex}.job-role-pill.pedagogical{color:#27623c;background:#e4f3ea}.job-role-pill.other{color:#536070;background:#edf1f5}.service-role-overview{grid-template-columns:1fr 1fr;gap:14px;display:grid}.service-role-overview article{background:#fff;border:1px solid #dbe4df;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;display:flex;box-shadow:0 5px 18px #1b33270d}.service-role-overview article.pedagogical{background:#f3faf6;border-color:#bcdac8}.service-role-overview article.other{background:#f7f9fc;border-color:#d6deea}.service-role-overview span{color:var(--ink);font-size:13px;font-weight:850;display:block}.service-role-overview small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.service-role-overview strong{color:var(--green);font-family:var(--display);font-size:31px}.sickness-monitor{gap:20px;display:grid}.sickness-add{background:linear-gradient(135deg,#fff,#fff7f9);border-color:#e9cbd2;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-bottom:18px;display:grid}.sickness-add h2{margin:5px 0 6px;font-size:24px}.sickness-add p{color:var(--muted);margin:0;font-size:12px}.sick-add-main{white-space:nowrap}.sickness-add form{border-top:1px solid #efd8dd;grid-column:1/-1;grid-template-columns:1.5fr repeat(3,minmax(125px,.65fr));align-items:end;gap:12px;padding-top:17px;display:grid}.absence-add form{grid-template-columns:1.35fr 1.15fr repeat(4,minmax(120px,.7fr))}.sickness-add form label{color:var(--muted);gap:6px;font-size:11px;font-weight:750;display:grid}.sickness-add input,.sickness-add select{min-height:43px;color:var(--ink);font:inherit;background:#fff;border:1px solid #dcb9c1;border-radius:9px;padding:0 10px}.sickness-add textarea{width:100%;color:var(--ink);font:inherit;resize:vertical;background:#fff;border:1px solid #dcb9c1;border-radius:9px;padding:10px}.sickness-add-note,.sickness-add-actions{grid-column:1/-1}.sickness-add-actions{align-items:center;gap:9px;display:flex}.sickness-add-feedback{border-radius:9px;grid-column:1/-1;margin:0;padding:10px 12px;font-size:12px}.sickness-add-feedback.success{color:#27623c;background:#e4f2e2}.sickness-add-feedback.error{color:#9b3a31;background:#fbe7e4}.sickness-hero{background:linear-gradient(135deg,#fff 45%,#fff2f4);border-color:#efc8d0;justify-content:space-between;align-items:center;gap:24px;display:flex}.sickness-hero h2{text-transform:capitalize;margin:5px 0 9px;font-size:27px}.sickness-hero p{max-width:760px;color:var(--muted);margin:0;line-height:1.55}.sickness-live{color:#8f2f43;background:#fff;border-radius:99px;flex:none;align-items:center;gap:8px;padding:9px 12px;font-size:11px;font-weight:800;display:flex}.sickness-live i{background:#cf6075;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #fde8eb}.sickness-kpis{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.sickness-kpis article{background:#fff;border:1px solid #dce4df;border-radius:14px;padding:18px}.sickness-kpis article.sick-total{background:#fff6f7;border-color:#efc8d0}.sickness-kpis span,.sickness-kpis small{color:var(--muted);font-size:11px;display:block}.sickness-kpis strong{margin:8px 0 5px;font-size:25px;display:block}.sickness-kpis .sick-total strong{color:#9a2940}.sickness-table td:first-child{min-width:180px}.absence-kind{white-space:nowrap;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-block}.absence-kind.sick{color:#9a2940;background:#fde8eb}.absence-kind.late{color:#765600;background:#fff1c9}.absence-kind.unexpected{color:#35578e;background:#e8eefb}.absence-table .absence-row.late td{background:#fffaf0}.absence-table .absence-row.unexpected td{background:#f7f9fe}.absence-table td:last-child{min-width:220px}.absence-period-controls{justify-content:space-between;align-items:center;gap:22px;display:flex}.absence-period-controls h2{text-transform:capitalize;margin:5px 0 7px;font-size:25px}.absence-period-controls p{color:var(--muted);margin:0;font-size:12px}.absence-period-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.absence-period-buttons button,.absence-period-buttons label{min-height:42px;color:var(--green);font:inherit;background:#fff;border:1px solid #cbd7e6;border-radius:10px;font-size:12px;font-weight:800}.absence-period-buttons button{cursor:pointer;padding:0 15px}.absence-period-buttons label{align-items:center;gap:8px;padding:0 8px 0 13px;display:flex}.absence-period-buttons input{min-height:31px;color:var(--ink);font:inherit;background:#fff;border:0;font-size:12px}.absence-period-buttons button.active,.absence-period-buttons label.active{border-color:var(--green);background:var(--green);color:#fff;box-shadow:0 7px 18px #184a3e24}.absence-period-buttons label.active input{border-radius:6px}.absence-filter-panel{justify-content:space-between;align-items:center;gap:20px;display:flex}.absence-filter-panel h3{margin:4px 0 0;font-size:18px}.absence-kind-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.absence-kind-filters label{cursor:pointer;background:#fff;border:1px solid #d9e1ec;border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-size:12px;font-weight:800;display:flex}.absence-kind-filters label.sick:has(input:checked){color:#922d43;background:#fff0f3;border-color:#cf6075}.absence-kind-filters label.late:has(input:checked){color:#765600;background:#fff8dc;border-color:#ddbd55}.absence-kind-filters label.unexpected:has(input:checked){color:#35578e;background:#eef3fc;border-color:#8ea8d5}.absence-kind-filters input{width:16px;height:16px;accent-color:var(--green)}.absence-kind-filters button{min-height:40px;color:var(--green);font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd7e6;border-radius:10px;padding:0 13px;font-size:12px;font-weight:800}.absence-kind-filters button.active{border-color:var(--green);background:#e9f2ed}.absence-trajectory-table th,.absence-trajectory-table td{text-align:center}.absence-trajectory-table th:first-child,.absence-trajectory-table td:first-child{text-align:left;text-transform:capitalize}.sick-employee-name{align-items:center;gap:9px;display:flex}.absence-employee-actions{justify-content:space-between;align-items:center;gap:10px;min-width:245px;display:flex}.absence-actions-menu{flex:none;position:relative}.absence-actions-menu summary{width:34px;height:34px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d5dce2;border-radius:9px;place-items:center;font-size:22px;font-weight:800;line-height:1;list-style:none;display:grid}.absence-actions-menu summary::-webkit-details-marker{display:none}.absence-actions-menu[open] summary{border-color:var(--green);background:#f2f7f5}.absence-actions-menu>div{z-index:20;background:#fff;border:1px solid #d8dedb;border-radius:10px;min-width:155px;padding:6px;display:grid;position:absolute;top:40px;left:0;box-shadow:0 14px 35px #1928222b}.absence-actions-menu button{color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 10px;font-size:12px;font-weight:750}.absence-actions-menu button:hover{background:#f2f6fb}.absence-actions-menu button.danger{color:#a43d4c}.absence-end-form{background:#fff8f9;border-color:#efc8d0;grid-template-columns:minmax(280px,1fr) minmax(140px,.35fr) auto;align-items:end;gap:16px;display:grid}.absence-end-form h3{margin:4px 0 5px;font-size:20px}.absence-end-form p{color:var(--muted);margin:0;font-size:12px}.absence-end-form label{color:var(--muted);gap:6px;font-size:11px;font-weight:750;display:grid}.absence-end-form input{min-height:42px;color:var(--ink);font:inherit;background:#fff;border:1px solid #dcb9c1;border-radius:9px;padding:0 10px}.absence-end-actions{align-items:center;gap:9px;display:flex}.absence-end-form .form-error{grid-column:1/-1;margin:0}.upcoming-sickness .sick-row{background:#fff8f9}.employee-month-details{border-collapse:separate;border-spacing:0;border:1px solid #dfe5e1;border-radius:12px;min-width:1580px;overflow:visible}.employee-month-details th,.employee-month-details td{vertical-align:middle;text-align:center}.employee-month-details th{color:#52615a;white-space:normal;background:#f1f5f3;padding:13px 8px;line-height:1.35}.employee-month-details td{padding:13px 8px}.employee-month-details tbody tr:nth-child(2n):not(.sick-row):not(.short-row) td{background:#f9fbfa}.employee-month-details tbody tr:hover td{box-shadow:inset 0 0 0 999px #184a3e09}.employee-month-details .round-all,.employee-month-details .round-time{justify-content:center;margin:0 auto}.employee-month-details .round-all small{text-align:center;margin-left:0}.employee-month-details .day-count{text-align:center;font-size:15px;font-weight:850}.employee-month-details th:first-child,.employee-month-details td:first-child{width:112px}.employee-month-details th:nth-child(2),.employee-month-details td:nth-child(2){width:58px}.employee-month-details th:nth-child(3),.employee-month-details td:nth-child(3),.employee-month-details th:nth-child(4),.employee-month-details td:nth-child(4){width:90px}.employee-month-details th:nth-child(n+5):nth-child(-n+10),.employee-month-details td:nth-child(n+5):nth-child(-n+10){width:104px}.employee-month-details th:nth-child(11),.employee-month-details td:nth-child(11){width:120px}.employee-month-details th:nth-child(12),.employee-month-details td:nth-child(12){width:112px}.employee-month-details th:last-child,.employee-month-details td:last-child{white-space:normal;min-width:190px}.employee-month-details tfoot td{color:var(--ink);background:#eaf1ed;padding-top:15px;padding-bottom:15px;font-weight:900}.employee-month-details tfoot td:first-child{text-align:center}.entry-archive{background:#f8fafc;border:1px solid #d7dee7;border-radius:12px;margin-top:18px}.entry-archive>summary{color:#31455d;cursor:pointer;padding:13px 16px;font-size:13px;font-weight:850;list-style:none}.entry-archive>summary::-webkit-details-marker{display:none}.entry-archive>summary:after{content:"Bekijken";float:right;color:var(--muted);font-size:11px}.entry-archive[open]>summary:after{content:"Sluiten"}.entry-archive>div{padding:0 14px 14px}.entry-archive>div>p{color:var(--muted);margin:0 0 12px;font-size:12px}.archived-entries-table{opacity:.9}.hours-color-legend i.archived{background:#9aa5b1}.entry-actions-menu{display:inline-block;position:relative}.entry-actions-menu summary{width:32px;height:32px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d5dce2;border-radius:8px;place-items:center;margin:auto;font-size:21px;line-height:1;list-style:none;display:grid}.entry-actions-menu summary::-webkit-details-marker{display:none}.entry-actions-menu>div{z-index:25;background:#fff;border:1px solid #d8dedb;border-radius:10px;min-width:145px;padding:6px;display:grid;position:absolute;top:36px;right:0;box-shadow:0 12px 30px #1d2e4529}.entry-actions-menu button{color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 10px;font-size:12px}.entry-actions-menu button:hover{background:#f2f6fb}.entry-actions-menu button.danger{color:#a43d4c}.entry-edit-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#111e2f8c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.entry-edit-form{text-align:left;background:#fff;border:1px solid #d8e0e8;border-radius:18px;width:min(760px,100%);max-height:calc(100vh - 48px);padding:24px;overflow:auto;box-shadow:0 26px 80px #10233a47}.entry-edit-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.entry-edit-head h3{margin:5px 0 4px;font-size:24px}.entry-edit-head p{color:var(--muted);margin:0}.entry-edit-close{width:38px;height:38px;color:var(--ink);cursor:pointer;background:#f8fafc;border:1px solid #d7dfe8;border-radius:10px;flex:none;place-items:center;font-size:24px;display:grid}.entry-edit-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px;display:grid}.entry-edit-grid label{color:var(--muted);gap:6px;font-size:12px;font-weight:750;display:grid}.entry-edit-grid input,.entry-edit-grid select,.entry-edit-grid textarea{width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;border:1px solid #cfd9e4;border-radius:10px;padding:10px 11px}.entry-edit-grid textarea{resize:vertical}.entry-edit-note{grid-column:1/-1}.entry-edit-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.entry-edit-form .form-error{margin:14px 0 0}@media (width<=700px){.entry-edit-overlay{padding:12px}.entry-edit-form{max-height:calc(100vh - 24px);padding:18px}.entry-edit-grid{grid-template-columns:1fr 1fr}.entry-edit-grid label:first-child,.entry-edit-grid label:last-child{grid-column:1/-1}.entry-edit-actions{flex-direction:column-reverse}.entry-edit-actions button{width:100%}}.month-entries-head{align-items:flex-start;overflow:visible}.month-actions-menu{z-index:30;flex:none;position:relative}.month-actions-menu summary{width:40px;height:40px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #cbd7e6;border-radius:10px;place-items:center;font-size:26px;font-weight:850;line-height:1;list-style:none;display:grid}.month-actions-menu summary::-webkit-details-marker{display:none}.month-actions-menu[open] summary{border-color:var(--blue,#346895);background:#f1f6fb}.month-actions-menu>div{z-index:35;background:#fff;border:1px solid #cfdae5;border-radius:12px;min-width:265px;padding:9px;display:grid;position:absolute;top:46px;right:0;box-shadow:0 16px 40px #1d2e452e}.month-actions-menu strong,.month-actions-menu small,.month-actions-menu span{padding:4px 9px}.month-actions-menu small,.month-actions-menu span{color:var(--muted);font-size:11px}.month-actions-menu button{color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 9px;font-size:12px;font-weight:700}.month-actions-menu button:hover{background:#f2f6fb}.month-actions-menu button.danger{color:#a1283e}.month-actions-menu button.danger:hover{background:#fff0f3}.sick-button{color:#8f2f43;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8a8b2;border-radius:9px;padding:0 12px;font-size:11px;font-weight:750}.sick-button:hover,.sick-button.active{color:#812237;background:#fde8eb;border-color:#9a2940}.import-employee-hours{min-width:1050px}.sick-editor{background:#fff6f7;border:1px solid #efc8d0;border-radius:14px;grid-template-columns:1.5fr repeat(3,minmax(120px,.65fr)) 1.4fr;align-items:end;gap:13px;margin-top:20px;padding:18px;display:grid}.sick-editor h3{margin:5px 0 0;font-size:18px}.sick-editor label{color:var(--muted);gap:6px;font-size:11px;font-weight:700;display:grid}.sick-editor input{min-height:42px;color:var(--ink);font:inherit;background:#fff;border:1px solid #dcb9c1;border-radius:9px;padding:0 10px}.sick-editor-actions{align-items:center;gap:11px;display:flex}.sick-editor .form-error{grid-column:1/-1;margin:0}.text-button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px;font-size:12px;font-weight:700}.text-button:hover{color:var(--ink)}.source-pill{white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.source-pill:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.source-pill.api{color:#245b9e;background:#e7f0fc}.source-pill.pdf{color:#a13b31;background:#fbe9e7}.source-pill.xlsx{color:#277044;background:#e5f3e9}.source-pill.rfid{color:#6240a3;background:#efe8ff}.source-pill.app{color:#8b5a00;background:#fff0cf}.source-with-note{justify-content:center;align-items:center;gap:7px;display:flex}.sick-note-button{position:relative}.sick-note-button summary{color:#9b3f52;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d99aaa;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:850;list-style:none}.sick-note-button summary::-webkit-details-marker{display:none}.sick-note-button summary:hover{background:#fff0f3}.sick-note-button[open]:before{content:"";z-index:30;background:#13223261;position:fixed;inset:0}.sick-note-button form{z-index:31;background:#fff;border:1px solid #e4c4cc;border-radius:15px;gap:11px;width:min(430px,100vw - 32px);padding:20px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 22px 70px #12213347}.sick-note-button form strong{font-size:18px}.sick-note-button textarea{width:100%;color:var(--ink);font:inherit;resize:vertical;border:1px solid #dcb9c1;border-radius:9px;padding:11px}.sick-note-button form div{justify-content:flex-end;gap:8px;display:flex}.sick-note-button form button{background:var(--green);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:9px 13px;font-size:12px;font-weight:800}.sick-note-button form button.close-note{color:var(--ink);background:#fff;border:1px solid #d8dee5}.sick-note-button form small{color:var(--muted)}.sickness-notes-panel{margin-top:18px}.sickness-note-list{gap:8px;display:grid}.sickness-note-list article{background:#fffafb;border:1px solid #efd8dd;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;padding:12px 14px;display:flex}.sickness-note-list article>div:first-child{gap:4px;display:grid}.sickness-note-list article>div:first-child span{color:var(--muted);font-size:11px}.sick-status-note{align-items:center;gap:8px;display:flex}.empty{text-align:center;color:var(--muted);padding:60px 20px}.empty strong{color:var(--ink);margin-bottom:8px;display:block}.login-page{background:var(--paper);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-aside{background:var(--green);color:#fff;flex-direction:column;justify-content:space-between;padding:55px;display:flex}.login-aside .brand-mark{border-radius:17px;width:58px;height:58px;box-shadow:0 10px 28px #0000002e}.login-aside h1{max-width:650px;font-size:clamp(48px,6vw,82px)}.login-aside p{color:#ffffffbd;max-width:570px;font-size:17px;line-height:1.7}.login-form-wrap{place-items:center;padding:30px;display:grid}.login-form{width:min(430px,100%)}.login-form h2{font-size:38px}.login-form label{margin:25px 0 8px;font-size:13px;font-weight:700;display:block}.login-form input[type=password],.login-form input[type=email]{width:100%;height:50px;font:inherit;background:#fff;border:1px solid #ccd5d0;border-radius:10px;padding:0 14px}.login-form .remember-login{cursor:pointer;align-items:flex-start;gap:11px;margin:15px 0 0;display:flex}.remember-login input{width:18px;height:18px;accent-color:var(--green);cursor:pointer;flex:none;margin:1px 0 0}.remember-login span,.remember-login strong,.remember-login small{display:block}.remember-login strong{color:var(--ink);font-size:13px}.remember-login small{color:var(--muted);margin-top:4px;font-size:11px;font-weight:400}.login-form .button{width:100%;margin-top:18px}.forgot-password-link{color:var(--blue);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:14px auto 0;padding:4px;font-size:11px;font-weight:850;text-decoration:underline;display:block}.recovery-message{color:#28613b;background:#f1f9f4;border:1px solid #bdd5c6;border-radius:8px;margin:13px 0 0;padding:10px 12px;font-size:11px;line-height:1.5}.cloudflare-recovery{color:#697785;background:#f1f4f7;border-radius:8px;margin-top:16px;padding:11px 12px;font-size:9px;line-height:1.45;display:block}.form-error{color:#a83232;margin-top:14px;font-size:13px}.loading-page{min-height:100vh;color:var(--muted);place-items:center;display:grid}.import-wrap{gap:18px;display:grid}.import-intro{grid-template-columns:1fr minmax(280px,.55fr);align-items:center;gap:35px;display:grid}.import-intro h2{margin-bottom:12px;font-size:32px}.import-intro p{max-width:680px;color:var(--muted);margin:0;line-height:1.65}.file-picker{min-height:155px;color:var(--green);cursor:pointer;text-align:center;background:#f5f8f5;border:2px dashed #aebdb5;border-radius:15px;place-items:center;padding:24px;transition:all .18s;display:grid}.file-picker:hover{border-color:var(--green-2);background:#eef5ef}.file-picker.disabled{opacity:.65;cursor:wait}.file-picker input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.file-picker span{font-weight:800}.file-picker small{color:var(--muted);margin-top:8px}.import-summary{grid-template-columns:2fr 1.3fr .7fr .7fr;gap:12px;display:grid}.import-summary article{background:#fff;border:1px solid #dde3df;border-radius:14px;min-width:0;padding:18px}.import-summary span,.import-summary strong{display:block}.import-summary span{color:var(--muted);margin-bottom:8px;font-size:11px}.import-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.import-warning,.import-success{border-radius:12px;gap:5px;padding:15px 18px;font-size:13px;display:grid}.import-warning{color:#765916;background:#fff8e4;border:1px solid #efd99a}.spreadsheet-analysis{background:linear-gradient(#fff,#f8fbff);border-color:#bfd2e9}.analysis-kpis{grid-template-columns:repeat(4,1fr);gap:11px;margin:18px 0;display:grid}.analysis-kpis article{background:#fff;border:1px solid #d9e3ef;border-radius:12px;padding:14px 16px}.analysis-kpis article.warning{background:#fff9e8;border-color:#efd99a}.analysis-kpis span,.analysis-kpis small{color:var(--muted);font-size:11px;display:block}.analysis-kpis strong{margin:7px 0 4px;font-size:23px;display:block}.analysis-rule-warning{color:#765916;background:#fff8e4;border:1px solid #efd99a;border-radius:11px;gap:5px;margin-bottom:14px;padding:13px 15px;font-size:12px;display:grid}.analysis-employee-list{gap:9px;display:grid}.analysis-employee-list details{background:#fff;border:1px solid #d9e3ef;border-radius:12px;overflow:hidden}.analysis-employee-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;list-style:none;display:flex}.analysis-employee-list summary::-webkit-details-marker{display:none}.analysis-employee-list summary>span:first-child{gap:3px;display:grid}.analysis-employee-list summary small{color:var(--muted);font-size:11px}.analysis-status{white-space:nowrap;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800}.analysis-status.clear{color:#27623c;background:#e4f2e2}.analysis-status.sick{color:#9a2940;background:#fde8eb}.analysis-table{border-top:1px solid #e2e8f0;margin:0}.analysis-table th,.analysis-table td{text-align:center}.analysis-table td:first-child,.analysis-table th:first-child{text-align:left;text-transform:capitalize}.analysis-table .sick-analysis-row td{background:#fff9fa}.analysis-warning-value{color:#8a6400;font-weight:850;background:#fff5d9!important}.duplicate-employees{background:#fffdf7;border-color:#e2ca8a}.duplicate-progress{border-radius:99px;flex:none;padding:7px 10px;font-size:11px;font-weight:850}.duplicate-progress.warning{color:#7e5b00;background:#fff0c7}.duplicate-progress.complete{color:#27623c;background:#e4f2e2}.duplicate-list{gap:11px;display:grid}.duplicate-list article{background:#fff;border:1px solid #eadfbf;border-radius:13px;grid-template-columns:minmax(190px,.8fr) 2fr;gap:18px;padding:16px;display:grid}.duplicate-list article.resolved{background:#fbfffc;border-color:#bcd7c3}.duplicate-imported{border-right:1px solid #eee5ce;flex-direction:column;justify-content:center;padding-right:16px;display:flex}.duplicate-imported small{color:#8a7650;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}.duplicate-imported strong{margin:6px 0 4px;font-size:16px}.duplicate-imported span{color:var(--muted);font-size:11px}.duplicate-question>strong{margin-bottom:8px;font-size:12px;display:block}.duplicate-question>div{flex-wrap:wrap;gap:8px;display:flex}.duplicate-question button{min-width:155px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #d7dfeb;border-radius:9px;gap:3px;padding:9px 11px;display:grid}.duplicate-question button:hover{border-color:var(--green-2)}.duplicate-question button.selected{background:#e9f5ec;border-color:#69a77f;box-shadow:inset 0 0 0 1px #69a77f}.duplicate-question button.new-person.selected{background:#fff5d9;border-color:#c79a32;box-shadow:inset 0 0 0 1px #c79a32}.duplicate-question button span{font-size:12px;font-weight:800}.duplicate-question button small{color:var(--muted);font-size:10px}.import-success{color:#27623c;background:#eaf6e8;border:1px solid #b9d9bb;font-weight:700}.format-badge{color:var(--green);background:#eef3ef;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:800}.import-actions{justify-content:space-between;align-items:center;gap:20px;padding-top:20px;display:flex}.import-actions p{color:var(--muted);margin:0;font-size:12px}.import-actions>div{gap:12px;display:grid}.import-actions .import-submit{justify-items:stretch;width:min(310px,100%)}.import-submit>.button{width:100%}.file-import-status{text-align:left;border:1px solid;border-radius:10px;gap:3px;padding:11px 13px;display:grid}.file-import-status strong{font-size:12px}.file-import-status span{font-size:11px}.file-import-status.imported{color:#28633b;background:#edf8ef;border-color:#9ec9a8}.file-import-status.new{color:#4c5f74;background:#f5f8fb;border-color:#cbd7e6}.overwrite-import{cursor:pointer;background:#fffbea;border:1px solid #d9c98b;border-radius:10px;align-items:flex-start;gap:10px;width:min(620px,100%);padding:12px 14px;display:flex}.overwrite-import input{width:17px;height:17px;accent-color:var(--green);margin-top:1px}.overwrite-import span{gap:3px;display:grid}.overwrite-import strong{color:var(--ink);font-size:12px}.overwrite-import small{color:#766a3f;font-size:11px;line-height:1.45}.button:disabled{opacity:.6;cursor:wait}.employee-detail{gap:18px;display:grid}.back-button{width:max-content;color:var(--green);font:inherit;cursor:pointer;background:0 0;border:0;padding:7px 0;font-size:13px;font-weight:750}.back-button:hover{color:var(--green-2)}.employee-profile{align-items:center;gap:18px;display:flex}.employee-profile>div:nth-child(2){flex:1}.employee-profile .eyebrow{margin-bottom:7px}.employee-profile h2{margin:0 0 7px;font-size:30px}.employee-profile p{color:var(--muted);margin:0;font-size:13px}.profile-avatar{background:var(--green);color:#fff;border-radius:18px;flex:none;place-items:center;width:64px;height:64px;font-size:20px;font-weight:800;display:grid}.employee-kpis{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.employee-kpis article{background:#fff;border:1px solid #dde3df;border-radius:15px;min-height:130px;padding:19px}.employee-kpis span,.employee-kpis small{color:var(--muted);text-transform:capitalize;font-size:11px;display:block}.employee-kpis strong{color:var(--ink);margin:12px 0 7px;font-size:25px;display:block}.employee-kpis .comparison{margin:12px 0 7px;font-size:12px}.employee-period-comparison h2{margin:5px 0 7px;font-size:24px}.employee-total-table{border-collapse:separate;border-spacing:0;border:1px solid #dce4df;border-radius:12px;max-width:920px;overflow:hidden}.employee-total-table th,.employee-total-table td{text-align:center}.employee-total-table th:first-child,.employee-total-table td:first-child{text-align:left;width:34%}.employee-total-table th{background:#f1f5f3}.employee-total-table .sick-total-row td{color:#8f2f43;background:#fff7f8}.employee-total-table .grand-total-row td{color:var(--ink);background:#eaf1ed;border-top:2px solid #b7c9c0;font-size:14px;font-weight:850}.hours-bars{gap:13px;margin:8px 0 25px;display:grid}.hours-bars>div{text-transform:capitalize;grid-template-columns:110px 1fr 70px;align-items:center;gap:14px;font-size:12px;display:grid}.hours-bars i{background:#edf1ee;border-radius:99px;height:12px;overflow:hidden}.hours-bars b{background:linear-gradient(90deg,var(--green),var(--lime));border-radius:99px;min-width:2px;height:100%;display:block}.hours-bars strong{text-align:right}.comparison-table{max-width:720px}.comparison-table td:first-child{width:48%}.history-navigation{justify-content:space-between;align-items:center;gap:20px;display:flex}.history-navigation h2{margin:4px 0 0;font-size:22px}.history-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.history-view-buttons{flex-wrap:wrap;gap:8px;display:flex}.history-view-buttons button{min-height:42px;color:var(--green);font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd7e6;border-radius:10px;padding:0 16px;font-size:12px;font-weight:800}.history-view-buttons button:hover{border-color:var(--green);background:#f3f7fc}.history-view-buttons button.active{border-color:var(--green);background:var(--green);color:#fff;box-shadow:0 7px 18px #184a3e29}.history-month-select{min-height:42px;color:var(--green);background:#fff;border:1px solid #cbd7e6;border-radius:10px;align-items:center;gap:8px;padding:0 10px 0 14px;font-size:12px;font-weight:800;display:flex}.history-month-select.active{border-color:var(--green);box-shadow:0 0 0 2px #184a3e14}.history-month-select select{min-height:32px;color:var(--ink);font:inherit;text-transform:capitalize;cursor:pointer;background:#fff;border:0;font-size:12px;font-weight:750}.month-detail-link{color:var(--green);font:inherit;text-transform:capitalize;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.month-detail-link:hover{color:var(--blue)}.sick-add-history{color:#922d43;min-height:42px;font:inherit;cursor:pointer;background:#fff0f3;border:1px solid #b23f57;border-radius:10px;padding:0 17px;font-size:12px;font-weight:850}.sick-add-history:hover{color:#fff;background:#9a2940}.employee-sick-editor{background:#fff8f9;border-color:#efc8d0;grid-template-columns:1.6fr repeat(3,minmax(135px,.7fr)) 1.35fr;align-items:end;gap:14px;display:grid}.employee-sick-editor h2{margin:5px 0 7px;font-size:22px}.employee-sick-editor p{color:var(--muted);text-transform:capitalize;margin:0;font-size:12px}.employee-sick-editor label{color:var(--muted);gap:6px;font-size:11px;font-weight:750;display:grid}.employee-sick-editor input{min-height:44px;color:var(--ink);font:inherit;background:#fff;border:1px solid #dcb9c1;border-radius:9px;padding:0 11px}.employee-sick-editor .sick-note-field{grid-column:1/-1}.employee-sick-editor textarea,.sick-edit-form textarea{width:100%;color:var(--ink);font:inherit;resize:vertical;background:#fff;border:1px solid #dcb9c1;border-radius:9px;padding:11px}.employee-sick-actions{align-items:center;gap:9px;display:flex}.employee-sick-editor .form-error{grid-column:1/-1;margin:0}.sick-entry-management{background:#fff8f9;border:1px solid #efc8d0;border-radius:14px;margin:0 0 18px;padding:17px}.sick-management-head{cursor:pointer;justify-content:space-between;align-items:center;gap:15px;margin:-17px;padding:17px;list-style:none;display:flex}.sick-management-head::-webkit-details-marker{display:none}.sick-management-head h3{margin:4px 0 0;font-size:18px}.sick-management-head>span{color:#9b3f52;background:#f7dfe4;border-radius:99px;align-items:center;gap:8px;padding:6px 9px;font-size:11px;font-weight:800;display:flex}.sick-management-head i{font-size:18px;font-style:normal;line-height:1;transition:transform .2s}.sick-entry-management[open] .sick-management-head i{transform:rotate(180deg)}.sick-management-content{border-top:1px solid #efd8dd;margin-top:29px;padding-top:14px}.sick-management-list{gap:8px;display:grid}.sick-management-list article{background:#fff;border:1px solid #efd8dd;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.sick-management-list article>div:first-child{grid-template-columns:110px 110px minmax(180px,1fr);align-items:center;gap:12px;width:100%;display:grid}.sick-management-list small{color:var(--muted)}.sick-actions-menu{flex:none;position:relative}.sick-actions-menu summary{width:34px;height:34px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d9c7cb;border-radius:9px;place-items:center;font-size:22px;line-height:1;list-style:none;display:grid}.sick-actions-menu summary::-webkit-details-marker{display:none}.sick-actions-menu>div{z-index:8;background:#fff;border:1px solid #d9e1ec;border-radius:10px;min-width:145px;padding:6px;display:grid;position:absolute;top:39px;right:0;box-shadow:0 12px 30px #1d2e4529}.sick-actions-menu button{color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 10px;font-size:12px}.sick-actions-menu button:hover{background:#f2f6fb}.sick-actions-menu button.danger{color:#a43d4c}.sick-edit-form{border-top:1px solid #efd8dd;grid-template-columns:1.2fr repeat(3,minmax(120px,.6fr));align-items:end;gap:12px;margin-top:14px;padding-top:14px;display:grid}.sick-edit-form>div:first-child{align-self:center}.sick-edit-form>div:first-child small{color:var(--muted);margin-top:4px;display:block}.sick-edit-form label{color:var(--muted);gap:5px;font-size:11px;font-weight:750;display:grid}.sick-edit-form input{min-height:42px;font:inherit;background:#fff;border:1px solid #dcb9c1;border-radius:9px;padding:0 10px}.sick-edit-note,.sick-edit-actions,.sick-edit-form .form-error{grid-column:1/-1}.sick-edit-actions{gap:9px;display:flex}.employee-reimport-control{z-index:2;justify-content:flex-end;height:0;padding:20px 24px 0;display:flex;position:relative}.employee-reimport-control .button{max-width:280px}.employee-reimport-feedback{margin:0}.year-history{overflow:hidden}.year-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.year-summary article{background:#f8faf9;border:1px solid #dce4df;border-radius:13px;padding:16px 18px}.year-summary span,.year-summary small{color:var(--muted);font-size:11px;display:block}.year-summary strong{margin:8px 0 5px;font-size:23px;display:block}.year-summary .sick-total{background:#fff6f7;border-color:#efc8d0}.year-summary .sick-total strong,.sick-hours{color:#9a2940;font-weight:800}.all-time-summary{grid-template-columns:repeat(5,1fr)}.all-time-summary .grand-total{background:#eaf1ed;border-color:#b7c9c0}.all-time-summary .grand-total strong{color:var(--green)}.year-legend{color:var(--muted);justify-content:flex-end;gap:17px;margin:4px 0 8px;font-size:11px;display:flex}.year-legend span{align-items:center;gap:6px;display:flex}.year-legend i{border-radius:3px;width:10px;height:10px}.year-legend .worked,.year-month .worked{background:var(--green)}.year-legend .sick,.year-month .sick{background:#cf6075}.year-chart{border-bottom:1px solid var(--line);background:linear-gradient(to bottom,transparent 49%,var(--line) 50%,transparent 51%);align-items:end;gap:10px;height:190px;margin-bottom:25px;padding:10px 8px 0;display:flex}.year-month{flex:1 1 0;grid-template-rows:1fr 28px;align-items:end;min-width:34px;height:100%;display:grid}.year-month>i{flex-direction:column-reverse;justify-content:flex-start;width:100%;height:100%;display:flex}.year-month b{border-radius:5px 5px 1px 1px;width:100%;display:block}.year-month span{color:var(--muted);text-align:center;text-transform:capitalize;font-size:10px}.year-table{margin-top:5px}.year-table td:first-child{text-transform:capitalize}.poortwachter-open{min-width:104px;color:var(--blue);font:inherit;cursor:pointer;background:#f3f7fc;border:1px solid #b8c9e0;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:850}.poortwachter-open:hover{border-color:var(--blue);background:var(--blue);color:#fff}.poortwachter-column-head button{color:inherit;font:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:3px 5px;display:inline-flex}.poortwachter-column-head i{font-size:16px;font-style:normal;line-height:1;transition:transform .2s}.poortwachter-column-head.collapsed{width:48px;min-width:48px}.poortwachter-column-head.collapsed button{gap:0}.poortwachter-column-head.collapsed span{opacity:0;max-width:0;overflow:hidden}.poortwachter-column-head.collapsed i{transform:rotate(-90deg)}.poortwachter-column-cell.collapsed{width:48px;min-width:48px;padding-left:6px;padding-right:6px}.poortwachter-mini{width:30px;height:30px;color:var(--blue);font:inherit;cursor:pointer;background:#f3f7fc;border:1px solid #b8c9e0;border-radius:8px;place-items:center;margin:auto;font-size:11px;font-weight:900;display:grid}.poortwachter-mini:hover{background:var(--blue);color:#fff}.poortwachter-signal{background:#f8fafc;border:1px solid #d9e2ec;border-radius:11px;gap:3px;min-width:178px;padding:9px;display:grid}.poortwachter-signal>span{color:#687b91;letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:900}.poortwachter-signal>strong{color:#982f44;font-size:13px}.poortwachter-signal>small{color:var(--muted);font-size:9px}.poortwachter-signal>em{color:#345672;margin:3px 0 5px;font-size:9px;font-style:normal;font-weight:750;line-height:1.35}.poortwachter-signal.detected{background:#fff5f7;border-color:#e7bcc5;box-shadow:inset 3px 0 #c94f66}.poortwachter-signal.overdue{background:#fff0f2;border-color:#d896a3;box-shadow:inset 3px 0 #a92943}.poortwachter-signal.overdue>em{color:#a92943}.poortwachter-signal>em.not-needed{color:#7d8792;font-weight:650}.poortwachter-signal.clear .poortwachter-open{margin-top:4px}.poortwachter-detected-summary{background:#fff5f7;border:1px solid #e7bcc5;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;margin:18px 0 0;padding:13px 15px;display:flex}.poortwachter-detected-summary strong{color:#982f44}.poortwachter-detected-summary span{color:var(--muted);font-size:11px}.poortwachter-case-summary{grid-template-columns:repeat(3,1fr) auto;align-items:stretch;gap:10px;margin:18px 0 10px;display:grid}.poortwachter-case-summary article{background:#f8fafc;border:1px solid #dce4ed;border-radius:11px;align-content:center;gap:4px;min-height:82px;padding:12px 14px;display:grid}.poortwachter-case-summary article>span{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:850}.poortwachter-case-summary article>strong{font-size:17px}.poortwachter-case-summary article>small{color:var(--muted);font-size:9px}.poortwachter-case-summary article.open{background:#fff3f5;border-color:#e5a5b2}.poortwachter-case-summary article.open strong{color:#a42b43}.poortwachter-case-summary article.closed{background:#f0f9f3;border-color:#b9d9c5}.poortwachter-case-summary article.closed strong{color:#28633d}.poortwachter-case-summary>button{color:#992b42;font:inherit;cursor:pointer;background:#fff1f3;border:1px solid #b34a5f;border-radius:11px;padding:0 14px;font-size:11px;font-weight:850}.poortwachter-case-summary>button:hover{color:#fff;background:#a42b43}.poortwachter-short-note{background:#f5f7fa;border:1px solid #dce4ed;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;padding:12px 14px;display:flex}.poortwachter-short-note strong{color:#42536a;font-size:11px}.poortwachter-short-note span{max-width:620px;color:var(--muted);font-size:10px;line-height:1.45}.poortwachter-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#111f309e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.poortwachter-modal{text-align:left;background:#fff;border-radius:18px;width:min(960px,100%);max-height:calc(100vh - 48px);padding:25px;overflow:auto;box-shadow:0 25px 80px #0a192b52}.poortwachter-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;display:flex}.poortwachter-modal h2{margin:5px 0;font-size:26px}.poortwachter-modal header p{color:var(--muted);margin:0}.poortwachter-close{width:38px;height:38px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d8e0ea;border-radius:10px;place-items:center;font-size:27px;display:grid}.poortwachter-fields{grid-template-columns:1fr 1fr;gap:15px;margin:20px 0 14px;display:grid}.poortwachter-fields label,.poortwachter-notes{color:var(--muted);gap:6px;font-size:11px;font-weight:800;display:grid}.poortwachter-fields input,.poortwachter-notes textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #cfd9e6;border-radius:9px;padding:11px 12px}.poortwachter-fields small,.poortwachter-notes small{font-weight:600}.poortwachter-rules{color:#665322;background:#fff9e7;border:1px solid #e8d594;border-radius:11px;gap:6px;padding:14px 16px;font-size:12px;display:grid}.poortwachter-rules span:before{content:"• ";font-weight:900}.poortwachter-timeline{gap:8px;margin:18px 0;display:grid}.poortwachter-timeline article{background:#fbfcfe;border:1px solid #dce4ee;border-radius:11px;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.poortwachter-timeline article.completed{background:#f2faf5;border-color:#b8d7c5}.poortwachter-timeline article.overdue{background:#fff7f8;border-color:#efc4cb}.poortwachter-timeline article:not(.completed):not(.not-needed):not(.overdue){background:#fff1f3;border-color:#dd8d9c;box-shadow:inset 4px 0 #b72e49}.poortwachter-timeline article:not(.completed):not(.not-needed):not(.overdue)>div>span,.poortwachter-timeline article:not(.completed):not(.not-needed):not(.overdue)>div>strong{color:#a32640}.poortwachter-timeline article:not(.completed):not(.not-needed):not(.overdue)>b{color:#98253d;background:#f2ced5}.poortwachter-timeline article:not(.completed):not(.not-needed):not(.overdue) .poortwachter-check{border-color:#b72e49}.poortwachter-timeline article.not-needed{opacity:.72;background:#f2f3f4;border-color:#e2e5e8}.poortwachter-timeline article.not-needed strong,.poortwachter-timeline article.not-needed span,.poortwachter-timeline article.not-needed small{color:#7c848c}.poortwachter-timeline article.not-needed>b{color:#727980;background:#e1e4e7}.poortwachter-check{color:#fff;cursor:pointer;background:#fff;border:2px solid #9db1c9;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.poortwachter-check:disabled{cursor:not-allowed;background:#e4e7ea;border-color:#c8cdd2}.poortwachter-timeline .completed .poortwachter-check{border-color:var(--green);background:var(--green)}.poortwachter-timeline article>div{gap:3px;display:grid}.poortwachter-timeline article span{color:var(--blue);text-transform:uppercase;font-size:10px;font-weight:850}.poortwachter-timeline article small{color:var(--muted);font-size:11px}.poortwachter-timeline article em{color:var(--green);font-size:10px;font-style:normal;font-weight:800}.poortwachter-more{color:var(--blue);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:start;margin-top:4px;padding:4px 0;font-size:10px;font-weight:850;text-decoration:underline}.poortwachter-timeline article.not-needed .poortwachter-more{color:#697581}.poortwachter-timeline article>b{color:#53677f;background:#eaf0f7;border-radius:99px;padding:5px 8px;font-size:10px}.poortwachter-timeline .completed>b{color:#27613b;background:#dceddf}.poortwachter-timeline .overdue>b{color:#9b3347;background:#f5dce1}.poortwachter-empty{color:var(--muted);text-align:center;border:1px dashed #bdcad8;border-radius:11px;margin:18px 0;padding:18px}.poortwachter-notes{margin-top:18px}.poortwachter-modal footer{border-top:1px solid var(--line);grid-template-columns:1fr 1.2fr auto;align-items:center;gap:14px;margin-top:18px;padding-top:17px;display:grid}.poortwachter-modal footer>div{gap:10px;display:flex}.poortwachter-modal footer a{color:var(--blue);font-size:11px;font-weight:800}.poortwachter-modal footer>span{color:var(--muted);text-align:center;font-size:10px}.poortwachter-success{color:var(--green);text-align:right;margin:12px 0 0;font-size:12px;font-weight:800}.poortwachter-action-overlay{z-index:120;background:#121d2bb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.poortwachter-action-window{background:#fff;border-radius:18px;width:min(720px,100%);max-height:calc(100vh - 48px);padding:24px;overflow:auto;box-shadow:0 28px 90px #0a162466}.poortwachter-action-window>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:16px;display:flex}.poortwachter-action-window h3{margin:5px 0 0;font-size:24px}.poortwachter-action-window>header>button{width:36px;height:36px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d4dde7;border-radius:9px;place-items:center;font-size:25px;display:grid}.poortwachter-action-facts{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 13px;display:grid}.poortwachter-action-facts article{background:#f8fafc;border:1px solid #dce4ed;border-radius:11px;padding:13px}.poortwachter-action-facts span{color:var(--muted);text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.poortwachter-action-facts strong{font-size:13px}.poortwachter-action-status{border-radius:11px;gap:4px;padding:13px 15px;display:grid}.poortwachter-action-status.needed{color:#9c2941;background:#fff0f3;border:1px solid #dc8b9a}.poortwachter-action-status.not-needed{color:#68727c;background:#f1f3f5;border:1px solid #d8dde2}.poortwachter-action-status span{font-size:11px}.poortwachter-action-steps{margin-top:20px}.poortwachter-action-steps ol{gap:9px;margin:11px 0 0;padding:0;list-style:none;display:grid}.poortwachter-action-steps li{border:1px solid #e0e6ed;border-radius:10px;grid-template-columns:28px 1fr;align-items:start;gap:10px;padding:11px 12px;display:grid}.poortwachter-action-steps li b{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.poortwachter-action-steps li span{color:#435165;font-size:12px;line-height:1.5}.poortwachter-action-window>footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding-top:16px;display:flex}.poortwachter-action-window>footer a{color:var(--blue);font-size:11px;font-weight:850}.contracts-page{gap:18px;display:grid}.contracts-hero{justify-content:space-between;align-items:center;gap:24px;display:flex}.contracts-hero h2{margin:5px 0 7px}.contracts-hero p{max-width:720px;color:var(--muted);margin:0;line-height:1.55}.contracts-kpis{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.contracts-kpis article,.contracts-kpis button{border:1px solid var(--line);box-shadow:var(--shadow);text-align:left;background:#fff;border-radius:14px;gap:8px;padding:18px;display:grid}.contracts-kpis button{color:inherit;font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.contracts-kpis button:hover{border-color:#8daac9;transform:translateY(-1px)}.contracts-kpis button.active{border-color:var(--blue);box-shadow:0 0 0 2px #265b9126,var(--shadow)}.contracts-kpis span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:850}.contracts-kpis strong{color:var(--blue);font-size:26px}.contracts-kpis small{color:var(--muted);font-size:9px}.contracts-kpis .temporary{background:#f3f7fc;border-color:#b9cce2}.contracts-kpis article.warning{background:#fff9ed;border-color:#e7b772}.contracts-kpis article.warning strong{color:#a35c08}.contract-form{grid-template-columns:1.4fr repeat(4,1fr);gap:14px;display:grid}.contract-form-head{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:12px;display:flex}.contract-form-head h3{margin:4px 0 0}.contract-form-close{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:9px;place-items:center;font-weight:850;display:grid}.contract-form label{color:var(--muted);align-content:start;gap:6px;font-size:10px;font-weight:850;display:grid}.contract-form input,.contract-form select,.contract-form textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #cbd7e5;border-radius:9px;padding:10px 11px}.contract-form textarea{resize:vertical;min-height:76px}.contract-notes{grid-column:1/-1}.contract-form .form-error{color:#a62c43;grid-column:1/-1;margin:0;font-weight:750}.contract-form-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;display:flex}.contract-form-actions>button:not(.primary-button){border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:9px;padding:10px 14px;font-weight:750}.contract-legal-note{color:#594817;background:#fffaf0;border:1px solid #e6d39a;border-left:5px solid #d5a42b;border-radius:11px;gap:6px;padding:14px 17px;display:grid}.contract-legal-note span{font-size:11px;line-height:1.55}.contract-list{overflow:visible}.contract-employee-list{gap:14px;display:grid}.contract-employee{background:#fbfcfe;border:1px solid #d9e3ed;border-radius:13px;overflow:hidden}.contract-employee>header{background:#fff;justify-content:space-between;align-items:center;gap:18px;padding:15px 17px;display:flex}.contract-employee>header>div:first-child{align-items:center;gap:12px;display:flex}.contract-employee h3{margin:0 0 3px;font-size:15px}.contract-employee header p{color:var(--muted);margin:0;font-size:10px}.employee-number{min-width:38px;height:38px;color:var(--blue);background:#eaf1f9;border-radius:10px;place-items:center;padding:0 8px;font-size:11px;font-weight:900;display:grid}.contract-header-status{align-items:center;gap:9px;display:flex}.contract-header-status>span{text-transform:uppercase;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:850}.contract-header-status .fixed{color:#24623a;background:#dcefe3}.contract-header-status .current{color:#235488;background:#e2edf9}.contract-header-status .none{color:#697681;background:#edf0f3}.contract-header-status button{color:var(--blue);font:inherit;cursor:pointer;background:#f5f9fd;border:1px solid #b9cbe0;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:850}.contract-timeline{padding:0 17px;display:grid}.contract-timeline-row{border-top:1px solid #e3e9ef;grid-template-columns:18px minmax(240px,1.7fr) minmax(155px,.8fr) auto;align-items:center;gap:14px;padding:14px 0;display:grid}.contract-timeline-row>i{background:#9dabb9;border:3px solid #fff;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 2px #9dabb9}.contract-timeline-row.active>i{background:var(--blue);box-shadow:0 0 0 2px var(--blue)}.contract-timeline-row>div:nth-child(2){gap:4px;display:grid}.contract-timeline-row>div:nth-child(2)>span{color:#42556c;font-size:11px}.contract-timeline-row>div:nth-child(2)>small{color:var(--muted);font-size:10px}.contract-deadline{color:#526578;background:#edf2f7;border-radius:9px;gap:3px;padding:9px 11px;display:grid}.contract-deadline strong{font-size:11px}.contract-deadline span{font-size:9px}.contract-deadline.soon{color:#945400;background:#fff0dc}.contract-deadline.late{color:#9b2c42;background:#f8e6e9}.contract-deadline.fixed{color:#27623c;background:#e3f2e8}.contract-row-actions{justify-content:flex-end;gap:6px;display:flex}.contract-row-actions button{color:#345775;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd6e2;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:800}.contract-row-actions .danger-link{color:#a22c42;border-color:#e0c2c7}.contract-empty{color:var(--muted);border-top:1px solid #e3e9ef;padding:18px;font-size:11px}.contract-employee>footer{color:#5d6d7c;background:#f1f5f8;border-top:1px solid #dde5ed;justify-content:space-between;align-items:center;gap:15px;padding:10px 17px;font-size:10px;display:flex}.contract-employee>footer.chain-warning{color:#8b5209;background:#fff5e6}.contract-employee>footer.chain-danger{color:#9b2940;background:#fff0f2}@media (width<=1100px){.contracts-kpis,.contract-form{grid-template-columns:1fr 1fr}.contract-timeline-row{grid-template-columns:18px 1fr auto}.contract-row-actions{grid-column:2/-1;justify-content:flex-start}}@media (width<=700px){.contracts-hero,.contract-employee>header,.contract-employee>footer{flex-direction:column;align-items:flex-start}.contracts-kpis,.contract-form{grid-template-columns:1fr}.contract-form-head,.contract-notes,.contract-form-actions,.contract-form .form-error{grid-column:1}.contract-header-status{flex-direction:column;align-items:flex-start}.contract-timeline-row{grid-template-columns:18px 1fr}.contract-deadline,.contract-row-actions{grid-column:2}.contract-row-actions{flex-wrap:wrap}}@media (width<=1100px){.employee-editor{grid-template-columns:1fr 1fr}.employee-editor>div:first-child,.employee-editor-actions,.employee-editor .form-error{grid-column:1/-1}.sickness-kpis{grid-template-columns:1fr 1fr}}@media (width<=900px){.site-nav{display:none}.hero,.section-grid,.security-inner,.login-page{grid-template-columns:1fr}.hero{gap:50px}.feature-grid{grid-template-columns:repeat(2,1fr)}.login-aside{min-height:42vh}.app-shell{grid-template-columns:1fr}.app-sidebar{position:static}.app-sidebar-foot{margin-top:30px;position:static}.app-nav{grid-template-columns:repeat(5,1fr)}.app-main{padding:25px}.app-top{align-items:flex-start;gap:18px}.profile-actions{flex-wrap:wrap;justify-content:flex-end}.stats,.employee-kpis,.hours-total-cards{grid-template-columns:1fr 1fr}.all-time-summary{grid-template-columns:repeat(2,1fr)}.period-toolbar,.history-navigation{flex-direction:column;align-items:flex-start}.dashboard-preview{transform:none}.connection-flow{grid-template-columns:1fr 1fr}.flow-arrow{display:none}.connection-details,.import-intro{grid-template-columns:1fr}.import-summary{grid-template-columns:1fr 1fr}.duplicate-list article{grid-template-columns:1fr}.duplicate-imported{border-bottom:1px solid #eee5ce;border-right:0;padding-bottom:12px;padding-right:0}.year-history{overflow:auto}.year-chart,.year-table{min-width:850px}.sick-editor,.employee-sick-editor,.sick-edit-form{grid-template-columns:1fr 1fr}.sick-editor>div:first-child,.sick-editor-actions,.employee-sick-editor>div:first-child,.employee-sick-actions,.sick-edit-form>div:first-child{grid-column:1/-1}}@media (width<=600px){.shell{width:min(100% - 26px,1180px)}.site-header{gap:15px}.site-header>.button{margin-left:auto}.hero{padding-top:35px}.hero-actions{flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:1fr}.preview-row{grid-template-columns:1.3fr .8fr .55fr}.preview-row>:last-child{display:none}.feature-grid{grid-template-columns:1fr}.app-nav{grid-template-columns:1fr 1fr}.app-top{flex-direction:column;align-items:flex-start;gap:16px}.profile-actions{justify-content:space-between;width:100%}.company-switcher{width:100%}.company-switcher label{flex:1}.company-switcher select{width:100%;min-width:0}.color-profile>span,.user-badge strong{display:none}.stats,.import-summary,.employee-kpis,.year-summary,.hours-total-cards{grid-template-columns:1fr}.month-controls{grid-template-columns:1fr 1fr;width:100%;display:grid}.month-controls label{grid-area:1/1/auto/-1}.month-controls input{width:100%}.month-controls .current-month-button{grid-column:1/-1}.panel-head,.connection-summary,.import-actions{flex-direction:column;align-items:flex-start}.hours-comparison-actions,.comparison-range-fields{grid-template-columns:1fr 1fr;width:100%;display:grid}.hours-comparison-actions button{width:100%}.comparison-range-fields{justify-content:stretch;margin-top:0}.comparison-range-fields input{width:100%}.search{width:100%;min-width:100%}.data-table{min-width:680px}.panel{overflow:auto}.daily-chart{gap:2px;min-width:520px;height:160px}.month-trajectory{overflow:auto}.history-actions,.history-view-buttons{grid-template-columns:1fr;width:100%;display:grid}.sick-add-history{width:100%}.login-aside,.login-form-wrap{padding:28px}.connection-flow,.connection-counts{grid-template-columns:1fr}.employee-profile{flex-wrap:wrap;align-items:flex-start}.employee-profile>div:nth-child(2){min-width:calc(100% - 90px)}.hours-bars>div{grid-template-columns:85px 1fr 62px}.employee-reimport-control{height:auto;padding:0;position:static}.employee-reimport-control .button{width:100%;max-width:none}.sickness-kpis{grid-template-columns:1fr}.sickness-hero{flex-direction:column;align-items:flex-start}.sickness-live{align-self:flex-start}.service-role-overview{grid-template-columns:1fr}}@media (width<=900px){.sickness-add form,.absence-end-form{grid-template-columns:1fr 1fr}.absence-end-form>div:first-child,.absence-end-actions{grid-column:1/-1}}@media (width<=600px){.sickness-add{grid-template-columns:1fr}.sick-add-main{width:100%}.sickness-add form{grid-template-columns:1fr}.sickness-add-note,.sickness-add-actions{grid-column:1}.sickness-add-actions{flex-direction:column;align-items:stretch}.sickness-add-actions button{width:100%}.absence-end-form{grid-template-columns:1fr}.absence-end-form label,.absence-end-actions{grid-column:1}.absence-end-actions{flex-direction:column;align-items:stretch}.absence-end-actions button{width:100%}}@media (width<=900px){.analysis-kpis{grid-template-columns:1fr 1fr}.spreadsheet-analysis .analysis-table{min-width:900px}.analysis-employee-list details{overflow:auto}}@media (width<=600px){.analysis-kpis{grid-template-columns:1fr}.analysis-employee-list summary{flex-direction:column;align-items:flex-start}}@media (width<=900px){.absence-period-controls,.absence-filter-panel{flex-direction:column;align-items:flex-start}.absence-period-buttons,.absence-kind-filters{width:100%}.absence-trajectory-table{min-width:760px}}@media (width<=600px){.absence-period-buttons,.absence-kind-filters{grid-template-columns:1fr;display:grid}.absence-period-buttons button,.absence-period-buttons label,.absence-kind-filters button{width:100%}.absence-period-buttons label{justify-content:space-between}}@media (width<=700px){.poortwachter-overlay,.poortwachter-action-overlay{padding:0}.poortwachter-modal,.poortwachter-action-window{border-radius:0;max-height:100vh;padding:18px}.poortwachter-fields,.poortwachter-action-facts,.poortwachter-case-summary{grid-template-columns:1fr}.poortwachter-case-summary>button{min-height:46px}.poortwachter-short-note{flex-direction:column;align-items:flex-start}.poortwachter-timeline article{grid-template-columns:30px 1fr}.poortwachter-timeline article>b{grid-column:2;justify-self:start}.poortwachter-modal footer{grid-template-columns:1fr}.poortwachter-modal footer>span{text-align:left}.poortwachter-modal footer .button{width:100%}.poortwachter-action-window>footer{flex-direction:column;align-items:stretch}.poortwachter-action-window>footer .button{width:100%}}.employee-sickness-timeline{padding:0;overflow:hidden}.employee-sickness-timeline>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;list-style:none;display:flex}.employee-sickness-timeline>summary::-webkit-details-marker{display:none}.employee-sickness-timeline>summary h2{margin:4px 0 3px}.employee-sickness-timeline>summary p{color:var(--muted);margin:0;font-size:11px}.timeline-toggle{color:var(--blue);white-space:nowrap;border:1px solid #cbd8e6;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:850}.employee-sickness-timeline:not([open]) .timeline-toggle{font-size:0}.employee-sickness-timeline:not([open]) .timeline-toggle:after{content:"Uitklappen";font-size:10px}.sickness-report-kpis{grid-template-columns:repeat(4,1fr);gap:10px;padding:0 22px 18px;display:grid}.sickness-report-kpis article{background:#f8fafc;border:1px solid #dce4ed;border-radius:11px;gap:5px;padding:13px;display:grid}.sickness-report-kpis article>span{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:850}.sickness-report-kpis article>strong{color:var(--blue);font-size:20px}.sickness-report-kpis article>small{color:var(--muted);font-size:9px}.sickness-report-kpis .sick-total{background:#fff5f7;border-color:#efc8d0}.sickness-year-comparison{width:calc(100% - 44px);margin:0 22px 18px}.compact-sickness-timeline{border:1px solid #e0e7ee;border-radius:11px;margin:0 22px 22px;display:grid;overflow:hidden}.compact-sickness-timeline article{border-top:1px solid #e5ebf1;grid-template-columns:14px 1fr auto;align-items:center;gap:11px;padding:11px 13px;display:grid}.compact-sickness-timeline article:first-child{border-top:0}.compact-sickness-timeline i{background:#c84f68;border-radius:50%;width:9px;height:9px}.compact-sickness-timeline article>div{gap:3px;display:grid}.compact-sickness-timeline span{color:var(--muted);font-size:10px}.compact-sickness-timeline b{color:#9b3045;font-size:11px}@media (width<=700px){.employee-sickness-timeline>summary{flex-direction:column;align-items:flex-start}.sickness-report-kpis{grid-template-columns:1fr 1fr}.sickness-year-comparison{min-width:600px}}.pwa-install{z-index:200;background:#fff;border:1px solid #c9d7e5;border-radius:14px;grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:11px;width:min(470px,100vw - 36px);padding:12px;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 18px 55px #12273f3d}.pwa-install-icon{color:#fff;background:#17395f;border-radius:11px;place-items:center;width:42px;height:42px;font-size:12px;font-weight:900;display:grid}.pwa-install>div{gap:3px;display:grid}.pwa-install strong{color:#17395f;font-size:12px}.pwa-install small{color:#657486;font-size:10px;line-height:1.35}.pwa-install button{color:#fff;font:inherit;cursor:pointer;background:#17395f;border:0;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:850}.pwa-install .pwa-install-close{color:#6b7784;background:0 0;padding:4px;font-size:20px}.ios-install-overlay{z-index:240;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#111f30ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ios-install-dialog{background:#fff;border-radius:18px;width:min(520px,100%);padding:24px;box-shadow:0 28px 90px #0a162466}.ios-install-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:15px;display:flex}.ios-install-dialog h2{color:#17395f;margin:4px 0 0;font-size:23px}.ios-install-dialog>header>button{color:#17395f;cursor:pointer;background:#fff;border:1px solid #d4dde7;border-radius:9px;place-items:center;width:36px;height:36px;font-size:24px;display:grid}.ios-install-dialog>p,.ios-install-dialog>small{color:#5f6f81;line-height:1.55}.ios-install-dialog ol{gap:10px;margin:17px 0;padding:0;list-style:none;display:grid}.ios-install-dialog li{background:#f7f9fc;border:1px solid #dce5ef;border-radius:11px;grid-template-columns:32px 1fr;align-items:center;gap:11px;padding:12px;display:grid}.ios-install-dialog li>b{color:#fff;background:#17395f;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.ios-install-dialog li span{color:#34465b;font-size:12px;line-height:1.45}.ios-install-dialog>.button{margin:20px 0 0 auto;display:block}@media (width<=600px){.pwa-install{grid-template-columns:auto 1fr auto;width:calc(100vw - 20px);bottom:10px;right:10px}.pwa-install>button:not(.pwa-install-close){grid-column:2;width:max-content}.pwa-install-close{grid-area:1/3}}.access-page{gap:18px;display:grid}.access-hero{justify-content:space-between;align-items:center;gap:24px;display:flex}.access-hero h2{margin:5px 0 7px}.access-hero p{max-width:760px;color:var(--muted);margin:0;line-height:1.55}.access-legend{border:1px solid var(--line);white-space:nowrap;background:#f8fafc;border-radius:10px;gap:12px;padding:11px 13px;display:flex}.access-legend span{color:var(--muted);align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.access-legend i{background:#a9b3be;border-radius:50%;width:8px;height:8px}.access-legend i.enabled{background:var(--green)}.access-message{color:#27613b;background:#eff9f3;border:1px solid #b9d9c6;border-radius:9px;margin:0 0 14px;padding:11px 13px;font-size:11px;font-weight:800}.access-cards{gap:14px;display:grid}.access-card{background:#fbfcfe;border:1px solid #d9e2ec;border-radius:13px;overflow:hidden}.access-card.enabled{box-shadow:inset 4px 0 0 var(--green);border-color:#a9c9b6}.access-card.disabled{opacity:.88}.access-card>header{background:#fff;justify-content:space-between;align-items:center;gap:18px;padding:15px 17px;display:flex}.access-person{align-items:center;gap:12px;display:flex}.access-person>span{width:40px;height:40px;color:var(--blue);background:#e8f0f8;border-radius:11px;place-items:center;font-size:11px;font-weight:900;display:grid}.access-person h3{margin:0 0 3px;font-size:14px}.access-person p{color:var(--muted);margin:0;font-size:10px}.access-enabled{color:#3e5268;cursor:pointer;align-items:center;gap:8px;font-size:10px;font-weight:850;display:flex}.access-enabled input{width:18px;height:18px;accent-color:var(--green)}.access-role{border-top:1px solid #e4e9ef;justify-content:space-between;align-items:end;gap:16px;padding:13px 17px;display:flex}.access-role label{color:var(--muted);text-transform:uppercase;gap:5px;font-size:9px;font-weight:850;display:grid}.access-role select{min-width:190px;color:var(--ink);font:inherit;text-transform:none;background:#fff;border:1px solid #cbd7e4;border-radius:8px;padding:9px 10px}.access-role>strong{color:var(--blue);font-size:10px}.access-permissions{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 17px 15px;display:grid}.access-permissions label{cursor:pointer;background:#f3f5f7;border:1px solid #dfe5ec;border-radius:9px;grid-template-columns:auto 1fr;align-items:start;gap:9px;min-height:58px;padding:10px;display:grid}.access-permissions label.selected{box-shadow:inset 3px 0 0 var(--green);background:#edf8f1;border-color:#6eb186}.access-permissions input{accent-color:var(--green);margin-top:2px}.access-permissions label.selected strong{color:#1f6438}.access-permissions label>span{gap:3px;display:grid}.access-permissions strong{color:#35495e;font-size:10px}.access-permissions small{color:var(--muted);font-size:9px;line-height:1.35}.access-card>footer{background:#fff;border-top:1px solid #dfe6ed;justify-content:space-between;align-items:center;gap:15px;padding:11px 17px;display:flex}.access-card>footer small{color:var(--muted);font-size:9px}@media (width<=900px){.access-permissions{grid-template-columns:1fr 1fr}}@media (width<=600px){.access-hero,.access-card>header,.access-role,.access-card>footer{flex-direction:column;align-items:flex-start}.access-legend{white-space:normal}.access-enabled{align-self:flex-start}.access-role select{width:100%;min-width:0}.access-role label{width:100%}.access-permissions{grid-template-columns:1fr}.access-card>footer .button{width:100%}.app-entry-card{padding:22px}.app-entry-head h2{font-size:31px}.app-entry-option{grid-template-columns:46px 1fr auto;padding:14px}.app-entry-icon{width:46px;height:46px}.cta-actions{display:grid}.cta-actions .button{width:100%}}.access-role .access-pin{min-width:210px}.access-pin input{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #cbd7e4;border-radius:8px;padding:9px 10px}.access-pin small{color:var(--muted);text-transform:none;font-size:8px;font-weight:650}.access-mode-tabs{border:1px solid var(--line);background:#f4f7fa;border-radius:11px;gap:7px;margin-bottom:16px;padding:5px;display:flex}.access-mode-tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:10px 14px;font-size:11px;font-weight:900}.access-mode-tabs button.active{background:var(--green);color:#fff;box-shadow:0 5px 15px #28794633}.access-employee-picker{background:#f2faf5;border:1px solid #bcd8c6;border-radius:12px;gap:11px;margin-bottom:18px;padding:16px;display:grid}.access-employee-picker>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.access-employee-picker>div:first-child strong{color:#245d39;font-size:12px}.access-employee-picker>div:first-child span{color:var(--muted);font-size:9px;font-weight:800}.access-employee-picker>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.access-employee-picker button{color:#405347;min-height:52px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #d2ded6;border-radius:9px;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;padding:9px 10px;display:grid}.access-employee-picker button i{background:#b4bec7;border-radius:50%;grid-row:1/3;width:9px;height:9px}.access-employee-picker button i.enabled{background:var(--green);box-shadow:0 0 0 3px #e0f2e6}.access-employee-picker button span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900;overflow:hidden}.access-employee-picker button small{color:#7b8980;font-size:8px}.access-employee-picker button.active{background:var(--green);color:#fff;border-color:#39855a;box-shadow:0 6px 16px #28794633}.access-employee-picker button.active i{background:#fff;box-shadow:0 0 0 3px #ffffff38}.access-employee-picker button.active small{color:#e4f5ea}.access-function-panel{background:#f5f9fc;border:1px solid #c9d9e8;border-radius:12px;gap:13px;margin-bottom:18px;padding:16px;display:grid}.access-function-tabs{flex-wrap:wrap;gap:7px;display:flex}.access-function-tabs button{color:#3c5268;font:inherit;cursor:pointer;background:#fff;border:1px solid #c7d4e0;border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:9px;font-weight:850;display:flex}.access-function-tabs button b{background:#e8eef4;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;display:grid}.access-function-tabs button.active{border-color:var(--green);background:var(--green);color:#fff}.access-function-tabs button.active b{background:#ffffff2e}.access-function-settings{border-top:1px solid #dbe5ed;align-items:end;gap:14px;padding-top:12px;display:flex}.access-function-settings>label:not(.access-enabled){color:var(--muted);text-transform:uppercase;gap:5px;font-size:9px;font-weight:850;display:grid}.access-function-settings select{min-width:190px;color:var(--ink);font:inherit;text-transform:none;background:#fff;border:1px solid #cbd7e4;border-radius:8px;padding:9px 10px}.access-function-panel>p{color:var(--muted);margin:0;font-size:9px}.access-pin>div{align-items:stretch;display:flex}.access-pin>div input{border-radius:8px 0 0 8px}.access-pin>div button{color:var(--blue);font:inherit;cursor:pointer;background:#edf3f8;border:1px solid #cbd7e4;border-left:0;border-radius:0 8px 8px 0;padding:0 10px;font-size:9px;font-weight:850}.customer-requests{margin-bottom:18px}.customer-requests .panel-head>strong{color:#7c5900;background:#fff0cc;border-radius:999px;padding:8px 11px;font-size:10px}.customer-request-list{gap:9px;padding:0 18px 18px;display:grid}.customer-request-list article{background:#f8fafc;border:1px solid #dce5ed;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:14px;display:flex}.customer-request-list article>div:first-child{gap:3px;display:grid}.customer-request-list article span,.customer-request-list article small{color:var(--muted);font-size:10px}.customer-request-list article>div:last-child{gap:8px;display:flex}.customer-request-list article>div:last-child>button:first-child{color:#8b3548;cursor:pointer;background:#fff;border:1px solid #d6bec3;border-radius:9px;padding:0 13px}.customer-requests-empty{color:var(--muted);text-align:center;margin:0;padding:16px}.customer-requests>details{color:var(--muted);padding:0 18px 18px;font-size:10px}.customer-request-history{gap:5px;margin-top:10px;display:grid}.customer-request-history span{background:#f2f5f8;border-radius:8px;justify-content:space-between;padding:8px 10px;display:flex}@media (width<=650px){.customer-request-list article{flex-direction:column;align-items:stretch}.customer-request-list article>div:last-child{width:100%}.customer-request-list article>div:last-child button{flex:1}}@media (width<=1000px){.access-employee-picker>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.access-function-settings{flex-direction:column;align-items:stretch}.access-function-settings select{width:100%;min-width:0}.access-function-settings .button{width:100%}.access-employee-picker>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=430px){.access-employee-picker>div:last-child{grid-template-columns:1fr}}.clock-page{color:#17283b;background:radial-gradient(circle at top,#e6f1f8 0,#f4f7fa 45%,#e8edf2 100%);place-items:center;min-height:100vh;padding:22px;display:grid}.clock-loading{color:#17395f;font-size:15px;font-weight:850}.clock-login,.clock-console{background:#fff;border:1px solid #cbd9e5;border-radius:24px;width:min(520px,100%);overflow:hidden;box-shadow:0 28px 80px #14324e2e}.clock-login{padding:26px}.clock-brand{align-items:center;gap:12px;display:flex}.clock-brand>span{color:#0000;background:#fffdf7 url(/gouden-hartje-logo.png) 50% 37%/245% no-repeat;border:1px solid #eadfca;border-radius:14px;place-items:center;width:48px;height:48px;font-size:0;font-weight:950;display:grid;overflow:hidden;box-shadow:0 5px 16px #17395f1f}.clock-brand>div{gap:2px;display:grid}.clock-brand strong{color:#17395f;font-size:14px}.clock-brand small{color:#6d7c8b;font-size:10px}.clock-now{justify-items:center;gap:5px;padding:30px 0;display:grid}.clock-now strong{color:#17395f;font-variant-numeric:tabular-nums;letter-spacing:-2px;font-size:54px}.clock-now span{color:#68798a;text-transform:capitalize;font-size:12px}.clock-login form{background:#f5f8fb;border-radius:16px;gap:12px;padding:22px;display:grid}.clock-login h1{margin:0;font-size:24px}.clock-login form>p{color:#697989;margin:0 0 5px;font-size:11px}.clock-login label{color:#506274;gap:6px;font-size:10px;font-weight:850;display:grid}.clock-login input{width:100%;height:50px;font:inherit;background:#fff;border:1px solid #bfd0df;border-radius:10px;padding:0 14px;font-size:18px}.clock-login form>button{color:#fff;height:50px;font:inherit;cursor:pointer;background:#17395f;border:0;border-radius:10px;margin-top:5px;font-weight:900}.clock-device-activation{text-align:center}.clock-device-activation>h1{margin:12px 0 8px}.clock-device-activation>p{color:#647689;max-width:420px;margin:0 auto 22px;font-size:12px;line-height:1.55}.clock-device-activation form{text-align:left}.private-clock-mark{color:#fff;background:#17395f;border-radius:18px;place-items:center;width:62px;height:62px;margin:0 auto 20px;font-size:25px;display:grid}.rfid-live-card{background:linear-gradient(135deg,#ecf9f0,#f7fcf8);border:1px solid #a8d3b7;border-radius:15px;align-items:center;gap:14px;margin:0 0 18px;padding:15px 16px;animation:.3s ease-out rfid-live-in;display:flex;box-shadow:0 10px 24px #23864a1f}.rfid-live-card.out{background:linear-gradient(135deg,#edf4fa,#f9fbfd);border-color:#b7cde0;box-shadow:0 10px 24px #17395f1c}.rfid-live-icon{color:#fff;letter-spacing:.05em;background:#23864a;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;font-size:10px;font-weight:950;display:grid}.rfid-live-card.out .rfid-live-icon{background:#17395f}.rfid-live-card>div{gap:2px;min-width:0;display:grid}.rfid-live-card small{color:#557062;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:850}.rfid-live-card strong{color:#17395f;text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.rfid-live-card p{color:#365548;margin:1px 0 0;font-size:12px}.rfid-live-card time{color:#647687;text-transform:capitalize;font-size:10px}@keyframes rfid-live-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.rfid-welcome-page{background:radial-gradient(circle at 50% 5%,#dff5e7 0,#eef8f1 38%,#dfe9e4 100%);padding:24px;transition:background .25s}.rfid-welcome-page.out{background:radial-gradient(circle at 50% 5%,#e3eef8 0,#f1f6fa 38%,#dfe7ee 100%)}.rfid-welcome{text-align:center;background:#fffffff5;border:1px solid #b9d9c4;border-radius:28px;width:min(620px,100%);padding:28px;animation:.42s cubic-bezier(.2,.8,.2,1) rfid-welcome-in;overflow:hidden;box-shadow:0 30px 90px #194c2d33}.rfid-welcome-page.out .rfid-welcome{border-color:#bdcede;box-shadow:0 30px 90px #17395f33}.rfid-welcome .clock-brand{text-align:left}.rfid-welcome .clock-brand>span{border-radius:19px;width:68px;height:68px}.rfid-read-status{color:#237042;letter-spacing:.02em;justify-content:center;align-items:center;gap:9px;margin:26px auto 23px;font-size:11px;display:flex}.rfid-read-status>span{color:#19733b;background:#daf2e3;border-radius:50%;place-items:center;width:34px;height:34px;font-size:20px;font-weight:950;display:grid;box-shadow:0 0 0 7px #23864a14}.rfid-welcome-page.out .rfid-read-status{color:#315a80}.rfid-welcome-page.out .rfid-read-status>span{color:#17395f;background:#e2edf7;box-shadow:0 0 0 7px #17395f12}.rfid-welcome-label{color:#708075;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:12px;font-weight:850}.rfid-welcome h1{color:#17395f;letter-spacing:-.035em;overflow-wrap:anywhere;margin:7px 0 22px;font-size:clamp(34px,7vw,54px);line-height:1.05}.rfid-welcome-result{text-align:left;background:linear-gradient(135deg,#e7f7ed,#f7fcf9);border:1px solid #a9d5b8;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:4px 18px;padding:20px 22px;display:grid}.rfid-welcome-result.out{background:linear-gradient(135deg,#eaf2f8,#fafcfe);border-color:#b7ccdf}.rfid-welcome-result>span{color:#287044;font-size:20px;font-weight:950}.rfid-welcome-result.out>span{color:#315d84}.rfid-welcome-result>strong{color:#17395f;font-variant-numeric:tabular-nums;letter-spacing:-1px;grid-area:1/2/3;font-size:42px}.rfid-welcome-result>time{color:#617466;text-transform:capitalize;font-size:11px}.rfid-countdown{text-align:left;background:#f3f6f8;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:15px;margin-top:22px;padding:17px 18px;display:grid}.rfid-countdown-number{color:#17395f;font-variant-numeric:tabular-nums;background:#fff;border:2px solid #a9bdaf;border-radius:50%;place-items:center;width:52px;height:52px;font-size:23px;font-weight:950;display:grid}.rfid-countdown>div{gap:3px;display:grid}.rfid-countdown strong{color:#294157;font-size:12px}.rfid-countdown p{color:#71808d;margin:0;font-size:10px}.rfid-countdown-track{background:#dce4e9;border-radius:999px;height:4px;margin-top:7px;overflow:hidden}.rfid-countdown-track>i{border-radius:inherit;transform-origin:0;background:#23864a;width:100%;height:100%;animation:5s linear forwards rfid-countdown;display:block}.rfid-welcome-page.out .rfid-countdown-track>i{background:#315d84}@keyframes rfid-welcome-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes rfid-countdown{to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.rfid-welcome,.rfid-countdown-track>i{animation:none}}.clock-wake-lock{cursor:pointer;background:#f7f9fb;border:1px solid #d4dee7;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin:16px 0 0;padding:12px 14px;display:grid}.clock-console .clock-wake-lock{margin:18px 24px 0}.clock-wake-lock.active{background:#edf8f1;border-color:#abd5b9}.clock-wake-lock input{accent-color:#23864a;width:18px;height:18px;margin:0}.clock-wake-lock>span{gap:2px;display:grid}.clock-wake-lock strong{color:#17395f;font-size:11px}.clock-wake-lock small{color:#697b8b;font-size:9px;line-height:1.35}.clock-wake-lock>i{background:#aab4bd;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #82919e1f}.clock-wake-lock.active>i{background:#35a45a;box-shadow:0 0 0 4px #35a45a24}.clock-login>a{color:#526b83;text-align:center;margin-top:17px;font-size:10px;font-weight:800;display:block}.clock-privacy{color:#748596;text-align:center;margin-top:16px;font-size:10px;font-weight:750;display:block}.clock-confirmation{text-align:center;justify-items:center;gap:14px;padding-block:34px;display:grid}.clock-confirmation .clock-brand{text-align:left;justify-self:stretch;margin-bottom:18px}.clock-confirmation h1,.clock-confirmation p{margin:0}.clock-confirmation p{color:#5a6e80;line-height:1.7}.clock-confirmation>small{color:#748596;font-weight:700}.clock-confirm-icon{color:#19733b;background:#dff5e7;border-radius:50%;place-items:center;width:90px;height:90px;font-size:46px;font-weight:950;display:grid;box-shadow:0 12px 32px #19733b2e}.clock-confirm-icon.out{color:#17395f;background:#e5eef7;box-shadow:0 12px 32px #17395f2e}.clock-message{color:#25623a;text-align:center;background:#eef9f2;border:1px solid #acd2ba;border-radius:10px;margin:14px 24px 0;padding:12px 14px;font-size:11px;font-weight:800}.clock-message.error{color:#9b2a42;background:#fff1f3;border-color:#e5bbc4;margin:0}.clock-console>header{border-bottom:1px solid #dfe7ee;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.clock-console>header>button{color:#53677a;font:inherit;cursor:pointer;background:#fff;border:1px solid #ced9e4;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:850}.clock-console .clock-now{padding:25px 0 15px}.clock-employee{text-align:center;padding:0 24px 20px}.clock-employee>span{color:#738292;text-transform:uppercase;font-size:9px;font-weight:850}.clock-employee h1{margin:5px 0 4px;font-size:27px}.clock-employee p{color:#72808e;margin:0;font-size:10px}.clock-state{border-radius:13px;justify-content:center;align-items:center;gap:12px;margin:0 24px 20px;padding:15px;display:flex}.clock-state.out{color:#526170;background:#eef1f4}.clock-state.in{color:#27643b;background:#e7f6ec}.clock-state>i{background:#8c99a6;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 5px #7d8b9726}.clock-state.in>i{background:#36a65b;box-shadow:0 0 0 5px #36a65b26}.clock-state>div{gap:2px;display:grid}.clock-state span,.clock-state small{font-size:9px}.clock-state strong{font-size:15px}.clock-actions{grid-template-columns:1fr 1fr;gap:12px;padding:0 24px;display:grid}.clock-actions button{color:#fff;min-height:112px;font:inherit;cursor:pointer;border:0;border-radius:15px;place-content:center;gap:6px;font-size:20px;font-weight:950;display:grid;box-shadow:0 10px 24px #18314824}.clock-actions button span{opacity:.82;font-size:9px;font-weight:700}.clock-actions .clock-in{background:#23864a}.clock-actions .clock-out{background:#b8374f}.clock-actions button:disabled{color:#77828c;cursor:not-allowed;box-shadow:none;background:#c8d0d7}.clock-console>footer{color:#73808d;text-align:center;background:#f6f8fa;border-top:1px solid #e0e7ed;margin-top:22px;padding:14px 24px;font-size:9px}@media (width<=600px){.clock-page{padding:0}.clock-login,.clock-console{border:0;border-radius:0;width:100%;min-height:100vh}.clock-login{align-content:center;display:grid}.clock-now strong{font-size:48px}.clock-actions{grid-template-columns:1fr}.clock-actions button{min-height:96px}.rfid-welcome-page{padding:0}.rfid-welcome{border:0;border-radius:0;align-content:center;width:100%;min-height:100vh;padding:24px;display:grid}.rfid-welcome-result>strong{font-size:36px}}@media (width<=400px){.rfid-welcome-result{text-align:center;grid-template-columns:1fr}.rfid-welcome-result>strong{grid-area:auto}.rfid-countdown{text-align:center;grid-template-columns:1fr;justify-items:center}.rfid-countdown>div{width:100%}}.overview-pdf-action{border-left:4px solid var(--accent,#1473b7);justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex}.overview-pdf-action h3{margin:3px 0 5px;font-size:19px}.overview-pdf-action p{max-width:760px;color:var(--muted,#65758b);margin:0;line-height:1.5}.overview-fetch-button{white-space:nowrap}.pdf-report-overlay{z-index:1200;background:#081424b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.pdf-report-modal{background:#fff;border-radius:18px;flex-direction:column;width:min(1180px,96vw);height:min(880px,94vh);display:flex;overflow:hidden;box-shadow:0 28px 80px #00000052}.pdf-report-modal>header{border-bottom:1px solid #dce5ef;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 24px 14px;display:flex}.pdf-report-modal>header h2{margin:3px 0}.pdf-report-modal>header p{color:#65758b;margin:0}.pdf-report-close{cursor:pointer;background:#edf3f8;border:0;border-radius:50%;width:38px;height:38px;font-size:26px;line-height:1}.pdf-report-controls{background:#f7fafc;border-bottom:1px solid #dce5ef;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px 24px;display:flex}.pdf-report-controls>strong{color:#124778;align-self:center}.pdf-report-controls label{gap:4px;display:grid}.pdf-report-controls label span{color:#53657a;font-size:12px;font-weight:700}.pdf-report-controls input{background:#fff;border:1px solid #c9d5e2;border-radius:8px;padding:9px}.pdf-report-mode{border:1px solid #b9c9d9;border-radius:9px;display:flex;overflow:hidden}.pdf-report-mode button{color:#345;cursor:pointer;background:#fff;border:0;padding:10px 16px}.pdf-report-mode button+button{border-left:1px solid #b9c9d9}.pdf-report-mode button.active{color:#fff;background:#124778;font-weight:700}.pdf-report-message{color:#9a3412;margin:10px 24px 0}.pdf-report-message.success{color:#166534}.pdf-report-viewer{background:#e7edf3;border:0;flex:1;width:100%;min-height:480px;margin-top:10px}.pdf-report-empty{text-align:center;color:#65758b;background:linear-gradient(135deg,#f8fafc,#eef4f8);flex:1;place-content:center;gap:6px;display:grid}.pdf-report-empty strong{color:#26384d;font-size:18px}@media (width<=760px){.overview-pdf-action{flex-direction:column;align-items:stretch}.pdf-report-overlay{padding:0}.pdf-report-modal{border-radius:0;width:100vw;height:100vh}.pdf-report-controls{align-items:stretch}.pdf-report-controls>*{flex:145px}.pdf-report-controls .primary-button,.pdf-report-controls a{place-items:center;display:grid}.pdf-report-viewer{min-height:360px}}@media (width<=600px){.akuvox-heading,.secret-row{flex-direction:column;align-items:stretch}.akuvox-fields{grid-template-columns:1fr}.akuvox-fields label,.akuvox-fields label:first-child,.akuvox-fields label:last-of-type{grid-column:1}.secret-row .button{width:100%}}.private-landing{background:radial-gradient(circle at top,#e8f1f7,#f4f7fa 48%,#e8edf2);place-items:center;min-height:100vh;padding:24px;display:grid}.private-landing-card{text-align:center;background:#fff;border:1px solid #ccd9e4;border-radius:26px;width:min(540px,100%);padding:48px;box-shadow:0 28px 80px #14324e29}.private-lock{color:#fff;background:#17395f;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 22px;font-size:27px;display:grid}.private-landing-card h1{color:#142e4c;letter-spacing:-.04em;margin:12px 0;font-size:clamp(36px,7vw,56px)}.private-landing-card p{color:#607387;max-width:430px;margin:0 auto;line-height:1.65}.private-admin-mark{color:#17395f;background:#fff;border:1px solid #ffffff59;border-radius:11px;place-items:center;width:38px;height:38px;font-size:16px;font-weight:950;display:grid}.portal-page{color:#17283b;background:radial-gradient(circle at 50% 0,#dceaf5 0,#f3f7fa 48%,#e6edf3 100%);place-items:center;min-height:100vh;padding:28px;display:grid}.portal-loading{color:#17395f;font-weight:850}.portal-login,.portal-choice{background:#fff;border:1px solid #c8d7e4;border-radius:28px;width:min(920px,100%);overflow:hidden;box-shadow:0 30px 90px #14324e2e}.portal-login{grid-template-columns:1fr 1fr;display:grid}.portal-intro{color:#fff;background:linear-gradient(145deg,#12375f,#205b91);padding:52px}.portal-logo{background:#ffffff1f;border:1px solid #ffffff4d;border-radius:17px;place-items:center;width:56px;height:56px;margin-bottom:58px;font-size:23px;font-weight:950;display:grid}.portal-intro .eyebrow{color:#b9d9f4}.portal-intro h1,.portal-choice h1{letter-spacing:-.045em;margin:0 0 16px;font-size:48px}.portal-intro p{color:#d3e2ef;margin:0;line-height:1.7}.portal-login form{align-content:center;gap:16px;padding:52px;display:grid}.portal-login form>label:not(.portal-remember),.portal-company{color:#455c72;gap:7px;font-size:11px;font-weight:850;display:grid}.portal-login input:not([type=checkbox]),.portal-company select{color:#17283b;width:100%;min-height:52px;font:inherit;background:#fff;border:1px solid #bfcfdd;border-radius:11px;padding:0 14px;font-size:15px}.portal-remember{color:#596d7f;align-items:center;gap:9px;font-size:11px;display:flex}.portal-remember input{accent-color:#205b91;width:17px;height:17px}.portal-login form>button{color:#fff;min-height:52px;font:inherit;cursor:pointer;background:#173f72;border:0;border-radius:11px;font-weight:900}.portal-login form>a{color:#315f8a;text-align:center;font-size:11px;font-weight:800;text-decoration:underline}.portal-secondary{color:#24547f!important;background:#fff!important;border:1px solid #b9cada!important;min-height:44px!important}.portal-login.register-mode{width:min(1080px,100%)}.portal-register-form{align-content:center!important}.portal-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.portal-form-grid label{color:#455c72;gap:7px;font-size:11px;font-weight:850;display:grid}.portal-form-grid .wide{grid-column:1/-1}.portal-error{color:#932b43;text-align:center;background:#fff0f3;border:1px solid #e3b5bf;border-radius:10px;margin:0;padding:11px 13px;font-size:11px;font-weight:800}.portal-error.success{color:#23623a;background:#edf8f1;border-color:#a8d1b5}.portal-choice{padding:38px}.portal-choice>header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.portal-choice>header p{color:#607386;max-width:620px;line-height:1.6}.portal-choice>header>button{color:#52687a;cursor:pointer;background:#fff;border:1px solid #cad6e1;border-radius:9px;padding:9px 12px}.portal-company{margin:18px 0 24px}.portal-company select{max-width:420px}.portal-options{grid-template-columns:1fr 1fr;gap:15px;display:grid}.portal-options>button{color:#17283b;text-align:left;cursor:pointer;background:#f5f8fb;border:1px solid #cad8e5;border-radius:18px;grid-template-columns:58px 1fr auto;align-items:center;gap:15px;min-height:122px;padding:20px;display:grid}.portal-options>button:hover{background:#edf5fc;border-color:#75a4cf;transform:translateY(-2px)}.portal-options>button>span{color:#fff;background:#173f72;border-radius:16px;place-items:center;width:58px;height:58px;font-size:21px;font-weight:950;display:grid}.portal-options>button>div{gap:6px;display:grid}.portal-options strong{font-size:19px}.portal-options small{color:#607386;line-height:1.45}.portal-options b{color:#26669d;font-size:23px}.portal-access-note{color:#536b80;background:#edf5fc;border-radius:12px;margin:24px 0 0;padding:15px 17px;font-size:11px;line-height:1.6}@media (width<=700px){.portal-page{padding:0}.portal-login,.portal-choice{border:0;border-radius:0;min-height:100vh}.portal-login{grid-template-columns:1fr}.portal-intro{padding:32px}.portal-logo{margin-bottom:28px}.portal-login form{padding:32px}.portal-form-grid{grid-template-columns:1fr}.portal-form-grid .wide{grid-column:auto}.portal-choice{padding:28px}.portal-choice>header{display:block}.portal-options{grid-template-columns:1fr}.portal-choice h1,.portal-intro h1{font-size:38px}}