:root{--brand-deep: #366cb0;--brand-mid: #348dc2;--brand-cyan: #32add4;--brand-gradient: linear-gradient(90deg, var(--brand-deep), var(--brand-cyan));--bg: #f6f8fb;--surface: #ffffff;--surface-raised: #ffffff;--header-bg: rgba(255, 255, 255, .92);--border: #e5eaf0;--border-strong: #c9d3de;--text: #1f2b38;--text-secondary: #55636f;--text-muted: #8695a4;--text-on-brand: #ffffff;--link: var(--brand-deep);--brand-tint: #eaf2fa;--status-danger: #d64545;--status-danger-bg: #fbeaea;--status-warn: #b97817;--status-warn-bg: #fdf3e3;--status-ok: #3e9c5c;--status-ok-bg: #e9f5ee;--status-info-bg: #e8f2fa;--leave-annual: #3e9c5c;--leave-annual-half: #a5d6b4;--leave-unpaid: #e07b28;--leave-unpaid-half: #f3c89e;--leave-sick: #7d5bb5;--leave-inlieu: #2a9d8f;--leave-birthday: #d4699b;--leave-wfh: #4a90d9;--leave-away: #9aa2ab;--leave-holiday-col: #e3eaf2;--leave-holiday-row: #cfdded;--leave-nonworking: #eef1f5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(15, 30, 50, .08);--shadow: 0 4px 14px rgba(15, 30, 50, .1);--shadow-lg: 0 12px 34px rgba(15, 30, 50, .14);--font-sans: "Inter", "InterVariable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--z-sticky: 10;--z-nav: 50;--z-modal: 100;--z-toast: 200;--focus-ring: 0 0 0 3px rgba(52, 141, 194, .45);--touch-target: 44px}[data-theme=dark]{--bg: #14181d;--surface: #1d232a;--surface-raised: #242c35;--header-bg: rgba(29, 35, 42, .92);--border: #323b45;--border-strong: #46515d;--text: #e6e9ec;--text-secondary: #aab2bb;--text-muted: #7b848e;--link: #6db1e3;--brand-tint: #1e2c3a;--status-danger-bg: #3a2222;--status-warn-bg: #38301e;--status-ok-bg: #20312a;--status-info-bg: #1e2c38;--leave-holiday-col: #232c37;--leave-holiday-row: #2c3a4a;--leave-nonworking: #1a2027;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow: 0 4px 14px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 34px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.55;color:var(--text);background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{line-height:1.3;font-weight:650;color:var(--text)}h1{font-size:var(--text-2xl);letter-spacing:-.02em;margin-bottom:var(--space-2)}h2{font-size:var(--text-lg);letter-spacing:-.01em;margin-bottom:var(--space-3)}h3{font-size:var(--text-base);margin-bottom:var(--space-2)}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.page>.card+.card,.page>.card+.table-wrap,.page>.table-wrap+.card{margin-top:var(--space-4)}.card>h2:first-child{padding-bottom:var(--space-3);border-bottom:1px solid var(--border);margin-bottom:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font-weight:550;font-size:var(--text-sm);cursor:pointer;text-decoration:none;transition:filter .12s ease}.btn:hover{filter:brightness(.97);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand-deep);border-color:var(--brand-deep);color:var(--text-on-brand)}.btn-danger{background:var(--status-danger);border-color:var(--status-danger);color:var(--text-on-brand)}.btn-ghost{border-color:transparent;background:transparent}.btn-sm{min-height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:999px;font-size:var(--text-xs);font-weight:600;background:var(--status-info-bg);color:var(--brand-deep)}.badge-danger{background:var(--status-danger-bg);color:var(--status-danger)}.badge-warn{background:var(--status-warn-bg);color:var(--status-warn)}.badge-ok{background:var(--status-ok-bg);color:var(--status-ok)}.badge-muted{background:var(--leave-nonworking);color:var(--text-secondary)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:var(--text-sm);color:var(--text);text-decoration:none}.chip:hover{border-color:var(--brand-mid);text-decoration:none}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th,.table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);white-space:nowrap;height:42px}.table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:650;color:var(--text-muted);background:var(--surface);position:sticky;top:0;z-index:1;box-shadow:inset 0 -1px 0 var(--border-strong)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--brand-tint)}.table .num{text-align:right;font-variant-numeric:tabular-nums}@media(max-width:640px){.table th:first-child,.table td:first-child{position:sticky;left:0;background:var(--surface);z-index:1}}.form-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-field label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.form-field input,.form-field select,.form-field textarea{min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface)}.form-field textarea{min-height:96px;resize:vertical}.form-field .field-error{color:var(--status-danger);font-size:var(--text-xs)}.form-field input[aria-invalid=true],.form-field textarea[aria-invalid=true]{border-color:var(--status-danger)}.toast-host{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);align-items:center;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-3);background:var(--text);color:var(--bg);padding:var(--space-3) var(--space-4);border-radius:var(--radius);box-shadow:var(--shadow-lg);font-size:var(--text-sm)}.toast.toast-error{background:var(--status-danger);color:var(--text-on-brand)}.toast .toast-undo{background:none;border:none;color:inherit;font-weight:700;cursor:pointer;text-decoration:underline}.modal{margin:auto;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-5);max-width:min(92vw,480px);width:100%;background:var(--surface-raised);color:var(--text)}.modal::backdrop{background:#0a141e73}.empty-state{text-align:center;padding:var(--space-7) var(--space-5);color:var(--text-secondary)}.empty-state h3{margin-bottom:var(--space-2)}.page{max-width:1280px;margin:0 auto;padding:var(--space-5) var(--space-5) var(--space-7)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.muted{color:var(--text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media print{.no-print{display:none!important}body{background:#fff}.card{box-shadow:none;border-color:#000}}