:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,oklch(98.5% .004 270))var(--lightningcss-dark,oklch(18% .02 270));--fg:var(--lightningcss-light,oklch(24% .05 270))var(--lightningcss-dark,oklch(93% .01 270));--muted:var(--lightningcss-light,oklch(47% .03 270))var(--lightningcss-dark,oklch(72% .03 270));--accent:var(--lightningcss-light,oklch(38% .13 270))var(--lightningcss-dark,oklch(78% .1 270));font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--bg);color:var(--fg);margin:0}.status-page{gap:12px;max-width:40rem;margin:15vh auto 0;padding-inline:16px;display:grid}.status-page p{color:var(--muted);margin:0}.actions{align-items:center;gap:16px;display:flex}a{color:var(--accent)}.form{gap:10px;max-width:24rem;display:grid}.form input{font:inherit;padding:8px 10px}.form button{font:inherit;padding:8px 12px}.form button.link{color:var(--accent);background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}button.link{color:var(--accent);background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}[role=alert]{color:var(--lightningcss-light,oklch(45% .16 22))var(--lightningcss-dark,oklch(80% .12 22))}.page{gap:20px;max-width:64rem;margin:6vh auto 0;padding-inline:16px;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid color-mix(in oklch, var(--fg) 15%, transparent);padding:8px 10px}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}.stack{gap:12px;display:grid}.card{border:1px solid color-mix(in oklch, var(--fg) 15%, transparent);border-radius:10px;max-width:none;padding:14px 16px}.card h3{margin:0}.permissions{border:0;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:6px 16px;margin:0;padding:0;display:grid}.muted{color:var(--muted);font-weight:400}.app-header{border-bottom:1px solid color-mix(in oklch, var(--fg) 12%, transparent);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 16px;display:flex}.app-header .brand{color:var(--fg);font-weight:600;text-decoration:none}button.link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.form select{font:inherit;padding:8px 10px}.form label.check{align-items:center;gap:8px;display:flex}.form fieldset.access,.form fieldset.choice{border:1px solid color-mix(in oklch, var(--fg) 15%, transparent);border-radius:10px;gap:8px;margin:4px 0;padding:12px 14px;display:grid}.form fieldset.access legend,.form fieldset.choice legend{padding-inline:4px;font-weight:600}.hint{margin:0;font-size:.9em}:is(.form input:user-invalid,.form input[aria-invalid=true]){outline-offset:1px;outline:2px solid var(--lightningcss-light,oklch(55% .18 22))var(--lightningcss-dark,oklch(75% .14 22))}.field-problem{margin:-4px 0 0}.notice-slot{z-index:1;position:sticky;top:0}.notice-slot:empty{display:none}.notice{background:var(--lightningcss-light,oklch(52% .12 150/.1))var(--lightningcss-dark,oklch(75% .12 150/.1));border-left:4px solid var(--lightningcss-light,oklch(52% .12 150))var(--lightningcss-dark,oklch(75% .12 150));border-radius:8px;margin:0;padding:10px 12px}.notice-problem{background:var(--lightningcss-light,oklch(55% .18 22/.1))var(--lightningcss-dark,oklch(75% .14 22/.1));border-left-color:var(--lightningcss-light,oklch(55% .18 22))var(--lightningcss-dark,oklch(75% .14 22))}.access-cell{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dialog{border:1px solid color-mix(in oklch, var(--fg) 15%, transparent);background:var(--bg);width:min(28rem,100vw - 32px);color:var(--fg);border-radius:12px;padding:20px}.dialog::backdrop{background:oklch(20% .02 270/.45)}.dialog h2,.dialog p{margin:0}.dialog-actions{justify-content:flex-end}.badge{border:1px solid;border-radius:999px;padding:2px 8px;font-size:.85em;display:inline-block}.badge-denied{color:var(--lightningcss-light,oklch(45% .16 22))var(--lightningcss-dark,oklch(80% .12 22))}.filters{grid-template-columns:repeat(auto-fit,minmax(min(10rem,100%),1fr));align-items:end;gap:10px 14px;display:grid}.filters label{gap:4px;display:grid}.filters select,.filters input,.filters button{font:inherit;padding:6px 8px}.filters select,.filters input{box-sizing:border-box;width:100%;min-width:0}.audit-details pre{white-space:pre-wrap;margin:6px 0 0;font-size:.85em}.pager{flex-wrap:wrap;gap:16px;display:flex}.filters .actions a{white-space:nowrap}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.loading-block{gap:10px;padding-block:4px;display:grid}.loading-bar{background:color-mix(in oklch, var(--fg) 9%, transparent);border-radius:6px;height:14px;display:block}.loading-bar:nth-child(3n){width:70%}.loading-bar:nth-child(3n+1){width:90%}.refreshing{opacity:.6;transition:opacity .12s ease-out}.facts{grid-template-columns:max-content minmax(0,1fr);gap:6px 16px;margin:0;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.leaves-on{font-size:.875em;display:block}.tree-cell{font-weight:400}.path{flex-wrap:wrap;gap:0 .5em;margin:0;padding:0;list-style:none;display:flex}.path li+li:before{content:"›";color:var(--muted);margin-inline-end:.5em}.inline-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.inline-form input,.inline-form button{font:inherit}.app-shell{grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.app-sidebar{border-bottom:1px solid color-mix(in oklch, var(--fg) 12%, transparent);align-content:start;gap:16px;padding:12px 16px;display:grid}.app-sidebar-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-sidebar .brand{color:var(--fg);font-weight:600;text-decoration:none}.app-menu{align-content:start;gap:24px;display:grid}.app-shell[data-menu=closed] .app-menu,.app-shell[data-menu=static] .menu-toggle{display:none}.app-content:focus{outline:none}.side-nav{gap:16px;display:grid}.side-nav-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 4px;font-size:.8rem}.side-nav-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.side-nav-link{padding:4px 0;display:block}.side-nav-link[aria-current=page]{color:var(--fg);font-weight:600}.account-panel{gap:4px;display:grid}.account-panel p{overflow-wrap:anywhere;margin:0}.account-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.skip-link{position:absolute;top:-100px;left:8px}.skip-link:focus{top:8px}@media (width>=56rem){.app-shell{grid-template-columns:15rem minmax(0,1fr)}.app-sidebar{border-bottom:0;border-inline-end:1px solid color-mix(in oklch, var(--fg) 12%, transparent);height:100dvh;padding:20px 16px;position:sticky;top:0;overflow-y:auto}.menu-toggle{display:none}.app-shell[data-menu=closed] .app-menu{display:grid}}.catalogue-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.catalogue-list li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.attention-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.attention{background:var(--lightningcss-light,oklch(55% .12 80/.1))var(--lightningcss-dark,oklch(80% .1 85/.1));border-inline-start:3px solid var(--lightningcss-light,oklch(55% .12 80))var(--lightningcss-dark,oklch(80% .1 85));border-radius:6px;padding:6px 10px}.attention.urgent{background:var(--lightningcss-light,oklch(50% .17 22/.1))var(--lightningcss-dark,oklch(75% .13 22/.1));border-inline-start-color:var(--lightningcss-light,oklch(50% .17 22))var(--lightningcss-dark,oklch(75% .13 22))}.contract-now{gap:6px;display:grid}.contract-now p{margin:0}.attention-note{color:var(--lightningcss-light,oklch(45% .1 70))var(--lightningcss-dark,oklch(85% .1 85));font-size:.85em;display:block}.attention-note.urgent{color:var(--lightningcss-light,oklch(45% .16 22))var(--lightningcss-dark,oklch(80% .12 22))}.import-form{max-width:48rem}textarea.csv{white-space:pre;resize:vertical;min-height:12rem;padding:8px 10px;font:13px/1.5 ui-monospace,monospace;overflow-x:auto}.import-issues{margin:0;padding-inline-start:1.1em;font-size:.9em}.issue-error{color:var(--lightningcss-light,oklch(45% .16 22))var(--lightningcss-dark,oklch(80% .12 22))}.issue-note{color:var(--lightningcss-light,oklch(45% .1 70))var(--lightningcss-dark,oklch(85% .1 85))}.issue-info{color:var(--muted)}.line-to-fix td:first-child{box-shadow:inset 3px 0 var(--lightningcss-light,oklch(50% .17 22))var(--lightningcss-dark,oklch(75% .13 22))}.import-summary{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.holiday-hint{font-weight:400;display:block}.holiday[data-status=to_confirm] td:first-child{box-shadow:inset 3px 0 var(--lightningcss-light,oklch(55% .12 80))var(--lightningcss-dark,oklch(80% .1 85))}.holiday[data-status=cancelled] .holiday-name,.holiday[data-status=cancelled] time{text-decoration:line-through}.holiday-form{max-width:30rem}.places{border:0;gap:4px;margin:0;padding:0 0 0 1.5em;display:grid}.week{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:inline-flex}.week-day{font-family:var(--mono,monospace);white-space:nowrap;font-size:.85em}.week-day[data-part="0"]{opacity:.55}.week-fields{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:8px;display:grid}.week-field{gap:2px;display:grid}.schedule-form{max-width:40rem}.schedule-history{gap:4px;display:grid}.leave-years{gap:4px;margin:0;display:grid}.leave-years dd{margin:0}.leave-year-rules{gap:4px;display:grid}.settings-form{max-width:30rem}.leave-balances{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:16px;display:grid}.leave-balance tfoot th,.leave-balance tfoot td{font-weight:600}.leave-preview-days{gap:2px;margin:0;padding-left:1.2em;display:grid}.leave-preview-days li[data-reason=rest_day],.leave-preview-days li[data-reason=holiday]{opacity:.6}.leave-form{max-width:32rem}.decision{border-top:1px solid;padding-top:12px}.app-topbar{justify-content:flex-end;gap:8px;padding:8px 16px 0;display:flex}.notification-bell{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:inline-grid;position:relative}.notification-badge{color:#fff;text-align:center;background:oklch(58% .2 25);border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:2px;right:2px}.notification-sheet{border:0;border-left:1px solid color-mix(in oklch, currentColor 15%, transparent);color:canvastext;background:canvas;width:min(420px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0}.notification-sheet::backdrop{background:oklch(0% none none/.35)}.notification-panel{gap:8px;padding:16px;display:grid}.notification-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.notification-panel-head h2{margin:0}.notification-panel-tools{flex-wrap:wrap;gap:12px;display:flex}.notification-tabs{gap:4px;display:flex}.notification-tabs [role=tab]{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:6px 8px}.notification-tabs [role=tab][data-active=true]{background:color-mix(in oklch, currentColor 10%, transparent);font-weight:600}.notification-items{margin:0;padding:0;list-style:none;display:grid}.notification-item{border-bottom:1px solid color-mix(in oklch, currentColor 10%, transparent);grid-template-columns:40px minmax(0,1fr) auto;gap:12px;padding:12px 0;display:grid}.notification-item[data-read=true] .notification-title{font-weight:400}.notification-avatar{background:color-mix(in oklch, currentColor 12%, transparent);border-radius:50%;place-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:grid}.notification-title{font-weight:600}.notification-meta,.notification-detail{margin:2px 0 0}.notification-meta{font-size:.85em}.notification-note{background:color-mix(in oklch, currentColor 6%, transparent);border-radius:8px;margin:6px 0 0;padding:6px 10px}.notification-actions{gap:8px;margin-top:8px;display:flex}.notification-side{align-content:start;justify-items:end;gap:8px;display:grid}.notification-dot{background:oklch(62% .15 230);border-radius:50%;width:8px;height:8px}.notification-panel-foot{text-align:center;padding-top:8px}
