.ui-sidebar-menu,.ui-sidebar-menu ul{list-style:none;margin:0;padding:0}.ui-nav-group{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:10px 12px;margin-bottom:4px;border:0;border-radius:8px;background:transparent;color:#b6c9bc;text-align:left;font-size:13px;font-weight:600}.ui-nav-group>span,.ui-nav-link>span{min-width:0;overflow-wrap:anywhere}.ui-nav-group svg,.ui-nav-link svg{flex-shrink:0}.ui-nav-group:hover,.ui-nav-group--active{background:#ffffff0d;color:#fff}.ui-nav-group:focus-visible{outline:3px solid #a4d6b3;outline-offset:2px}.ui-nav-chevron{margin-left:auto;transform:rotate(-90deg)}.ui-nav-chevron--open{transform:rotate(0)}.ui-sidebar-menu .ui-nav-children{margin:0 0 8px 12px;padding-left:10px;border-left:1px solid #ffffff20}.ui-sidebar-menu .ui-nav-children[hidden]{display:none}.ui-sidebar-menu .ui-nav-link{min-height:44px;margin-bottom:4px;padding:10px 12px;font-size:13px;line-height:1.4}.ui-sidebar-menu .ui-nav-link.active{padding-left:9px}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-2);min-height:var(--ui-control-height);padding:10px 16px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:var(--ui-surface);color:var(--ui-text);font-size:var(--ui-font-label);font-weight:600;line-height:1.4;text-align:center}.ui-button--primary{background:var(--ui-brand);border-color:var(--ui-brand);color:#fff}.ui-button--primary:hover:not(:disabled){background:var(--ui-brand-hover)}.ui-button--secondary:hover:not(:disabled),.ui-button--icon:hover:not(:disabled),.ui-button--text:hover:not(:disabled){background:var(--ui-surface-soft)}.ui-button--danger{background:var(--ui-danger);border-color:var(--ui-danger);color:#fff}.ui-button--danger:hover:not(:disabled){background:var(--ui-danger-hover)}.ui-button--text,.ui-button--icon{border-color:transparent;background:transparent;color:var(--ui-brand)}.ui-button--icon{min-width:var(--ui-control-height);padding:8px;flex-shrink:0}.ui-button:focus-visible,.ui-table-scroll:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}.ui-icon-action{display:inline-flex;flex-shrink:0}.ui-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;white-space:nowrap}.ui-table .ui-actions-cell{width:1%;white-space:nowrap;text-align:right;padding-inline:12px}.ui-action-tooltip{position:fixed;z-index:100;width:max-content;max-width:min(240px,calc(100vw - 24px));padding:7px 10px;border-radius:6px;background:var(--ui-text);color:var(--ui-surface);font-size:12px;line-height:1.4;text-align:center;overflow-wrap:anywhere;pointer-events:none;box-shadow:var(--ui-shadow-panel)}.ui-control{width:100%;min-width:0;min-height:var(--ui-control-height);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);padding:10px 12px;background:var(--ui-surface);color:var(--ui-text);font-size:var(--ui-font-body)}.ui-control:focus{border-color:var(--ui-focus);box-shadow:0 0 0 3px #28734a24}.ui-control:disabled{background:var(--ui-surface-soft);opacity:1;color:var(--ui-muted)}.ui-control[aria-invalid=true]{border-color:var(--ui-danger)}textarea.ui-control{resize:vertical}.ui-field{display:grid;gap:var(--ui-space-2);min-width:0;align-content:start}.ui-field>label{display:block;font-size:var(--ui-font-label);color:var(--ui-text)}.ui-field-hint{color:var(--ui-muted);font-size:12px;font-weight:400}.ui-required,.ui-field-error{color:var(--ui-danger)}.ui-field-error{font-size:12px}.ui-checkbox{display:flex;flex-direction:row;align-items:center;gap:var(--ui-space-2);min-height:var(--ui-control-height);font-size:var(--ui-font-label)}.ui-checkbox input{width:18px;height:18px;margin:0;accent-color:var(--ui-brand);flex-shrink:0}.ui-checkbox input:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}.ui-panel{min-width:0;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel);box-shadow:var(--ui-shadow-panel);overflow:hidden}.ui-form-panel{max-width:900px;padding:var(--ui-space-5)}.ui-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-5)}.ui-full-width{grid-column:1 / -1}.ui-form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--ui-space-3);padding-top:var(--ui-space-5);margin-top:var(--ui-space-5);border-top:1px solid var(--ui-border)}.ui-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-5);margin-bottom:var(--ui-space-5)}.ui-page-header>div{min-width:0}.ui-page-header .ui-page-title{font-size:32px;margin:6px 0 8px;overflow-wrap:anywhere}.ui-page-header p{font-size:var(--ui-font-body);color:var(--ui-muted);margin:0}.ui-eyebrow{color:var(--ui-muted);font-size:11px;font-weight:700;letter-spacing:1px}.ui-inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ui-space-2)}.ui-filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--ui-space-4);padding:var(--ui-space-5);border-bottom:1px solid var(--ui-border)}.ui-filter-bar>.ui-field{flex:1 1 180px}.ui-results-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--ui-space-4);padding:var(--ui-space-5)}.ui-results-header h2{margin:0;font-size:16px}.ui-results-header p{margin:8px 0 0;color:var(--ui-muted);font-size:var(--ui-font-label)}.ui-form-inline{display:inline-flex;margin:0;padding:0}.ui-results-header h2 span{display:inline-block;margin-left:6px;background:var(--ui-surface-soft);padding:3px 8px;border-radius:6px;color:var(--ui-brand);font-size:12px}.ui-table-scroll{overflow-x:auto;max-width:100%}.ui-table{min-width:640px;font-size:var(--ui-font-label);color:var(--ui-text)}.ui-table th{padding:14px 24px;font-size:12px;color:var(--ui-muted);background:var(--ui-surface-soft);border-block:1px solid var(--ui-border)}.ui-table td{padding:16px 24px;border-bottom:1px solid var(--ui-border);overflow-wrap:anywhere}.ui-table .ui-cell-nowrap{white-space:nowrap;overflow-wrap:normal}.ui-table th button{min-height:24px}.ui-table .align-right{font-variant-numeric:tabular-nums}.ui-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:5px 8px;border-radius:6px;font-size:12px;font-weight:600}.ui-badge--active{color:var(--ui-success);background:var(--ui-success-soft)}.ui-badge--inactive{color:var(--ui-muted);background:var(--ui-surface-soft)}.ui-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--ui-space-4);padding:16px 24px;border-top:1px solid var(--ui-border);color:var(--ui-muted);font-size:12px}.ui-pagination label{flex-direction:row;align-items:center;font-size:12px}.ui-pagination select{width:auto}.ui-notice{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-3);padding:var(--ui-space-4);margin-bottom:var(--ui-space-4);border:1px solid currentColor;border-radius:var(--ui-radius-control);font-size:var(--ui-font-label)}.ui-notice p{color:inherit;margin:8px 0 0}.ui-notice--info{color:var(--ui-info);background:var(--ui-info-soft)}.ui-notice--success{color:var(--ui-success);background:var(--ui-success-soft)}.ui-notice--warning{color:var(--ui-warning);background:var(--ui-warning-soft)}.ui-notice--error{color:var(--ui-danger);background:var(--ui-danger-soft)}.ui-state{padding:40px 24px;display:grid;justify-items:center;gap:var(--ui-space-3);text-align:center;color:var(--ui-muted)}.ui-state p{margin:0;color:inherit}.ui-modal{width:min(520px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow-y:auto;margin:auto;border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel);padding:var(--ui-space-5);background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow-dialog)}.ui-modal::backdrop{background:#122b2370}.ui-modal h2{margin:0 0 16px}.ui-modal p{color:var(--ui-muted);font-size:var(--ui-font-body)}.ui-detail-grid{display:grid;grid-template-columns:minmax(80px,1fr) minmax(0,2fr);gap:12px 16px;margin:0;font-size:var(--ui-font-body)}.ui-detail-grid dt{color:var(--ui-muted)}.ui-detail-grid dd{margin:0;overflow-wrap:anywhere}.ui-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:700px){.ui-page-header{flex-direction:column;gap:var(--ui-space-4)}.ui-page-header .ui-page-title{font-size:27px}.ui-page-header>.ui-inline-actions{width:100%}.ui-filter-bar,.ui-results-header,.ui-pagination,.ui-form-panel{padding:var(--ui-space-4)}.ui-form-grid{grid-template-columns:minmax(0,1fr);gap:var(--ui-space-4)}.ui-filter-bar>.ui-field{flex-basis:100%}.ui-form-actions .ui-button{flex:1 1 auto}.ui-table th,.ui-table td{padding-inline:16px}}.ui-badge--warning{color:var(--ui-warning);background:var(--ui-warning-soft)}.ui-panel--padded{padding:var(--ui-space-5)}:where(.ui-page,.main-content,.users,.user-types,.roles,.profile,.planning-page,.published-schedule,.vacation-account,.vacation-periods,.vacation-requests,.vacation-statistics,.work-stats,.actions-page)>:is(.ui-panel,.ui-state)+:is(.ui-panel,.ui-state){margin-top:var(--ui-space-5)}.ui-panel--padded>.ui-results-header{padding:0 0 var(--ui-space-5)}.ui-form-panel fieldset{min-width:0}.ui-form-panel>div{min-width:0}.ui-panel--padded>h2{margin-bottom:var(--ui-space-4);font-size:16px}@media(max-width:700px){.ui-panel--padded{padding:var(--ui-space-4)}}.ui-table-scroll,.ui-checkbox{position:relative}.ui-form-inline{flex-wrap:wrap;align-items:flex-end;gap:var(--ui-space-4)}.ui-panel:not(.ui-panel--padded)>p{margin-inline:var(--ui-space-5)}@media(max-width:700px){.ui-panel:not(.ui-panel--padded)>p{margin-inline:var(--ui-space-4)}}.visual-guide{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;max-width:1500px;margin:auto;padding:24px 32px;color:var(--ui-text)}.guide-nav{position:sticky;top:24px;align-self:start;padding:24px 16px;background:#183b2e;border-radius:var(--ui-radius-panel);color:#dce6df}.guide-brand{display:block;font-size:30px;font-weight:700;letter-spacing:-1px;color:#fff}.guide-brand span{display:block;font-size:12px;letter-spacing:0;font-weight:400;margin-top:8px}.guide-nav nav{display:grid;gap:6px;margin-top:32px}.guide-nav nav a{display:flex;gap:12px;padding:10px 8px;border-radius:8px;font-size:13px}.guide-nav nav a:hover{background:#ffffff16}.guide-nav a:focus-visible{outline:3px solid #a4d6b3;outline-offset:2px}.guide-nav small{color:#a4d6b3}.guide-nav p{font-size:12px;color:#bbcec2;border-top:1px solid #ffffff20;padding-top:20px;margin-top:24px}.guide-content{min-width:0}.guide-top{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0 24px;border-bottom:1px solid var(--ui-border);color:var(--ui-muted);font-size:11px;letter-spacing:.5px}.guide-example-label{background:var(--ui-success-soft);color:var(--ui-brand);border:1px solid var(--ui-border);border-radius:20px;padding:8px 12px;letter-spacing:0}.guide-hero{padding:44px 0 32px}.guide-hero h1{font-size:clamp(32px,4vw,48px);line-height:1.12;margin:16px 0}.guide-hero p{font-size:16px;max-width:650px;color:var(--ui-muted)}.guide-summary{display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--ui-brand);font-size:12px;font-weight:600}.guide-section{padding-block:24px;scroll-margin-top:24px}.guide-section-title{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.guide-section-title>span{background:var(--ui-brand);color:#fff;border-radius:8px;padding:8px 10px;font-size:12px}.guide-section-title h2{margin:0 0 8px;font-size:22px}.guide-section-title p{margin:0;font-size:13px;color:var(--ui-muted)}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}.guide-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.guide-swatches .ui-panel{padding:10px}.guide-swatch{height:64px;border:1px solid var(--ui-border);border-radius:6px;margin-bottom:12px}.guide-swatches strong,.guide-swatches small,.guide-swatches code{display:block;font-size:12px;margin-top:6px;overflow-wrap:anywhere}.guide-swatches small{color:var(--ui-muted)}.guide-swatches code{font-size:10px}.guide-card{padding:24px}.guide-card h3,.guide-example h3{font-size:16px;margin-bottom:16px}.guide-card p{font-size:13px;color:var(--ui-muted);margin:12px 0 0}.guide-card hr{border:0;border-top:1px solid var(--ui-border);margin-block:20px}.guide-example{padding:24px;border:1px dashed var(--ui-border);border-radius:var(--ui-radius-panel)}.guide-example>.ui-field{max-width:240px;margin-bottom:16px}.guide-metric-label{display:block;color:var(--ui-muted);font-size:13px}.guide-metric{display:block;margin-top:12px;font-size:32px;font-variant-numeric:tabular-nums}.guide-metric small{font-size:13px;font-weight:400}.guide-footer{border-top:1px solid var(--ui-border);padding-block:24px;margin-top:24px;font-size:12px;color:var(--ui-muted)}.guide-navigation-example{background:#183b2e;color:#dce6df;padding:16px;border-radius:var(--ui-radius-panel)}.visual-guide--embedded{display:block;padding:0}.visual-guide--embedded .guide-nav{position:static;margin-bottom:24px;padding:16px}.visual-guide--embedded .guide-nav nav{display:flex;flex-wrap:wrap;margin-top:12px}.visual-guide--embedded .guide-nav p{display:none}@media(max-width:1000px){.visual-guide{grid-template-columns:180px minmax(0,1fr);gap:24px;padding-inline:20px}.guide-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.visual-guide{display:block;padding:16px}.visual-guide--embedded{padding:0}.guide-nav{position:static;padding:16px}.guide-nav nav{display:flex;flex-wrap:wrap;margin-top:16px}.guide-nav p{display:none}.guide-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card,.guide-example{padding:16px}.guide-section-title h2{font-size:20px}.guide-metric{font-size:28px}}@media(prefers-reduced-motion:reduce){.visual-guide{scroll-behavior:auto}}:root{--ui-brand: #20634a;--ui-brand-hover: #194f3b;--ui-background: #f6f8f6;--ui-surface: #ffffff;--ui-surface-soft: #f0f5f1;--ui-text: #243b32;--ui-muted: #56695e;--ui-border: #d8e1da;--ui-focus: #3d8260;--ui-danger: #a73535;--ui-danger-hover: #872828;--ui-danger-soft: #fff1f0;--ui-success: #20634a;--ui-success-soft: #edf5ee;--ui-warning: #795614;--ui-warning-soft: #fff8e7;--ui-info: #315d85;--ui-info-soft: #edf4fb;--ui-space-1: 4px;--ui-space-2: 8px;--ui-space-3: 12px;--ui-space-4: 16px;--ui-space-5: 24px;--ui-space-6: 32px;--ui-radius-control: 8px;--ui-radius-panel: 12px;--ui-control-height: 44px;--ui-font-label: 13px;--ui-font-body: 14px;--ui-shadow-panel: 0 3px 12px #21392a08;--ui-shadow-dialog: 0 20px 80px #14261e30}:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#243b32;background:#f6f8f6;font-synthesis:none;--green: var(--ui-brand);--border: var(--ui-border);--muted: var(--ui-muted)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{border:1px solid #d8e1da;border-radius:8px;padding:11px 12px;background:#fff;color:#243b32;outline:none}input:focus,textarea:focus,select:focus{border-color:#3d8260;box-shadow:0 0 0 3px #28734a14}button:focus-visible,a:focus-visible{outline:3px solid #79af93;outline-offset:3px}label{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:8px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1px;margin-bottom:9px}h2{font-size:18px;letter-spacing:-.35px}p{color:var(--muted);line-height:1.6}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:#183b2e;color:#dce6df;padding:32px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:28px;letter-spacing:-1px;color:#fff}.brand small{display:block;font-size:9px;letter-spacing:2.8px;color:#a2b6a7;margin-top:4px}.brand-dot{color:#a4d6b3}.brand-symbol{width:38px;height:42px;border-radius:12px;background:#bdd8aa;color:#183b2e;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:28px;transform:rotate(-5deg)}.sidebar-caption{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#829e8c;margin-top:54px;margin-bottom:15px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:8px;font-size:13px;margin-bottom:5px;color:#b6c9bc}.sidebar nav{flex:1;min-height:0;overflow-y:auto;margin-bottom:12px}.nav-item svg{flex-shrink:0}.nav-item:hover{background:#ffffff08}.nav-item.active{background:#ffffff12;color:#fff;border-left:3px solid #b7d6a2;padding-left:11px}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff12;padding-top:20px;display:flex;gap:10px;font-size:11px;color:#b6c9bc}.sidebar-bottom small{display:block;font-size:9px;color:#7e9e88;margin-top:5px}.workspace{margin-left:238px;flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:83px;border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:15px}.workspace-title{font-size:12px;font-weight:600}.workspace-title span{color:#cad2cd;margin:0 11px}.topbar-right{display:flex;align-items:center;gap:13px}.environment{font-size:10px;letter-spacing:.6px;border:1px solid #d2dfca;border-radius:5px;padding:5px 9px;background:#eef5e9;color:#527343;font-weight:700}.avatar{width:34px;height:34px;border-radius:50%;background:#e9eee5;color:#547148;font-size:11px;display:grid;place-items:center}.user-name{font-size:11px}.user-name small{display:block;color:#89958d;font-size:10px;margin-top:3px}.main-content{padding:40px 38px;max-width:1600px;width:100%;margin:0 auto;flex:1}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#789182;margin-bottom:14px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-heading p{font-size:13px;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;font-size:12px;font-weight:600;padding:12px 17px;border:1px solid transparent;white-space:nowrap}.button.primary{background:var(--green);color:#fff;box-shadow:0 2px 4px #143e2915}.button.primary:hover{background:#194f3b}.button.secondary{background:#fff;color:#3d5547;border-color:var(--border)}.text-button{border:0;background:none;color:#397458;font-size:11px;font-weight:600;padding:7px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:#738478;padding:7px;border-radius:5px}.icon-button:hover{background:#f0f4ee}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 3px 12px #21392a03}.vacation-account .panel,.published-schedule .panel,.vacation-statistics .panel{padding:24px;margin-bottom:20px}.published-schedule .panel h2,.vacation-statistics .panel h2{margin:0 0 20px;font-size:18px}.published-schedule .table-wrap,.vacation-statistics .table-wrap{overflow-x:auto}.published-schedule th,.published-schedule td,.vacation-statistics th,.vacation-statistics td{white-space:nowrap}.stats-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.stats-metrics span{display:block;color:var(--muted);font-size:12px}.stats-metrics strong{display:block;margin-top:10px;font-size:28px}@media(max-width:700px){.published-schedule .panel,.vacation-statistics .panel{padding:18px}}.schedule-summary{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.published-schedule .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.planning-page .planning-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;margin:20px 0}.planning-page .planning-metrics div{display:flex;flex-direction:column;gap:5px;padding:14px;background:var(--surface-soft, #f5f8f5);border-radius:12px}.planning-page .planning-metrics strong{font-size:1.5rem}.planning-page fieldset{border:0;padding:0;margin:0;min-width:0}.planning-page .planning-operation{margin:14px 0}.planning-page .planning-operation .ui-button{margin-top:8px;white-space:normal}.planning-page td .planning-operation{width:190px}.planning-page .planning-confirm{border:2px solid #24634e}.planning-page .action-row{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.planning-page details summary{cursor:pointer;font-weight:650;padding:8px 0}.planning-page details[open] summary{margin-bottom:16px}.planning-page dt{font-weight:600}.planning-page dd{margin:4px 0 16px;overflow-wrap:anywhere}.schedule-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:13px}.schedule-code{display:inline-block;padding:5px 9px;border-radius:6px;background:#edf0ed;color:#344b3c;font-weight:600}.schedule-code.code-m{background:#e9f3fc;color:#245b83}.schedule-code.code-t{background:#fff2db;color:#775322}.schedule-code.code-mt{background:#ede8fb;color:#5d4381}.schedule-code.code-vac{background:#e2f4eb;color:#246144}.schedule-code.code-enf,.schedule-code.code-fam{background:#fce8e8;color:#8a4141}.schedule-code.home-office{border:1px solid #527e67}.published-schedule .outside-month{background:#fafaf6}.published-schedule .weekend{border-left:1px solid var(--border)}.vacation-periods .panel,.vacation-requests .panel{padding:24px;margin-bottom:20px}.vacation-requests .panel h2{margin:0 0 20px;font-size:18px}.vacation-periods .table-wrap,.vacation-requests .table-wrap{overflow-x:auto}.vacation-periods th,.vacation-periods td,.vacation-requests th,.vacation-requests td{white-space:nowrap}.vacation-requests .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.vacation-requests .detail-grid dt{color:var(--muted);font-size:12px}.vacation-requests .detail-grid dd{margin:6px 0 0;overflow-wrap:anywhere}.vacation-periods .pagination,.vacation-periods .period-actions,.vacation-requests .pagination{display:flex;flex-wrap:wrap;gap:12px}.vacation-periods [role=alertdialog],.vacation-requests [role=alertdialog]{background:#f8faf5;padding:20px;margin-top:20px;border:1px solid var(--border);border-radius:8px}.vacation-periods [role=alertdialog] .button,.vacation-requests [role=alertdialog] .button{margin:8px 8px 0 0}@media(max-width:700px){.vacation-periods .panel,.vacation-requests .panel{padding:18px}}.vacation-account .panel h2{margin:0 0 20px;font-size:16px}.vacation-account .filter-grid{display:flex;flex-wrap:wrap;align-items:end;gap:14px}.vacation-account .filter-grid label{flex:1;min-width:180px}.vacation-account .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;margin:24px 0}.vacation-account .detail-grid dt{color:var(--muted);font-size:12px}.vacation-account .detail-grid dd{font-size:24px;font-weight:600;margin:7px 0 0}.vacation-account .table-wrap{overflow-x:auto}.vacation-account .pagination{padding:20px 0 0;flex-wrap:wrap;gap:12px}.vacation-account [role=alertdialog]{background:#f8faf5;padding:20px;border:1px solid var(--border);border-radius:8px;margin-top:20px}.vacation-account [role=alertdialog] .button{margin:8px 8px 0 0}@media(max-width:700px){.vacation-account .panel{padding:18px}}.filter-bar{display:flex;align-items:center;gap:13px;padding:20px 24px;border-bottom:1px solid var(--border)}.search-field{display:flex;align-items:center;flex-direction:row;gap:9px;border:1px solid var(--border);border-radius:7px;padding-left:12px;flex:1;max-width:420px;color:#95a298}.search-field input{border:0;background:transparent;width:100%;box-shadow:none;font-size:12px}.status-filter{display:flex;align-items:center;flex-direction:row;font-size:11px;color:#809085;margin-left:auto;gap:10px}.status-filter select{font-size:12px;min-width:120px;padding:9px 12px}.table-heading{display:flex;align-items:center;justify-content:space-between;padding:24px}.table-heading h2{font-size:13px;margin:0}.table-heading h2 span{background:#eef3ec;color:#67805e;padding:3px 7px;border-radius:5px;font-size:10px;margin-left:8px}.table-heading>span{font-size:10px;color:#9aa69e}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{background:#f8faf7;border-block:1px solid #edf1eb;color:#829183;font-size:10px;letter-spacing:.25px;font-weight:600;text-align:left;padding:13px 24px;white-space:nowrap}th button{display:flex;align-items:center;gap:7px;font:inherit;color:inherit;border:0;background:none;padding:0}td{padding:17px 24px;border-bottom:1px solid #edf1eb}tr:last-child td{border-bottom:0}.align-right{text-align:right}.muted{color:#95a095;font-size:11px}.bank-name{display:flex;align-items:center;gap:13px;min-width:140px}.bank-name strong{font-weight:600}.bank-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#f1f5ee;color:#859b7d}.bank-symbol img{max-height:27px;max-width:27px;object-fit:contain}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;padding:5px 8px;border-radius:5px}.status-pill.enabled{background:#edf5e9;color:#62904a}.status-pill.disabled{background:#f4f1ed;color:#9e8970}.status-pill>span{height:4px;width:4px;border-radius:50%;background:currentColor}.row-actions{display:flex;justify-content:flex-end;align-items:center;gap:4px;white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-top:1px solid var(--border);font-size:10px;color:#88968b}.pagination>div{display:flex;align-items:center;gap:10px}.empty-cell{text-align:center;color:#8e9a91;padding:55px}.app-footer{display:flex;justify-content:space-between;padding:21px 38px;font-size:9px;color:#9eaaa1;letter-spacing:.3px}.welcome-panel{display:flex;align-items:center;gap:25px;padding:32px;background:#eaf0e3;border:1px solid #dce5d4;border-radius:12px;margin-bottom:36px}.welcome-panel h2{margin-bottom:8px;font-size:22px}.welcome-panel p{margin:0;font-size:13px;color:#6f8267}.welcome-icon{background:#dae6cc;border-radius:12px;width:60px;height:60px;display:grid;place-items:center;color:#668154;flex-shrink:0}.section-heading{font-size:14px;margin-bottom:18px}.shortcut-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.shortcut-card{position:relative;background:#fff;padding:25px;border:1px solid var(--border);border-radius:10px;transition:transform .15s}.shortcut-card:hover{transform:translateY(-2px);border-color:#afc5a5}.shortcut-card>svg{color:#598068}.shortcut-card h3{font-size:16px;margin:22px 0 10px}.shortcut-card p{font-size:12px;margin:0}.shortcut-arrow{position:absolute;right:24px;top:26px}.notice{border:1px solid #dfdfd0;background:#faf9f0;color:#86753e;padding:13px 16px;border-radius:8px;font-size:12px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.notice.error{background:#fdf1ed;border-color:#f0d6ca;color:#a05b46}.notice.success{background:#f0f7eb;border-color:#dce9d1;color:#537845}.notice p{font-size:12px;margin:8px 0 0;color:inherit}.loading-screen{min-height:100vh;display:grid;place-items:center;font-size:14px;color:#607f65}.login-screen{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:#183b2e;color:#fff;padding:50px 60px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #ffffff0a;border-radius:50%;right:-220px;bottom:-160px;pointer-events:none;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff02}.login-story>.environment{position:absolute;right:40px;top:56px;background:#ffffff09;color:#abc49e;border-color:#ffffff20}.login-story>div:nth-of-type(2){margin-block:auto;padding-block:80px;z-index:1}.login-story .eyebrow{color:#8dab92}.login-story h1{font-size:52px;line-height:1.2;letter-spacing:-1.6px;margin-bottom:25px}.login-story p{max-width:350px;font-size:14px;color:#a0b9a6}.login-story-footer{font-size:10px;color:#83a38b}.login-form-panel{background:#fff;display:grid;place-items:center;padding:50px}.login-form-wrapper{width:100%;max-width:350px}.login-mark{color:#62906b;margin-bottom:24px}.login-form-wrapper h2{font-size:26px;letter-spacing:-.8px;margin-bottom:10px}.login-form-wrapper>p{font-size:12px;margin-bottom:32px}.login-form-wrapper form{display:flex;flex-direction:column;gap:20px}.login-submit{margin-top:10px;justify-content:space-between}.login-form-wrapper .login-footnote{font-size:10px;text-align:center;margin:28px 0 0;line-height:1.7}.back-link{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#6c846e;margin-bottom:25px}.form-panel{max-width:900px;padding:28px}.form-panel h2{margin-bottom:27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.full-width{grid-column:1/-1}.required{color:#a15e43}.payment-methods{padding:0;border:0;margin:0}.payment-methods legend{font-size:13px;font-weight:600;margin-bottom:14px}.payment-methods>div{display:flex;flex-wrap:wrap;gap:12px}.checkbox{flex-direction:row;align-items:center;background:#f7f9f5;border:1px solid var(--border);padding:10px 13px;border-radius:6px;font-size:12px;font-weight:400}.checkbox input{accent-color:var(--green);box-shadow:none}.upload-zone{padding:30px;border:1px dashed #bdcdb7;align-items:center;background:#f8faf5;border-radius:8px;text-align:center;color:#6e8966}.upload-zone span{font-size:11px;font-weight:400}.upload-zone input{font-size:11px;margin-top:8px;background:#fff}.logo-preview{max-width:130px;max-height:100px;object-fit:contain;margin-top:18px}.form-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--border);padding-top:24px;margin-top:28px}.field-error{font-size:11px;color:#a05b46}.modal-backdrop{position:fixed;inset:0;background:#122b2359;z-index:50;display:grid;place-items:center;padding:24px}.modal{max-width:450px;background:#fff;border-radius:12px;padding:28px;width:100%;box-shadow:0 20px 80px #14261e30}.modal p{font-size:13px}.mobile-menu,.sidebar-overlay{display:none}@media(min-width:1500px){.main-content{padding-top:55px}}@media(max-width:1000px){.sidebar{width:205px}.workspace{margin-left:205px}.main-content,.topbar{padding-left:24px;padding-right:24px}.filter-bar{flex-wrap:wrap}.search-field{max-width:none}.status-filter{margin-left:0}th,td{padding-inline:16px}.user-name{display:none}}@media(max-width:700px){.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:#142c2350;border:0;z-index:19}.workspace{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:68px;padding-inline:17px}.workspace-title{display:none}.topbar-right{margin-left:auto;gap:9px}.main-content{padding:28px 18px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px}h1{font-size:27px}.page-heading p{font-size:12px}.page-heading .button{padding:10px;font-size:11px}.filter-bar{padding:16px;gap:10px}.search-field{flex-basis:100%}.table-heading{padding:20px 16px}.table-heading>span{display:none}.login-screen{grid-template-columns:1fr}.login-story{padding:24px;min-height:130px}.login-story>div:nth-of-type(2),.login-story-footer{display:none}.login-story>.environment{top:35px;right:24px}.login-form-panel{padding:45px 24px;align-items:start}.form-panel{padding:20px}.form-grid{grid-template-columns:1fr}.welcome-panel{padding:24px;gap:15px}.welcome-panel h2{font-size:18px}.app-footer{padding-inline:18px}}.catalog-filters{flex-wrap:wrap;align-items:flex-end}.catalog-filters .status-filter{margin-left:0;flex-direction:column;align-items:stretch;flex:1 1 140px;min-width:0}.catalog-filters input,.catalog-filters select{width:100%}.help-files{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.help-file{padding:16px;border:1px solid #e4e8ee;border-radius:12px;display:grid;gap:10px}.help-file img{width:100%;height:140px;object-fit:contain}.help-form fieldset{border:0;padding:0;margin:0;min-width:0}.help-thumbnail{width:50px;height:50px;object-fit:contain}.help-form h2{margin-top:24px}.shift-hours{min-width:75px;width:90px}.shift-mode{min-width:180px}.shift-page .panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.shift-page .panel-heading h2{margin-bottom:8px}.shift-page .field-error{white-space:normal;display:block;min-width:120px}
