@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2?dpl=dpl_3wDPFSGFKYCSrn4GonuVDiN945Cj)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2?dpl=dpl_3wDPFSGFKYCSrn4GonuVDiN945Cj)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2?dpl=dpl_3wDPFSGFKYCSrn4GonuVDiN945Cj)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2?dpl=dpl_3wDPFSGFKYCSrn4GonuVDiN945Cj)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2?dpl=dpl_3wDPFSGFKYCSrn4GonuVDiN945Cj)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2?dpl=dpl_3wDPFSGFKYCSrn4GonuVDiN945Cj)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2?dpl=dpl_3wDPFSGFKYCSrn4GonuVDiN945Cj)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_a869fe2d-module__Nl2jCG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_a869fe2d-module__Nl2jCG__variable{--font-inter:"Inter", "Inter Fallback"}
*{box-sizing:border-box}:root{--color-bg:#f6f7fb;--color-surface:#fff;--color-text:#1f2937;--color-text-muted:#6b7280;--color-border:#e5e7eb;--color-border-input:#d1d5db;--color-accent:#be185d;--color-accent-soft:#fce7f3;--color-accent-soft-bg:#fde7f0;--color-danger:#b91c1c;--color-danger-bg:#fef2f2;--color-success-bg:#14532d;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--shadow-card:0 1px 2px #0f172a0f;--shadow-elevated:0 10px 28px #0f172a14;--shadow-soft:0 4px 14px #7e22ce14;--sidebar-bg:linear-gradient(180deg, #fff 0%, #faf8ff 55%, #f8f5ff 100%);--space-1:6px;--space-2:10px;--space-3:14px;--space-4:18px;--space-5:24px}body{font-family:var(--font-inter,Inter), system-ui, sans-serif;background-color:var(--color-bg);color:var(--color-text);background-image:radial-gradient(120% 80% at 100% -10%,#be185d0f,#0000 50%),radial-gradient(90% 60% at 0 100%,#7c3aed0d,#0000 45%);background-attachment:fixed;margin:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--color-border);padding:22px 14px 24px;box-shadow:4px 0 24px #0f172a0a}.brand-link{color:inherit;text-decoration:none;display:block}.brand-row{align-items:center;gap:12px;margin:2px 8px 14px;display:flex}.brand-mark{filter:drop-shadow(0 4px 12px #7c3aed40);flex-shrink:0;line-height:0}.brand-text{min-width:0}.brand{letter-spacing:-.03em;margin:0;font-size:1.35rem;font-weight:700;line-height:1.15}.brand-tagline{color:var(--color-text-muted);letter-spacing:.01em;margin-top:4px;font-size:12px;font-weight:500}.role-chip{color:#831843;letter-spacing:.02em;background:linear-gradient(135deg,#fce7f3 0%,#ede9fe 100%);border:1px solid #be185d1f;border-radius:999px;margin:0 8px 16px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-block}.sidebar-nav{flex-direction:column;display:flex}.nav-item{border-radius:var(--radius-md);color:#4b5563;min-height:44px;margin:2px 4px;padding:12px;line-height:1.3;display:block}.nav-item.active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.content-wrap{padding:var(--space-5)}.main-content{min-height:40vh}.topbar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card), 0 12px 28px #0f172a0d;justify-content:space-between;align-items:center;margin-bottom:18px;padding:14px 18px;display:flex}.topbar-user{min-width:0}.topbar-user strong{letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.topbar-meta{flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;font-size:13px;display:flex}.topbar-sep{opacity:.5}.topbar-role-system{font-size:12px}.page-header{margin-bottom:var(--space-4)}.page-title{margin:0 0 var(--space-1);letter-spacing:-.02em;font-size:1.65rem;font-weight:700}.page-subtitle{max-width:52rem;margin:0;font-size:.95rem}.breadcrumb{margin-bottom:var(--space-2)}.breadcrumb-list{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.breadcrumb-item{align-items:center;gap:4px;display:inline-flex}.breadcrumb-sep{opacity:.45;margin:0 2px}.breadcrumb-link{color:var(--color-accent);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-current{color:var(--color-text);font-weight:600}.page-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--shadow-card)}.dashboard-page.grid{gap:var(--space-4)}.grid{gap:14px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{margin-bottom:10px}.field--full{grid-column:1/-1}@media (max-width:720px){.staff-create-form-grid.grid.two,.staff-create-inline-checks{grid-template-columns:1fr}}select.staff-region-multiselect[multiple]{min-height:44px;max-height:120px;padding:8px 10px;line-height:1.4}.staff-region-hint{margin-top:6px;margin-bottom:0;font-size:11px;line-height:1.35}.staff-create-inline-checks{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px 14px;margin-top:4px;margin-bottom:10px;display:grid}.staff-create-inline-checks--single{grid-template-columns:1fr}.staff-inline-check{color:#374151;cursor:pointer;align-items:flex-start;gap:8px;margin:0;font-size:12px;line-height:1.35;display:flex}.staff-inline-check input[type=checkbox]{cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:2px;min-height:16px!important}.staff-inline-check code{font-size:11px}.field label{color:#4b5563;margin-bottom:6px;font-size:13px;display:block}.field input,.field select,.field textarea{border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:44px;padding:10px 12px;font-size:14px}.field textarea{min-height:88px}.uk-date-field{position:relative}.uk-date-display-input{cursor:text;width:100%;padding-right:2.5rem!important}.uk-date-picker-button{cursor:pointer;background:0 0;border:0;font-size:1rem;line-height:1;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.uk-date-picker-button:disabled,.uk-date-display-input:disabled{cursor:not-allowed}.uk-date-native-picker{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.btn{border:1px solid var(--color-border-input);background:var(--color-surface);cursor:pointer;border-radius:9px;min-height:44px;padding:10px 14px;font-weight:600}.btn.primary{color:#fff;background:#111827;border-color:#111827}.btn:disabled{opacity:.55;cursor:not-allowed}.muted{color:var(--color-text-muted)}.skip-link{z-index:9999;background:var(--color-text);color:var(--color-surface);border-radius:0 0 var(--radius-sm) 0;padding:12px 16px;font-weight:600;position:absolute;top:0;left:-9999px}.skip-link:focus{outline:none;left:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-wrap{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;max-width:420px;padding:20px}.dashboard-hero{box-shadow:var(--shadow-card), var(--shadow-soft);padding:var(--space-5);background:linear-gradient(125deg,#fff 0%,#faf5ff 38%,#f5f3ff 72%,#fdf2f8 100%);border-color:#e9d5ff;position:relative;overflow:hidden}.dashboard-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#be185d14,#0000 55%);height:120%;position:absolute;inset:-40% 40% auto -20%}.dashboard-hero-inner{z-index:1;max-width:42rem;position:relative}.dashboard-hero-eyebrow{margin:0 0 var(--space-2);letter-spacing:.14em;text-transform:uppercase;color:#9d174d;font-size:11px;font-weight:700}.dashboard-hero-title{letter-spacing:-.03em;margin:0;font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:700;line-height:1.2}.dashboard-hero-sub{margin:var(--space-2) 0 0;max-width:36rem;font-size:.95rem;line-height:1.45}.dashboard-section{gap:var(--space-2);flex-direction:column;display:flex}.dashboard-section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin:0;font-size:.75rem;font-weight:700}.dashboard-stat-link{color:inherit;min-height:140px;margin-bottom:var(--space-3);flex-direction:column;text-decoration:none;transition:box-shadow .2s,border-color .2s;display:flex}.dashboard-stat-link:hover{box-shadow:var(--shadow-card), var(--shadow-elevated);border-color:#e9d5ff}.dashboard-stats{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dashboard-stats--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:140px;box-shadow:var(--shadow-card);flex-direction:column;transition:box-shadow .2s,border-color .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-card), var(--shadow-elevated);border-color:#e9d5ff}.stat-card-head{justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.stat-card-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:12px;font-weight:600}.stat-card-icon{width:38px;height:38px;color:var(--color-accent);border-radius:10px;place-items:center;display:grid}.stat-card-icon-amber{color:#b45309;background:linear-gradient(145deg,#fffbeb,#fef3c7)}.stat-card-icon-rose{color:#be123c;background:linear-gradient(145deg,#fff1f2,#ffe4e6)}.stat-card-icon-violet{color:#6d28d9;background:linear-gradient(145deg,#f5f3ff,#ede9fe)}.stat-card-icon-emerald{color:#047857;background:linear-gradient(145deg,#ecfdf5,#d1fae5)}.stat-card-value{margin:0 0 var(--space-2);letter-spacing:-.04em;color:#111827;font-size:2.25rem;font-weight:800;line-height:1}.stat-card-hint{margin:auto 0 0;font-size:13px;line-height:1.45}.dashboard-insight{box-shadow:var(--shadow-card);background:linear-gradient(90deg,#faf5ff 0%,#fff 28%);border-left:4px solid #a855f7}.dashboard-insight-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.dashboard-insight-title{letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:700}.dashboard-insight-pill{color:#5b21b6;background:#ede9fe;border:1px solid #ddd6fe;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.dashboard-insight-copy{margin:0;font-size:.95rem;line-height:1.55}.dashboard-insight-copy--tight{margin-top:var(--space-2)}.dashboard-insight--personal{background:linear-gradient(90deg,#fdf2f8 0%,#fff 32%);border-left:4px solid #f472b6}.dashboard-insight--settled{background:linear-gradient(90deg,#f0fdf4 0%,#fff 32%);border-left:4px solid #22c55e}.dashboard-insight-inline-link{color:#7c3aed;text-underline-offset:2px;font-weight:600;text-decoration:underline}.dashboard-insight-inline-link:hover{color:#5b21b6}.staff-table{border:1px solid #e5e7eb;border-radius:10px;overflow:auto}.staff-row{border-top:1px solid #eef2f7;grid-template-columns:1.2fr 1.3fr .8fr 1fr 1fr .8fr .6fr .7fr 1.2fr;align-items:center;gap:10px;min-width:1100px;padding:10px 12px;font-size:13px;display:grid}.btn.btn-action{border-radius:8px;padding:6px 10px;font-size:12px}.btn.btn-danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.btn.btn-danger:hover{background:#fee2e2}.btn.btn-danger:disabled{opacity:.6;cursor:not-allowed}.modal-backdrop{z-index:2000;background:#0f172a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;max-width:720px;max-height:90vh;padding:18px;overflow:auto;box-shadow:0 20px 50px #0f172a40}.modal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.region-picker{background:#fff;border:1px solid #d1d5db;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.region-option{color:#1f2937;cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.region-option input[type=checkbox]{width:18px;height:18px}.region-codes{font-size:12px}.holidays-hero{background:linear-gradient(135deg,#fff 0%,#ecfeff 100%);border-color:#bae6fd}.holiday-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:8px;display:grid}.holiday-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.holiday-date{color:#6b7280;font-size:12px;font-weight:600}.holiday-name{color:#1f2937;font-size:15px;font-weight:700}.holiday-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.pill{color:#334155;background:#f1f5f9;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.pill.region-north_america{color:#3f6212;background:#ecfccb}.pill.region-europe{color:#5b21b6;background:#ede9fe}.pill.region-australia{color:#9a3412;background:#ffedd5}.holiday-table{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.holiday-row{border-top:1px solid #eef2f7;grid-template-columns:1.2fr 2fr 1.4fr 1fr;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:grid}.holiday-row:first-child{border-top:none}.holiday-head{color:#334155;background:#f8fafc;font-weight:700}.holiday-calendar-shell{gap:12px;display:grid}.holiday-calendar-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.holiday-calendar-title{margin:0;font-size:24px}.holiday-calendar-sub{margin:4px 0 0;font-size:13px}.holiday-calendar-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.holiday-calendar-controls select,.holiday-calendar-controls input{border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:#fff;min-height:38px;padding:6px 10px}.holiday-calendar-controls input{width:96px}.holiday-calendar-summary{flex-wrap:wrap;gap:8px;display:flex}.holiday-pill{border:1px solid #0000}.holiday-pill-leave-approved{color:#166534;background:#dcfce7;border-color:#86efac}.holiday-pill-leave-pending{color:#92400e;background:#fef3c7;border-color:#fcd34d}.holiday-pill-leave-rejected{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.holiday-pill-sick{color:#9f1239;background:#fee2e2;border-color:#fda4af}.holiday-pill-ph{color:#1e3a8a;background:#dbeafe;border-color:#93c5fd}.holiday-calendar-grid-wrap{overflow:auto}.holiday-calendar-weekdays,.holiday-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));min-width:920px;display:grid}.holiday-calendar-weekday{color:#475569;padding:8px 10px;font-size:12px;font-weight:700}.holiday-day{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:6px;min-height:128px;padding:8px;display:flex}.holiday-day-empty{background:0 0;border-color:#0000;min-height:128px}.holiday-day-number{color:#334155;font-size:12px;font-weight:700}.holiday-day-badges{flex-wrap:wrap;gap:4px;display:flex}.holiday-day-lines{gap:4px;display:grid}.holiday-line{white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:3px 6px;font-size:11px;line-height:1.2;overflow:hidden}.holiday-line-ph{color:#1e3a8a;background:#eff6ff}.holiday-line-sick{color:#9f1239;background:#ffe4e6}.holiday-line-leave-approved{color:#065f46;background:#ecfdf5}.holiday-line-leave-pending{color:#92400e;background:#fffbeb}.holiday-line-leave-rejected{color:#991b1b;background:#fef2f2}.holiday-line-leave-other{color:#475569;background:#f8fafc}.policy-view-hero{background:linear-gradient(135deg,#fff 0%,#eef2ff 100%);border-color:#c7d2fe}.policy-view-header{background:linear-gradient(125deg,#fff 0%,#f8fafc 100%);border-color:#cbd5e1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.policy-view-hero-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.policy-view-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.policy-view-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.policy-view-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.policy-view-card{border:1px solid #e5e7eb;border-radius:14px}.policy-view-card-strong{background:linear-gradient(125deg,#fff 0%,#eef2ff 100%)}.policy-view-card-window{border-color:#c7d2fe}.policy-view-card-sick{border-color:#fde68a}.policy-view-card-reminders{border-color:#a7f3d0}.policy-view-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.policy-view-controls label{font-size:12px}.policy-view-title{margin:0 0 10px;font-size:16px}.policy-view-bigline{color:#1f2937;align-items:center;gap:8px;font-size:22px;font-weight:700;display:flex}.policy-view-stat{color:#0f172a;font-size:34px;font-weight:800;line-height:1}.policy-view-copy{margin-top:10px;margin-bottom:0;font-size:13px;line-height:1.5}.policy-principle{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.policy-principle-label{color:#0f172a;font-size:13px;font-weight:700}@media (max-width:960px){.policy-view-grid--three,.policy-view-grid--two{grid-template-columns:1fr}}.staff-row:first-child{border-top:none}.staff-head{color:#334155;background:#f8fafc;font-weight:700}.rcd-wrap{width:100%;position:relative}.rcd-trigger{color:#1f2937;cursor:pointer;text-align:left;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:40px;padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s;display:flex}.rcd-trigger:hover{border-color:#be185d}.rcd-trigger--open,.rcd-trigger:focus{border-color:#be185d;outline:none;box-shadow:0 0 0 3px #be185d1f}.rcd-trigger-text{text-overflow:ellipsis;white-space:nowrap;color:inherit;flex:1;overflow:hidden}.rcd-chevron{color:#94a3b8;flex-shrink:0;transition:transform .18s}.rcd-trigger--open .rcd-chevron{transform:rotate(180deg)}.rcd-panel{z-index:500;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex-direction:column;gap:1px;padding:4px;display:flex;position:absolute;top:calc(100% + 3px);left:0;right:0;box-shadow:0 6px 18px #0f172a1c}.rcd-option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;align-items:center;gap:8px;padding:6px 8px;transition:background .12s;display:flex}.rcd-option:hover,.rcd-option--checked{background:#fdf2f8}.rcd-checkbox{accent-color:#be185d;cursor:pointer;flex-shrink:0;margin:0;padding:0;width:14px!important;min-width:14px!important;height:14px!important;min-height:14px!important}.rcd-option-body{flex:1;align-items:baseline;gap:6px;display:flex}.rcd-option-name{color:#1f2937;font-size:13px;font-weight:500}.rcd-option-codes{color:#9ca3af;font-size:11px}.dir-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.dir-toolbar-left{align-items:center;gap:10px;display:flex}.dir-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.dir-count{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.btn.btn-sm{align-items:center;padding:6px 12px;font-size:12px;display:inline-flex}.dir-filters{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.dir-search-wrap{flex:1;align-items:center;min-width:200px;display:flex;position:relative}.dir-search-icon{pointer-events:none;position:absolute;left:11px}.dir-search-input{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:9px 36px 9px 34px;font-size:13px;transition:border-color .15s,box-shadow .15s}.dir-search-input:focus{border-color:#be185d;outline:none;box-shadow:0 0 0 3px #be185d1f}.dir-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:12px;line-height:1;position:absolute;right:10px}.dir-search-clear:hover{color:#475569}.dir-role-filter{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:130px;padding:9px 12px;font-size:13px}.dir-role-filter:focus{border-color:#be185d;outline:none;box-shadow:0 0 0 3px #be185d1f}.dir-table-wrap{border:1px solid #e5e7eb;border-radius:10px;overflow:auto}.dir-table{border-collapse:collapse;width:100%;min-width:860px;font-size:13px}.dir-table thead tr{background:#f8fafc}.dir-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#64748b;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:10px 14px;font-size:11px;font-weight:700}.dir-th-actions{text-align:right!important}.dir-tr{transition:background .1s}.dir-tr:hover{background:#fafafa}.dir-table td{vertical-align:middle;color:#1f2937;border-bottom:1px solid #f1f5f9;padding:11px 14px}.dir-table tbody tr:last-child td{border-bottom:none}.dir-td-name{min-width:120px}.dir-name{color:#0f172a;font-weight:600;line-height:1.3}.dir-slack-id{color:#94a3b8;align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.dir-job-title{color:#64748b;margin-top:3px;font-size:11px}.dir-manager{color:#374151;font-size:13px}.dir-muted{color:#94a3b8}.dir-td-mono{font-variant-numeric:tabular-nums}.dir-td-center{text-align:center}.dir-td-actions{text-align:right;white-space:nowrap}.dir-action-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;margin-left:5px;padding:5px 10px;font-size:12px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.dir-action-btn:hover{background:#f8fafc;border-color:#cbd5e1}.dir-action-btn:first-child{margin-left:0}.dir-action-btn--danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.dir-action-btn--danger:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.dir-action-btn--danger:disabled{opacity:.6;cursor:not-allowed}.dir-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-pink{color:#9d174d;background:#fdf2f8;border:1px solid #fbcfe8}.badge-violet{color:#5b21b6;background:#f5f3ff;border:1px solid #ddd6fe}.badge-blue{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.badge-green{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.badge-gray{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.region-pills-wrap{flex-wrap:wrap;gap:4px;display:flex}.region-pill{color:#334155;letter-spacing:.03em;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-block}.dir-empty{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.dir-empty p{color:#64748b;margin:0;font-size:14px}.toast-stack{border-radius:var(--radius-md);color:#fff;z-index:1000;max-width:min(420px,92vw);padding:12px 14px;font-size:14px;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 24px #0f172a33}.toast-stack.toast-success{background:var(--color-success-bg)}.toast-stack.toast-error{background:#7f1d1d}.tabs{margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);flex-wrap:wrap;gap:6px;display:flex}.tab{border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:pointer;color:var(--color-text-muted);background:0 0;border:1px solid #0000;min-height:44px;padding:10px 14px;font-weight:600}.tab:hover{color:var(--color-text);background:#f9fafb}.tab.active{color:var(--color-accent);border-color:var(--color-border);border-bottom-color:var(--color-surface);background:var(--color-surface);margin-bottom:-1px}.tab-panel{margin-top:var(--space-2)}.alert{border-radius:var(--radius-md);margin-top:var(--space-2);padding:10px 12px;font-size:14px}.alert-error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #fecaca}.alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.alert-info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.balance-card{margin-top:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:#fafafa}.balance-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.balance-stat dt{color:var(--color-text-muted);margin:0 0 4px;font-size:12px}.balance-stat dd{margin:0;font-size:1.25rem;font-weight:700}.approval-table-wrap{margin-top:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:auto}.approval-table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}.approval-table th,.approval-table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle;padding:12px 14px}.approval-table th{color:#334155;background:#f8fafc;font-weight:700}.approval-table tr:last-child td{border-bottom:none}.avatar{background:var(--color-accent-soft);width:40px;height:40px;color:var(--color-accent);border-radius:999px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.date-chip{background:#f1f5f9;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.data-table{border-collapse:collapse;width:100%;margin-top:var(--space-2);font-size:14px}.data-table th,.data-table td{border-bottom:1px solid var(--color-border);text-align:left;padding:10px 12px}.data-table th{background:#f8fafc;font-weight:600}.policy-mode-banner{border-radius:var(--radius-md);margin-bottom:var(--space-3);color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;padding:10px 12px;font-size:14px}.policy-mode-banner.editing{color:#92400e;background:#fffbeb;border-color:#fcd34d}.skeleton-line{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%) 0 0/200% 100%;border-radius:6px;height:14px;margin-bottom:8px;animation:1.2s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard-cta-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.dashboard-cta{padding:var(--space-4) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;background:var(--color-surface);box-shadow:var(--shadow-card);align-items:flex-start;gap:14px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.dashboard-cta:hover{box-shadow:var(--shadow-card), var(--shadow-elevated);border-color:#be185d59;transform:translateY(-1px)}.dashboard-cta-icon{width:44px;height:44px;color:var(--color-accent);background:linear-gradient(145deg,#fdf2f8,#f5f3ff);border:1px solid #be185d1a;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.dashboard-cta-body{flex-direction:column;gap:6px;min-width:0;display:flex}.dashboard-cta-title{letter-spacing:-.01em;font-size:15px;font-weight:700}.dashboard-cta-desc{color:var(--color-text-muted);font-size:13px;font-weight:400;line-height:1.45}.flex-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.flex-row-end{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.modal-footer{gap:var(--space-2);margin-top:var(--space-3);justify-content:flex-end;display:flex}.leave-request-page .leave-request-top{align-items:start}.leave-balance-card .balance-skeleton{margin-top:var(--space-3)}.leave-requests-panel{margin-top:var(--space-2)}.leave-requests-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.leave-requests-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:auto}.leave-requests-table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px}.leave-requests-table th,.leave-requests-table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle;padding:12px 14px}.leave-requests-table th{color:#334155;background:#f8fafc;font-weight:700}.leave-requests-table tr:last-child td{border-bottom:none}.leave-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:inline-flex}.leave-status-pill{letter-spacing:.02em;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.leave-status-pending{color:#854d0e;background:#fef9c3;border:1px solid #fde047}.leave-status-approved{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.leave-status-rejected{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.leave-status-cancelled{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb}.leave-approver-banner{border-radius:var(--radius-md);background:linear-gradient(125deg,#faf5ff 0%,#fff 100%);border:1px solid #e9d5ff;padding:14px 16px}.link-inline{color:var(--color-accent);text-underline-offset:2px;font-weight:600;text-decoration:underline}.link-inline:hover{color:#9d174d}.staff-mailto-link{color:var(--color-accent);text-underline-offset:2px;word-break:break-word;font-weight:500;text-decoration:underline}.staff-mailto-link:hover{color:#9d174d}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #e5e7eb;border-right:none}.grid.two,.dashboard-stats,.dashboard-stats--pair{grid-template-columns:1fr}}