:root,html[data-theme=dark]{color-scheme:dark;--navy: #000000;--navy-mid: #0a0a0a;--navy-light: #171717;--blue: #525252;--blue-bright: #a3a3a3;--accent: #e5e5e5;--accent-light: #fafafa;--amber: #f59e0b;--coral: #ef4444;--green: #22c55e;--purple: #a855f7;--text: #fafafa;--text-muted: #a3a3a3;--text-dim: #737373;--border: rgba(255,255,255,.08);--border-bright: rgba(255,255,255,.14);--card: rgba(12,12,12,.96);--card-hover: rgba(23,23,23,.98);--highlight: rgba(255,255,255,.06);--highlight-strong: rgba(255,255,255,.1);--primary: #ffffff;--primary-fg: #0a0a0a;--focus: rgba(255,255,255,.28);--surface: #0a0a0a;--surface-raised: #171717;--sidebar-bg: rgba(0,0,0,.98);--header-bg: rgba(10,10,10,.95);--overlay-bg: rgba(0,0,0,.82);--bg-gradient-start: #000000;--bg-gradient-end: #0a0a0a;--record-card-bg: linear-gradient(180deg, rgba(18, 18, 18, .98), rgba(8, 8, 8, .96));--input-bg: rgba(255,255,255,.03);--input-bg-focus: rgba(255,255,255,.05);--panel-bg: rgba(12, 12, 12, .92);--panel-muted-bg: rgba(10, 10, 10, .46);--panel-inset-bg: rgba(10, 10, 10, .55);--surface-soft: rgba(10, 10, 10, .72);--avatar-bg: #262626;--avatar-fg: #fafafa;--inset-border: rgba(148, 163, 184, .18);--hero-gradient: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));--progress-track: rgba(148, 163, 184, .16);--progress-fill-end: #fafafa;--dropdown-shadow: 0 18px 40px rgba(0, 0, 0, .45);--status-success-fg: #a7f3d0;--status-success-bg: rgba(16, 185, 129, .16);--status-success-border: rgba(16, 185, 129, .4);--alert-success-fg: #86efac;--alert-success-bg: rgba(34, 197, 94, .14);--alert-success-border: rgba(34, 197, 94, .45);--alert-success-icon: #4ade80;--alert-warn-fg: #fcd34d;--alert-warn-bg: rgba(245, 158, 11, .16);--alert-warn-border: rgba(245, 158, 11, .48);--alert-warn-icon: #fbbf24;--alert-error-fg: #fca5a5;--alert-error-bg: rgba(239, 68, 68, .16);--alert-error-border: rgba(239, 68, 68, .48);--alert-error-icon: #f87171;--alert-info-fg: #e5e5e5;--alert-info-bg: rgba(255, 255, 255, .08);--alert-info-border: rgba(255, 255, 255, .22);--alert-info-icon: #d4d4d4;--toast-bg: rgba(18, 18, 18, .96);--toast-shadow: 0 16px 40px rgba(0, 0, 0, .55);--financial-item-border: rgba(100, 181, 246, .22);--ui-accent: #fafafa;--chip-bg: rgba(255,255,255,.03);--donut-inner: #171717;--calendar-selected-border: #fafafa;--map-route-color: #fafafa;--sidebar-w: 250px;--header-h: 62px}html[data-theme=light]{color-scheme:light;--navy: #ffffff;--navy-mid: #f8fafc;--navy-light: #f1f5f9;--blue: #64748b;--blue-bright: #475569;--accent: #334155;--accent-light: #1e293b;--amber: #d97706;--coral: #dc2626;--green: #16a34a;--purple: #9333ea;--text: #0f172a;--text-muted: #64748b;--text-dim: #94a3b8;--border: rgba(15,23,42,.08);--border-bright: rgba(15,23,42,.14);--card: #ffffff;--card-hover: #f8fafc;--highlight: rgba(15,23,42,.04);--highlight-strong: rgba(15,23,42,.08);--primary: #0f172a;--primary-fg: #ffffff;--focus: rgba(15,23,42,.22);--surface: #ffffff;--surface-raised: #ffffff;--sidebar-bg: rgba(255,255,255,.98);--header-bg: rgba(255,255,255,.96);--overlay-bg: rgba(15,23,42,.45);--bg-gradient-start: #f8fafc;--bg-gradient-end: #ffffff;--record-card-bg: linear-gradient(180deg, #ffffff, #f8fafc);--input-bg: #ffffff;--input-bg-focus: #ffffff;--panel-bg: #ffffff;--panel-muted-bg: #f8fafc;--panel-inset-bg: #f1f5f9;--surface-soft: #ffffff;--avatar-bg: #e2e8f0;--avatar-fg: #0f172a;--inset-border: rgba(15, 23, 42, .1);--hero-gradient: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);--progress-track: rgba(15, 23, 42, .08);--progress-fill-end: #0f172a;--dropdown-shadow: 0 18px 40px rgba(15, 23, 42, .12);--status-success-fg: #047857;--status-success-bg: rgba(16, 185, 129, .12);--status-success-border: rgba(16, 185, 129, .28);--alert-success-fg: #065f46;--alert-success-bg: #ecfdf5;--alert-success-border: #6ee7b7;--alert-success-icon: #059669;--alert-warn-fg: #92400e;--alert-warn-bg: #fffbeb;--alert-warn-border: #fcd34d;--alert-warn-icon: #d97706;--alert-error-fg: #991b1b;--alert-error-bg: #fef2f2;--alert-error-border: #fca5a5;--alert-error-icon: #dc2626;--alert-info-fg: #0f172a;--alert-info-bg: #f8fafc;--alert-info-border: #cbd5e1;--alert-info-icon: #475569;--toast-bg: rgba(255, 255, 255, .98);--toast-shadow: 0 18px 40px rgba(15, 23, 42, .18);--financial-item-border: rgba(15, 23, 42, .12);--ui-accent: #0f172a;--chip-bg: rgba(15, 23, 42, .04);--donut-inner: #ffffff;--calendar-selected-border: #0f172a;--map-route-color: #0f172a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--navy);color:var(--text);min-height:100vh;overflow-x:hidden}#att-map,#offices-map{height:420px;width:100%;border-radius:12px;border:1px solid var(--border-bright);overflow:hidden}.office-geofence-circle{stroke:#ef4444!important;fill:#ef4444!important;stroke-width:2.5!important;animation:geofencePulse 2.4s ease-in-out infinite}@keyframes geofencePulse{0%{stroke-opacity:.7;fill-opacity:.08}50%{stroke-opacity:1;fill-opacity:.2}to{stroke-opacity:.7;fill-opacity:.08}}.office-pulse-marker{width:18px;height:18px;border-radius:50%;background:#ef4444;border:2px solid #fff;box-shadow:0 0 #ef44448c;animation:officePulse 1.8s infinite}@keyframes officePulse{0%{transform:scale(.95);box-shadow:0 0 #ef44448c}70%{transform:scale(1);box-shadow:0 0 0 16px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.emp-human-marker{position:relative;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#f97316);border:2px solid #fff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;box-shadow:0 6px 18px #0a0a0a73}.emp-human-marker.green{background:linear-gradient(135deg,#10b981,#22c55e)}.emp-human-count{position:absolute;right:-6px;top:-6px;min-width:16px;height:16px;border-radius:999px;background:#0a0a0a;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.7);padding:0 4px}.emp-map-tooltip{background:#0a0a0af5;color:#e5e7eb;border:1px solid rgba(239,68,68,.35);border-radius:10px;box-shadow:0 10px 28px #02061780;padding:10px 12px}.emp-map-tooltip .leaflet-tooltip-content{margin:0}.emp-tooltip-title{font-size:12px;font-weight:700;margin-bottom:6px;color:#fca5a5}.emp-tooltip-list{list-style:none;display:grid;gap:4px;margin:0;padding:0}.emp-tooltip-list li{font-size:12px;color:#e2e8f0}.face-cam-wrap{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border-bright);background:#0a0a0a}.face-cam-wrap video{width:100%;display:block;background:#0a0a0a}.face-status-corner{position:absolute;top:12px;right:12px;z-index:5;display:flex;align-items:center;gap:8px;background:#0a0a0ab8;border:1px solid rgba(148,163,184,.35);border-radius:999px;padding:6px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.face-scan-icon{width:10px;height:10px;border-radius:50%;background:#f59e0b}.face-scan-icon.scanning{background:#fafafa;box-shadow:0 0 #ffffff73;animation:faceScanPulse 1.4s ease-in-out infinite}.face-scan-icon.ready{background:#10b981}.face-scan-icon.error{background:#ef4444}.face-scan-label{font-size:11px;font-weight:700;color:#e2e8f0;text-transform:uppercase;letter-spacing:.04em}@keyframes faceScanPulse{0%{box-shadow:0 0 #ffffff59}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}.face-guide-panel{display:grid;gap:6px;background:#0a0a0ab8;border:1px solid rgba(148,163,184,.35);border-radius:10px;padding:8px 10px;max-width:92%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin:0 auto}.face-guide-text{color:#e2e8f0;font-size:12px;text-align:center}.face-angle-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.face-angle-chip{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;border:1px solid rgba(148,163,184,.45);color:#cbd5e1}.face-angle-chip.active{border-color:#ffffff73;color:#fafafa}.face-angle-chip.done{border-color:#10b981bf;color:#6ee7b7}.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.calendar-month-label{font-size:20px;font-weight:800;color:var(--text)}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-weekday{text-align:center;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:4px 0}.calendar-day{min-height:92px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);padding:8px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.calendar-day:hover{border-color:var(--border-bright)}.calendar-day.leave-approved{background:#f59e0b52;border-color:#f59e0bb3}.calendar-day.leave-pending{background:#f59e0b24;border-color:#f59e0b73}.calendar-day.other-month{opacity:.45}.calendar-day.selected{border-color:var(--calendar-selected-border);box-shadow:0 0 0 1px var(--focus) inset}.calendar-day.today{border-color:#10b981bf;box-shadow:0 0 0 1px #10b98159 inset}.calendar-day-num{font-size:14px;font-weight:700}.calendar-day-minutes{font-size:12px;color:var(--text-muted);font-weight:700}#cal-day-map{height:380px;border-radius:10px;border:1px solid var(--border)}#emp-live-map{height:360px;border-radius:10px;border:1px solid var(--border)}.emp-action-menu-wrap{position:relative;display:inline-block}.emp-action-toggle{width:34px;height:30px;padding:0}.emp-action-menu{position:fixed;display:none;min-width:160px;border:1px solid var(--border-bright);border-radius:10px;background:var(--surface-raised);box-shadow:var(--dropdown-shadow);z-index:2000;padding:6px}.emp-action-menu.open{display:block}.emp-action-item{width:100%;text-align:left;border:none;background:transparent;color:var(--text);border-radius:8px;padding:8px 10px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:9px}.emp-action-item i{width:16px;font-size:13px;color:var(--text-muted);flex-shrink:0}.emp-action-item.emp-action-view i{color:var(--ui-accent)}.emp-action-item.emp-action-edit i{color:#fbbf24}.emp-action-item.emp-action-bank i{color:#34d399}.emp-action-item.emp-action-salary i{color:#c084fc}.emp-action-item:hover{background:var(--highlight-strong)}.emp-list-row{cursor:pointer}.emp-list-row:hover{background:var(--highlight)}.emp-list-card{cursor:pointer}.emp-list-card:hover{border-color:var(--border-bright);background:var(--highlight)}#view-employee-detail{max-width:1080px;margin:0 auto}.emp-detail-page{display:grid;gap:18px}.emp-detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.emp-detail-back{display:inline-flex;align-items:center;gap:8px}.emp-detail-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.emp-detail-hero{border:1px solid var(--border-bright);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--highlight-strong) 70%,transparent),transparent 58%),var(--card);overflow:hidden}.emp-detail-hero-body{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px 22px 18px}.emp-detail-avatar{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;font-weight:800;font-size:24px;color:var(--avatar-fg);background:var(--avatar-bg);border:1px solid var(--border-bright)}.emp-detail-identity{min-width:0}.emp-detail-kicker{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.emp-detail-name{margin:0 0 6px;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.03em;line-height:1.1}.emp-detail-sub{color:var(--text-muted);font-size:13px;line-height:1.5}.emp-detail-meta-side{display:grid;gap:8px;justify-items:end}.emp-detail-badges{display:flex;flex-wrap:wrap;gap:8px}.emp-detail-meta-side .emp-detail-badges{justify-content:flex-end}.emp-detail-role-pill{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;border:1px solid var(--border-bright);background:var(--highlight-strong);font-size:11px;font-weight:700;letter-spacing:.5px}.emp-detail-meta-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--border)}.emp-detail-meta-item{padding:14px 18px;min-width:0;border-right:1px solid var(--border)}.emp-detail-meta-item:last-child{border-right:0}.emp-detail-meta-label{font-size:11px;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}.emp-detail-meta-value{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-detail-shell{border:1px solid var(--border-bright);border-radius:18px;background:var(--card);overflow:hidden}.emp-detail-tabs{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid var(--border);padding:0 8px;-webkit-overflow-scrolling:touch}.emp-detail-tab{flex:0 0 auto;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);padding:14px 14px 12px;font:inherit;font-size:13px;font-weight:650;cursor:pointer;margin-bottom:-1px}.emp-detail-tab:hover{color:var(--text)}.emp-detail-tab.active{color:var(--text);border-bottom-color:var(--text)}.emp-detail-panel{padding:20px}.emp-detail-panel[hidden]{display:none!important}.emp-detail-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.emp-detail-panel .profile-panel{border:0;border-radius:0;background:transparent;padding:0}.emp-detail-panel .profile-panel-title{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--border);font-size:12px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.emp-detail-panel .profile-list{display:grid;gap:0}.emp-detail-panel .profile-item{display:grid;grid-template-columns:minmax(120px,34%) 1fr;gap:12px;align-items:start;padding:11px 0;border-bottom:1px solid var(--border)}.emp-detail-panel .profile-item:last-child{border-bottom:0;padding-bottom:0}.emp-detail-panel .profile-item:first-child{padding-top:0}.emp-detail-panel .profile-key{color:var(--text-muted);font-size:12px;padding-top:1px}.emp-detail-panel .profile-value{font-size:13.5px;font-weight:600;word-break:break-word;line-height:1.45}.emp-detail-report{display:grid;gap:16px;max-width:720px}.emp-detail-report-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.emp-detail-report-row .form-group{margin:0;min-width:150px}.emp-detail-empty{padding:48px 20px;text-align:center;color:var(--text-muted)}@media(max-width:900px){.emp-detail-hero-body{grid-template-columns:auto 1fr}.emp-detail-meta-side{grid-column:1 / -1;justify-items:start}.emp-detail-meta-side .emp-detail-badges{justify-content:flex-start}.emp-detail-meta-strip{grid-template-columns:1fr}.emp-detail-meta-item{border-right:0;border-bottom:1px solid var(--border)}.emp-detail-meta-item:last-child{border-bottom:0}.emp-detail-section-grid{grid-template-columns:1fr}.emp-detail-actions{width:100%}.emp-detail-actions .btn{flex:1 1 calc(50% - 8px)}}@media(max-width:560px){.emp-detail-panel .profile-item{grid-template-columns:1fr;gap:4px}.emp-detail-hero-body{grid-template-columns:1fr}}.emp-view-modal{max-width:920px;width:min(920px,calc(100vw - 32px))}.emp-view-modal .modal-header{margin-bottom:0;padding-bottom:14px;border-bottom:1px solid var(--border-bright)}.emp-report-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px 0 4px;border-top:1px solid var(--border-bright);margin-top:12px}.emp-report-bar .form-group{margin:0;min-width:140px}.emp-report-bar label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.emp-report-bar input[type=date]{width:100%;margin-top:4px}.emp-report-note{flex:1 1 220px;font-size:11px;color:var(--text-muted);line-height:1.45;padding-bottom:6px}.emp-report-sections{width:100%;margin-top:4px}.emp-report-sections-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.emp-report-sections-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.emp-report-sections-actions{display:flex;gap:8px}.emp-report-sections-actions button{border:none;background:transparent;color:#d4d4d4;font-size:11px;cursor:pointer;padding:0}.emp-report-sections-actions button:hover{text-decoration:underline}.emp-report-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.emp-report-check{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid rgba(148,163,184,.18);background:#0a0a0a75;font-size:12px;cursor:pointer}.emp-report-check input{accent-color:var(--primary)}.emp-report-actions-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;width:100%}@media(max-width:760px){.emp-report-section-grid{grid-template-columns:1fr}}.emp-profile-view-scroll{max-height:min(68vh,720px);overflow-y:auto;padding:2px 4px 2px 0}.emp-profile-view .profile-hero{padding:0;overflow:hidden;margin-bottom:16px}.emp-profile-view .profile-hero-body{display:grid;grid-template-columns:74px 1fr auto;gap:18px;align-items:center;padding:20px;background:var(--hero-gradient);border:1px solid var(--border-bright);border-radius:14px}.emp-profile-view .profile-avatar{width:74px;height:74px;border-radius:18px;display:grid;place-items:center;font-weight:800;font-size:22px;color:var(--avatar-fg);border:1px solid var(--border-bright);background:var(--avatar-bg)}.emp-profile-view .profile-headline{display:grid;gap:6px;min-width:0}.emp-profile-view .profile-name{font-size:22px;font-weight:800;letter-spacing:.2px;line-height:1.2}.emp-profile-view .profile-subline{color:var(--text-muted);font-size:13px;line-height:1.45}.emp-profile-view .profile-hero-meta{display:grid;gap:8px;justify-items:end}.emp-profile-view .profile-role-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--border-bright);background:var(--highlight-strong);color:var(--text);font-size:11px;font-weight:700;letter-spacing:.6px}.emp-profile-view .profile-quick-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.emp-profile-view .profile-stat{padding:12px 14px;border-radius:12px;border:1px solid var(--inset-border);background:var(--panel-muted-bg)}.emp-profile-view .profile-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.emp-profile-view .profile-stat-value{font-size:13px;font-weight:700}.emp-profile-view .profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.emp-profile-view .profile-panel{background:var(--panel-bg);border:1px solid var(--border-bright);border-radius:14px;padding:16px}.emp-profile-view .profile-panel-title{font-size:12px;font-weight:700;color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;margin-bottom:12px}.emp-profile-view .profile-list{display:grid;gap:8px}.emp-profile-view .profile-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 10px;border-radius:10px;background:var(--panel-muted-bg);border:1px solid var(--inset-border)}.emp-profile-view .profile-key{color:var(--text-muted);font-size:12px;flex-shrink:0}.emp-profile-view .profile-value{font-size:13px;font-weight:600;text-align:right;word-break:break-word}@media(max-width:760px){.emp-profile-view .profile-hero-body,.emp-profile-view .profile-grid,.emp-profile-view .profile-quick-stats{grid-template-columns:1fr}.emp-profile-view .profile-hero-meta{justify-items:start}}.distance-line-label{background:transparent;border:none;padding:0;color:#ef4444;font-size:13px;font-weight:800;letter-spacing:.01em;text-shadow:-1px 0 0 #fff,1px 0 0 #fff,0 -1px 0 #fff,0 1px 0 #fff,0 2px 8px rgba(2,6,23,.35);white-space:nowrap}body:before{content:"";position:fixed;inset:0;z-index:0;background:linear-gradient(180deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%)}.theme-logo-light,html[data-theme=light] .theme-logo-dark{display:none!important}html[data-theme=light] .theme-logo-light{display:block!important}#sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--border-bright);z-index:100;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-logo{padding:0 16px;height:var(--header-h);display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.sidebar-logo img{width:34px;height:34px;object-fit:contain;flex-shrink:0;display:block}.logo-text{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.045em;color:var(--text);white-space:nowrap;line-height:1}.logo-text span{color:var(--accent)}.sidebar-nav{flex:1;overflow-y:auto;padding:14px 0}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}html:not(.app-ready) #sidebar,html:not(.app-ready) #header,html:not(.app-ready) #main,html:not(.app-ready) #mobile-backdrop,html:not(.app-ready) #mobile-bottom-nav{visibility:hidden!important;pointer-events:none!important}#app-bootstrap{position:fixed;inset:0;z-index:15000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--surface, #0a0a0a);color:var(--text, #fafafa);transition:opacity .18s ease,visibility .18s ease}html[data-theme=light] #app-bootstrap{background:#fafafa;color:#0a0a0a}html.app-ready #app-bootstrap{opacity:0;visibility:hidden;pointer-events:none}#app-bootstrap .boot-mark{width:52px;height:52px;object-fit:contain}#app-bootstrap .boot-title{font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.02em}#app-bootstrap .boot-sub{font-size:13px;color:var(--text-muted, #a3a3a3);margin-top:-8px}#app-bootstrap .boot-spinner{width:28px;height:28px;border:2px solid rgba(163,163,163,.35);border-top-color:currentColor;border-radius:50%;animation:boot-spin .7s linear infinite}@keyframes boot-spin{to{transform:rotate(360deg)}}.nav-section{margin-bottom:8px}.nav-label{font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-dim);padding:10px 20px 5px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 20px;cursor:pointer;position:relative;font-size:13.5px;font-weight:400;color:var(--text-muted);transition:color .2s,background .2s;-webkit-user-select:none;user-select:none;text-decoration:none}.nav-item:link,.nav-item:visited,.nav-item:hover,.nav-item:active,.nav-item:focus{text-decoration:none}.nav-item:hover{color:var(--text);background:var(--highlight)}.nav-item.active{color:var(--text);background:var(--highlight-strong);font-weight:500}.nav-item.active:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;border-radius:0 3px 3px 0;background:var(--primary)}.nav-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}.nav-badge{margin-left:auto;background:var(--coral);font-size:10px;font-weight:700;color:#fff;padding:1px 6px;border-radius:10px;line-height:16px}.nav-item .notif-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--coral);flex-shrink:0;display:none}.sidebar-footer{padding:14px 16px;border-top:1px solid var(--border)}.user-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--highlight);cursor:pointer;transition:background .2s}.user-card:hover{background:var(--highlight-strong)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--avatar-bg);border:1px solid var(--border-bright);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:var(--avatar-fg);flex-shrink:0}.user-name{font-size:13px;font-weight:500}.user-role{font-size:11px;color:var(--text-muted)}#header{position:fixed;top:0;left:var(--sidebar-w);right:0;height:var(--header-h);background:var(--header-bg);border-bottom:1px solid var(--border-bright);display:flex;align-items:center;padding:0 28px;z-index:90;gap:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-brand{display:none;align-items:center;gap:8px;min-width:0;flex:1}.header-brand img{width:28px;height:28px;object-fit:contain;flex-shrink:0;display:block}.header-brand .logo-text{font-size:15px;overflow:hidden;text-overflow:ellipsis}.header-birthday-wrap{display:none;align-items:center;min-width:0;flex:0 1 320px;max-width:min(58vw,380px);position:relative;overflow:visible;z-index:2}.header-birthday-wrap.is-active{display:flex}.header-birthday{display:flex;align-items:center;gap:8px;min-width:0;width:100%;padding:5px 10px 5px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--amber) 45%,var(--border-bright));background:linear-gradient(110deg,color-mix(in srgb,var(--amber) 18%,var(--card)) 0%,color-mix(in srgb,var(--coral) 10%,var(--card)) 55%,var(--card) 100%);box-shadow:0 6px 18px #0000001f;overflow:visible;cursor:pointer;position:relative}.header-birthday-tip{position:absolute;top:calc(100% + 8px);left:0;min-width:min(240px,78vw);max-width:min(280px,86vw);padding:12px 14px;border-radius:14px;border:1px solid var(--border-bright);background:var(--card);box-shadow:var(--dropdown-shadow);opacity:0;visibility:hidden;transform:translateY(4px) scale(.98);transition:opacity .16s ease,transform .16s ease,visibility .16s;pointer-events:none;z-index:140}.header-birthday-tip:before{content:"";position:absolute;top:-5px;left:22px;width:10px;height:10px;background:var(--card);border-left:1px solid var(--border-bright);border-top:1px solid var(--border-bright);transform:rotate(45deg)}.header-birthday-tip-name{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:14px;font-weight:700;color:var(--text);line-height:1.25;margin-bottom:4px}.header-birthday-tip-dept{font-size:12px;color:var(--text-muted);line-height:1.35}.header-birthday-tip-note{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:11px;font-weight:600;color:var(--amber)}.header-birthday:hover .header-birthday-tip,.header-birthday:focus-within .header-birthday-tip,.header-birthday.is-tip-open .header-birthday-tip{opacity:1;visibility:visible;transform:none;pointer-events:auto}@media(hover:hover)and (pointer:fine){.header-birthday:hover .header-birthday-tip,.header-birthday:focus-within .header-birthday-tip{opacity:1;visibility:visible;transform:none;pointer-events:auto}}@media(hover:none),(pointer:coarse){.header-birthday:hover .header-birthday-tip,.header-birthday:focus-within .header-birthday-tip{opacity:0;visibility:hidden;transform:translateY(4px) scale(.98);pointer-events:none}.header-birthday.is-tip-open .header-birthday-tip{opacity:1;visibility:visible;transform:none;pointer-events:auto}}.header-birthday-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:color-mix(in srgb,var(--amber) 22%,transparent);color:var(--amber);border:1px solid color-mix(in srgb,var(--amber) 40%,transparent);font-size:13px;animation:birthday-pop 1.8s ease-in-out infinite}.header-birthday-copy{min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.15}.header-birthday-label{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}.header-birthday-name{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-birthday-name.is-swap{animation:birthday-name-swap .55s ease}@keyframes birthday-name-swap{0%{opacity:0;transform:translateY(8px) scale(.96)}60%{opacity:1;transform:translateY(-1px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes birthday-pop{0%,to{transform:scale(1) rotate(0)}35%{transform:scale(1.12) rotate(-8deg)}70%{transform:scale(1.08) rotate(6deg)}}#header-birthday-blast{position:absolute;inset:-28px -12px -8px;width:calc(100% + 24px);height:calc(100% + 36px);pointer-events:none;z-index:3}@media(min-width:901px){.header-brand{display:none!important}.header-birthday-wrap.is-active{display:flex;margin-right:8px}}.header-actions{display:flex;gap:10px;align-items:center;margin-left:auto}.header-location{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text);padding:6px 12px;border:1px solid var(--border-bright);border-radius:999px;background:var(--surface-soft);max-width:260px}.header-location.is-icon-only{width:34px;height:34px;padding:0;justify-content:center;gap:0;max-width:none}.header-location i{color:var(--green);flex-shrink:0}.header-location.is-icon-only i{color:var(--text-muted);font-size:15px}#header-location-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-location.is-icon-only #header-location-name{display:none}.header-att-actions{display:flex;gap:8px;align-items:center}.att-status-chip{display:inline-flex;flex-direction:column;justify-content:center;gap:1px;min-height:34px;padding:4px 12px;border-radius:999px;border:1px solid var(--border-bright);background:var(--highlight);font-size:11.5px;line-height:1.15;white-space:nowrap}.att-status-chip .att-status-title{font-weight:650;color:var(--text)}.att-status-chip .att-status-hint{color:var(--text-muted);font-size:10.5px}.att-status-chip.tone-live{border-color:#10b98159}.att-status-chip.tone-live .att-status-title{color:#6ee7b7}.att-status-chip.tone-wait{color:var(--text-muted)}.att-status-chip.tone-closed .att-status-title{color:#fbbf24}.att-status-chip.tone-done .att-status-title{color:var(--text-muted)}.att-status-chip.is-skeleton{min-width:88px;opacity:.55;color:var(--text-muted)}html[data-theme=light] .att-status-chip.tone-live .att-status-title{color:#047857}html[data-theme=light] .att-status-chip.tone-closed .att-status-title{color:#b45309}.header-att-actions .btn[aria-busy=true],#att-check-in-btn[aria-busy=true],#att-check-out-btn[aria-busy=true]{pointer-events:none;opacity:.85;cursor:wait}.att-punch-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .28s ease,background-color .22s ease,border-color .22s ease,color .22s ease}.att-punch-btn.is-loading{cursor:wait}.att-punch-btn.is-success{color:#ecfdf5;background:#059669;border-color:#047857}.att-punch-btn.is-exit{transform:translateY(16px);opacity:0;pointer-events:none}.att-punch-btn.is-enter{animation:att-punch-rise .36s cubic-bezier(.22,1,.36,1) both}.att-punch-spin{display:inline-block;animation:att-punch-spin .75s linear infinite}@keyframes att-punch-rise{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes att-punch-spin{to{transform:rotate(360deg)}}.header-att-actions .btn.is-att-blocked,#att-check-in-btn.is-att-blocked{opacity:.65;cursor:not-allowed}.header-att-actions .btn-sm{padding:8px 14px;font-size:13px;font-weight:600;border-radius:9px;min-height:34px}.icon-btn{width:36px;height:36px;border-radius:9px;border:1px solid var(--border-bright);background:var(--highlight);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--text-muted);transition:all .2s;position:relative}.icon-btn:hover{color:var(--text);border-color:var(--border-bright);background:var(--highlight-strong)}.header-mobile-only{display:none!important}.icon-btn.logout-btn{color:#f87171;border-color:#f8717173;background:#ef44441f}.icon-btn.logout-btn:hover{color:#fecaca;border-color:#f87171b3;background:#ef444438}.settings-mobile-quick{display:none}.settings-mobile-quick-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-mobile-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:88px;padding:14px 10px;border-radius:12px;border:1px solid var(--border-bright);background:var(--highlight);color:var(--text);cursor:pointer;font-family:Inter,sans-serif;transition:background .2s,border-color .2s}.settings-mobile-action:hover{background:var(--highlight-strong);border-color:var(--border-bright)}.settings-mobile-action-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--surface-raised);border:1px solid var(--border-bright);font-size:18px}.settings-mobile-action-label{font-size:12px;font-weight:600;text-align:center}.settings-mobile-action-danger{color:#f87171;border-color:#f8717159;background:#ef444414}.settings-mobile-action-danger .settings-mobile-action-icon{color:#f87171;background:#ef44441f;border-color:#f8717159}.settings-collapsible-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left}.settings-collapsible-toggle .section-title{margin:0}.settings-collapsible-toggle .settings-collapsible-chevron{color:var(--text-muted);font-size:14px;transition:transform .18s ease}.settings-collapsible.is-open .settings-collapsible-chevron{transform:rotate(180deg)}.settings-collapsible-body{margin-top:12px}.settings-mobile-action-danger:hover{background:#ef444424;border-color:#f8717180}.icon-btn .dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--coral);border:2px solid var(--navy)}#main{margin-left:var(--sidebar-w);padding-top:var(--header-h);min-height:100vh;position:relative;z-index:1}.view{display:none;padding:28px}.view.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stats-grid.leave-balance-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.stats-grid.leave-balance-stats .stat-card{padding:12px 10px;min-width:0;border-radius:12px}.stats-grid.leave-balance-stats .stat-label{font-size:10px;line-height:1.35;margin-bottom:6px;letter-spacing:.02em}.stats-grid.leave-balance-stats .stat-value{font-size:22px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#leave-balance .table-wrap table th{font-size:11px;white-space:nowrap;padding:10px 8px}#leave-balance .table-wrap table td{padding:10px 8px;font-size:13px}.stat-card{background:var(--card);border:1px solid var(--border-bright);border-radius:14px;padding:20px;cursor:default;transition:border-color .2s,background .2s,transform .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card:hover{border-color:var(--border-bright);background:var(--card-hover)}.stat-label{font-size:12px;color:var(--text-muted);font-weight:500;letter-spacing:.3px;margin-bottom:10px}.stat-value{font-family:Inter,sans-serif;font-size:32px;font-weight:800;line-height:1;margin-bottom:6px}.stat-sub{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.trend-up{color:var(--accent)}.trend-down{color:var(--coral)}#view-dashboard.dash-loading .dash-live{display:none!important}#view-dashboard:not(.dash-loading) .dash-skel{display:none!important}#view-dashboard.dash-loading #dash-admin-insights-row,#view-dashboard.dash-loading #dash-employee-summary-card{opacity:.55;pointer-events:none}.dash-skel{display:block;background:linear-gradient(90deg,color-mix(in srgb,var(--text-muted) 12%,transparent),color-mix(in srgb,var(--text-muted) 22%,transparent) 45%,color-mix(in srgb,var(--text-muted) 12%,transparent));background-size:220% 100%;animation:dash-skel-shine 1.2s ease-in-out infinite;border-radius:8px}.dash-skel-line{height:12px;margin:4px 0}.dash-skel-value{width:42%;height:28px;margin:4px 0 10px;border-radius:10px}.dash-skel-pill{width:72px;height:28px;border-radius:999px}@keyframes dash-skel-shine{0%{background-position:100% 0}to{background-position:-100% 0}}.dash-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 26px;background:var(--card);border:1px solid var(--border-bright);box-shadow:none;overflow:hidden;position:relative;border-radius:16px}.dash-hero-main{position:relative;z-index:1;min-width:0;flex:1}.dash-hero-eyebrow{font-size:12px;color:var(--text-muted);margin:0 0 8px;letter-spacing:.2px}.dash-hero-title{margin:0 0 8px;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:clamp(22px,4vw,30px);font-weight:800;line-height:1.15;letter-spacing:-.03em}.dash-hero-sub{margin:0;color:var(--text-muted);font-size:13px;line-height:1.5;max-width:52ch}.dash-hero-meta{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.dash-hero-badge{display:inline-flex;align-items:center;min-height:30px;padding:7px 12px;border-radius:999px;border:1px solid var(--border-bright);background:var(--highlight-strong);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.dash-skel-block{display:none;flex-direction:column;gap:10px}#view-dashboard.dash-loading .dash-skel-block{display:flex!important}#view-dashboard:not(.dash-loading) .dash-skel-block{display:none!important}.dash-skel-alert{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--border-bright);background:var(--highlight)}.dash-panel{border-radius:16px;box-shadow:none}#view-dashboard .card,#view-dashboard .dash-hero,#view-dashboard .dash-stats-grid .stat-card{background:var(--card);border:1px solid var(--border-bright);box-shadow:none}#view-dashboard .stat-value,#view-dashboard .dash-workforce-stat-value{color:var(--text)!important}.dash-stats-grid{margin-bottom:20px;gap:14px}#view-dashboard.dash-employee .dash-stats-grid .stat-card:first-child,#view-dashboard.dash-employee .dash-stats-grid .stat-card[data-dash-stat="2"]{display:none}#view-dashboard.dash-employee .dash-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#view-dashboard:not(.dash-role-ready) .dash-stats-grid{visibility:hidden}#view-dashboard:not(.dash-role-ready) #dash-admin-insights-row{display:none!important}.dash-stats-grid .stat-card{display:flex;flex-direction:column;gap:0;min-height:128px;border-radius:16px;padding:16px 16px 14px;position:relative;overflow:hidden;border:1px solid var(--border-bright);background:var(--card);box-shadow:none}.dash-stats-grid .stat-card:before{display:none}.dash-stats-grid .stat-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.dash-stats-grid .stat-label{margin-bottom:0;line-height:1.35;flex:1;font-size:12px;font-weight:600;color:var(--text-muted)}.dash-stats-grid .stat-icon{width:38px;height:38px;border-radius:11px;display:inline-grid;place-items:center;font-size:17px;background:var(--highlight-strong);color:var(--text);border:1px solid var(--border-bright);flex-shrink:0;line-height:1}.dash-stats-grid .stat-icon i{display:block;font-size:inherit;line-height:1;color:inherit;-webkit-text-stroke:0}.dash-stats-grid .stat-value{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:clamp(24px,3.2vw,32px);margin-bottom:8px;word-break:break-word;letter-spacing:-.03em;color:var(--text)}.dash-stats-grid .stat-sub{line-height:1.4;min-height:16px;color:var(--text-muted)}.dash-section{margin-bottom:20px}.dash-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dash-section-head .section-title{margin-bottom:0;flex:1}#view-dashboard .section-title i{font-size:15px;line-height:1;color:var(--text);opacity:.88}.dash-section-note{font-size:11px;color:var(--text-dim);white-space:nowrap}.dash-dept-list{display:flex;flex-direction:column;gap:12px}.dash-dept-list.is-expanded{max-height:320px;overflow-y:auto;padding-right:4px}.dash-dept-row.is-muted .flex-between span:first-child{color:var(--text-dim)}.dash-dept-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border-bright);font-size:12px;color:var(--text-dim)}.dash-dept-toggle{appearance:none;border:none;background:none;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;padding:0}.dash-dept-toggle:hover{text-decoration:underline}.dash-workforce-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.dash-workforce-stat{background:var(--highlight);border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center}.dash-workforce-stat-value{font-size:22px;font-weight:800;font-family:Inter,sans-serif;line-height:1.1;margin-bottom:4px}.dash-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.dash-summary-item{background:var(--highlight);border:1px solid var(--border);border-radius:12px;padding:12px}.dash-summary-label{color:var(--text-muted);font-size:11px;margin-bottom:4px;letter-spacing:.2px;display:flex;align-items:center;gap:6px}.dash-summary-label i{font-size:12px;opacity:.9}.dash-workforce-stat .text-muted{display:inline-flex;align-items:center;justify-content:center;gap:5px}.dash-summary-value{font-weight:600;font-size:14px;line-height:1.35;word-break:break-word}#view-dashboard .alert{border-radius:14px;margin-bottom:10px}#view-dashboard .alert:last-child{margin-bottom:0}#view-dashboard .alert>div{color:inherit}#view-dashboard .timeline{max-height:360px;overflow:auto;padding-right:4px}.section-title{font-family:Inter,sans-serif;font-size:15px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:10px}.section-title:after{content:"";flex:1;height:1px;background:var(--border-bright)}.card{background:var(--card);border:1px solid var(--border-bright);border-radius:14px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#view-profile .profile-hero{padding:0;overflow:hidden}#view-profile .profile-hero-body{display:grid;grid-template-columns:74px 1fr auto;gap:18px;align-items:center;padding:20px;background:var(--hero-gradient);border-bottom:1px solid var(--border-bright)}#view-profile .profile-avatar{width:74px;height:74px;border-radius:18px;display:grid;place-items:center;font-weight:800;font-size:22px;color:var(--avatar-fg);border:1px solid var(--border-bright);background:var(--avatar-bg)}#view-profile .profile-headline{display:grid;gap:6px}#view-profile .profile-name{font-size:23px;font-weight:800;letter-spacing:.2px}#view-profile .profile-subline{color:var(--text-muted);font-size:13px}#view-profile .profile-hero-meta{display:grid;gap:8px;justify-items:end}#view-profile .profile-role-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--border-bright);background:var(--highlight-strong);color:var(--text);font-size:11px;font-weight:700;letter-spacing:.6px}#view-profile .profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}#view-profile .profile-panel{background:var(--panel-bg);border:1px solid var(--border-bright);border-radius:14px;padding:16px}#view-profile .profile-panel-title{font-size:13px;font-weight:700;color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;margin-bottom:12px}#view-profile .profile-list{display:grid;gap:8px}#view-profile .profile-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;background:var(--panel-muted-bg);border:1px solid var(--inset-border)}#view-profile .profile-key{color:var(--text-muted);font-size:12px}#view-profile .profile-value{font-size:13px;font-weight:600;text-align:right}#view-profile .profile-item-phone{flex-wrap:wrap}#view-profile .profile-phone-view{display:flex;align-items:center;gap:8px;margin-left:auto}#view-profile .profile-edit-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--border-bright);background:var(--highlight);color:var(--text-muted);display:inline-grid;place-items:center;cursor:pointer;flex-shrink:0;transition:color .2s,border-color .2s,background .2s}#view-profile .profile-edit-btn:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border-bright));background:var(--highlight-strong)}#view-profile .profile-phone-editor{width:100%;margin-top:8px}#view-profile .profile-edit-field{display:flex;gap:8px;width:100%;align-items:center}#view-profile .profile-phone-input{flex:1;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid var(--border-bright);background:var(--card);color:var(--text);font-size:13px}#view-profile .profile-status-pill{border:1px solid var(--status-success-border);background:var(--status-success-bg);color:var(--status-success-fg);border-radius:999px;padding:3px 10px;font-size:11px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}thead tr{border-bottom:1px solid var(--border-bright)}thead th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted)}tbody tr{border-bottom:1px solid var(--border);transition:background .15s;cursor:default}tbody tr:hover{background:var(--highlight)}tbody td{padding:12px 14px;color:var(--text)}tbody tr:last-child{border-bottom:none}.ot-detail-section{margin-top:4px}.ot-detail-card{padding:20px;overflow:hidden}.ot-detail-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;flex-wrap:wrap}.ot-back-btn{flex-shrink:0}.ot-detail-head-main{min-width:0;flex:1}.ot-period-badge{display:inline-block;background:#22c55e2e;border:1px solid rgba(34,197,94,.55);color:var(--text);font-family:Inter,sans-serif;font-size:13px;font-weight:700;padding:4px 12px;border-radius:4px;margin-bottom:8px;letter-spacing:.02em}html[data-theme=light] .ot-period-badge{background:#c6e0b4;border-color:#1a1a1a;color:#111}.ot-period-range{margin:6px 0 0;font-family:Inter,sans-serif;font-size:13px;color:var(--text-muted);font-weight:500}.ot-detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;padding:14px;background:var(--panel-muted-bg);border:1px solid var(--border);border-radius:12px}.ot-detail-meta-item .text-muted{font-size:11px;margin-bottom:4px}.ot-detail-footer{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.md-kpi-page{display:flex;flex-direction:column;gap:16px}.md-kpi-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:16px 18px;background:var(--panel-muted-bg);border:1px solid var(--border);border-radius:12px}.md-kpi-scope-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.md-kpi-scope-tab{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer;text-align:left;font:inherit;transition:border-color .15s ease,background .15s ease}.md-kpi-scope-tab:hover{border-color:var(--border-bright);background:var(--highlight)}.md-kpi-scope-tab.active{border-color:var(--border-bright);background:var(--highlight-strong)}.md-kpi-scope-label{font-weight:600;font-size:14px}.md-kpi-scope-count{min-width:28px;padding:2px 8px;border-radius:999px;background:var(--panel-muted-bg);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text-muted);text-align:center}.md-kpi-scope-tab.active .md-kpi-scope-count{background:var(--surface);border-color:var(--border-bright);color:var(--text)}.md-kpi-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px 18px}.md-kpi-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px}.md-kpi-panel-title{margin:0;font-size:15px;font-weight:650}.md-kpi-dept-nav{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:16px;padding:12px;background:var(--panel-muted-bg);border:1px solid var(--border);border-radius:12px}.md-kpi-dept-current{text-align:center;min-width:0}.md-kpi-dept-index{font-size:11px;color:var(--text-muted);margin-bottom:6px;letter-spacing:.02em;text-transform:uppercase}.md-kpi-dept-select{width:min(100%,420px);margin:0 auto;display:block;font-weight:600}.md-kpi-dept-meta{margin-top:6px;font-size:12px;color:var(--text-muted)}.md-kpi-card-list{display:flex;flex-direction:column;gap:10px}.md-kpi-card{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 14px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-raised, var(--surface))}.md-kpi-card-main{min-width:0}.md-kpi-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.md-kpi-card-name{font-weight:650;font-size:14px}.md-kpi-card-code{font-size:11px;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.md-kpi-card-desc{font-size:12px;color:var(--text-muted);line-height:1.45;margin:0 0 10px}.md-kpi-chip-row{display:flex;flex-wrap:wrap;gap:6px}.md-kpi-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:var(--panel-muted-bg);font-size:11px;color:var(--text-muted);white-space:nowrap}.md-kpi-chip strong{color:var(--text);font-weight:650}.md-kpi-card-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.md-kpi-empty{padding:28px 16px;text-align:center;border:1px dashed var(--border);border-radius:10px;color:var(--text-muted);font-size:13px}.md-kpi-weight-bar{margin-top:12px;height:6px;border-radius:999px;background:var(--panel-muted-bg);overflow:hidden;border:1px solid var(--border)}.md-kpi-weight-fill{height:100%;background:linear-gradient(90deg,var(--blue-bright),var(--progress-fill-end, var(--blue)));border-radius:999px}@media(max-width:720px){.md-kpi-scope-tabs{grid-template-columns:1fr}.md-kpi-dept-nav{grid-template-columns:1fr 1fr}.md-kpi-dept-current{grid-column:1 / -1;order:-1}.md-kpi-card{grid-template-columns:1fr}.md-kpi-card-actions{flex-direction:row;justify-content:space-between;align-items:center}}.ot-excel-desktop{display:block}.ot-excel-mobile{display:none}.ot-excel-wrap{overflow:auto;max-height:min(68vh,720px);border:1px solid var(--border-bright);border-radius:10px;background:var(--surface);-webkit-overflow-scrolling:touch}.ot-excel-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:11.5px;font-family:Inter,sans-serif}.ot-excel-table thead th{position:sticky;top:0;z-index:4;background:var(--panel-muted-bg);color:var(--text-muted);padding:5px 6px;text-align:center;border:1px solid var(--border-bright);font-size:10px;font-weight:600;letter-spacing:0;text-transform:none;white-space:nowrap}.ot-excel-table tbody td{padding:4px 6px;border:1px solid var(--border);text-align:center;white-space:nowrap;color:var(--text);background:var(--surface-raised)}.ot-excel-table .ot-col-sticky{position:sticky;left:0;z-index:2;background:var(--surface-raised)!important;text-align:left;box-shadow:none}.ot-excel-table .ot-col-sticky-1{left:0;width:42px;min-width:42px;max-width:42px}.ot-excel-table .ot-col-sticky-2{left:42px;width:58px;min-width:58px;max-width:58px;z-index:3}.ot-excel-table .ot-col-sticky-3{left:100px;width:140px;min-width:140px;max-width:140px;z-index:4}.ot-excel-table .ot-col-sticky-4{left:240px;width:110px;min-width:110px;max-width:110px;z-index:5;box-shadow:4px 0 8px #0000001f}.ot-excel-table thead .ot-col-sticky{z-index:6;background:var(--panel-muted-bg)!important}.ot-excel-table thead .ot-col-sticky-2{z-index:7}.ot-excel-table thead .ot-col-sticky-3{z-index:8}.ot-excel-table thead .ot-col-sticky-4{z-index:9;box-shadow:4px 0 8px #0000001f}.ot-excel-table tbody tr.ot-excel-row-alert td.ot-col-sticky,.ot-excel-table tbody tr.ot-excel-row-alert-error td.ot-col-sticky{background:var(--surface-raised)!important}html[data-theme=light] .ot-excel-table tbody tr.ot-excel-row-alert td.ot-col-sticky,html[data-theme=light] .ot-excel-table tbody tr.ot-excel-row-alert-error td.ot-col-sticky{background:#fff!important}.ot-excel-table .ot-month-span{background:#22c55e26;color:var(--text);font-weight:700;font-size:12px;border-color:var(--border-bright)}html[data-theme=light] .ot-excel-table .ot-month-span{background:#c6e0b4;color:#111}.ot-excel-table .ot-day-col{min-width:34px}.ot-excel-table .ot-day-head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1.1;padding:1px 0}.ot-excel-table .ot-day-num{font-size:10px;font-weight:700;color:var(--text)}.ot-excel-table .ot-day-name{font-size:9px;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.ot-excel-table thead th.ot-day-sun,.ot-excel-table tbody td.ot-day-sun{background:#ffd60061!important}html[data-theme=light] .ot-excel-table thead th.ot-day-sun,html[data-theme=light] .ot-excel-table tbody td.ot-day-sun{background:#ffeb3b!important}.ot-excel-table thead th.ot-day-sun .ot-day-name{color:#854d0e;font-weight:700}.ot-excel-table tbody tr.ot-excel-row-alert td.ot-day-sun,.ot-excel-table tbody tr.ot-excel-row-alert-error td.ot-day-sun{background:#ffd60061!important}html[data-theme=light] .ot-excel-table tbody tr.ot-excel-row-alert td.ot-day-sun,html[data-theme=light] .ot-excel-table tbody tr.ot-excel-row-alert-error td.ot-day-sun{background:#ffeb3b!important}.ot-excel-table tbody tr.ot-excel-row-alert td{background:#ef44441f}.ot-excel-table tbody tr.ot-excel-row-alert-error td{background:#ef444438}.ot-excel-table .ot-excel-cell-alert{background:var(--coral)!important;color:#fff;font-weight:600}.ot-excel-table .ot-alert-reason{text-align:left;white-space:normal;min-width:220px;max-width:320px;font-size:11px;color:var(--coral);line-height:1.4;padding:4px 8px;font-weight:500}.ot-excel-table .ot-total-col{font-weight:700;background:var(--highlight)}.ot-excel-table.ot-excel-editable tbody td{padding:2px}.ot-cell-input{width:100%;min-width:28px;max-width:100%;box-sizing:border-box;border:1px solid transparent;border-radius:4px;background:transparent;color:inherit;font:inherit;text-align:center;padding:3px 2px}.ot-excel-table .ot-col-sticky-3 .ot-cell-input,.ot-excel-table .ot-col-sticky-4 .ot-cell-input{text-align:left;padding-left:4px;padding-right:4px}.ot-cell-input:hover{border-color:var(--border-bright);background:var(--surface)}.ot-cell-input:focus{outline:none;border-color:var(--accent, #3b82f6);background:var(--surface);box-shadow:0 0 0 2px #3b82f62e}.ot-cell-input.ot-cell-dirty{border-color:#f59e0bb3;background:#f59e0b14}.ot-day-pill.ot-day-pill-edit{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:4px 4px 6px;min-width:44px}.ot-day-pill.ot-day-pill-edit .ot-cell-input{width:38px;min-width:38px;font-size:11px;padding:2px 1px;background:#ffffffd9;border-color:#0000001f;color:#111}.ot-mobile-editable .ot-mobile-name .ot-cell-input,.ot-mobile-editable .ot-mobile-meta .ot-cell-input{text-align:left;width:min(220px,100%);border-color:var(--border);background:var(--surface);padding:4px 6px}.ot-mobile-editable .ot-mobile-stat .ot-cell-input{width:64px;font-weight:700;border-color:var(--border);background:var(--surface)}.ot-mobile-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.ot-mobile-filter{display:flex;gap:6px}.ot-mobile-filter .btn.active{background:var(--highlight-strong);border-color:var(--border-bright);color:var(--text)}.ot-mobile-list{display:flex;flex-direction:column;gap:10px}.ot-mobile-card{border:1px solid var(--border-bright);border-radius:12px;background:var(--surface-raised);padding:12px}.ot-mobile-card.ot-mobile-has-alert{border-color:#ef444473;background:#ef44440f}.ot-mobile-card.ot-mobile-has-error{border-color:var(--coral);background:#ef44441a}.ot-mobile-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.ot-mobile-name{font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:var(--text);line-height:1.3}.ot-mobile-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.ot-mobile-sn{font-size:11px;font-weight:700;color:var(--text-muted);background:var(--highlight);border-radius:6px;padding:2px 8px;flex-shrink:0}.ot-mobile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.ot-mobile-stat{background:var(--highlight);border-radius:8px;padding:8px 6px;text-align:center;min-width:0}.ot-mobile-stat span{display:block;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.ot-mobile-stat strong{font-size:13px;font-weight:700;color:var(--text)}.ot-mobile-days-label{font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.ot-mobile-days-scroll{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.ot-day-pill{flex:0 0 auto;scroll-snap-align:start;min-width:42px;padding:5px 4px;border-radius:8px;border:1px solid var(--border);background:var(--surface);text-align:center;font-size:11px;font-family:Inter,sans-serif;line-height:1.2}.ot-day-pill em{display:block;font-style:normal;font-size:9px;color:var(--text-muted);margin-bottom:1px}.ot-day-pill .ot-day-week{display:block;font-size:8px;font-weight:600;color:var(--text-dim);margin-bottom:2px;line-height:1}.ot-day-pill.ot-day-sun{background:#ffeb3b;border-color:#f9a825;color:#111}.ot-day-pill.ot-day-sun em,.ot-day-pill.ot-day-sun .ot-day-week{color:#854d0e}.ot-day-pill.ot-day-alert{background:var(--coral);border-color:var(--coral);color:#fff}.ot-day-pill.ot-day-alert em{color:#ffffffd9}.ot-mobile-alert-msg{margin-top:10px;padding:8px 10px;border-radius:8px;background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:var(--coral);font-size:12px;line-height:1.45;font-weight:500}.col-filter-th{white-space:nowrap;vertical-align:middle;min-width:88px}.col-filter-head{display:inline-flex;align-items:center;gap:6px;max-width:100%}.col-filter-label{font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);line-height:1.2}.col-filter-trigger{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:color .15s,background .15s,border-color .15s}.col-filter-trigger:hover{color:var(--accent);background:var(--highlight);border-color:var(--border-bright)}.col-filter-trigger.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.col-filter-trigger i{font-size:11px;line-height:1}.emp-view-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-bright);border-radius:10px;background:var(--card);font-size:13px;font-weight:650;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.emp-view-toggle input{width:16px;height:16px;accent-color:var(--accent, #0f766e);cursor:pointer}.emp-group-list{display:grid;gap:10px}.emp-group{border:1px solid var(--border-bright);border-radius:14px;background:var(--card);overflow:hidden}.emp-group-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 10px;background:var(--panel-muted-bg, var(--highlight));color:var(--text)}.emp-group-expand{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:2px 4px;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.emp-group-expand:hover{filter:brightness(.98)}.emp-group-copy{min-width:0}.emp-group-toggle{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border-bright);background:var(--card);color:var(--text)}.emp-group-expand:hover .emp-group-toggle{border-color:var(--accent, #0f766e);color:var(--accent, #0f766e)}.emp-group-chevron{font-size:14px;line-height:1;transition:transform .18s ease}.emp-group.open .emp-group-chevron{transform:rotate(90deg)}.emp-group.open .emp-group-toggle{background:color-mix(in srgb,var(--accent, #0f766e) 14%,transparent);border-color:color-mix(in srgb,var(--accent, #0f766e) 45%,var(--border));color:var(--accent, #0f766e)}.emp-group-header-actions{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.emp-group-open-manager{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border-bright);background:var(--card);color:var(--text);cursor:pointer;padding:0}.emp-group-open-manager:hover{border-color:var(--accent, #0f766e);color:var(--accent, #0f766e);background:color-mix(in srgb,var(--accent, #0f766e) 10%,transparent)}.emp-group-open-manager .bi{font-size:15px;line-height:1}.emp-group-title{font-weight:750;font-size:14px}.emp-group-meta{color:var(--text-muted);font-size:12px}.emp-group-count{flex-shrink:0;min-width:34px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--highlight-strong, var(--chip-bg));font-size:12px;font-weight:750;text-align:center}.emp-group-body{display:none;border-top:1px solid var(--border)}.emp-group.open .emp-group-body{display:block}.emp-group-body .table-wrap{border:0;border-radius:0}.emp-group-mobile{display:grid;gap:8px;padding:10px}.emp-list-card{position:relative;min-height:280px}.emp-list-skel{display:none}.emp-list-card.emp-list-loading .emp-list-live{display:none!important}.emp-list-card.emp-list-loading .emp-list-skel{display:block}.emp-list-card.emp-list-loading .emp-pagination{opacity:.45;pointer-events:none}.emp-skel-table{width:100%;border-collapse:collapse}.emp-skel-table th,.emp-skel-table td{padding:14px 12px;border-bottom:1px solid var(--border)}.emp-skel-table th{height:42px}.emp-skel-mobile{display:none;gap:10px}.emp-skel-card{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--panel-muted-bg, var(--highlight))}@media(max-width:860px){.emp-list-card.emp-list-loading .emp-skel-table{display:none}.emp-list-card.emp-list-loading .emp-skel-mobile{display:grid}}.emp-pagination{display:none;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.emp-pagination.is-visible{display:flex}.emp-pagination-meta{font-size:13px;color:var(--text-muted);font-weight:550}.emp-pagination-controls{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px}.emp-pagination-size{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);font-weight:550}.emp-pagination-size select{min-width:72px;padding:6px 10px;border-radius:9px;border:1px solid var(--border-bright);background:var(--card);color:var(--text);font-size:13px;font-weight:650}.emp-pagination-btn{min-width:36px;height:34px;padding:0 10px;border-radius:9px;border:1px solid var(--border-bright);background:var(--card);color:var(--text);font-size:13px;font-weight:700;cursor:pointer}.emp-pagination-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 40%,var(--border-bright));color:var(--accent)}.emp-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.emp-pagination-pages{display:inline-flex;align-items:center;gap:4px}.emp-pagination-page{min-width:34px;height:34px;padding:0 8px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:13px;font-weight:700;cursor:pointer}.emp-pagination-page:hover{background:var(--highlight);color:var(--text)}.emp-pagination-page.active{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.emp-pagination-ellipsis{min-width:20px;text-align:center;color:var(--text-muted);font-size:13px}.emp-filter-chips{display:none;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;padding:12px 14px;border-radius:10px;border:1px solid var(--border-bright);background:var(--panel-muted-bg)}.emp-filter-chips.has-count,.emp-filter-chips.has-filters{display:flex}.emp-filter-count{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--highlight-strong);border:1px solid var(--border-bright);font-size:12px;font-weight:700;color:var(--text);line-height:1.3;white-space:nowrap}.emp-filter-count-of{font-weight:600;color:var(--text-muted)}.emp-filter-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:var(--surface-raised);border:1px solid var(--border-bright);font-size:12px;color:var(--text);line-height:1.3}.emp-filter-chip strong{font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:10px}.emp-filter-chip button{border:none;background:none;color:var(--text-muted);cursor:pointer;padding:0;line-height:1;font-size:14px}.emp-filter-chip button:hover{color:var(--accent)}.emp-filter-clear-all{margin-left:auto;border:none;background:none;color:var(--accent);font-size:11px;font-weight:600;cursor:pointer;padding:4px 0}.emp-col-filter-menu{position:fixed;z-index:1200;width:300px;max-height:min(440px,calc(100vh - 24px));background:var(--surface-raised);border:1px solid var(--border-bright);border-radius:12px;box-shadow:var(--dropdown-shadow);display:none;flex-direction:column;overflow:hidden;color:var(--text);font-family:Inter,sans-serif}.emp-col-filter-menu.open{display:flex}.emp-col-filter-head{padding:12px 14px;border-bottom:1px solid var(--border-bright);font-size:13px;font-weight:700;color:var(--text);flex-shrink:0}.emp-col-filter-head span{display:block;margin-top:2px;font-size:11px;font-weight:500;color:var(--text-muted)}.emp-col-filter-search{padding:10px 14px;border-bottom:1px solid var(--border-bright);flex-shrink:0}.emp-col-filter-menu input[type=text]{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:8px;border:1px solid var(--border-bright);background:var(--input-bg);color:var(--text);font-size:13px;font-family:inherit}.emp-col-filter-menu input[type=text]:focus{border-color:var(--focus);background:var(--input-bg-focus);outline:none}.emp-col-filter-actions{display:flex;gap:14px;padding:8px 14px;border-bottom:1px solid var(--border-bright);flex-shrink:0}.emp-col-filter-actions button{border:none;background:none;color:var(--blue-bright);cursor:pointer;padding:0;font-size:12px;font-weight:600;font-family:inherit}.emp-col-filter-actions button:hover{color:var(--text)}.emp-col-filter-list{overflow-y:auto;flex:1 1 auto;min-height:72px;max-height:260px;padding:6px 0}.emp-col-filter-option{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:10px;padding:8px 14px;margin:0;font-size:13px;font-weight:400;letter-spacing:0;color:var(--text);cursor:pointer;line-height:1.4}.emp-col-filter-option:hover{background:var(--highlight)}.emp-col-filter-menu input[type=checkbox]{width:16px;height:16px;min-width:16px;max-width:16px;padding:0;margin:2px 0 0;accent-color:var(--primary);cursor:pointer}.emp-col-filter-option span{min-width:0;word-break:break-word;color:var(--text)}.emp-col-filter-empty{padding:20px 14px;font-size:13px;color:var(--text-muted);text-align:center}.emp-col-filter-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 14px;border-top:1px solid var(--border-bright);background:var(--surface-raised);flex-shrink:0}.emp-col-filter-foot .btn{min-width:72px;justify-content:center}.mobile-card-view{display:none}.desktop-table-view{display:block}.record-card{border:1px solid var(--border-bright);border-radius:14px;background:var(--record-card-bg);padding:14px;display:grid;gap:12px}.record-card-head{display:flex;align-items:flex-start;gap:12px}.record-card-head-main{flex:1;min-width:0}.record-card-name{font-weight:700;font-size:15px;line-height:1.35;word-break:break-word}.record-card-sub{color:var(--text-muted);font-size:12px;margin-top:3px;word-break:break-word}.record-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.record-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.record-card-field{display:grid;gap:3px;min-width:0}.record-card-label{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-weight:600}.record-card-value{font-size:13px;font-weight:600;color:var(--text);word-break:break-word}.record-card-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px;border-top:1px solid var(--border)}.record-card-actions .btn{flex:1 1 calc(50% - 4px);min-height:42px;justify-content:center}.record-card-actions .btn-sm{padding:9px 12px;font-size:12px}.record-card-tappable{cursor:pointer}.record-card-tappable:active{transform:scale(.995)}.mobile-empty{text-align:center;color:var(--text-muted);padding:28px 12px;font-size:14px;border:1px dashed var(--border-bright);border-radius:14px}.payadjust-form-card{max-width:640px}.payadjust-month-input{width:160px}#adj-loans .payadjust-loans-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px}.badge-green{background:#00897b33;color:#4db6ac;border:1px solid rgba(0,191,165,.3)}.badge-blue{background:var(--highlight-strong);color:var(--text);border:1px solid var(--border-bright)}.badge-amber{background:#ffb30026;color:#ffd54f;border:1px solid rgba(255,179,0,.3)}.badge-coral{background:#f4511e26;color:#ff8a65;border:1px solid rgba(244,81,30,.3)}.badge-purple{background:#7c4dff26;color:#b39ddb;border:1px solid rgba(124,77,255,.3)}.clearance-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.clearance-hero-copy{display:grid;gap:6px;max-width:560px}.clearance-hero-copy h2{margin:0;font-family:Inter,sans-serif;font-size:22px;font-weight:800}.clearance-hero-copy p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.5}.clearance-kpi-row{display:flex;flex-wrap:wrap;gap:10px}.clearance-kpi{min-width:118px;padding:12px 14px;border-radius:12px;border:1px solid var(--border-bright);background:var(--panel-bg)}.clearance-kpi-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.clearance-kpi-value{font-size:24px;font-weight:800;margin-top:4px}.clearance-list{display:grid;gap:16px}.clearance-exit-card{border:1px solid var(--border-bright);border-radius:16px;background:var(--record-card-bg);overflow:hidden}.clearance-exit-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border);background:var(--highlight)}.clearance-exit-identity{display:flex;align-items:center;gap:12px;min-width:0}.clearance-exit-avatar{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:14px;color:var(--avatar-fg);flex-shrink:0;border:1px solid var(--border-bright);background:var(--avatar-bg)}.clearance-exit-name{font-weight:700;font-size:15px}.clearance-exit-meta{color:var(--text-muted);font-size:12px;margin-top:2px}.clearance-exit-progress-wrap{min-width:140px;text-align:right}.clearance-exit-progress-label{font-size:11px;color:var(--text-muted);margin-bottom:6px}.clearance-progress-track{height:8px;border-radius:999px;background:var(--progress-track);overflow:hidden}.clearance-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue-bright),var(--progress-fill-end));transition:width .25s ease}.clearance-dept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;padding:16px 18px 18px}.clearance-dept-card{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--panel-bg);display:grid;gap:10px;transition:border-color .2s,transform .15s,box-shadow .2s}.clearance-dept-card:hover{border-color:var(--border-bright);transform:translateY(-1px)}.clearance-dept-card.is-done{border-color:#22c55e59;background:var(--status-success-bg)}.clearance-dept-card.is-pending{border-color:#ffd54f38}.clearance-dept-top{display:flex;align-items:flex-start;gap:10px}.clearance-dept-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:17px;flex-shrink:0}.clearance-dept-icon.tone-hod{background:#7c4dff2e;color:#b39ddb;border:1px solid rgba(124,77,255,.28)}.clearance-dept-icon.tone-it{background:var(--highlight-strong);color:var(--text);border:1px solid var(--border-bright)}.clearance-dept-icon.tone-finance{background:#00897b2e;color:#4db6ac;border:1px solid rgba(0,191,165,.28)}.clearance-dept-icon.tone-admin{background:#ffb3001f;color:#ffd54f;border:1px solid rgba(255,179,0,.24)}.clearance-dept-icon.tone-transport{background:#f4511e1f;color:#ff8a65;border:1px solid rgba(244,81,30,.24)}.clearance-dept-icon.tone-hr{background:#0097a726;color:#4dd0e1;border:1px solid rgba(0,188,212,.28)}.clearance-dept-icon.tone-pro{background:#9c27b026;color:#ce93d8;border:1px solid rgba(186,104,200,.28)}.clearance-dept-title{font-size:13px;font-weight:700;line-height:1.35}.clearance-dept-sub{font-size:11px;color:var(--text-muted);margin-top:3px}.clearance-dept-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.clearance-empty{padding:36px 20px;text-align:center;color:var(--text-muted);border:1px dashed var(--border-bright);border-radius:14px;background:var(--panel-muted-bg)}.clearance-empty i{font-size:28px;display:block;margin-bottom:10px;opacity:.75}.clearance-checklist-shell{display:grid;gap:14px}.clearance-checklist-head{padding:14px 16px;border-radius:12px;background:var(--highlight);border:1px solid var(--border-bright)}.clearance-checklist-items{display:grid;gap:10px;max-height:52vh;overflow:auto;padding-right:4px}.clearance-check-item{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--panel-bg);display:grid;gap:10px}.clearance-check-item.is-collected{border-color:var(--status-success-border);background:var(--status-success-bg)}.clearance-check-item.is-na{border-color:var(--border-bright);opacity:.92}.clearance-check-item-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.clearance-check-item-title{font-weight:600;font-size:14px}.clearance-financial-fields{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 6px}.clearance-check-amount{max-width:160px}.clearance-financial-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;margin:6px 0}.clearance-check-item.is-financial{border-color:var(--financial-item-border)}.clearance-check-note{width:100%;padding:9px 11px;border-radius:9px;border:1px solid var(--border-bright);background:var(--input-bg);color:var(--text);font-size:13px}.clearance-check-actions{display:flex;gap:8px;flex-wrap:wrap}.clearance-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.clearance-board .clearance-dept-card{padding:12px}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:9px;border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:all .2s;text-decoration:none}.btn-primary{background:var(--primary);color:var(--primary-fg);font-weight:600}.btn-primary:hover{filter:brightness(.92);transform:translateY(-1px);box-shadow:0 4px 24px #00000073}.btn-secondary{background:var(--highlight);color:var(--text);border:1px solid var(--border-bright)}.btn-secondary:hover{background:var(--highlight-strong);border-color:var(--border-bright)}.btn-accent{background:var(--green);color:#fff}.btn-accent:hover{filter:brightness(1.1)}.btn-sm{padding:6px 12px;font-size:12px;border-radius:7px}.btn-danger{background:#f4511e33;color:#ff8a65;border:1px solid rgba(244,81,30,.3)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-group{display:flex;flex-direction:column;gap:6px;min-width:0}.form-group.full{grid-column:1/-1}label{font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.3px}input,select,textarea{background:var(--input-bg);border:1px solid var(--border-bright);border-radius:8px;padding:10px 12px;color:var(--text);font-family:Inter,sans-serif;font-size:13.5px;transition:border-color .2s,background .2s;outline:none;width:100%}input[readonly]{opacity:.9}input:focus,select:focus,textarea:focus{border-color:var(--focus);background:var(--input-bg-focus)}select option{background:var(--surface-raised);color:var(--text)}textarea{resize:vertical;min-height:80px}.password-field{position:relative;width:100%}.password-field input{padding-right:42px}.password-toggle-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:4px;line-height:1;display:flex;align-items:center}.password-toggle-btn:hover{color:var(--text)}.login-error{display:none}.login-error:not(:empty),#hrms-login-modal .login-error:not(:empty){display:block;margin-top:12px;padding:11px 12px 11px 14px;border-radius:12px;background:var(--alert-error-bg);border:1px solid var(--alert-error-border);border-left:3px solid var(--alert-error-icon);color:var(--alert-error-fg);font-size:13px;line-height:1.45;font-weight:500;box-shadow:0 6px 16px #00000014}#hrms-login-modal.modal-overlay{z-index:20000;overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:center;justify-content:center}#hrms-login-modal .login-modal{max-width:420px;width:100%;padding:28px 28px 24px;margin:auto;flex-shrink:0}#hrms-login-modal .login-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;padding-bottom:0;border-bottom:none}#hrms-login-modal .login-brand img{width:44px;height:44px;object-fit:contain;flex-shrink:0}#hrms-login-modal .login-brand-name{font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.04em;color:var(--text);line-height:1.2}#hrms-login-modal .login-brand-tag{font-size:12px;color:var(--text-muted);margin-top:2px}#hrms-login-modal .login-title{margin:0 0 6px;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:700;text-align:center;color:var(--text)}#hrms-login-modal .login-subtitle{margin:0 0 20px;font-size:13px;color:var(--text-muted);text-align:center;line-height:1.45}#hrms-login-modal .login-info{display:none;margin:0 0 16px;padding:12px 14px;border-radius:8px;background:var(--highlight);border:1px solid var(--border-bright);color:var(--text-muted);font-size:13px;line-height:1.5;text-align:left}#hrms-login-modal .login-info.is-pending{display:block;background:#3b82f61a;border-color:#3b82f659;color:#93c5fd}#hrms-login-modal .login-info.is-success{display:block;background:#22c55e1f;border-color:#22c55e66;color:#86efac}#hrms-login-modal .login-info.is-success strong{color:#bbf7d0;font-weight:700}html[data-theme=light] #hrms-login-modal .login-info.is-pending{background:#2563eb14;border-color:#2563eb47;color:#1d4ed8}html[data-theme=light] #hrms-login-modal .login-info.is-success{background:#16a34a1a;border-color:#16a34a59;color:#166534}html[data-theme=light] #hrms-login-modal .login-info.is-success strong{color:#14532d}#hrms-login-modal .login-form{display:grid;gap:14px}#hrms-login-modal .login-form .form-group{margin:0}#hrms-login-modal .login-form .form-group.login-mfa-qr{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:10px}#hrms-login-modal .login-mfa-qr-wrap{display:flex;justify-content:center;align-items:center;width:100%}#hrms-login-modal .login-mfa-qr-img{display:block;width:220px;max-width:220px;height:220px;margin:0 auto;flex:0 0 220px;align-self:center;object-fit:contain;border-radius:12px;background:#fff;padding:8px;box-sizing:border-box}#hrms-login-modal .login-mfa-manual{width:100%;max-width:100%;font-size:12px;line-height:1.45;word-break:break-all;text-align:center}#hrms-login-modal .login-mfa-manual code{font-size:11px}#hrms-login-modal .login-email-readonly{opacity:.85}#hrms-login-modal .login-password-meta{display:flex;justify-content:flex-end;margin-top:-6px}#hrms-login-modal .login-actions{display:grid;gap:10px;margin-top:20px;padding-top:0;border-top:none}#hrms-login-modal .login-actions .btn-primary{width:100%;justify-content:center;min-height:44px;font-size:14px}#hrms-login-modal .login-actions .btn-secondary{width:100%;justify-content:center}#hrms-login-modal .login-actions .btn-link{width:100%;justify-content:center;margin-top:2px}.btn-link{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:transparent;color:var(--text-muted);font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;cursor:pointer;text-decoration:none;transition:color .2s}.btn-link:hover{color:var(--text);text-decoration:underline}.btn-link.btn-sm{font-size:12px}@media(max-width:900px){#hrms-login-modal.modal-overlay{padding:max(20px,env(safe-area-inset-top,20px)) 16px max(20px,env(safe-area-inset-bottom,20px));align-items:center;justify-content:center}#hrms-login-modal .login-modal{padding:24px 20px 22px;border-radius:16px;max-width:420px}}.tone-accent{color:var(--ui-accent)!important}.tone-success{color:var(--green)!important}.tone-teal{color:#14b8a6!important}.tone-warning{color:var(--amber)!important}.tone-gold{color:#d97706!important}.tone-danger{color:var(--coral)!important}.search-results-dropdown{position:absolute;left:0;right:0;top:100%;z-index:20;display:none;max-height:240px;overflow:auto;background:var(--surface-raised);border:1px solid var(--border-bright);border-radius:8px;margin-top:4px;box-shadow:var(--dropdown-shadow)}html[data-theme=light] .badge-green{background:#10b9811f;color:#047857;border-color:#10b98140}html[data-theme=light] .badge-amber{background:#f59e0b1f;color:#b45309;border-color:#f59e0b40}html[data-theme=light] .badge-coral{background:#ef44441a;color:#b91c1c;border-color:#ef444438}html[data-theme=light] .modal{box-shadow:var(--dropdown-shadow)}html[data-theme=light] #sidebar{box-shadow:20px 0 40px #0f172a14}html[data-theme=light] .clearance-dept-icon.tone-hod{color:#6d28d9;background:#6d28d91a;border-color:#6d28d938}html[data-theme=light] .clearance-dept-icon.tone-finance{color:#0f766e;background:#0f766e1a;border-color:#0f766e38}html[data-theme=light] .clearance-dept-icon.tone-admin{color:#b45309;background:#f59e0b1a;border-color:#f59e0b38}html[data-theme=light] .clearance-dept-icon.tone-transport{color:#c2410c;background:#ea580c1a;border-color:#ea580c38}html[data-theme=light] .clearance-dept-icon.tone-hr{color:#0e7490;background:#0e74901a;border-color:#0e749038}html[data-theme=light] .clearance-dept-icon.tone-pro{color:#7e22ce;background:#7e22ce1a;border-color:#7e22ce38}.manager-dropdown{position:relative;width:100%}.manager-trigger{background:var(--input-bg);border:1px solid var(--border-bright);border-radius:8px;padding:10px 12px;color:var(--text);font-family:Inter,sans-serif;font-size:13.5px;width:100%;text-align:left;cursor:pointer}.manager-trigger:focus{border-color:var(--focus);outline:none}.manager-menu{position:absolute;z-index:250;left:0;right:0;top:calc(100% + 6px);background:var(--surface-raised);border:1px solid var(--border-bright);border-radius:10px;padding:8px;display:none;box-shadow:var(--dropdown-shadow)}.manager-menu.open{display:block}.manager-menu input{margin-bottom:8px;background:var(--input-bg)}.manager-options{max-height:220px;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised)}.manager-options.search-results-dropdown{position:absolute;left:0;right:0;top:100%;z-index:20;margin-top:4px;box-shadow:var(--dropdown-shadow)}.manager-group-label{padding:7px 10px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-dim);background:var(--highlight)}.manager-option{width:100%;text-align:left;padding:8px 10px;border:none;background:transparent;color:var(--text);cursor:pointer;font-family:Inter,sans-serif;font-size:13px}.manager-option:hover{background:var(--highlight-strong)}.manager-empty{padding:10px;font-size:12px;color:var(--text-muted)}.ss-root{position:relative;width:100%;min-width:0}.ss-root.is-native-hidden{display:none!important}select.ss-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}.ss-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:41px;padding:8px 12px;border:1px solid var(--border-bright);border-radius:8px;background:var(--input-bg, var(--card));color:var(--text);font:inherit;font-size:13.5px;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.ss-trigger:hover{border-color:color-mix(in srgb,var(--text) 22%,var(--border-bright))}.ss-trigger:focus,.ss-root.is-open .ss-trigger{outline:none;border-color:var(--focus, var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--focus, var(--accent)) 18%,transparent)}.ss-trigger:disabled{opacity:.6;cursor:not-allowed}.ss-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}.ss-trigger.is-placeholder .ss-value{color:var(--text-muted);font-weight:500}.ss-caret{display:inline-flex;color:var(--text-muted);font-size:12px;transition:transform .15s ease;flex-shrink:0}.ss-root.is-open .ss-caret{transform:rotate(180deg)}.ss-menu{position:absolute;z-index:260;left:0;right:0;top:calc(100% + 6px);display:grid;gap:8px;padding:8px;border:1px solid var(--border-bright);border-radius:12px;background:var(--surface-raised, var(--card));box-shadow:var(--dropdown-shadow);max-height:min(280px,50vh);overflow:hidden}.ss-menu[hidden]{display:none!important}.ss-root.is-drop-up .ss-menu{top:auto;bottom:calc(100% + 6px)}.ss-menu.is-fixed,.ss-menu.is-portaled{position:fixed;right:auto;bottom:auto;z-index:5000}.ss-search-wrap{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg, var(--highlight))}.ss-search-wrap i{color:var(--text-muted);font-size:13px;flex-shrink:0}.ss-search{flex:1;min-width:0;border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;color:var(--text);font-size:13px;padding:0!important;min-height:22px!important}.ss-options{max-height:min(220px,40vh);overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:8px;background:var(--card)}.ss-option{display:block;width:100%;text-align:left;padding:9px 11px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);font:inherit;font-size:13px;line-height:1.35;cursor:pointer}.ss-option:last-child{border-bottom:0}.ss-option:hover,.ss-option:focus{outline:none;background:var(--highlight-strong)}.ss-option.is-selected{background:color-mix(in srgb,var(--accent) 12%,var(--card));font-weight:650}.ss-option.is-disabled,.ss-option:disabled{opacity:.45;cursor:not-allowed}.ss-option-label{display:block;white-space:normal;word-break:break-word}.ss-empty{padding:14px 12px;font-size:12.5px;color:var(--text-muted);text-align:center}.range-picker-actions .ss-root,.range-picker-actions .ss-trigger{min-width:150px}@media(max-width:900px){.ss-menu{z-index:280;max-height:min(240px,42vh)}.ss-options{max-height:min(160px,28vh)}}#emp-modal .emp-sections{display:grid;gap:14px}#emp-modal .emp-section{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--panel-muted-bg)}#emp-modal .emp-section-title{font-size:12px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}#emp-modal .emp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.modal-overlay{position:fixed;inset:0;z-index:200;background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px}.modal-overlay.open{display:flex}.modal{background:var(--surface-raised);border:1px solid var(--border-bright);border-radius:18px;padding:28px;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px #0009;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-title{font-family:Inter,sans-serif;font-size:18px;font-weight:700}.modal-close{width:30px;height:30px;border-radius:7px;border:1px solid var(--border-bright);background:transparent;cursor:pointer;color:var(--text-muted);font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{color:var(--text);background:var(--highlight-strong)}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}.doc-viewer-modal{max-width:min(960px,96vw);width:100%;padding:20px 22px 22px;display:flex;flex-direction:column;max-height:92vh}.doc-viewer-body{flex:1;min-height:420px;max-height:calc(92vh - 88px);background:var(--panel-muted-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.doc-viewer-frame{width:100%;height:100%;min-height:420px;border:0;background:#fff}.doc-viewer-image{display:block;max-width:100%;max-height:calc(92vh - 120px);object-fit:contain}.doc-viewer-loading,.doc-viewer-fallback{padding:32px 24px;text-align:center;color:var(--text-muted)}.doc-viewer-fallback{display:flex;flex-direction:column;align-items:center;gap:14px}.documents-page-card{max-width:760px}.exit-form-card{max-width:620px}.leave-annual-balance-panel{margin-top:8px;padding:12px;background:var(--highlight);border:1px solid var(--border-bright);border-radius:10px}.leave-al-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.leave-al-mini-item{padding:8px 10px;background:var(--card);border:1px solid var(--border);border-radius:8px}.leave-al-mini-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.leave-al-mini-value{font-size:15px;font-weight:700;margin-top:2px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#leave-annual-balance-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}#leave-annual-balance-toggle .toggle-main{display:flex;align-items:center;gap:8px;min-width:0;flex:1}#leave-annual-balance-toggle.open #leave-annual-balance-chevron{transform:rotate(180deg)}#leave-annual-balance-chevron{transition:transform .2s ease;flex-shrink:0}.tabs{display:flex;gap:4px;background:var(--chip-bg);border-radius:10px;padding:4px;margin-bottom:20px;border:1px solid var(--border)}.tab-btn{flex:1;padding:9px 14px;border-radius:7px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .15s ease,color .15s ease;text-align:center}.tab-btn.active{background:var(--highlight-strong);color:var(--text);font-weight:600}.tab-pane{display:none}.tab-pane.active,.tab-pane:not([hidden]){display:block}.tab-pane[hidden]{display:none!important}.progress{height:6px;background:var(--progress-track);border-radius:3px;overflow:hidden}.progress-bar{height:100%;border-radius:3px;transition:width .6s}.progress-blue{background:linear-gradient(90deg,var(--blue-bright),var(--progress-fill-end))}.progress-accent{background:linear-gradient(90deg,var(--green),#86efac)}.progress-amber{background:linear-gradient(90deg,var(--amber),#FFE082)}.progress-coral{background:linear-gradient(90deg,var(--coral),#FF8A65)}#import-progress-modal.open{display:flex;align-items:center;justify-content:center;z-index:12000}#import-progress-modal .modal{pointer-events:none;width:min(420px,92vw)}#import-progress-bar{transition:width .25s ease}.donut-wrap{display:flex;align-items:center;gap:20px}.donut{width:110px;height:110px;border-radius:50%;flex-shrink:0;background:conic-gradient(var(--ui-accent) 0% 36%,var(--blue-bright) 36% 58%,var(--amber) 58% 72%,var(--coral) 72% 82%,var(--text-dim) 82% 100%);position:relative}.donut:after{content:"";position:absolute;inset:20px;background:var(--donut-inner);border-radius:50%}.legend-item{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:12.5px}.legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.alert{position:relative;display:flex;align-items:flex-start;gap:12px;padding:13px 14px 13px 15px;margin-bottom:12px;border-radius:14px;border:1px solid var(--alert-info-border);border-left-width:3px;background:var(--alert-info-bg);color:var(--alert-info-fg);font-size:13px;line-height:1.45;font-weight:500;box-shadow:0 8px 20px #0000001a}.alert>div{min-width:0;flex:1}.alert b{font-weight:700;margin-right:4px}.alert-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;font-size:15px;margin-top:0;background:color-mix(in srgb,var(--alert-tone-icon, var(--alert-info-icon)) 18%,transparent);color:var(--alert-tone-icon, var(--alert-info-icon));border:1px solid color-mix(in srgb,var(--alert-tone-icon, var(--alert-info-icon)) 35%,transparent)}.alert-info{--alert-tone-icon: var(--alert-info-icon);background:var(--alert-info-bg);border-color:var(--alert-info-border);color:var(--alert-info-fg)}.alert-success{--alert-tone-icon: var(--alert-success-icon);background:var(--alert-success-bg);border-color:var(--alert-success-border);color:var(--alert-success-fg)}.alert-warn{--alert-tone-icon: var(--alert-warn-icon);background:var(--alert-warn-bg);border-color:var(--alert-warn-border);color:var(--alert-warn-fg)}.alert-error,.alert-coral{--alert-tone-icon: var(--alert-error-icon);background:var(--alert-error-bg);border-color:var(--alert-error-border);color:var(--alert-error-fg)}.search-bar{position:relative}.search-bar input{padding-left:38px}.search-bar:before{content:"🔍";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:13px;pointer-events:none}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.toolbar .search-bar{flex:1;min-width:200px}#view-leave.view{max-width:none;width:100%;padding:18px 20px 24px}.leave-page{display:grid;gap:12px;width:100%}.leave-toolbar{display:grid;gap:10px}.leave-toolbar-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.leave-search-bar{position:relative;flex:1 1 220px;min-width:180px;max-width:420px}.leave-search-bar:before{content:none!important}.leave-search-bar .leave-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:15px;line-height:1;pointer-events:none;z-index:1}.leave-search-bar input{width:100%;min-height:40px;padding:8px 12px 8px 38px!important;border:1px solid var(--border-bright);border-radius:10px;background:var(--card);color:var(--text);font-size:13.5px}.leave-search-bar input:focus{outline:none;border-color:var(--focus, var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--focus, var(--accent)) 16%,transparent)}.leave-toolbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.leave-nav{display:flex;gap:6px;overflow-x:auto;border:1px solid var(--border-bright);border-radius:12px;background:var(--panel-muted-bg, var(--highlight));padding:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.leave-nav::-webkit-scrollbar{display:none}.leave-nav .tab-btn.leave-nav-btn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:max-content;border:0;border-radius:9px;background:transparent;color:var(--text-muted);padding:9px 12px;margin:0;font-size:13px;font-weight:650;white-space:nowrap;text-decoration:none;transition:background .15s ease,color .15s ease}.leave-nav .tab-btn.leave-nav-btn:link,.leave-nav .tab-btn.leave-nav-btn:visited,.leave-nav .tab-btn.leave-nav-btn:hover,.leave-nav .tab-btn.leave-nav-btn:active,.leave-nav .tab-btn.leave-nav-btn:focus{text-decoration:none}.leave-nav .tab-btn.leave-nav-btn i{font-size:15px;line-height:1;opacity:.9}.leave-nav .tab-btn.leave-nav-btn:hover{background:color-mix(in srgb,var(--card) 70%,transparent);color:var(--text)}.leave-nav .tab-btn.leave-nav-btn.active{background:var(--card);color:var(--text);font-weight:750;box-shadow:0 1px 2px #0000000f;border:1px solid var(--border-bright)}.leave-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;margin-left:2px;padding:0 6px;border-radius:999px;border:1px solid var(--border-bright);background:var(--highlight-strong);font-size:10.5px;font-weight:700;line-height:18px}.leave-nav .tab-btn.leave-nav-btn.active .leave-nav-badge{background:color-mix(in srgb,var(--accent) 16%,var(--card));border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.leave-pane-card{border:1px solid var(--border-bright);border-radius:14px;background:var(--card);padding:12px 14px;width:100%}.leave-apply-side #leave-annual-balance-toggle{width:100%;justify-content:space-between}.leave-pane-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.leave-pane-title{margin:0;font-size:14px;font-weight:750}.leave-table-wrap{border:1px solid var(--border);border-radius:10px;overflow:auto}.leave-table{width:100%;border-collapse:collapse}.leave-table th{position:sticky;top:0;z-index:1;background:var(--panel-muted-bg);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap}.leave-table th,.leave-table td{padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:top}.leave-table tbody tr:last-child td{border-bottom:0}.leave-table-dense th,.leave-table-dense td{padding:7px 8px;font-size:12.5px}.leave-history-summary{font-size:12px;margin:0 0 8px}.leave-history-simple-note{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel-muted-bg, var(--highlight));color:var(--text-muted);font-size:12px;font-weight:650}.leave-history-simple-note[hidden]{display:none!important}.leave-apply-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:12px;align-items:start;width:100%}.leave-apply-layout.leave-apply-no-balance{grid-template-columns:minmax(0,1fr)}.leave-apply-layout.leave-apply-no-balance .leave-apply-side{display:none!important}.leave-apply-grid{margin-top:0}.leave-apply-employee-readonly{display:flex;align-items:center;min-height:41px;padding:8px 12px;border:1px solid var(--border-bright);border-radius:8px;background:var(--panel-muted-bg);color:var(--text);font-size:13.5px;font-weight:600;line-height:1.35}.leave-apply-employee-readonly[hidden]{display:none!important}.leave-apply-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.leave-apply-side{position:sticky;top:calc(var(--header-h, 62px) + 12px)}.leave-balance-snapshot{margin-top:10px;display:grid;gap:10px}.leave-balance-chips{display:flex;flex-wrap:wrap;gap:6px}.leave-balance-chip{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;border:1px solid var(--border);background:var(--panel-muted-bg);font-size:12px;font-weight:650}.leave-balance-chip-ok{border-color:color-mix(in srgb,var(--green) 35%,var(--border))}.leave-selected-days{font-size:13px;font-weight:650;line-height:1.45}.leave-air-ticket-preview{font-size:12px;color:var(--text-muted);line-height:1.45}.leave-balance-person{display:flex;align-items:center;gap:12px;margin-bottom:12px}.leave-balance-person-name{font-size:15px;font-weight:750}.leave-empty-state{margin-top:12px;padding:22px 14px;text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:10px;font-size:13px}.leave-pending-pane{padding:10px;background:transparent;border:0}.leave-approval-list{display:grid;gap:10px}.leave-approval-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px 14px;align-items:center;width:100%;padding:14px 16px;border:1px solid var(--border-bright);border-radius:14px;background:var(--card);color:inherit;text-align:left;cursor:pointer;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;font:inherit}.leave-balance-mobile-card{padding:12px 0;border-bottom:1px solid var(--border)}.leave-balance-mobile-card:last-child{border-bottom:0}.leave-balance-mobile-title{font-size:13.5px;font-weight:700}.leave-balance-mobile-meta{margin-top:4px;color:var(--text-muted);font-size:12px;line-height:1.45}.leave-approval-card:hover{border-color:color-mix(in srgb,var(--text) 18%,var(--border-bright));box-shadow:0 6px 18px #0000000f}.leave-approval-card:focus-visible{outline:none;border-color:var(--focus, var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--focus, var(--accent)) 18%,transparent)}.leave-approval-card-wrap{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.leave-approval-download{width:44px;min-height:100%;border:1px solid var(--border-bright);border-radius:14px;background:var(--card);color:var(--text-muted, #64748b);cursor:pointer;font-size:15px;line-height:1;transition:border-color .15s ease,color .15s ease,background .15s ease}.leave-approval-download:hover{border-color:color-mix(in srgb,var(--text) 18%,var(--border-bright));color:var(--text);background:var(--highlight-strong, var(--highlight))}.leave-approval-avatar{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--highlight-strong);border:1px solid var(--border);font-size:13px;font-weight:750;color:var(--text);flex-shrink:0}.leave-approval-main{min-width:0}.leave-approval-name{font-size:14.5px;font-weight:750;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leave-approval-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:5px;color:var(--text-muted);font-size:12.5px}.leave-approval-meta .badge{font-size:11px}.leave-approval-side{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0}.leave-approval-stage{font-size:11.5px;font-weight:700;color:var(--text-muted);white-space:nowrap}.leave-approval-stage.is-action{color:var(--accent)}.leave-approval-chevron{color:var(--text-dim);font-size:14px}.leave-approval-empty{padding:36px 16px;text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:12px;background:var(--card);font-size:13px}.leave-detail-modal{max-width:min(560px,96vw);padding:20px 20px 16px}.leave-detail-hero{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.leave-detail-hero .leave-approval-avatar{width:48px;height:48px;border-radius:14px;font-size:14px}.leave-detail-hero-copy{min-width:0;flex:1}.leave-detail-title{margin:0;font-size:18px;font-weight:800;letter-spacing:-.02em}.leave-detail-sub{margin-top:4px;color:var(--text-muted);font-size:12.5px}.leave-detail-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.leave-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.leave-detail-field{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-muted-bg, var(--highlight));min-width:0}.leave-detail-field.full{grid-column:1 / -1}.leave-detail-label{display:block;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.leave-detail-value{font-size:13.5px;font-weight:650;line-height:1.4;word-break:break-word}.leave-detail-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:4px;padding-top:14px;border-top:1px solid var(--border)}.leave-detail-actions .btn{min-height:38px}@media(max-width:640px){.leave-approval-card{grid-template-columns:auto 1fr;padding:12px 13px}.leave-approval-side{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between}.leave-approval-chevron{display:none}.leave-detail-grid{grid-template-columns:1fr}.leave-detail-actions{flex-direction:column-reverse;align-items:stretch}.leave-detail-actions .btn{width:100%}}.leave-history-range-picker{display:flex;flex-direction:column;gap:8px;padding:10px;margin-bottom:10px;background:var(--highlight);border:1px solid var(--border-bright);border-radius:10px}.leave-history-toolbar-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.leave-history-ext-filter{display:inline-flex;align-items:center;gap:6px;margin-left:4px;padding:6px 10px;border:1px solid var(--border-bright);border-radius:999px;background:var(--card);color:var(--text);font-size:12.5px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.leave-history-ext-filter input{accent-color:var(--accent, #0f766e);cursor:pointer}.leave-history-dates{display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0}.leave-history-dates input[type=date]{width:138px;max-width:100%;min-height:34px;padding:6px 8px;border:1px solid var(--border-bright);border-radius:8px;background:var(--card);color:var(--text);font-size:12.5px}.range-picker-sep{color:var(--text-muted);font-size:13px;flex-shrink:0}.range-picker-presets{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.range-picker-presets .chip{padding:4px 9px;font-size:11px;border-radius:8px}.range-picker-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:auto}.range-picker-actions .form-group{margin:0;min-width:150px}.range-picker-actions .form-group label{display:none}.range-picker-actions select{min-height:34px;font-size:12.5px;padding:6px 8px}.range-picker-actions .btn{min-height:34px}.leave-skel-list{display:none;gap:8px}#view-leave.leave-loading .leave-live-list,#leave-history.leave-history-loading .leave-live-list{display:none!important}#view-leave.leave-loading .leave-approval-skel,#leave-history.leave-history-loading .leave-history-skel,#leave-history.leave-history-loading .leave-skel-list.leave-history-skel{display:grid!important}.leave-history-pane{display:grid;gap:10px}.leave-skel-card{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--card)}.leave-skel-row{display:grid;grid-template-columns:1.2fr .8fr .6fr .7fr 1fr;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border)}.leave-skel-row:last-child{border-bottom:0}.leave-skel-table{display:none;border:1px solid var(--border);border-radius:10px;overflow:hidden}#view-leave.leave-loading .leave-skel-table,#leave-history.leave-history-loading .leave-skel-table{display:block}@media(max-width:900px){#view-leave.leave-loading .leave-skel-list,#leave-history.leave-history-loading .leave-skel-list,#leave-history.leave-history-loading .leave-history-skel{display:grid!important}#view-leave.leave-loading .leave-skel-table,#leave-history.leave-history-loading .leave-skel-table{display:none!important}}@media(max-width:960px){.leave-apply-layout{grid-template-columns:1fr}.leave-apply-side{position:static}.leave-toolbar-top{align-items:stretch}.leave-search-bar{flex:1 1 100%;max-width:none}.leave-toolbar-actions{margin-left:0}.leave-nav .tab-btn.leave-nav-btn{flex:0 0 auto;padding:9px 11px}.leave-nav .leave-nav-label{font-size:12.5px}.leave-history-dates{width:100%}.leave-history-dates input[type=date]{flex:1 1 0;width:auto;min-width:0}.range-picker-actions{margin-left:0;width:100%}.range-picker-actions .form-group,.range-picker-actions .btn{flex:1 1 calc(50% - 6px);min-width:0}.range-picker-actions .form-group select,.range-picker-actions .btn{width:100%}}.payslip-card{background:var(--highlight);border:1px solid var(--border-bright);border-radius:12px;padding:18px;margin-bottom:12px}.payslip-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13.5px}.payslip-total{border-top:1px solid var(--border-bright);padding-top:12px;margin-top:8px;font-weight:700;font-size:15px;color:var(--accent)}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kpi-card{background:var(--card);border:1px solid var(--border-bright);border-radius:12px;padding:16px}.kpi-name{font-size:12px;color:var(--text-muted);margin-bottom:6px}.kpi-score{font-family:Inter,sans-serif;font-size:26px;font-weight:800}.kpi-target{font-size:11px;color:var(--text-muted);margin-top:4px;margin-bottom:8px}.avatar-stack{display:flex}.avatar-stack .av{width:28px;height:28px;border-radius:50%;border:2px solid var(--navy);background:var(--avatar-bg);border:1px solid var(--border-bright);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-left:-7px;color:var(--avatar-fg)}.avatar-stack .av:first-child{margin-left:0}.mini-cal{font-size:12px}.mini-cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;font-size:13px}.mini-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.mini-cal-grid .day-head{font-size:10px;color:var(--text-muted);padding:3px 0}.mini-cal-grid .day{padding:5px 2px;border-radius:5px;cursor:pointer;transition:background .15s}.mini-cal-grid .day:hover{background:var(--highlight-strong)}.mini-cal-grid .day.today{background:var(--highlight-strong);color:var(--text);font-weight:700}.mini-cal-grid .day.has-leave{background:var(--status-success-bg);color:var(--status-success-fg)}.mini-cal-grid .day.muted{color:var(--text-dim)}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11.5px;background:var(--highlight);border:1px solid var(--border-bright);color:var(--text-muted);cursor:pointer;transition:all .2s}.chip.active,.chip:hover{background:var(--highlight-strong);border-color:var(--border-bright);color:var(--text)}.steps{display:flex;align-items:center;gap:0;margin-bottom:20px;flex-wrap:wrap;gap:6px}.step{display:flex;align-items:center;gap:6px}.step-num{width:26px;height:26px;border-radius:50%;border:2px solid var(--border-bright);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-muted);transition:all .3s}.step.done .step-num{background:var(--green);border-color:var(--green);color:#fff}.step.active .step-num{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.step-label{font-size:11.5px;color:var(--text-muted)}.step.active .step-label{color:var(--text);font-weight:500}.step-arrow{color:var(--text-dim);font-size:11px}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:9px;top:4px;bottom:4px;width:2px;background:var(--border-bright);border-radius:2px}.tl-item{position:relative;margin-bottom:18px}.tl-dot{position:absolute;left:-23px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--blue);border:2px solid var(--blue-bright)}.tl-dot.green{background:var(--accent);border-color:var(--accent-light)}.tl-dot.amber{background:var(--amber);border-color:#ffe082}.tl-date{font-size:11px;color:var(--text-dim);margin-bottom:3px}.tl-item.is-summary .tl-dot{background:#64748b;border-color:#94a3b8;width:10px;height:10px;left:-22px}.tl-item.is-summary .tl-text{color:var(--text-dim);font-size:13px}.tl-gap{font-size:11px;color:var(--text-dim);opacity:.75;margin-top:2px}.tl-text{font-size:13px;color:var(--text)}.notif-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.notif-item:last-child{border-bottom:none}.notif-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.notif-icon.warn{background:#ffb30026}.notif-icon.info{background:var(--highlight-strong)}.notif-icon.success{background:#00897b26}.notif-icon.error{background:#f4511e26}.notif-title{font-size:13.5px;font-weight:500;margin-bottom:3px}.notif-desc{font-size:12px;color:var(--text-muted)}.notif-time{font-size:11px;color:var(--text-dim);margin-top:4px}.calc-result{background:#00bfa514;border:1px solid rgba(0,191,165,.25);border-radius:12px;padding:18px;margin-top:16px}.calc-amount{font-family:Inter,sans-serif;font-size:36px;font-weight:800;color:var(--accent)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.att-admin-late-row{display:grid;grid-template-columns:1.4fr 1fr auto;gap:10px;align-items:end}@media(max-width:900px){.att-admin-late-row{grid-template-columns:1fr}.att-admin-late-row .btn{width:100%}}.mt-16{margin-top:16px}.flex{display:flex}.flex-center{display:flex;align-items:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.text-muted{color:var(--text-muted);font-size:12.5px}.text-sm{font-size:12.5px}.fw-700{font-weight:700}.color-accent{color:var(--accent)}.color-amber{color:var(--amber)}.color-coral{color:var(--coral)}#notif-panel{position:fixed;top:var(--header-h);right:0;bottom:0;width:340px;background:var(--header-bg);border-left:1px solid var(--border-bright);z-index:150;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-y:auto;padding:20px;box-shadow:var(--dropdown-shadow)}#notif-panel.open{transform:none}.notif-panel-title{font-family:Inter,sans-serif;font-size:16px;font-weight:700;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}#mobile-backdrop{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:120;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease}#mobile-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}#toast{position:fixed;bottom:24px;right:24px;z-index:30000;display:flex;align-items:flex-start;gap:12px;min-width:min(320px,calc(100vw - 28px));max-width:min(420px,calc(100vw - 28px));padding:13px 14px;border-radius:14px;border:1px solid var(--alert-info-border);border-left-width:3px;background:var(--toast-bg);color:var(--alert-info-fg);font-size:13.5px;font-weight:500;line-height:1.4;box-shadow:var(--toast-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transform:translateY(12px) scale(.98);transition:opacity .24s ease,transform .24s ease;pointer-events:none}#toast.show{opacity:1;transform:none;pointer-events:auto}#toast .toast-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;font-size:15px;background:color-mix(in srgb,var(--toast-tone-icon, var(--alert-info-icon)) 18%,transparent);color:var(--toast-tone-icon, var(--alert-info-icon));border:1px solid color-mix(in srgb,var(--toast-tone-icon, var(--alert-info-icon)) 35%,transparent)}#toast .toast-body{min-width:0;flex:1;padding-top:4px}#toast.toast-success{--toast-tone-icon: var(--alert-success-icon);border-color:var(--alert-success-border);color:var(--alert-success-fg);background:linear-gradient(180deg,color-mix(in srgb,var(--alert-success-bg) 88%,var(--toast-bg)),var(--toast-bg))}#toast.toast-warn{--toast-tone-icon: var(--alert-warn-icon);border-color:var(--alert-warn-border);color:var(--alert-warn-fg);background:linear-gradient(180deg,color-mix(in srgb,var(--alert-warn-bg) 88%,var(--toast-bg)),var(--toast-bg))}#toast.toast-error{--toast-tone-icon: var(--alert-error-icon);border-color:var(--alert-error-border);color:var(--alert-error-fg);background:linear-gradient(180deg,color-mix(in srgb,var(--alert-error-bg) 88%,var(--toast-bg)),var(--toast-bg))}#toast.toast-info{--toast-tone-icon: var(--alert-info-icon);border-color:var(--alert-info-border);color:var(--alert-info-fg)}#mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:140;grid-template-columns:repeat(5,1fr);gap:4px;padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px));background:var(--header-bg);border-top:1px solid var(--border-bright);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--dropdown-shadow)}.bottom-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;padding:6px 4px;border:none;border-radius:12px;background:transparent;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.2px;cursor:pointer;-webkit-tap-highlight-color:transparent;text-decoration:none}.bottom-tab:link,.bottom-tab:visited,.bottom-tab:hover,.bottom-tab:active,.bottom-tab:focus{text-decoration:none;color:inherit}.bottom-tab:hover{color:var(--text)}.bottom-tab i{font-size:21px;line-height:1}.bottom-tab.active{color:var(--text);background:var(--highlight-strong)}.bottom-tab:active{transform:scale(.97)}.bottom-tab-notif{position:relative}.bottom-tab-notif .notif-dot{position:absolute;top:8px;right:calc(50% - 18px);width:7px;height:7px;border-radius:50%;background:var(--coral);border:2px solid var(--header-bg);display:none}@media(max-width:900px){:root{--sidebar-w: 0px}.header-desktop-only{display:none!important}.header-mobile-only.icon-btn{display:flex!important}.settings-mobile-quick{display:block}.settings-appearance-desktop{display:none}#sidebar{transform:translate(-250px);--sidebar-w: 250px;z-index:130;box-shadow:20px 0 40px #00000026;background:var(--sidebar-bg)}#sidebar.mob-open{transform:none}#header{left:0;padding:0 14px;background:var(--header-bg)}.header-brand{display:flex;flex:0 0 auto}.header-brand .logo-text{display:none}#header.has-birthday .header-brand{display:flex}#header.has-birthday .header-birthday-wrap.is-active{display:flex;flex:1;max-width:none}.header-actions{margin-left:auto;flex-shrink:0}#main{margin-left:0;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}#mobile-bottom-nav{display:grid}.nav-item.nav-in-bottom-bar{display:none!important}.view{padding:18px 14px}.tabs{overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;scrollbar-width:thin}.tab-btn{flex:0 0 auto;min-width:max-content}.toolbar{gap:8px}.toolbar .search-bar,.toolbar>select,.toolbar>.btn{width:100%;max-width:none;min-width:0;flex:1 1 100%}.toolbar .search-bar input{width:100%}.grid3{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid.leave-balance-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stats-grid.leave-balance-stats .stat-value{font-size:20px}.dash-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;overflow:visible}.dash-stats-grid .stat-card{min-height:118px;padding:14px 13px 12px}.dash-stats-grid .stat-card-top{margin-bottom:10px;gap:8px}.dash-stats-grid .stat-label{font-size:11px}.dash-stats-grid .stat-icon{width:32px;height:32px;font-size:14px;border-radius:10px}.dash-stats-grid .stat-value{font-size:24px;margin-bottom:6px}.dash-stats-grid .stat-sub{font-size:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dash-hero{flex-direction:column;padding:18px 16px;border-radius:16px}.dash-hero-meta{align-items:flex-start}#view-dashboard .timeline{max-height:none}.grid2{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.modal-overlay{padding:12px}.modal{padding:18px;border-radius:14px;max-height:calc(100vh - 24px)}.modal-header{margin-bottom:16px}.modal-footer{flex-direction:column-reverse;align-items:stretch}#notif-panel{width:min(360px,100vw);top:var(--header-h)}#emp-modal .emp-grid{grid-template-columns:1fr}#view-profile .profile-hero-body{grid-template-columns:1fr;justify-items:start}#view-profile .profile-hero-meta{justify-items:start}#view-profile .profile-grid{grid-template-columns:1fr}#view-profile .profile-edit-field{flex-direction:column;align-items:stretch}#view-profile .profile-edit-field .btn{width:100%}.desktop-table-view{display:none!important}.mobile-card-view{display:grid;gap:10px}.card{overflow:visible;height:auto!important}.table-wrap:not(.desktop-table-view){overflow-x:visible}.record-card-grid{grid-template-columns:1fr}.record-card-actions .btn{flex:1 1 100%}.range-picker-presets{width:100%}.range-picker-actions .btn{flex:1 1 auto}#leave-balance-meta{font-size:12px;line-height:1.45;word-break:break-word}.payadjust-form-card{max-width:none}#adj-process-wrap{width:100%;flex-direction:column;align-items:stretch}.payadjust-month-input{width:100%;min-width:0}#adj-process-wrap .btn{width:100%}.payadjust-list-head{align-items:flex-start}#adj-loans .payadjust-loans-grid{grid-template-columns:1fr}#adj-loans .payadjust-loans-grid>.card:last-child{order:-1}#view-payadjust .flex.gap-8.mt-16{flex-direction:column;align-items:stretch}#view-payadjust .flex.gap-8.mt-16 .btn{width:100%}#view-payadjust .record-card-actions .flex{flex-direction:column;align-items:stretch;width:100%}#view-payadjust .record-card-actions .flex .btn{width:100%}.documents-page-card,.exit-form-card{max-width:none}.pro-stage-select{width:100%;min-width:0}#documents-meta{font-size:12px;line-height:1.45;word-break:break-word}.doc-viewer-modal{padding:16px;max-height:calc(100vh - 24px)}.doc-viewer-body{min-height:280px;max-height:calc(100vh - 150px)}.doc-viewer-frame{min-height:280px}.doc-viewer-image{max-height:calc(100vh - 170px)}.calendar-head{width:100%;justify-content:space-between}.calendar-month-label{font-size:13px}#toast{left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom,0px));width:auto;min-width:0;max-width:none}.ot-detail-card{padding:14px}.ot-detail-head{gap:10px}.ot-detail-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.ot-excel-desktop{display:none}.ot-excel-mobile{display:block}.ot-detail-footer{justify-content:stretch}.ot-detail-footer .btn{flex:1 1 auto;min-width:0}.ot-mobile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){#header{gap:10px}.header-actions{gap:6px}.header-location{max-width:170px}.header-att-actions .btn-sm{padding:7px 12px;font-size:12px;min-height:32px}.icon-btn{width:34px;height:34px;border-radius:8px}.stats-grid,.kpi-grid{grid-template-columns:1fr}.dash-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;margin-bottom:12px}.dash-stats-grid .stat-card{min-height:104px;padding:12px 11px 10px;border-radius:14px;box-shadow:none}.dash-stats-grid .stat-card-top{margin-bottom:8px;gap:6px;align-items:center}.dash-stats-grid .stat-label{font-size:10px;line-height:1.25;letter-spacing:0}.dash-stats-grid .stat-icon{width:28px;height:28px;font-size:12px;border-radius:9px}.dash-stats-grid .stat-value{font-size:20px;margin-bottom:4px;line-height:1.1}.dash-stats-grid .stat-sub{font-size:10px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}#view-dashboard.dash-employee .dash-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#view-dashboard.dash-employee .dash-stats-grid .stat-card{min-height:100px;padding:12px 11px 10px}#view-dashboard.dash-employee .dash-stats-grid .stat-label{font-size:10px}#view-dashboard.dash-employee .dash-stats-grid .stat-value{font-size:20px}#view-dashboard.dash-employee .dash-stats-grid .stat-sub{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}#view-dashboard.dash-employee .dash-stats-grid .stat-icon{width:28px;height:28px;font-size:12px}#view-dashboard .dash-hero{margin-bottom:12px;padding:14px}#view-dashboard .dash-hero-title{font-size:22px}#view-dashboard #dash-employee-summary-card.card{padding:14px}#view-dashboard .dash-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#view-dashboard .dash-summary-item{padding:10px;border-radius:10px}#view-dashboard .dash-summary-value{font-size:13px}#view-dashboard .dash-panel{padding:14px;border-radius:16px}.dash-workforce-stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.donut-wrap{flex-direction:column;align-items:flex-start}#toast{left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom,0px));width:auto}}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}#root{min-height:100vh}:root,html[data-theme=light]{color-scheme:light;--forest-950: #183a2b;--forest-900: #214b38;--forest-800: #2d6048;--forest-700: #397558;--forest-600: #4c8968;--sage-500: #83aa90;--sage-300: #b8d0be;--mint-200: #d5e7d8;--mint-100: #e7f0e8;--warm-white: #fbfcfa;--stage: #f3f5f2;--navy: #f3f5f2;--navy-mid: #eef2ed;--navy-light: #e5ece6;--blue: #397558;--blue-bright: #2d6048;--accent: #397558;--accent-light: #4c8968;--green: #397558;--text: #121814;--text-muted: #5f6c63;--text-dim: #8a958d;--border: rgba(33, 75, 56, .09);--border-bright: rgba(33, 75, 56, .16);--card: #ffffff;--card-hover: #fbfcfa;--highlight: rgba(57, 117, 88, .07);--highlight-strong: rgba(57, 117, 88, .13);--primary: #397558;--primary-fg: #ffffff;--focus: rgba(57, 117, 88, .24);--surface: #ffffff;--surface-raised: #ffffff;--sidebar-bg: #285840;--header-bg: #ffffff;--overlay-bg: rgba(24, 58, 43, .62);--bg-gradient-start: #4c8968;--bg-gradient-end: #183a2b;--record-card-bg: linear-gradient(180deg, #ffffff, #fbfcfa);--input-bg: #f8faf7;--input-bg-focus: #ffffff;--panel-bg: #ffffff;--panel-muted-bg: #f5f7f4;--panel-inset-bg: #edf2ed;--surface-soft: #f8faf7;--avatar-bg: #d5e7d8;--avatar-fg: #214b38;--inset-border: rgba(33, 75, 56, .12);--hero-gradient: linear-gradient(135deg, #ffffff 0%, #f3f7f3 100%);--progress-track: rgba(57, 117, 88, .12);--progress-fill-end: #83aa90;--dropdown-shadow: 0 18px 45px rgba(24, 58, 43, .14);--status-success-fg: #214b38;--status-success-bg: #e7f0e8;--status-success-border: #b8d0be;--alert-success-fg: #214b38;--alert-success-bg: #e7f0e8;--alert-success-border: #b8d0be;--alert-success-icon: #397558;--alert-info-fg: #214b38;--alert-info-bg: #eef4ef;--alert-info-border: #c8d9cc;--alert-info-icon: #397558;--ui-accent: #397558;--chip-bg: rgba(57, 117, 88, .07);--donut-inner: #ffffff;--calendar-selected-border: #397558;--map-route-color: #397558;--sidebar-w: 260px;--header-h: 68px;--stage-gap: 16px;--stage-radius: 30px}html[data-theme=dark]{color-scheme:dark;--warm-white: #14281f;--stage: #0f2119;--navy: #0f2119;--navy-mid: #14281f;--navy-light: #1b3428;--blue: #9ac3a7;--blue-bright: #b8d0be;--accent: #b8d0be;--accent-light: #d5e7d8;--green: #83aa90;--text: #f3f7f3;--text-muted: #b1c2b6;--text-dim: #82968a;--border: rgba(213, 231, 216, .1);--border-bright: rgba(213, 231, 216, .18);--card: #193127;--card-hover: #1d392d;--highlight: rgba(213, 231, 216, .07);--highlight-strong: rgba(213, 231, 216, .13);--primary: #9ac3a7;--primary-fg: #102218;--focus: rgba(154, 195, 167, .3);--surface: #14281f;--surface-raised: #193127;--header-bg: rgba(20, 40, 31, .97);--overlay-bg: rgba(5, 17, 11, .72);--record-card-bg: linear-gradient(180deg, #193127, #152a21);--input-bg: #13271e;--input-bg-focus: #193127;--panel-bg: #193127;--panel-muted-bg: #152a21;--panel-inset-bg: #11241b;--surface-soft: #152a21;--avatar-bg: #284937;--avatar-fg: #e7f0e8;--inset-border: rgba(213, 231, 216, .14);--hero-gradient: linear-gradient(135deg, #1d392d 0%, #152a21 100%);--progress-track: rgba(213, 231, 216, .12);--progress-fill-end: #b8d0be;--dropdown-shadow: 0 18px 45px rgba(2, 12, 7, .4);--chip-bg: rgba(213, 231, 216, .08);--donut-inner: #193127;--calendar-selected-border: #b8d0be;--map-route-color: #b8d0be}html[data-theme=dark] .btn-secondary{color:var(--text);background:var(--surface-raised);border-color:var(--border-bright)}html[data-theme=dark] #mobile-bottom-nav{background:#14281ffa}html[data-theme=dark] #dash-employee-summary-card,html[data-theme=dark] #dash-employee-summary-card .section-title,html[data-theme=dark] #dash-employee-summary-card .dash-summary-value{color:var(--text)}html[data-theme=dark] #dash-employee-summary-card .dash-summary-item{color:var(--text);background:var(--panel-muted-bg);border-color:var(--border-bright)}html[data-theme=dark] #dash-employee-summary-card .dash-summary-item .text-muted{color:var(--text-muted)}html.app-ready,html.app-ready body{height:100%;overflow:hidden}body,html[data-theme=dark] body{color:var(--text);background:var(--forest-800)}body:before,html[data-theme=dark] body:before{background:radial-gradient(circle at 90% 5%,rgba(131,170,144,.5),transparent 32%),linear-gradient(145deg,var(--forest-700) 0%,var(--forest-900) 58%,var(--forest-950) 100%)}html.app-ready #sidebar{width:var(--sidebar-w);padding:20px 14px 16px;color:#fff;background:radial-gradient(circle at 90% 5%,rgba(131,170,144,.5),transparent 32%),linear-gradient(145deg,var(--forest-700) 0%,var(--forest-900) 58%,var(--forest-950) 100%);background-attachment:fixed;background-size:100vw 100vh;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}html.app-ready #sidebar .sidebar-logo{height:auto;min-height:62px;padding:2px 10px 18px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.14)}html.app-ready #sidebar .sidebar-logo img{width:38px;height:38px}html.app-ready #sidebar .theme-logo-dark{display:block!important}html.app-ready #sidebar .theme-logo-light{display:none!important}html.app-ready #sidebar .logo-text{color:#fff;font-family:Plus Jakarta Sans,Inter,sans-serif;font-weight:700;letter-spacing:-.03em}.sidebar-close{display:none;width:38px;height:38px;margin-left:auto;flex:0 0 38px;place-items:center;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);border-radius:12px;cursor:pointer}html.app-ready #sidebar .nav-label{color:#ffffff85;padding:16px 14px 7px;letter-spacing:.08em}html.app-ready #sidebar .nav-item{margin:2px 4px;padding:10px 13px;color:#ffffffc2;border-radius:13px;font-weight:500}html.app-ready #sidebar .nav-item:hover{color:#fff;background:#ffffff1a}html.app-ready #sidebar .nav-item.active{color:#fff;background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff12;font-weight:650}html.app-ready #sidebar .nav-item.active:before{display:none}html.app-ready #sidebar .nav-icon{font-size:16px;color:currentColor}html.app-ready #sidebar .sidebar-footer{display:grid;gap:8px;padding:13px 8px 2px;border-top-color:#ffffff24}html.app-ready #sidebar .sidebar-report-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:38px;padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#ffffff14;color:#fff;font:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s ease,border-color .15s ease}html.app-ready #sidebar .sidebar-report-btn:hover{background:#ffffff24;border-color:#ffffff47;color:#fff}html.app-ready #sidebar .sidebar-report-btn i{font-size:16px;color:#25d366}html.app-ready #sidebar .user-card{width:100%;padding:10px;color:inherit;text-decoration:none;border-radius:15px;background:#ffffff1a}html.app-ready #sidebar .user-avatar{background:var(--mint-200);color:var(--forest-900)}html.app-ready #sidebar .user-name{color:#fff}html.app-ready #sidebar .user-role{color:#fff9}html.app-ready #header{left:calc(var(--sidebar-w) + var(--stage-gap));right:var(--stage-gap);top:var(--stage-gap);height:var(--header-h);padding:0 28px;background:var(--warm-white);border:0;border-bottom:1px solid var(--border);border-radius:var(--stage-radius) var(--stage-radius) 0 0;-webkit-backdrop-filter:none;backdrop-filter:none}html.app-ready #header .icon-btn{width:42px;height:42px;color:var(--forest-800);background:var(--mint-100);border:1px solid transparent;border-radius:50%}html.app-ready #header .icon-btn:hover{color:var(--forest-950);background:var(--mint-200);border-color:var(--sage-300)}.ess-header-notif,.header-mobile-profile{display:none!important}html.app-ready #main{position:relative;z-index:1;width:auto;height:calc(100dvh - (var(--stage-gap) * 2));min-height:0;margin:var(--stage-gap) var(--stage-gap) var(--stage-gap) calc(var(--sidebar-w) + var(--stage-gap));padding:var(--header-h) 8px 22px;display:flex;flex-direction:column;overflow:hidden;background:var(--stage);border-radius:var(--stage-radius);box-shadow:0 20px 55px #183a2b3d}html.app-ready #main>.view.active{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-height:0;overflow:auto;animation:ess-page-enter .28s cubic-bezier(.22,1,.36,1)}@keyframes ess-page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}html.app-ready #main:before{display:none}html.app-ready #main>*{position:relative;z-index:1}.view{padding:28px}.card,.stat-card,.leave-pane-card{background:var(--card);border:1px solid var(--border-bright);border-radius:22px;box-shadow:0 8px 24px #183a2b0e;-webkit-backdrop-filter:none;backdrop-filter:none}.card{padding:22px}.stat-card{padding:20px}.stat-card:hover{background:var(--card-hover);border-color:#39755847;transform:translateY(-2px);box-shadow:0 12px 30px #183a2b17}.section-title,.dash-hero-title,.stat-value{font-family:Plus Jakarta Sans,Inter,sans-serif;letter-spacing:-.025em}.section-title{color:var(--text)}.section-title:after{background:#214b381a}.dash-hero{background:radial-gradient(circle at 94% 8%,rgba(184,208,190,.35),transparent 28%),linear-gradient(135deg,#fff,#edf4ee);border-color:#39755829}.dash-hero-title{color:var(--forest-950)}.dash-live,.dash-hero-badge{color:var(--forest-800);background:var(--mint-100);border-color:var(--sage-300)}.dash-stats-grid .stat-icon{color:var(--forest-800);background:var(--mint-100);border-color:var(--mint-200);border-radius:50%}.dash-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-summary-item{background:#f6f9f5;border-color:#3975581c;border-radius:16px}#dash-employee-summary-card{padding:18px}#dash-employee-summary-card .dash-section-head{margin-bottom:12px}#dash-employee-summary-card .section-title{gap:8px;font-size:16px;line-height:1.2}#dash-employee-summary-card .dash-summary-grid{gap:10px}#dash-employee-summary-card .dash-summary-item{display:flex;min-height:68px;padding:11px 13px;flex-direction:column;justify-content:center;border-radius:14px}#dash-employee-summary-card .dash-summary-item .text-muted{display:flex;align-items:center;gap:5px;margin-bottom:5px;font-size:11px;font-weight:550;line-height:1.2}#dash-employee-summary-card .dash-summary-item .text-muted i{font-size:12px}#dash-employee-summary-card .dash-summary-value{font-size:14px;font-weight:700;line-height:1.25;letter-spacing:-.01em}.ess-birthday-moment{display:none}@media(min-width:901px){.ess-birthday-moment{position:relative;display:flex;align-items:center;gap:14px;min-height:88px;margin-bottom:20px;padding:16px 72px 16px 18px;overflow:hidden;color:#fff;background:var(--forest-700);border:1px solid rgba(255,255,255,.16);border-radius:20px;box-shadow:0 10px 24px #183a2b24;animation:birthday-desktop-arrive .48s cubic-bezier(.22,1,.36,1) both}.ess-birthday-moment:after{content:"";position:absolute;top:-46px;right:-24px;width:132px;height:132px;border:20px solid rgba(255,255,255,.07);border-radius:50%}.ess-birthday-seal{position:relative;z-index:1;display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;color:#7a4f2b;background:#f7dfaa;border:3px solid rgba(255,255,255,.58);border-radius:50%;font-size:19px}.ess-birthday-copy{position:relative;z-index:1}.ess-birthday-kicker{display:block;margin-bottom:2px;color:#ffffffad;font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.ess-birthday-copy h2{margin:0;color:#fff;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:18px;letter-spacing:-.03em}.ess-birthday-copy p{margin:4px 0 0;color:#ffffffc7;font-size:11px}.ess-birthday-confetti{position:absolute;top:16px;right:25px;width:5px;height:5px;border-radius:50%;background:#f7dfaa;box-shadow:18px 14px #b8d0be,-8px 28px #fff,11px 47px #f7dfaa}@keyframes birthday-desktop-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media(min-width:901px){#main .ess-birthday-moment{display:none}}.ess-birthday-carousel-dots{display:none}.btn{min-height:42px;border-radius:999px;font-family:Inter,sans-serif;font-weight:650;box-shadow:none}.btn-primary{color:#fff;background:var(--forest-700)}.btn-primary:hover{background:var(--forest-800);filter:none;box-shadow:0 8px 20px #214b3833}.btn-secondary{color:var(--forest-900);background:#fff;border-color:#39755833}.btn-secondary:hover{color:var(--forest-950);background:var(--mint-100);border-color:var(--sage-300)}.btn-sm{min-height:34px;padding:6px 14px;border-radius:999px}input,select,textarea{color:var(--text);background:var(--input-bg);border-color:#214b3829;border-radius:13px}input:focus,select:focus,textarea:focus{background:#fff;border-color:var(--forest-600);box-shadow:0 0 0 4px #4c89681f}label{color:#526258}.data-table{border-collapse:separate;border-spacing:0}.data-table th{color:#68766c;background:#f2f6f2;border-bottom-color:#214b381f}.data-table td{border-bottom-color:#214b3814}.data-table tbody tr:hover{background:#f7faf7}.badge,.chip,.att-status-chip{border-radius:999px}.badge-green,.tone-live{color:var(--forest-900);background:var(--mint-100);border-color:var(--sage-300)}.tabs{padding:4px;background:#eaf0ea;border-radius:999px}.tab-btn{border-radius:999px}.tab-btn.active{color:#fff;background:var(--forest-700)}#notif-panel{border-color:#214b3821;border-radius:20px;box-shadow:0 20px 50px #183a2b29}#hrms-login-modal.login-screen{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 42%,#3d7a58,#24563d 72%,#1c4632)}#hrms-login-modal .login-modal{width:min(100%,380px);padding:28px 28px 24px;background:#fff;border:0;border-radius:28px;box-shadow:0 18px 48px #0c241838;color:#163528}#hrms-login-modal .login-brand{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:22px}#hrms-login-modal .login-brand-mark{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;background:#eef4ef;border-radius:50%}#hrms-login-modal .login-brand img{display:block;width:18px;height:18px;padding:0;background:transparent}#hrms-login-modal .login-brand-name{color:#163528;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.04em;line-height:1.15}#hrms-login-modal .login-brand-tag{margin-top:1px;color:#7b8a80;font-size:12px}#hrms-login-modal .login-form{display:grid;gap:12px}#hrms-login-modal .login-form label{display:block;margin-bottom:6px;color:#4d5d54;font-size:12px;font-weight:550}#hrms-login-modal .login-form input,#hrms-login-modal .login-form input:focus{width:100%;height:42px;padding:0 16px;border:0;border-radius:999px;background:#163528;color:#fff;box-shadow:none}#hrms-login-modal .login-form input::placeholder{color:#ffffffc2;opacity:1}#hrms-login-modal .password-field input{padding-right:44px}#hrms-login-modal .password-toggle-btn,#hrms-login-modal .password-toggle-btn:hover{right:14px;color:#ffffffb8}#hrms-login-modal .login-text-link{display:inline-flex;margin-top:8px;padding:0;border:0;background:none;color:#2d6a4a;font-size:12px;font-weight:650;cursor:pointer}#hrms-login-modal .login-text-link:hover{color:#163528;text-decoration:underline}#hrms-login-modal .login-text-link-center{width:100%;justify-content:center;margin-top:2px}#hrms-login-modal .login-actions{display:grid;gap:8px;margin-top:4px}#hrms-login-modal .login-actions .btn,#hrms-login-modal .login-actions .btn:hover{min-height:42px;border:0;box-shadow:none}#hrms-login-modal .login-actions .btn-primary,#hrms-login-modal .login-actions .btn-primary:hover{background:#3c8a60;color:#fff}#hrms-login-modal .login-error:not(:empty){padding:0 2px;color:#b42318;background:transparent;border:0;border-radius:0;box-shadow:none;font-size:12px;font-weight:600;line-height:1.4}#hrms-login-modal .alert-success{margin:0;padding:0 2px;color:#166534;background:transparent;border:0;border-radius:0;box-shadow:none;font-size:12px;font-weight:600;line-height:1.5}#mobile-bottom-nav{background:#fbfcfaf5;border-top-color:#214b381f;box-shadow:0 -8px 28px #183a2b14}.bottom-tab{color:#718077}.bottom-tab.active{color:var(--forest-800);background:var(--mint-100)}#view-profile{width:min(100%,640px);margin:0 auto}#view-profile .profile-page-heading{margin-bottom:18px}#view-profile .profile-page-heading h1{margin:0;color:var(--text);font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:28px;font-weight:750;letter-spacing:-.04em}#view-profile .profile-card+.profile-card{margin-top:16px}#view-profile .profile-identity{display:flex;align-items:center;gap:14px;padding-bottom:20px;margin-bottom:4px;border-bottom:1px solid var(--border)}#view-profile .profile-avatar{display:grid;width:56px;height:56px;flex:0 0 56px;place-items:center;border:0;border-radius:16px;color:#fff;background:var(--forest-700);font-size:18px;font-weight:750}#view-profile .profile-name{margin:0;color:var(--text);font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.03em}#view-profile .profile-meta{margin:4px 0 0;color:var(--text-muted);font-size:13px}#view-profile .profile-rows{margin:0}#view-profile .profile-row{display:grid;grid-template-columns:148px minmax(0,1fr);gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}#view-profile .profile-row:last-child{padding-bottom:0;border-bottom:0}#view-profile .profile-row dt{color:var(--text-muted);font-size:13px;font-weight:600}#view-profile .profile-row dd{margin:0;overflow-wrap:anywhere;color:var(--text);font-size:14px;font-weight:600}#view-profile .profile-mobile-view{display:flex;align-items:center;justify-content:space-between;gap:10px}#view-profile .profile-phone-editor{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}#view-profile .profile-phone-input{flex:1 1 180px;min-width:0}#view-profile .profile-help{margin:-6px 0 14px;color:var(--text-muted);font-size:13px}#view-profile .theme-switch{display:grid;grid-template-columns:1fr 1fr;width:min(100%,240px);padding:4px;border:1px solid var(--border-bright);border-radius:999px;background:var(--surface-soft)}#view-profile .theme-switch button{min-height:36px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:650;cursor:pointer}#view-profile .theme-switch button.is-active{color:#fff;background:var(--forest-700)}#view-profile .profile-divider{margin:22px 0;border:0;border-top:1px solid var(--border)}#view-profile .profile-account-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#view-profile .profile-account-actions .btn{width:auto}.profile-password-overlay{z-index:1200}.profile-password-modal{width:min(440px,calc(100vw - 28px));padding:24px}.profile-password-modal .modal-header{align-items:flex-start;margin-bottom:20px}.profile-password-modal-help{margin:5px 0 0;color:var(--text-muted);font-size:12px;line-height:1.45}.profile-password-modal .profile-password-form{gap:14px}.profile-password-modal .modal-footer{margin-top:4px}.leave-apply-modal{width:min(900px,calc(100vw - 28px));max-width:900px}.leave-apply-modal .leave-apply-layout{margin:0}.leave-range-field{position:relative}.leave-range-trigger{display:grid;width:100%;min-height:58px;padding:8px 13px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:12px;color:var(--text);text-align:left;background:var(--panel-muted-bg);border:1px solid var(--border-bright);border-radius:12px;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.leave-range-trigger:hover,.leave-range-trigger[aria-expanded=true]{background:var(--card);border-color:var(--forest-600);box-shadow:0 0 0 3px color-mix(in srgb,var(--forest-600) 12%,transparent)}.leave-range-trigger>span{display:grid;min-width:0;gap:2px}.leave-range-trigger small{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.leave-range-trigger strong{overflow:hidden;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.leave-range-trigger.has-range strong{color:var(--accent)}.leave-range-trigger>.bi-arrow-right{color:var(--text-muted);font-size:14px}.leave-range-trigger>.bi-calendar3{color:var(--accent);font-size:17px}.leave-range-trigger:disabled{cursor:not-allowed;opacity:.6}.leave-range-days{margin-top:6px;color:var(--text-muted);font-size:12px;font-weight:600}.leave-list-tabs{display:inline-flex;align-items:center;gap:4px;padding:4px;background:var(--panel-muted-bg);border:1px solid var(--border-bright);border-radius:12px}.leave-list-tab{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 12px;color:var(--text-muted);background:transparent;border:0;border-radius:9px;font-size:13px;font-weight:650;cursor:pointer}.leave-list-tab:hover{color:var(--text);background:color-mix(in srgb,var(--card) 70%,transparent)}.leave-list-tab.is-active{color:var(--text);background:var(--card);box-shadow:0 1px 3px #0f2a1d14}.leave-list-tab-count{display:inline-grid;min-width:20px;height:20px;padding:0 6px;place-items:center;color:var(--text-muted);background:color-mix(in srgb,var(--text) 8%,var(--card));border-radius:999px;font-size:11px;font-weight:700}.leave-list-tab.is-active .leave-list-tab-count{color:var(--card);background:var(--forest-600, var(--accent))}.leave-toolbar-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.leave-scope-filter{display:inline-flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}.leave-scope-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 11px;color:var(--text-muted);background:var(--panel-muted-bg);border:1px solid var(--border-bright);border-radius:999px;font-size:12px;font-weight:650;cursor:pointer}.leave-scope-chip:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 35%,var(--border-bright))}.leave-scope-chip.is-active{color:var(--card);background:var(--forest-600, var(--accent));border-color:transparent}.leave-scope-chip-count{display:inline-grid;min-width:18px;height:18px;padding:0 5px;place-items:center;border-radius:999px;font-size:10px;font-weight:700;color:inherit;background:color-mix(in srgb,currentColor 16%,transparent)}.leave-scope-chip.is-active .leave-scope-chip-count{background:color-mix(in srgb,var(--card) 22%,transparent)}.leave-approval-name-row{display:flex;align-items:center;gap:8px;min-width:0}.leave-approval-name-row .leave-approval-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-you-tag{flex:0 0 auto;display:inline-flex;align-items:center;min-height:18px;padding:0 7px;border-radius:999px;font-size:10px;font-weight:750;letter-spacing:.02em;text-transform:uppercase;color:#b45309;background:#f59e0b24;border:1px solid rgba(245,158,11,.32)}html[data-theme=dark] .leave-you-tag{color:#ffd54f;background:#ffb30026;border-color:#ffb3004d}.leave-detail-person{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.leave-year-group+.leave-year-group{margin-top:16px}.leave-year-heading{margin:0 0 8px;padding:0 2px;color:var(--text-muted);font-size:12px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.leave-year-cards{display:grid;gap:8px}.drp-layer{position:fixed;inset:0;z-index:2100}.drp-layer.is-sheet{display:flex;align-items:flex-end;justify-content:center;background:#0a19118c;animation:drp-fade .16s ease}.drp-panel{--drp-cell: 40px;position:fixed;display:flex;flex-direction:column;width:max-content;max-width:calc(100vw - 24px);padding:14px 18px 12px;color:var(--text);background:var(--card);border:1px solid var(--border-bright);border-radius:18px;box-shadow:0 18px 48px #0f2a1d38;animation:drp-pop .16s ease}.drp-layer.is-sheet .drp-panel{--drp-cell: 44px;position:relative;width:100%;max-width:100%;max-height:calc(100dvh - 24px);padding:12px 14px calc(14px + env(safe-area-inset-bottom,0px));overflow-y:auto;border-radius:20px 20px 0 0;animation:drp-slide-up .22s cubic-bezier(.2,.8,.2,1)}.drp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.drp-head-dates{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;flex:1;min-width:0}.drp-head-dates>.bi-arrow-right{color:var(--text-muted);font-size:14px}.drp-head-date{display:grid;gap:1px;min-width:0;padding:7px 12px;border:1px solid var(--border-bright);border-radius:10px;background:var(--panel-muted-bg)}.drp-head-date.is-active{border-color:var(--forest-600);box-shadow:0 0 0 2px color-mix(in srgb,var(--forest-600) 14%,transparent);background:var(--card)}.drp-head-date small{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.drp-head-date strong{overflow:hidden;font-size:13px;font-weight:650;white-space:nowrap;text-overflow:ellipsis}.drp-close{display:grid;place-items:center;width:34px;height:34px;color:var(--text);background:var(--panel-muted-bg);border:1px solid var(--border-bright);border-radius:50%;cursor:pointer}.drp-panel .rdp-root{--rdp-accent-color: var(--text);--rdp-accent-background-color: color-mix(in srgb, var(--text) 12%, var(--card));--rdp-range_middle-background-color: color-mix(in srgb, var(--text) 12%, var(--card));--rdp-day-height: var(--drp-cell);--rdp-day-width: var(--drp-cell);--rdp-day_button-height: var(--drp-cell);--rdp-day_button-width: var(--drp-cell);--rdp-day_button-border: 0;--rdp-selected-border: 0;--rdp-disabled-opacity: .32;--rdp-nav-height: 40px;--rdp-nav_button-height: 36px;--rdp-nav_button-width: 36px;--rdp-months-gap: 28px;--rdp-weekday-padding: 6px 0;margin:0 auto;font-family:inherit}.drp-panel .rdp-months{flex-wrap:nowrap;max-width:none}.drp-panel .rdp-month{display:grid;grid-template-columns:var(--rdp-nav_button-width) 1fr var(--rdp-nav_button-width);grid-template-rows:var(--rdp-nav-height) auto;align-items:center;row-gap:4px}.drp-panel .rdp-button_previous,.drp-panel .rdp-button_next{grid-row:1;display:grid;place-items:center;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height);color:var(--text);border-radius:50%;transition:background .14s ease}.drp-panel .rdp-button_previous{grid-column:1}.drp-panel .rdp-button_next{grid-column:3}.drp-panel .rdp-button_previous:hover,.drp-panel .rdp-button_next:hover{background:var(--panel-muted-bg)}.drp-panel .rdp-chevron{width:18px;height:18px;fill:currentColor}.drp-panel .rdp-month_caption{grid-row:1;grid-column:2;height:var(--rdp-nav-height);justify-content:center;align-items:center}.drp-panel .rdp-caption_label{color:var(--text);font-size:15px;font-weight:700}.drp-panel .rdp-month_grid{grid-row:2;grid-column:1 / -1;width:calc(var(--drp-cell) * 7);table-layout:fixed;font-size:inherit}.drp-panel .rdp-month_grid thead tr,.drp-panel .rdp-month_grid tbody tr{border:0;background:transparent}.drp-panel .rdp-month_grid tbody tr:hover{background:transparent}.drp-panel .rdp-month_grid th,.drp-panel .rdp-month_grid td{padding:0;border:0;background:transparent;text-align:center;vertical-align:middle}.drp-panel .rdp-weekday{height:28px;color:var(--text-muted);font-size:12px;font-weight:650;text-transform:none;letter-spacing:0;opacity:1}.drp-panel .rdp-day{padding:0}.drp-panel .rdp-day_button{color:var(--text);font-size:14px;font-weight:600;border-radius:50%;transition:background .12s ease,color .12s ease}.drp-panel .rdp-day:not(.rdp-disabled):not(.rdp-range_start):not(.rdp-range_end) .rdp-day_button:hover{background:color-mix(in srgb,var(--text) 8%,var(--card))}.drp-panel .rdp-today:not(.rdp-outside) .rdp-day_button{text-decoration:underline;text-underline-offset:3px}.drp-panel .rdp-disabled .rdp-day_button{color:var(--text-muted);cursor:not-allowed}.drp-panel .rdp-selected{font-size:inherit}.drp-panel td.rdp-range_middle{background:var(--rdp-range_middle-background-color)}.drp-panel td.drp-preview{background:color-mix(in srgb,var(--text) 7%,var(--card))}.drp-panel td.drp-preview.rdp-range_start{background:linear-gradient(90deg,transparent 50%,color-mix(in srgb,var(--text) 7%,var(--card)) 50%)}.drp-panel td.drp-preview.drp-preview-end{background:linear-gradient(90deg,color-mix(in srgb,var(--text) 7%,var(--card)) 50%,transparent 50%)}.drp-panel td.drp-preview-end .rdp-day_button{box-shadow:inset 0 0 0 2px var(--text)}.drp-panel td.rdp-range_start,.drp-panel td.rdp-range_end{background:var(--rdp-range_start-background)}.drp-panel td.rdp-range_end{background:var(--rdp-range_end-background)}.drp-panel td.rdp-range_start.rdp-range_end:not(.drp-preview){background:transparent}.drp-panel .rdp-range_start .rdp-day_button,.drp-panel .rdp-range_end .rdp-day_button{color:var(--card);background:var(--text);font-weight:700}.drp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-bright)}.drp-hint{min-width:0;color:var(--text-muted);font-size:12.5px;font-weight:600;line-height:1.35}.drp-foot-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.drp-link{padding:8px 10px;color:var(--text);background:none;border:0;border-radius:8px;font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.drp-link:hover:not(:disabled){background:var(--panel-muted-bg)}.drp-link:disabled{opacity:.45;cursor:default}.drp-done{min-width:0;min-height:36px;padding:6px 18px;font-size:13px}@keyframes drp-fade{0%{opacity:0}to{opacity:1}}@keyframes drp-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes drp-slide-up{0%{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}@media(max-width:640px){.leave-range-trigger{min-height:52px;padding:8px 12px;gap:8px}.leave-range-trigger strong{font-size:13px}}.drp-layer.is-sheet .drp-foot{flex-direction:column;align-items:stretch;gap:8px}.drp-layer.is-sheet .drp-foot-actions{justify-content:space-between}.drp-layer.is-sheet .drp-done{min-height:44px;padding:8px 24px;font-size:14px}.drp-layer.is-sheet .drp-link{padding:10px 12px;font-size:14px}@media(max-width:380px){.drp-layer.is-sheet .drp-panel{--drp-cell: 40px}}@media(prefers-reduced-motion:reduce){.drp-layer,.drp-panel{animation:none}}.leave-upload-picker{position:relative;display:flex;min-height:72px;padding:12px;align-items:center;gap:12px;color:var(--text);background:var(--panel-muted-bg);border:1px dashed var(--border-bright);border-radius:12px;cursor:pointer;transition:border-color .16s ease,background .16s ease}.leave-upload-picker:hover,.leave-upload-picker:focus-within{background:var(--highlight);border-color:var(--forest-600)}.leave-upload-picker.has-file{border-style:solid;border-color:color-mix(in srgb,var(--forest-600) 55%,var(--border-bright))}.leave-upload-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.leave-upload-icon{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;color:var(--accent);background:var(--highlight-strong);border-radius:10px;font-size:18px}.leave-upload-copy{display:grid;min-width:0;flex:1;gap:3px}.leave-upload-copy strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.leave-upload-copy small{color:var(--text-muted);font-size:11px}.leave-upload-action{padding:6px 10px;color:var(--text);background:var(--card);border:1px solid var(--border-bright);border-radius:999px;font-size:11px;font-weight:700}.leave-detail-modal .leave-detail-modal-header,.modal-header.leave-modal-close-only{justify-content:flex-end}body>.modal-overlay.open{width:100vw;height:100dvh;padding:16px;align-items:center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;z-index:2000}body>.modal-overlay.open>.modal{width:min(100%,680px);max-height:calc(100dvh - 32px);margin:auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}body>.modal-overlay.open>.leave-apply-modal{width:min(900px,100%);max-width:900px}.leave-apply-form-card{min-width:0}.leave-apply-grid>.form-group{min-width:0}@media(max-width:640px){body>.modal-overlay.open:has(>.leave-apply-modal){padding:0;align-items:stretch}body>.modal-overlay.open>.leave-apply-modal{display:flex;flex-direction:column;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:var(--card)}body>.modal-overlay.open>.leave-apply-modal>.modal-header.leave-modal-close-only{position:sticky;top:0;z-index:4;margin:0;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;justify-content:space-between;background:var(--card);border-bottom:1px solid var(--border-bright)}body>.modal-overlay.open>.leave-apply-modal>.modal-header.leave-modal-close-only:before{content:"Apply leave";font-size:16px;font-weight:700;color:var(--text)}body>.modal-overlay.open>.leave-apply-modal.is-editing>.modal-header.leave-modal-close-only:before{content:"Edit leave"}.leave-apply-modal .modal-close{width:36px;height:36px;border-radius:50%}.leave-apply-modal .leave-apply-layout{display:block;flex:1;min-height:0}.leave-apply-modal .leave-apply-form-card{display:flex;flex-direction:column;min-height:100%;padding:14px 14px 0;border:0;border-radius:0;box-shadow:none}.leave-apply-modal .leave-apply-grid{grid-template-columns:minmax(0,1fr);gap:14px}.leave-apply-modal .leave-apply-grid label{font-size:12.5px}.leave-apply-modal .ss-trigger,.leave-apply-modal textarea,.leave-apply-modal .leave-apply-employee-readonly{min-height:48px;font-size:15px}.leave-apply-modal .leave-range-trigger{min-height:56px}.leave-apply-modal .leave-range-trigger strong{font-size:14px}.leave-apply-modal .leave-upload-picker{align-items:flex-start;flex-wrap:wrap}.leave-apply-modal .leave-upload-copy strong{white-space:normal;overflow-wrap:anywhere}.leave-apply-modal .leave-upload-action{padding:8px 14px;font-size:12px}.leave-apply-modal .leave-apply-actions{position:sticky;bottom:0;z-index:3;margin:auto -14px 0;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid var(--border-bright);flex-wrap:nowrap}.leave-apply-modal .leave-apply-actions .btn{flex:1 1 0;min-height:48px;font-size:15px}.leave-apply-modal .leave-apply-actions .btn-primary{flex-grow:2}}body>.leave-close-confirm-overlay{z-index:2200;background:#0a1911b8}body>.modal-overlay.open>.leave-close-confirm-modal{width:min(390px,100%);padding:24px;text-align:center}.leave-close-confirm-icon{display:grid;width:44px;height:44px;margin:0 auto 14px;place-items:center;color:var(--coral);background:color-mix(in srgb,var(--coral) 12%,var(--surface-raised));border-radius:50%;font-size:20px}.leave-close-confirm-modal p{margin:8px 0 20px;color:var(--text-muted);font-size:13px}.leave-close-confirm-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.leave-close-confirm-actions .btn{width:auto;min-width:132px;flex:0 1 auto}@media(max-width:900px){body>.modal-overlay.open{padding:max(8px,env(safe-area-inset-top,0px)) 8px max(8px,env(safe-area-inset-bottom,0px));align-items:flex-start}body>.modal-overlay.open>.modal{width:100%;max-height:calc(100dvh - max(16px,env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px)));padding:16px;border-radius:16px}body>.modal-overlay.open .modal-header{position:sticky;top:-16px;z-index:4;padding:4px 0 12px;background:var(--surface-raised)}body>.modal-overlay.open>.leave-close-confirm-modal{width:min(390px,calc(100vw - 32px));max-width:390px;padding:22px;margin:auto}.leave-close-confirm-actions{flex-direction:row}.leave-close-confirm-actions .btn{width:auto!important;min-width:min(142px,42vw)}html.app-ready{--sidebar-w: 0px}html.app-ready body{background:var(--forest-800)}html.app-ready #header{left:0;right:0;top:0;height:180px;padding:22px 20px 98px;align-items:flex-start;color:#fff;background:transparent;border:0;border-radius:0;transition:height .32s cubic-bezier(.22,1,.36,1),padding .32s cubic-bezier(.22,1,.36,1)}html.app-ready #header[data-path="/"]{overflow:hidden}html.app-ready #header .header-mobile-only{display:none!important}html.app-ready #header .header-brand{display:flex!important;flex:1 1 auto;min-width:0;gap:11px}html.app-ready #header .header-brand img{width:34px;height:34px;filter:brightness(0) invert(1);opacity:.84}html.app-ready #header .header-brand .logo-text{display:block!important;color:#fff;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.03em}html.app-ready #header .header-actions{margin-left:auto;gap:9px}html.app-ready #header .header-att-actions{display:none}html.app-ready #header .ess-header-notif{position:relative;display:grid!important;place-items:center;flex:0 0 42px;color:#fff;background:#ffffff24;border-color:#ffffff1f}html.app-ready #header .ess-header-notif:hover{color:#fff;background:#ffffff38;border-color:#fff3}html.app-ready #header .ess-header-notif .notif-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border:2px solid var(--forest-700);border-radius:50%;background:#f59e0b}html.app-ready #header .header-mobile-profile{display:grid!important;width:42px;height:42px;flex:0 0 42px;place-items:center;color:var(--forest-950);background:var(--mint-200);border:2px solid rgba(255,255,255,.48);border-radius:50%;font-size:12px;font-weight:800;text-decoration:none}html.app-ready #header[data-path="/"] .header-att-actions{position:absolute;left:50%;bottom:34px;z-index:5;display:flex;justify-content:center;width:max-content;max-width:min(330px,calc(100vw - 40px));transform:translate(-50%);animation:home-punch-rise .42s cubic-bezier(.22,1,.36,1) .12s both}html.app-ready #header[data-path="/"] .header-att-actions:before,html.app-ready #header[data-path="/"] .header-att-actions:after{content:none}html.app-ready #header[data-path="/"] .header-att-actions .btn,html.app-ready #header[data-path="/"] .header-att-actions .att-status-chip{position:relative;z-index:2;min-width:148px;min-height:44px;padding:10px 22px;justify-content:center;color:var(--forest-950);background:#f7fbf8;border:1px solid rgba(184,208,190,.82);border-radius:999px;box-shadow:0 8px 20px #0d2b1c33;font-size:13px;font-weight:750;transform:none}html.app-ready #header[data-path="/"] .header-att-actions .att-punch-btn.is-success{color:#ecfdf5;background:#059669;border-color:#047857}html.app-ready #header[data-path="/"] .header-att-actions .att-punch-btn.is-exit{transform:translateY(10px);opacity:0}html.app-ready #header[data-path="/"] .header-att-actions .att-punch-btn.is-enter{animation:att-punch-rise-home .32s cubic-bezier(.22,1,.36,1) both}@keyframes att-punch-rise-home{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}html.app-ready #header[data-path="/"] .header-att-actions .att-status-chip{max-width:100%;color:var(--forest-900, var(--forest-950));background:#ffffffeb;text-align:center;white-space:normal;line-height:1.25}html.app-ready #header[data-path="/"] .header-att-actions .att-status-hint{display:none}.ess-user-toast{display:flex;align-items:flex-start;gap:12px}.ess-user-toast-close{flex:0 0 auto;width:28px;height:28px;margin:-2px -4px 0 0;border:0;background:transparent;color:inherit;opacity:.7}.ess-user-toast-close:hover{opacity:1}html.app-ready #main{height:calc(100dvh - 248px - env(safe-area-inset-bottom,0px));margin:180px 0 calc(68px + env(safe-area-inset-bottom,0px));padding:0 4px 14px;background:var(--stage);border-radius:30px 30px 0 0;box-shadow:0 -12px 38px #0d2b1c1f;transition:height .32s cubic-bezier(.22,1,.36,1),margin .32s cubic-bezier(.22,1,.36,1),border-radius .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease}html.app-ready #header:not([data-path="/"]){height:72px;padding:14px 18px;align-items:center}html.app-ready #main:not([data-path="/"]){height:calc(100dvh - 140px - env(safe-area-inset-bottom,0px));margin-top:72px;border-radius:0;box-shadow:none}html.app-ready #main[data-path="/"]>.view.active{padding-top:44px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}html.app-ready #main[data-path="/"]>.view.active::-webkit-scrollbar{display:none;width:0;height:0}html.app-ready #main[data-path="/"]>.view.active>*{flex-shrink:0}.ess-birthday-moment{position:relative;display:flex;align-items:center;gap:14px;min-height:112px;margin:0 10px 16px;padding:18px 54px 18px 18px;overflow:hidden;color:#fff;background:var(--forest-700);border:1px solid rgba(255,255,255,.18);border-radius:22px;box-shadow:0 12px 28px #183a2b2e;animation:birthday-ticket-arrive .56s cubic-bezier(.22,1,.36,1) .12s both}.ess-birthday-moment:after{content:"";position:absolute;top:-34px;right:-30px;width:108px;height:108px;border:18px solid rgba(255,255,255,.08);border-radius:50%}.ess-birthday-seal{position:relative;z-index:1;display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;color:#7a4f2b;background:#f7dfaa;border:3px solid rgba(255,255,255,.62);border-radius:50%;box-shadow:0 7px 16px #183a2b29;font-size:21px;animation:birthday-seal-pop .62s cubic-bezier(.34,1.56,.64,1) .42s both}.ess-birthday-copy{position:relative;z-index:1;min-width:0;animation:birthday-copy-swap .36s cubic-bezier(.22,1,.36,1) both}.ess-birthday-kicker{display:block;margin-bottom:3px;color:#ffffffad;font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.ess-birthday-copy h2{margin:0;color:#fff;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:clamp(15px,4.4vw,19px);line-height:1.16;letter-spacing:-.035em;overflow-wrap:break-word;text-wrap:balance}.ess-birthday-copy p{margin:5px 0 0;color:#fffc;font-size:11px;line-height:1.4}.ess-birthday-confetti{position:absolute;top:14px;right:17px;width:5px;height:5px;border-radius:50%;background:#f7dfaa;box-shadow:16px 13px #b8d0be,-7px 25px #fff,12px 42px #f7dfaa,-12px 56px #b8d0be;transform:rotate(12deg)}.ess-birthday-carousel-dots{display:flex;justify-content:center;align-items:center;gap:7px;min-height:12px;margin:-7px 10px 12px}.ess-birthday-carousel-dots button{width:7px;height:7px;padding:0;background:var(--sage-300);border:0;border-radius:50%;opacity:.72;transition:width .18s ease,background .18s ease,opacity .18s ease}.ess-birthday-carousel-dots button.is-active{width:18px;background:var(--forest-700);border-radius:999px;opacity:1}#header .header-birthday-wrap{display:none!important}@keyframes birthday-ticket-arrive{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes birthday-copy-swap{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes birthday-seal-pop{0%{opacity:0;transform:rotate(-14deg) scale(.55)}to{opacity:1;transform:rotate(0) scale(1)}}html.app-ready #notif-panel:not([data-path="/"]){top:72px}html.app-ready #notif-panel[data-path="/"]{top:180px}html.app-ready #header:not([data-path="/"]) .header-brand img{width:30px;height:30px}html.app-ready #header:not([data-path="/"]) .ess-header-notif,html.app-ready #header:not([data-path="/"]) .header-mobile-profile{width:38px;height:38px;flex-basis:38px}html.app-ready #sidebar{width:min(320px,calc(100vw - 56px));bottom:calc(68px + env(safe-area-inset-bottom,0px));box-sizing:border-box;padding:18px 12px 16px;z-index:160;border-radius:0 28px 0 0;box-shadow:18px 0 48px #0d2b1c3d;transform:translate(calc(-100% - 16px))}@keyframes home-punch-rise{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}html.app-ready #sidebar.mob-open{transform:none}html.app-ready #sidebar .sidebar-close{display:grid}html.app-ready #sidebar .nav-section:not(:has(.nav-item:not(.nav-in-bottom-bar))){display:none}html.app-ready #notif-panel{top:124px;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom,0px));width:auto;max-height:none;border-radius:24px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(calc(100% + 16px))}html.app-ready #notif-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}#view-profile .profile-row{grid-template-columns:1fr;gap:4px;align-items:start}.view{padding:28px 18px 20px}.card,.stat-card{border-radius:18px}.dash-hero{display:none}.dash-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dash-stats-grid .stat-card{min-height:108px;padding:16px;border-radius:22px}.dash-stats-grid .stat-icon{width:38px;height:38px;border-radius:50%}.dash-summary-item{background:var(--mint-100)}#mobile-bottom-nav{min-height:68px;padding-top:7px;background:#fbfcfafa}}@media(prefers-reduced-motion:reduce){html.app-ready #header,html.app-ready #main,html.app-ready #main>.view.active,html.app-ready #header .header-actions,html.app-ready #header .header-att-actions,html.app-ready #header .header-actions i,html.app-ready #header .header-actions span,.ess-birthday-moment,.ess-birthday-seal{animation:none;transition:none}}@media(max-width:520px){#hrms-login-modal .login-modal{padding:24px 20px 20px;border-radius:24px}.dash-stats-grid .stat-card{min-height:102px;border-radius:18px}html.app-ready #header{padding-inline:18px;gap:8px}html.app-ready #header .header-brand .logo-text{font-size:16px}.view{padding-inline:16px}}