:root,[data-theme=dark]{color-scheme:dark;--ink:hsla(0,0%,100%,.92);--ink-strong:#fff;--muted:hsla(0,0%,100%,.62);--muted-dim:hsla(0,0%,100%,.4);--card:hsla(0,0%,100%,.04);--card-hover:hsla(0,0%,100%,.06);--card-solid:#15122a;--bg:#0a0815;--bg-surface:transparent;--bg-surface-hover:hsla(0,0%,100%,.04);--bg-gradient:radial-gradient(at 18% 10%,rgba(255,168,134,.18) 0%,transparent 38%),radial-gradient(at 85% 90%,rgba(124,92,255,.22) 0%,transparent 45%),linear-gradient(180deg,#1a1530,#0d0820 55%,#07051a);--brand:#7c5cff;--brand-2:#a78bfa;--brand-2-hover:#c4b5fd;--accent-warm-1:#ffb487;--accent-warm-2:#ff8a8a;--accent-warm-gradient:linear-gradient(135deg,#ffb487,#ff8a8a);--accent:#34d399;--warning:#fbbf24;--glass-bg:hsla(0,0%,100%,.04);--glass-border:hsla(0,0%,100%,.08);--glass-blur:blur(20px) saturate(150%);--shadow:0 8px 30px rgba(0,0,0,.35),0 2px 4px rgba(0,0,0,.2);--shadow-sm:0 2px 8px rgba(0,0,0,.2);--shadow-lg:0 16px 48px rgba(0,0,0,.45),0 4px 12px rgba(0,0,0,.25);--border:hsla(0,0%,100%,.06);--border-strong:hsla(0,0%,100%,.12);--border-dashed:hsla(0,0%,100%,.18);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:999px;--sidebar-bg:linear-gradient(180deg,rgba(20,12,40,.85),rgba(13,10,36,.85));--sidebar-text:hsla(0,0%,100%,.78);--table-header-bg:hsla(0,0%,100%,.025);--table-border:hsla(0,0%,100%,.05);--input-bg:hsla(0,0%,100%,.04);--input-text:hsla(0,0%,100%,.92);--nav-dropdown-bg:rgba(20,16,38,.85);--head-bg:transparent;--tab-bg:rgba(255,168,134,.1);--tab-border:rgba(255,168,134,.25);--success-fg:#6ee7b7;--error-fg:#fca5a5;--brand-shadow:hsla(0,100%,77%,.22);--brand-shadow-hover:hsla(0,100%,77%,.4);--overlay-bg:rgba(7,5,26,.7);--modal-bg:rgba(28,22,50,.92);--photo-bg:hsla(0,0%,100%,.04);--badge-blue-bg:rgba(167,139,250,.16);--badge-blue-fg:#c4b5fd;--badge-green-bg:rgba(110,231,183,.14);--badge-green-fg:#86efac;--badge-yellow-bg:rgba(253,224,71,.14);--badge-yellow-fg:#fde68a;--badge-red-bg:hsla(0,94%,82%,.14);--badge-red-fg:#fca5a5;--badge-muted-bg:hsla(0,0%,100%,.06);--badge-muted-fg:hsla(0,0%,100%,.65);--dash-card-bg:hsla(0,0%,100%,.04);--scrollbar-track:hsla(0,0%,100%,.02);--scrollbar-thumb:hsla(0,0%,100%,.12);--chart-bar-bg:hsla(0,0%,100%,.06);--chart-bar-inner:hsla(0,0%,100%,.02);--chart-present:#ffb487;--chart-absent:#ff8a8a;--chart-lwp:#a78bfa;--donut-center-bg:transparent}[data-theme=light]{color-scheme:light;--ink:#1a1f36;--ink-strong:#0d0f1a;--muted:#5c6478;--muted-dim:#8b92a8;--card:#fff;--card-hover:#fdfcfb;--card-solid:#fff;--bg:#fbfaf7;--bg-surface:transparent;--bg-surface-hover:rgba(255,138,91,.05);--bg-gradient:radial-gradient(at 18% 10%,rgba(255,168,134,.08) 0%,transparent 40%),radial-gradient(at 85% 90%,rgba(124,92,255,.06) 0%,transparent 45%),linear-gradient(180deg,#fdfcfa,#faf8f3);--brand:#4338ca;--brand-2:#6366f1;--brand-2-hover:#4f46e5;--accent-warm-1:#ff8a5b;--accent-warm-2:#ff5c8a;--accent-warm-gradient:linear-gradient(135deg,#ff8a5b,#ff5c8a);--accent:#059669;--warning:#d97706;--glass-bg:hsla(0,0%,100%,.78);--glass-border:rgba(60,66,87,.08);--glass-blur:blur(20px) saturate(180%);--shadow:0 0 0 1px rgba(60,66,87,.06),0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(60,66,87,.06);--shadow-sm:0 1px 3px rgba(60,66,87,.08);--shadow-lg:0 0 0 1px rgba(60,66,87,.08),0 4px 8px rgba(0,0,0,.04),0 24px 64px rgba(60,66,87,.1);--border:rgba(60,66,87,.08);--border-strong:rgba(60,66,87,.14);--border-dashed:rgba(60,66,87,.2);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:999px;--sidebar-bg:linear-gradient(180deg,#1e1b4b,#261d5e);--sidebar-text:hsla(0,0%,100%,.85);--table-header-bg:rgba(60,66,87,.03);--table-border:rgba(60,66,87,.06);--input-bg:#fff;--input-text:#1a1f36;--nav-dropdown-bg:hsla(0,0%,100%,.95);--head-bg:transparent;--tab-bg:rgba(255,92,138,.08);--tab-border:rgba(255,92,138,.25);--success-fg:#059669;--error-fg:#dc2626;--brand-shadow:rgba(255,92,138,.15);--brand-shadow-hover:rgba(255,92,138,.3);--overlay-bg:rgba(15,17,30,.35);--modal-bg:hsla(0,0%,100%,.95);--photo-bg:#f6f5f2;--badge-blue-bg:rgba(99,102,241,.1);--badge-blue-fg:#4f46e5;--badge-green-bg:rgba(5,150,105,.1);--badge-green-fg:#047857;--badge-yellow-bg:rgba(217,119,6,.1);--badge-yellow-fg:#b45309;--badge-red-bg:rgba(220,38,38,.1);--badge-red-fg:#b91c1c;--badge-muted-bg:rgba(60,66,87,.06);--badge-muted-fg:#5c6478;--dash-card-bg:#fff;--scrollbar-track:rgba(60,66,87,.04);--scrollbar-thumb:rgba(60,66,87,.2);--chart-bar-bg:rgba(60,66,87,.1);--chart-bar-inner:rgba(60,66,87,.04);--chart-present:#ff8a5b;--chart-absent:#ff5c8a;--chart-lwp:#6366f1;--donut-center-bg:#fff}html{font-size:14px;scrollbar-gutter:auto;width:100%;min-height:100vh}body,html{margin:0;padding:0}body{font-family:inherit;background:var(--bg-gradient);background-attachment:fixed;color:var(--ink);width:100%;min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}header{padding:12px 16px;background:var(--head-bg);color:var(--ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-warm-2);background-clip:padding-box}.gradient-text{background:var(--accent-warm-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.elevated{box-shadow:var(--shadow-lg)}.hairline{border-top:1px solid var(--border)}main{padding:0;margin:0;height:100vh;width:100%;overflow:hidden}a{color:inherit;text-decoration:none}.nav{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.nav-item{position:relative}.nav-dropdown{position:absolute;top:100%;left:0;background:var(--nav-dropdown-bg);color:var(--ink);padding:8px;border-radius:8px;min-width:220px;display:none;box-shadow:var(--shadow);z-index:20}.nav-item:hover .nav-dropdown{display:grid;grid-gap:6px;gap:6px}.nav-dropdown a{padding:6px 8px;border-radius:6px}.nav-dropdown a:hover{background:var(--bg-surface)}.card{padding:20px;transition:border-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.card,.soft-card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border);color:var(--ink);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.soft-card{padding:6px}.page-head{align-items:flex-start;margin-bottom:6px}.page-title{font-size:16px;letter-spacing:-.01em}.page-sub{font-size:11px;margin-top:2px}.btn-row{gap:6px;margin-top:2px}.btn-ghost{background:var(--tab-bg);color:var(--accent-warm-1);border:1px solid var(--tab-border)}.btn-primary{background:var(--accent-warm-gradient);color:#fff}.form-grid,.form-grid-2{display:grid;grid-gap:4px;gap:4px}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-3{display:grid;grid-gap:4px;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr))}.emp-layout{display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr 1fr .75fr}.emp-block{display:grid;grid-gap:10px;gap:10px;width:100%}.soft-card{width:100%}.equal-cards{grid-auto-rows:1fr}.emp-same-height{min-height:220px}.address-compact{padding:4px;gap:4px}.address-compact .input{padding:4px;font-size:11px}.address-compact .form-grid-3{gap:4px}.emp-block.equalize{grid-auto-rows:1fr}.equalize-card{height:100%}.photo-card{display:grid;grid-gap:10px;gap:10px}.photo-preview-box{width:100%;aspect-ratio:1/1;border-radius:8px;background:var(--bg-surface);display:grid;place-items:center;overflow:hidden;max-height:140px}.photo-preview-box img{width:100%;height:100%;object-fit:cover}.hint{font-size:11px;color:var(--muted-dim)}.grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-employee{display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr}.employee-form-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:2fr 1fr;align-items:start}.employee-photo-panel{position:-webkit-sticky;position:sticky;top:12px}.employee-photo-panel .input{width:100%}.photo-box{min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.photo-preview-img{width:100%;height:120px;object-fit:cover;border-radius:8px}.photo-preview-panel{width:100%;height:160px;border-radius:12px;background:var(--bg-surface);display:grid;place-items:center;border:1px solid var(--border-strong)}.photo-initials{width:84px;height:84px;border-radius:50%;background:var(--brand-2);color:#fff;display:grid;place-items:center;font-weight:700;font-size:24px}.photo-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover}.photo-actions{display:flex;gap:8px;flex-wrap:wrap}.photo-side .photo-preview-img{width:100%;height:160px;border-radius:12px;object-fit:cover}.form{display:grid;grid-gap:12px;gap:12px;max-width:520px}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em}.label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.input,select,textarea{padding:10px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:13px;background:var(--input-bg);color:var(--input-text);transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);font-family:inherit;width:100%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.input::placeholder,textarea::placeholder{color:var(--muted-dim)}.input:focus,select:focus,textarea:focus{border-color:var(--accent-warm-2);outline:none;box-shadow:0 0 0 3px var(--brand-shadow)}.input-error{border-color:var(--error-fg);box-shadow:0 0 0 3px rgba(239,68,68,.2)}.code-input{justify-self:start;width:75%}.name-input{width:100%}.basic-row{grid-template-columns:.5fr 1.5fr}.button{background:var(--accent-warm-gradient);color:#fff;border:0;padding:10px 18px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:13px;font-family:inherit;letter-spacing:.01em;display:inline-flex;align-items:center;gap:8px;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),filter .2s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px var(--brand-shadow),0 1px 0 hsla(0,0%,100%,.18) inset;position:relative}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px var(--brand-shadow-hover),0 1px 0 hsla(0,0%,100%,.25) inset;filter:brightness(1.05)}.button:active:not(:disabled){transform:translateY(0);filter:brightness(.96)}.button.secondary{background:var(--card);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm);color:var(--ink);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.button.secondary:hover:not(:disabled){background:var(--card-hover);border-color:var(--accent-warm-2)}.button.ghost{background:transparent;border:1px solid var(--border-strong);box-shadow:none;color:var(--ink)}.button.ghost:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--accent-warm-2)}.button:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.3)}.button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--brand-shadow),0 6px 20px var(--brand-shadow),0 1px 0 hsla(0,0%,100%,.18) inset}.row{display:flex;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}@media (max-width:900px){.grid{grid-template-columns:1fr}}.list{display:grid;grid-gap:8px;gap:8px}.small{font-size:12px;color:var(--muted)}.error{color:var(--error-fg)}.success{color:var(--success-fg)}.section-title{font-size:13px;margin-top:8px;color:var(--ink)}.card h2,.section-title{font-weight:700;letter-spacing:-.01em}.card h2{font-size:14px;color:var(--ink-strong);margin:0 0 10px}.card h3{font-size:13px;font-weight:700;color:var(--ink);margin:0 0 8px;letter-spacing:-.01em}.card .form{max-width:380px;gap:8px}.card .form .input{font-size:12px}.card .form .button{margin-top:4px}.photo-box{border:2px dashed var(--border-dashed);border-radius:10px;padding:12px;text-align:center;background:var(--bg-surface);cursor:pointer;color:var(--muted)}.photo-box:hover{border-color:var(--accent-warm-2);background:var(--bg-surface-hover)}.photo-input{display:none}.photo-preview{font-size:12px;color:var(--muted);margin-top:8px}.emp-shell{grid-template-columns:242px 1fr;grid-gap:0;gap:0;align-items:stretch;height:100vh;overflow:hidden}.emp-sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);padding:10px 12px;border-radius:0;display:grid;grid-gap:6px;gap:6px;align-content:start;min-height:100vh}.emp-sidebar .dash-logo{margin:8px auto 18px;width:100%;max-width:160px;height:70px;font-size:12px;border-radius:12px;padding:6px 10px}.emp-sidebar .dash-nav{display:grid;grid-gap:3px;gap:3px}.emp-sidebar .dash-nav a{display:flex;align-items:center;gap:10px;padding:0 12px;height:38px;border-radius:10px;color:#fff;font-size:13px;width:100%;font-weight:600;letter-spacing:.01em;white-space:nowrap}.emp-sidebar .dash-nav a .label{text-transform:none;font-size:inherit;color:inherit;font-weight:inherit;letter-spacing:inherit;margin-bottom:0}.emp-content{min-width:0;width:100%;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:18px 28px;background:var(--bg-surface)}.emp-content-full{max-width:none;margin:0;width:100%;position:relative;grid-template-rows:1fr;padding:0}.sticky-head{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:var(--bg-surface);padding-top:6px}.page-head{display:flex;justify-content:space-between;align-items:center;padding:14px 0 18px;gap:20px;border-bottom:1px solid var(--border);margin-bottom:14px}.page-head-left{display:grid;grid-gap:4px;gap:4px}.page-title{font-size:22px;font-weight:700;color:var(--ink-strong);letter-spacing:-.025em}.page-sub{font-size:13px;color:var(--muted);line-height:1.5}.app-shell-actions{gap:16px;flex-shrink:0}.tenant-switch{display:flex;gap:8px}.tenant-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em}.tenant-select{background:var(--card);color:var(--ink);border-radius:var(--radius-md);padding:8px 14px;font-size:12px;font-weight:600;min-width:180px;cursor:pointer;transition:border-color .2s cubic-bezier(.4,0,.2,1);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.tenant-select:focus{border-color:var(--accent-warm-2);outline:none;box-shadow:0 0 0 3px var(--brand-shadow)}.user-bubble{width:36px;height:36px;border-radius:50%;background:var(--accent-warm-gradient);color:#fff;border:2px solid var(--border-strong);font-size:13px;font-weight:700;cursor:pointer;display:grid;place-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 4px 12px var(--brand-shadow)}.user-bubble:hover{transform:scale(1.08);box-shadow:0 8px 22px var(--brand-shadow-hover)}.actions-menu{flex-shrink:0}.actions-dropdown{min-width:140px;border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.15);z-index:50;animation:fadeInUp .15s ease-out}.actions-dropdown button{display:block;padding:8px 12px;border:none;font-size:12px;font-weight:600;border-radius:8px;transition:background .15s ease}.actions-dropdown button:hover{background:var(--bg-surface-hover)}.theme-toggle{background:none;border:none;padding:0;cursor:pointer;line-height:0;flex-shrink:0;margin-right:6px;transform:none!important}.theme-toggle-track{position:relative;display:flex;align-items:center;width:64px;height:30px;border-radius:999px;background:linear-gradient(135deg,rgba(40,22,70,.95),rgba(20,12,40,.95));border:1px solid var(--glass-border);padding:0 6px;transition:background .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.theme-toggle.is-light .theme-toggle-track{background:linear-gradient(135deg,#fed7aa,#fbcfe8);border-color:rgba(255,138,91,.3);box-shadow:inset 0 1px 3px rgba(255,138,91,.15)}.theme-toggle:hover .theme-toggle-track{border-color:var(--accent-warm-2)}.theme-toggle-icon{display:grid;place-items:center;width:16px;height:16px;z-index:1;transition:opacity .25s ease,color .25s ease}.theme-toggle-sun{color:hsla(0,0%,100%,.35)}.theme-toggle-moon{color:hsla(0,0%,100%,.9);margin-left:auto}.theme-toggle.is-light .theme-toggle-sun{color:#f97316}.theme-toggle.is-light .theme-toggle-moon{color:rgba(67,56,202,.35)}.theme-toggle-thumb{position:absolute;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.04);left:3px;transition:left .35s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,transform .2s ease}.theme-toggle.is-light .theme-toggle-thumb{left:37px;box-shadow:0 1px 4px rgba(255,138,91,.25),0 0 0 1px rgba(255,138,91,.15)}.theme-toggle:hover .theme-toggle-thumb{box-shadow:0 2px 10px var(--brand-shadow-hover),0 0 0 1px var(--brand-shadow);transform:scale(1.06)}.theme-toggle:active .theme-toggle-thumb{transform:scale(.92)}.btn-row{align-items:center}.btn-row,.header-tenant,.tab-bar{display:flex;gap:8px}.tab-bar{padding:6px 0 10px;flex-wrap:wrap}.sticky-tabs{position:-webkit-sticky;position:sticky;top:64px;z-index:4;background:var(--bg-surface);padding-top:6px}.tab-btn{background:var(--tab-bg);border:1px solid var(--tab-border);color:var(--ink);padding:7px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s cubic-bezier(.4,0,.2,1)}.tab-btn:hover{transform:translateY(-1px);border-color:var(--accent-warm-2)}.tab-btn.active{background:var(--accent-warm-gradient);border-color:transparent;color:#fff;box-shadow:0 4px 14px var(--brand-shadow)}.tab-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;margin-left:auto;border-radius:9px;font-size:10px;padding:0 6px;background:var(--bg-surface);color:var(--muted);opacity:.85}.tab-indicator.complete{background:var(--badge-green-bg);color:var(--badge-green-fg)}.tab-indicator.error{background:var(--badge-red-bg);color:var(--badge-red-fg)}.tab-indicator.neutral{background:var(--badge-muted-bg);color:var(--badge-muted-fg)}.tab-panel{display:grid;grid-gap:10px;gap:10px;align-content:start;align-items:stretch;max-height:calc(100vh - 220px);overflow:hidden}.scroll-panel{overflow:auto;padding-right:6px}.tab-grid-2{grid-template-columns:1fr 1fr}.personal-grid{grid-template-columns:4fr 1fr}.tab-panel .soft-card{padding:10px;height:100%;min-height:210px}.tab-nav{display:flex;justify-content:space-between;padding:8px 0 0}.photo-tab{grid-template-columns:2fr 3fr;align-items:start}.file-hidden{display:none}.doc-catalog{display:grid;grid-gap:16px;gap:16px}.doc-group{display:grid;grid-gap:10px;gap:10px}.doc-group-title{font-size:13px;font-weight:700;color:var(--ink)}.doc-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.doc-card{border:1px solid var(--border-strong);background:var(--card);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;min-height:170px;color:var(--ink)}.doc-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:22px}.doc-title{font-weight:600;font-size:12px;color:var(--ink)}.doc-status{font-size:10px;padding:2px 6px;border-radius:999px;background:var(--badge-muted-bg);color:var(--badge-muted-fg)}.doc-meta{font-size:11px;color:var(--muted-dim)}.doc-actions{display:flex;gap:6px;flex-wrap:wrap}.doc-drop{border:1px dashed var(--border-dashed);border-radius:10px;padding:8px;text-align:center;font-size:11px;color:var(--muted-dim);background:var(--bg-surface);height:36px;display:grid;place-items:center}.status-pending{background:var(--badge-yellow-bg);color:var(--badge-yellow-fg)}.status-uploaded{background:var(--badge-blue-bg);color:var(--badge-blue-fg)}.status-verified{background:var(--badge-green-bg);color:var(--badge-green-fg)}.status-rejected{background:var(--badge-red-bg);color:var(--badge-red-fg)}.help{font-size:11px;color:var(--muted-dim);margin-top:4px;opacity:0;max-height:0;overflow:hidden;transition:all .2s ease}.help.error{opacity:1;max-height:40px}.form-grid:focus-within .help{opacity:1;max-height:40px}.req{color:#ef4444;font-weight:700}.job-grid .soft-card{min-height:240px}.emphasis-card{border:1px solid rgba(59,130,246,.5);box-shadow:0 6px 16px rgba(37,99,235,.12)}.inline-check{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted-dim);margin-top:4px}.page-pad{padding:0}.page-pad-leftless{padding-left:0}.list-page{display:grid;grid-gap:12px;gap:12px}.list-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.list-actions{display:flex;gap:8px;flex-wrap:wrap}.filter-bar{gap:8px;align-items:center}.table-wrap{border-radius:var(--radius-lg);overflow:hidden;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.table{width:100%;border-collapse:collapse;font-size:13px;color:var(--ink)}.table td,.table th{padding:14px 16px;border-bottom:1px solid var(--table-border);text-align:left;vertical-align:middle}.table th{background:var(--table-header-bg);font-weight:600;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;position:-webkit-sticky;position:sticky;top:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.table tbody tr{transition:background .15s cubic-bezier(.4,0,.2,1)}.table tbody tr:last-child td{border-bottom:none}.table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.table th.sortable:hover{color:var(--accent-warm-2)}.row-link{cursor:pointer}.row-link:hover{background:var(--bg-surface-hover)}.actions-menu{position:relative;display:inline-block}.actions-dropdown{position:absolute;right:0;top:calc(100% + 6px);background:var(--card);color:var(--ink);border-radius:8px;padding:6px;display:none;min-width:160px;box-shadow:var(--shadow);z-index:10;border:1px solid var(--border)}.actions-dropdown button{background:transparent;border:0;color:var(--ink);width:100%;text-align:left;padding:6px 8px;border-radius:6px;cursor:pointer}.actions-dropdown button:hover{background:var(--bg-surface)}.actions-menu.open .actions-dropdown,.dash-actions .actions-dropdown{display:grid}.app-shell-actions{display:flex;gap:20px;align-items:center}.app-shell-user{margin-left:4px}.tenant-switch{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-size:12px}.tenant-label{color:var(--muted);font-weight:600}.tenant-select{min-width:200px;background:var(--input-bg);color:var(--input-text);border:1px solid var(--border-strong)}.tenant-readonly{color:var(--muted);font-size:12px;font-weight:600}.header-tenant{display:inline-flex;align-items:center;margin-right:10px}.settings-shell{display:grid;grid-template-columns:220px 1fr;grid-gap:16px;gap:16px}.settings-nav{background:var(--card);border-radius:14px;padding:12px;display:grid;grid-gap:6px;gap:6px;height:-moz-fit-content;height:fit-content;border:1px solid var(--border)}.settings-nav-title{color:var(--ink-strong);font-weight:700;margin-bottom:4px}.settings-nav-item{padding:8px 10px;border-radius:10px;color:var(--muted);font-size:12px;font-weight:600;display:block;transition:background .15s}.settings-nav-item.active,.settings-nav-item:hover{background:var(--tab-bg);color:var(--accent-warm-2);font-weight:700}.settings-nav-item.active{box-shadow:inset 0 0 0 1px var(--tab-border)}.settings-content{display:grid;grid-gap:12px;gap:12px}.settings-panel{background:var(--card);border-radius:16px;padding:16px;box-shadow:var(--shadow);border:1px solid var(--border);color:var(--ink)}.settings-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.settings-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-days{display:flex;flex-wrap:wrap;gap:8px}.settings-subhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;margin-bottom:8px}.settings-subhead h3{margin:0}.settings-table-actions{display:flex;gap:8px;align-items:center;justify-content:flex-start}.settings-table-actions .button{min-width:96px}.settings-table-actions .button.btn-ghost{background:var(--brand-2);color:#fff;border:0}.settings-table-actions .button{text-align:center}.actions-cell,.table th.actions-cell{width:220px}.status-cell,.table th.status-cell{width:200px}.table td.status-cell{text-align:center;display:table-cell;vertical-align:middle}.status-cell .badge{margin:0 auto}.settings-table-fixed{table-layout:fixed}.settings-table-fixed td:first-child,.settings-table-fixed th:first-child{width:calc(100% - 420px)}.platform-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px}.platform-cards{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.platform-card{background:var(--card);border-radius:12px;padding:12px;border:1px solid var(--border)}.platform-card-label{font-size:11px;color:var(--muted-dim)}.platform-card-value{font-size:22px;font-weight:700;margin-top:6px}.platform-links{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.platform-selector{background:var(--card);border-radius:12px;padding:12px;border:1px solid var(--border);margin-bottom:16px}.platform-org-list{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.platform-org-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px;background:var(--card);border-radius:10px;border:1px solid var(--border)}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;margin-left:8px}.status-chip.active{background:var(--badge-green-bg);color:var(--badge-green-fg)}.status-chip.suspended{background:var(--badge-red-bg);color:var(--badge-red-fg)}.platform-audit{background:var(--card);border-radius:12px;padding:12px;border:1px solid var(--border)}@media (max-width:1100px){.platform-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-org-item{flex-direction:column;align-items:flex-start}}@media (max-width:720px){.platform-cards{grid-template-columns:1fr}}.day-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-strong);border-radius:999px;padding:6px 10px;font-size:12px;cursor:pointer;color:var(--muted)}.day-pill input{margin:0}.day-pill.active{background:var(--brand-2);color:#fff;border-color:var(--brand-2)}@media (max-width:1100px){.settings-grid,.settings-shell{grid-template-columns:1fr}}.app-shell-user-float{top:20px;right:26px;z-index:7;justify-content:flex-end;padding:0}.empty-state{padding:18px}.empty-title{font-size:14px}.empty-sub{font-size:12px}.table-footer{padding:10px 4px}.badge{padding:4px 10px;border-radius:var(--radius-full);font-weight:600;letter-spacing:.02em;border:1px solid transparent;line-height:1.2}.badge.pending{background:var(--badge-yellow-bg);color:var(--badge-yellow-fg);border-color:var(--badge-yellow-bg)}.badge.done{background:var(--badge-green-bg);color:var(--badge-green-fg);border-color:var(--badge-green-bg)}.badge.processing{background:var(--badge-blue-bg);color:var(--badge-blue-fg);border-color:var(--badge-blue-bg)}.badge.active{background:var(--badge-green-bg);color:var(--badge-green-fg);border-color:var(--badge-green-bg)}.badge.notice{background:var(--badge-yellow-bg);color:var(--badge-yellow-fg);border-color:var(--badge-yellow-bg)}.badge.resigned{background:var(--badge-red-bg);color:var(--badge-red-fg);border-color:var(--badge-red-bg)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:var(--bg);color:var(--ink);font-family:inherit}.login-shell *{box-sizing:border-box}.login-brand{padding:32px 52px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:radial-gradient(ellipse 80% 55% at 12% 15%,rgba(255,168,134,.32),transparent 55%),radial-gradient(ellipse 55% 45% at 85% 80%,hsla(0,100%,77%,.24),transparent 50%),radial-gradient(ellipse 40% 35% at 55% 45%,rgba(124,92,255,.18),transparent 55%),linear-gradient(160deg,#1a1530,#15102a 35%,#0d0820 70%,#07051a)}[data-theme=light] .login-brand{background:radial-gradient(ellipse 80% 55% at 12% 15%,rgba(255,138,91,.18),transparent 55%),radial-gradient(ellipse 55% 45% at 85% 80%,rgba(255,92,138,.14),transparent 50%),radial-gradient(ellipse 40% 35% at 55% 45%,rgba(124,92,255,.1),transparent 55%),linear-gradient(160deg,#fef7f0,#fef0e8 35%,#fde8e0 70%,#fef7f0);color:var(--ink)}[data-theme=light] .login-brand h1,[data-theme=light] .login-brand-content>p{color:var(--ink-strong)}.login-brand-content{display:flex;flex-direction:column;gap:14px;margin:auto 0;position:relative;z-index:1}.login-brand:before{inset:0;background-image:radial-gradient(hsla(0,0%,100%,.05) 1px,transparent 0);background-size:28px 28px;z-index:0}.login-brand:after{width:500px;height:500px;background:radial-gradient(circle,rgba(255,168,134,.14),transparent 65%);top:-120px;right:-160px;animation:orbDrift 14s ease-in-out infinite alternate;z-index:0}.login-orb-2{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,92,138,.1),transparent 65%);bottom:-100px;left:-80px;animation:orbDrift 18s ease-in-out 4s infinite alternate-reverse;pointer-events:none;z-index:0}@keyframes orbDrift{0%{transform:translate(0) scale(1);opacity:.8}50%{transform:translate(-20px,25px) scale(1.05);opacity:1}to{transform:translate(-40px,50px) scale(1.1);opacity:.7}}.login-brand-content>*{position:relative;z-index:1}.brand-badge{width:48px;height:48px;border-radius:14px;background:var(--accent-warm-gradient);display:grid;place-items:center;font-weight:800;font-size:18px;color:#fff;box-shadow:0 8px 32px var(--brand-shadow-hover),inset 0 1px 0 hsla(0,0%,100%,.3);animation:fadeSlideUp .7s cubic-bezier(.16,1,.3,1) both}.login-brand h1{font-size:32px;font-weight:800;letter-spacing:-.035em;margin:0;color:#fff;line-height:1.1;animation:fadeSlideUp .7s cubic-bezier(.16,1,.3,1) .08s both}.login-brand-content>p{font-size:14px;color:#b4bcd0;max-width:400px;line-height:1.55;font-weight:400;margin:0;animation:fadeSlideUp .7s cubic-bezier(.16,1,.3,1) .15s both}.brand-pill{background:rgba(255,168,134,.12);color:#ffd0a8;padding:7px 14px;border-radius:999px;width:-moz-fit-content;width:fit-content;font-size:12px;font-weight:600;letter-spacing:.01em;border:1px solid rgba(255,168,134,.25);animation:fadeSlideUp .7s cubic-bezier(.16,1,.3,1) .22s both}[data-theme=light] .brand-pill{background:rgba(255,138,91,.12);color:#c2410c;border-color:rgba(255,138,91,.3)}.login-stats-row{display:flex;gap:12px;margin-top:16px;animation:fadeSlideUp .7s cubic-bezier(.16,1,.3,1) .3s both}.login-stat-card{background:hsla(0,0%,100%,.04);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:14px 18px;min-width:130px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease}[data-theme=light] .login-stat-card{background:hsla(0,0%,100%,.7);border:1px solid rgba(60,66,87,.08);box-shadow:0 1px 2px rgba(60,66,87,.04),0 8px 24px rgba(60,66,87,.06)}[data-theme=light] .login-stat-icon{background:rgba(255,138,91,.18)}.login-stat-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px var(--brand-shadow);border-color:var(--accent-warm-2)}.login-stat-icon{width:30px;height:30px;border-radius:var(--radius-md);display:grid;place-items:center;font-size:15px;margin-bottom:8px;background:rgba(255,168,134,.12)}.login-stat-value{font-size:26px;font-weight:800;color:var(--ink-strong);line-height:1;letter-spacing:-.025em}[data-theme=light] .login-stat-value{background:linear-gradient(135deg,#4a1d3a,#b9275c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.login-stat-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:6px}.login-social-proof{display:none;align-items:center;gap:14px;margin-top:12px;animation:fadeSlideUp .7s cubic-bezier(.16,1,.3,1) .4s both}.login-avatar-stack{display:flex}.login-avatar-stack span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;border:2.5px solid #0f1020;margin-right:-10px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.login-avatar-stack span:first-child{background:linear-gradient(145deg,#ffb487,#ff7e6b);z-index:4}.login-avatar-stack span:nth-child(2){background:linear-gradient(145deg,#ff8a8a,#ff5c8a);z-index:3}.login-avatar-stack span:nth-child(3){background:linear-gradient(145deg,#a78bfa,#7c5cff);z-index:2}.login-avatar-stack span:nth-child(4){background:rgba(255,168,134,.25);font-size:9px;z-index:1;border-color:rgba(255,168,134,.3)}.login-social-text{font-size:13px;color:var(--muted);line-height:1.45}.login-social-text strong{color:var(--ink-strong);font-weight:600}.login-testimonial{display:none;margin-top:12px;padding:14px 18px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:14px;animation:fadeSlideUp .7s cubic-bezier(.16,1,.3,1) .5s both}.login-testimonial-text{font-size:14px;color:#94a3b8;line-height:1.6;font-style:italic;margin:0 0 12px}.login-testimonial-text:before{content:"\u201C"}.login-testimonial-text:after{content:"\u201D"}.login-testimonial-author{display:flex;align-items:center;gap:10px}.login-testimonial-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-warm-gradient);display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff}.login-testimonial-name{font-size:12px;font-weight:600;color:#cbd5e1}.login-testimonial-role{font-size:11px;color:#64748b}.login-panel{display:flex;align-items:center;justify-content:center;padding:32px 44px;background:var(--bg-gradient);position:relative;overflow-y:auto}.login-panel:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,var(--brand-shadow),transparent 70%);top:-200px;right:50%;transform:translateX(50%);pointer-events:none}.login-card{width:min(420px,100%);background:var(--card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:40px 36px;box-shadow:var(--shadow-lg);color:var(--ink);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);animation:cardEntrance .6s cubic-bezier(.16,1,.3,1) both}[data-theme=light] .login-card{background:hsla(0,0%,100%,.9)}@keyframes cardEntrance{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card h2{margin:0 0 6px;font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--ink-strong)}.login-card>.login-subtitle{color:var(--muted);font-size:14px;font-weight:400;margin:0 0 24px;line-height:1.5}.login-card .form{max-width:none;gap:18px}.login-field-group{display:flex;flex-direction:column;gap:6px}.login-card .label,.login-field-group .login-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8b93a8;margin:0}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-wrap .login-input-icon{position:absolute;left:14px;width:16px;height:16px;color:#475569;pointer-events:none;transition:color .2s;z-index:1}.login-input-wrap .input{padding-left:42px!important}.login-input-wrap:focus-within .login-input-icon{color:var(--accent-warm-2)}.login-pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:32px;display:grid;place-items:center;border-radius:8px;border:none;background:transparent;color:#475569;cursor:pointer;transition:color .15s,background .15s;z-index:1}.login-pw-toggle:hover{color:#94a3b8;background:rgba(148,163,184,.08)}.login-pw-toggle svg{width:16px;height:16px}.login-card .input,.login-card select{padding:12px 16px;border-radius:var(--radius-md);font-size:14px;background:var(--input-bg);border:1px solid var(--border-strong);color:var(--input-text);width:100%;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);outline:none}.login-card .input::placeholder{color:var(--muted-dim)}.login-card .input:focus,.login-card select:focus{border-color:var(--accent-warm-2);box-shadow:0 0 0 3px var(--brand-shadow),0 0 24px var(--brand-shadow)}.login-card select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer;font-weight:500}.login-card .button[type=submit],.login-card .login-submit-btn{width:100%;padding:14px 24px;font-size:14px;font-weight:700;border-radius:var(--radius-md);border:none;color:#fff;cursor:pointer;position:relative;overflow:hidden;background:var(--accent-warm-gradient);box-shadow:0 8px 30px var(--brand-shadow-hover),inset 0 1px 0 hsla(0,0%,100%,.25);letter-spacing:.01em;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.4,0,.2,1),filter .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-card .button[type=submit]:hover:not(:disabled),.login-card .login-submit-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 14px 44px var(--brand-shadow-hover),0 0 80px var(--brand-shadow),inset 0 1px 0 hsla(0,0%,100%,.3)}.login-card .button[type=submit]:active:not(:disabled),.login-card .login-submit-btn:active:not(:disabled){transform:translateY(0);filter:brightness(.96);box-shadow:0 4px 16px var(--brand-shadow)}.login-card .button[type=submit]:disabled,.login-card .login-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:loginSpin .6s linear infinite}@keyframes loginSpin{to{transform:rotate(1turn)}}.login-row{justify-content:space-between}.login-row,.remember{display:flex;align-items:center;gap:10px}.remember{font-size:13px;font-weight:500;color:#8b93a8;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.login-toggle{position:relative;width:36px;height:20px;flex-shrink:0}.login-toggle input{opacity:0;width:0;height:0;position:absolute}.login-toggle-track{position:absolute;inset:0;border-radius:999px;background:#1e2340;border:1px solid rgba(148,163,184,.12);cursor:pointer;transition:background .2s,border-color .2s}.login-toggle-track:after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#475569;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s}.login-toggle input:checked+.login-toggle-track{background:var(--tab-bg);border-color:var(--tab-border)}.login-toggle input:checked+.login-toggle-track:after{transform:translateX(16px);background:var(--accent-warm-2)}.login-forgot-link{font-size:12px;font-weight:600;color:var(--accent-warm-2);text-decoration:none;transition:color .15s}.login-forgot-link:hover{color:var(--accent-warm-1)}.login-error{background:rgba(239,68,68,.08);color:#f87171;padding:12px 16px;border-radius:12px;margin-bottom:4px;font-size:13px;font-weight:500;border:1px solid rgba(239,68,68,.12);display:flex;align-items:center;gap:10px}.login-error:before{content:"";width:18px;height:18px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f87171' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='15' y1='9' x2='9' y2='15'%3E%3C/line%3E%3Cline x1='9' y1='9' x2='15' y2='15'%3E%3C/line%3E%3C/svg%3E") no-repeat 50% /contain}.login-divider{display:flex;align-items:center;gap:14px;margin:4px 0;color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:rgba(148,163,184,.08)}.login-card .login-bottom-link{display:block;text-align:center;margin-top:16px;font-size:13px;color:#64748b;text-decoration:none;transition:color .15s}.login-card .login-bottom-link span{color:var(--accent-warm-2);font-weight:600;transition:color .15s}.login-card .login-bottom-link:hover span{color:var(--accent-warm-1)}.login-card .small{color:var(--accent-warm-2);font-size:12px;font-weight:600;text-decoration:none;transition:color .15s}.login-card .small:hover{color:var(--accent-warm-1)}.login-card .row{margin-top:8px;justify-content:center}.login-secure-badge{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;font-size:10px;font-weight:600;color:#475569;letter-spacing:.04em;text-transform:uppercase}.login-secure-badge svg{width:12px;height:12px;color:#475569}.input-row{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;align-items:center}.input-row .btn-ghost,.input-row .button.btn-ghost{height:100%;padding:12px 14px;border-radius:12px;font-size:12px;font-weight:600;background:rgba(148,163,184,.06);border:1px solid rgba(148,163,184,.12);color:#64748b;box-shadow:none;transition:background .15s,color .15s}.input-row .btn-ghost:hover,.input-row .button.btn-ghost:hover{background:rgba(148,163,184,.12);color:#94a3b8}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-card .form>:first-child{animation:fadeSlideUp .5s cubic-bezier(.16,1,.3,1) .08s both}.login-card .form>:nth-child(2){animation:fadeSlideUp .5s cubic-bezier(.16,1,.3,1) .14s both}.login-card .form>:nth-child(3){animation:fadeSlideUp .5s cubic-bezier(.16,1,.3,1) .2s both}.login-card .form>:nth-child(4){animation:fadeSlideUp .5s cubic-bezier(.16,1,.3,1) .26s both}.login-card .form>:nth-child(5){animation:fadeSlideUp .5s cubic-bezier(.16,1,.3,1) .32s both}.login-card .form>:nth-child(6){animation:fadeSlideUp .5s cubic-bezier(.16,1,.3,1) .38s both}@media (min-height:800px){.login-social-proof{display:flex}}@media (min-height:950px){.login-testimonial{display:block}}@media (max-width:1100px){.login-shell{grid-template-columns:1fr 1fr}.login-brand{padding:44px}.login-stat-card{min-width:120px;padding:14px 18px}.login-stat-value{font-size:24px}.login-testimonial{display:none}}@media (max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand{padding:36px 28px;min-height:auto}.login-brand h1{font-size:28px}.login-panel{padding:28px 20px}.login-stats-row{flex-wrap:wrap}.login-social-proof,.login-testimonial{display:none}}@media (max-width:480px){.login-brand{padding:24px 20px}.login-card{padding:28px 24px;border-radius:16px}.login-card h2{font-size:24px}.login-stats-row{gap:8px}.login-stat-card{min-width:0;flex:1 1;padding:12px 14px}.login-stat-value{font-size:20px}.login-stat-label{font-size:9px}.login-panel{padding:20px 16px}}.dash-shell{display:grid;grid-template-columns:165px minmax(0,1fr);min-height:100vh;border-radius:0;overflow:hidden;box-shadow:none;width:100vw;max-width:100vw}.dash-body-bg,.dash-shell{background:var(--bg);margin:0}.dash-body-bg .page-pad{padding:0}.dash-body-bg .emp-content{max-width:none;margin:0;width:100%}.emp-shell{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh;background:var(--bg-surface);width:100%;margin:0}.emp-shell>.emp-sidebar{min-width:242px;max-width:242px;width:242px;background:var(--sidebar-bg);color:var(--sidebar-text);padding:10px 12px 14px;display:grid;grid-gap:4px;gap:4px;align-content:start;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.15) transparent;box-shadow:1px 0 0 hsla(0,0%,100%,.03)}.emp-shell>.emp-sidebar::-webkit-scrollbar{width:6px}.emp-shell>.emp-sidebar::-webkit-scrollbar-track{background:transparent}.emp-shell>.emp-sidebar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-radius:3px}.emp-shell>.emp-sidebar::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.22)}.page-pad.page-pad-leftless{padding:0!important;margin:0!important;max-width:100%}.dash-sidebar{min-width:242px;max-width:242px;width:242px;margin-left:-16px;background:var(--sidebar-bg);color:var(--sidebar-text);padding:10px 12px;display:grid;grid-gap:6px;gap:6px;align-content:start}.dash-logo{width:100%;max-width:150px;height:48px;border-radius:10px;background:#fff;display:grid;place-items:center;margin:4px auto 18px;padding:4px 10px;box-shadow:0 2px 10px rgba(0,0,0,.25);position:-webkit-sticky;position:sticky;top:0;z-index:1}.dash-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}.dash-nav{display:grid;grid-gap:2px;gap:2px}.dash-nav a,.dash-nav button{display:flex;align-items:center;gap:11px;padding:0 12px;height:36px;border-radius:8px;color:#fff;font-size:13px;width:100%;font-weight:500;opacity:.78;box-sizing:border-box;transition:background .12s ease-out,opacity .12s ease-out,transform .1s ease-out;letter-spacing:.005em;position:relative}.dash-nav a:first-of-type{margin-top:0}.dash-nav .icon,.dash-nav .label{color:#fff}.dash-nav a:hover{background:hsla(0,0%,100%,.06);opacity:1}.dash-nav .dash-section-btn:hover{background:transparent!important;opacity:1}.dash-nav .dash-section-btn.active{background:transparent!important;box-shadow:none!important}.dash-nav a.active{background:hsla(0,0%,100%,.08);color:#fff;font-weight:600;opacity:1;padding-left:14px;box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.dash-nav a.active:after{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--accent-warm-gradient);box-shadow:0 0 12px hsla(0,100%,77%,.6)}.dash-nav a.active:before{opacity:1!important}.dash-nav button{background:transparent;border:0;cursor:pointer;text-align:left}.dash-nav .icon{display:none}.dash-nav .label{white-space:nowrap}.dash-nav .dash-section:before,.dash-nav a:before,.dash-subnav a:before{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:15px;line-height:1;opacity:.75;flex-shrink:0;background-size:16px 16px;background-repeat:no-repeat;background-position:50%;content:"";transition:opacity .12s ease-out}.dash-nav a:hover:before{opacity:1}.dash-section:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}.dash-nav a.nav-dashboard:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E")}.dash-nav a.nav-directory:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E")}.dash-nav a.nav-attendance:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E")}.dash-nav a.nav-leaves:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75'/%3E%3C/svg%3E")}.dash-nav a.nav-payroll:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E")}.dash-nav a.nav-onboarding:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E")}.dash-nav a.nav-documents:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cline x1='10' y1='9' x2='8' y2='9'/%3E%3C/svg%3E")}.dash-nav a.nav-reports:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='20' x2='18' y2='10'/%3E%3Cline x1='12' y1='20' x2='12' y2='4'/%3E%3Cline x1='6' y1='20' x2='6' y2='14'/%3E%3C/svg%3E")}.dash-nav a.nav-announcements:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 17H2a3 3 0 0 0 3-3V9a7 7 0 0 1 14 0v5a3 3 0 0 0 3 3zm-8.27 4a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E")}.dash-nav a.nav-admin:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E")}.dash-nav a.nav-settings:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E")}.dash-nav a.nav-expenses:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1-2-1z'/%3E%3Cline x1='8' y1='8' x2='16' y2='8'/%3E%3Cline x1='8' y1='12' x2='14' y2='12'/%3E%3Cline x1='8' y1='16' x2='12' y2='16'/%3E%3C/svg%3E")}.dash-nav a.nav-loans:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V7l7-4 7 4v14'/%3E%3Cpath d='M9 21v-6h6v6'/%3E%3Cpath d='M10 9h4'/%3E%3C/svg%3E")}.dash-nav a.nav-performance:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E")}.dash-nav a.nav-recruitment:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8.5' cy='7' r='4'/%3E%3Cline x1='20' y1='8' x2='20' y2='14'/%3E%3Cline x1='23' y1='11' x2='17' y2='11'/%3E%3C/svg%3E")}.dash-nav a.nav-helpdesk:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cline x1='4.93' y1='4.93' x2='9.17' y2='9.17'/%3E%3Cline x1='14.83' y1='14.83' x2='19.07' y2='19.07'/%3E%3Cline x1='14.83' y1='9.17' x2='19.07' y2='4.93'/%3E%3Cline x1='4.93' y1='19.07' x2='9.17' y2='14.83'/%3E%3C/svg%3E")}.dash-nav a.nav-shifts:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E")}.dash-nav a.nav-approvals:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 11 12 14 22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E")}.dash-nav a.nav-assets:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'/%3E%3C/svg%3E")}.dash-nav a.nav-lifecycle:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 4 23 10 17 10'/%3E%3Cpolyline points='1 20 1 14 7 14'/%3E%3Cpath d='M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15'/%3E%3C/svg%3E")}.dash-nav a.nav-exit:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E")}.dash-nav a.nav-disciplinary:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E")}.dash-nav a.nav-compliance:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Crect x='8' y='2' width='8' height='4' rx='1' ry='1'/%3E%3Cpolyline points='9 14 11 16 15 12'/%3E%3C/svg%3E")}.dash-nav a.nav-audit:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E")}.dash-group{margin:10px 0 2px;position:relative}.dash-group:before{content:"";position:absolute;top:-5px;left:6px;right:6px;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.08),transparent)}.dash-group:first-of-type:before{display:none}.dash-group-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 10px;height:26px;background:transparent;border:0;border-radius:6px;cursor:pointer;color:hsla(0,0%,100%,.55);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:color .12s ease-out,background .12s ease-out;font-family:inherit}.dash-group-head:hover{color:hsla(0,0%,100%,.95);background:hsla(0,0%,100%,.04)}.dash-group-head.has-active{color:#fff}.dash-group-head .dash-caret{font-size:10px;opacity:.6;transition:transform .18s ease-out,opacity .12s ease-out}.dash-group-head:hover .dash-caret{opacity:1}.dash-group-head .dash-caret.open{transform:rotate(180deg)}.dash-group-body{display:grid;grid-gap:1px;gap:1px;padding:4px 0 2px;animation:navGroupFadeIn .18s ease-out}@keyframes navGroupFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dash-subnav a.nav-emp-all:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");background-size:13px 13px}.dash-subnav a.nav-emp-active:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");background-size:10px 10px}.dash-subnav a.nav-emp-notice:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");background-size:10px 10px}.dash-subnav a.nav-emp-resigned:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");background-size:10px 10px}.dash-subnav{display:grid;grid-gap:4px;gap:4px;margin-left:12px;margin-top:0;margin-bottom:8px;justify-items:start}.dash-subnav>a{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:0 10px;height:34px;border-radius:10px;color:#cbd5f5;line-height:1.2;white-space:nowrap;width:-moz-fit-content!important;width:fit-content!important;max-width:100%;align-self:flex-start;justify-self:start;min-width:0;font-weight:600;opacity:.7;box-sizing:border-box;background-clip:padding-box}.dash-subnav a.active,.dash-subnav a:hover{background:hsla(0,0%,100%,.08);opacity:1}.dash-subnav a.active{background:hsla(0,0%,100%,.1);color:#fff;font-weight:600;box-shadow:none;position:relative;opacity:1;padding-left:8px;padding-right:8px}.dash-subnav a.active:after{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--accent-warm-gradient)}.dash-section{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;font-weight:600;color:hsla(0,0%,100%,.8);padding:6px 10px 2px;opacity:.85;letter-spacing:.01em}.dash-section.active{opacity:1;color:#fff}.dash-section.active:before{color:#fff;filter:saturate(1.1)}.dash-section-btn{background:transparent;border:0;cursor:pointer;width:100%;height:34px;border-radius:10px;padding:0 12px;overflow:hidden;background-clip:padding-box}.dash-section-btn:hover{background:transparent}.dash-section-btn.active{background:transparent;box-shadow:none}.dash-caret{font-size:12px;color:hsla(0,0%,100%,.7);transition:transform .2s ease}.dash-caret.open{transform:rotate(180deg)}.dash-dropdown-toggle{background:transparent;border:0;color:hsla(0,0%,100%,.85);width:100%;text-align:left;padding:0;cursor:pointer}.dash-nav a.active,.dash-nav a:hover{background:hsla(0,0%,100%,.08)}.dash-main{display:grid;grid-template-rows:auto 1fr;grid-gap:0;gap:0;overflow-y:auto;width:100%;height:100%}.dash-topbar{background:linear-gradient(135deg,rgba(20,12,40,.6),rgba(40,22,70,.6));color:#fff;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:0;position:-webkit-sticky;position:sticky;top:0;z-index:8;border-bottom:1px solid var(--glass-border);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}[data-theme=light] .dash-topbar{background:linear-gradient(135deg,rgba(255,215,184,.55),rgba(231,213,255,.55));color:var(--ink);border-bottom:1px solid rgba(60,66,87,.08)}[data-theme=light] .dash-topbar .dash-user>div>div:last-child{color:var(--muted)!important;opacity:1!important}.dash-user{display:flex;gap:14px;align-items:center}.dash-avatar{width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.15);overflow:hidden;display:grid;place-items:center}.dash-avatar img{width:100%;height:100%;object-fit:cover}.dash-actions{display:flex;gap:12px;align-items:center}.dash-icon-btn{background:transparent;border:0;color:#fff;cursor:pointer;font-size:18px}.dash-badge{background:#ef4444;color:#fff;border-radius:999px;font-size:12px;padding:2px 7px;margin-left:-8px}.app-shell-user-float{position:absolute;top:10px;right:20px;z-index:10;display:flex;align-items:center;gap:28px}.app-shell-user-float .tenant-label{color:hsla(0,0%,100%,.7)}.app-shell-user-float .tenant-select{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.25);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-shell-user-float .tenant-select option{background:var(--card);color:var(--ink)}.app-shell-user-float .tenant-readonly{color:hsla(0,0%,100%,.8)}.app-shell-user-float .user-bubble{background:#fff;color:var(--brand);border:2px solid hsla(0,0%,100%,.5);box-shadow:0 2px 8px rgba(0,0,0,.2)}:root{--dash-gap:8px}.dash-body{padding:0;display:grid;align-content:start}.dash-content{width:100%;margin:0;padding:0 14px var(--dash-gap)}.dash-cards,.dash-content{display:grid;grid-gap:var(--dash-gap);gap:var(--dash-gap)}.dash-cards{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.dash-card{background:var(--card);border-radius:var(--radius-lg);padding:20px 22px;box-shadow:var(--shadow);text-align:center;border:1px solid var(--border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:110px;position:relative;overflow:hidden}.dash-card:before{content:"";position:absolute;top:-2px;right:-2px;width:80px;height:80px;background:radial-gradient(circle,var(--brand-shadow) 0,transparent 70%);pointer-events:none;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.dash-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--accent-warm-2)}.dash-card:hover:before{opacity:1}.dash-card h4{margin:0 0 8px;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;justify-content:center;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.dash-card .big{font-size:30px;font-weight:600;letter-spacing:-.025em;line-height:1.15;font-feature-settings:"tnum"}:root .dash-card .big,[data-theme=dark] .dash-card .big{background:var(--accent-warm-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}[data-theme=light] .dash-card .big{color:var(--ink-strong)}.dash-card .muted{font-size:11px;white-space:nowrap;color:var(--muted);margin-top:4px;font-weight:500}.dash-grid,.dash-grid-2col{display:grid;grid-gap:var(--dash-gap);gap:var(--dash-gap);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:stretch}.dash-col{display:flex;flex-direction:column;gap:var(--dash-gap)}.dash-col>.dash-panel{flex:1 1;display:flex;flex-direction:column}.dash-col>.dash-panel>.dash-list{flex:1 1}.dash-grid-bottom{min-height:0}.dash-grid-bottom .dash-panel{min-height:0;height:100%}.dash-panel{background:var(--card);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.dash-panel h4{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--ink-strong);letter-spacing:-.01em}.dash-alert{margin-bottom:10px}.chart-bars{grid-template-columns:repeat(5,1fr);grid-gap:14px;gap:14px;height:120px;margin-top:6px}.bar-group,.chart-bars{display:grid;align-items:end}.bar-group{grid-template-rows:1fr auto;grid-gap:8px;gap:8px}.bar-stack{height:96px;border-radius:var(--radius-md);background:var(--chart-bar-bg);border:1px solid var(--border);display:grid;grid-template-rows:repeat(3,1fr);grid-gap:6px;gap:6px;padding:6px}.bar{width:100%;height:100%;border-radius:var(--radius-sm);background:var(--chart-bar-inner);position:relative;overflow:hidden}.bar:after{content:"";position:absolute;left:0;right:0;bottom:0;border-radius:6px;height:var(--h,0);transition:height .4s ease}.bar-present:after{background:var(--chart-present)}.bar-absent:after{background:var(--chart-absent)}.bar-lwp:after{background:var(--chart-lwp)}.bar-label{font-size:10px;text-align:center;color:var(--muted-dim);margin-bottom:4px;line-height:1.3}.chart-legend{display:flex;gap:12px;margin-top:8px;font-size:11px;color:var(--muted)}.chart-spacer{height:4px}.legend-item:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;vertical-align:middle}.legend-item.present:before{background:var(--chart-present)}.legend-item.absent:before{background:var(--chart-absent)}.legend-item.lwp:before{background:var(--chart-lwp)}.donut{width:120px;height:120px;background:conic-gradient(var(--chart-present) 0 55%,var(--chart-lwp) 55% 75%,var(--accent) 75% 100%);place-items:center;margin:6px auto}.donut,.donut-center{border-radius:50%;display:grid}.donut-center{width:72px;height:72px;background:var(--donut-center-bg);place-items:center;font-weight:700;color:var(--ink-strong);font-size:13px}.dash-compact .chart-bars{height:80px}.dash-compact .bar-stack{height:65px}.dash-compact .donut{width:100px;height:100px}.dash-compact .donut-center{width:60px;height:60px;font-size:11px}.dash-list{display:grid;grid-gap:4px;gap:4px;margin-top:4px}.dash-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:var(--radius-md);background:var(--bg-surface-hover);font-size:13px;min-height:38px;transition:background .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.dash-row:hover{background:var(--card-hover);transform:translateX(2px)}.dash-row-btn{width:100%;border:0;cursor:pointer}.dash-row-btn:hover{background:var(--card-hover)}.pill{background:var(--accent-warm-gradient);color:#fff;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;box-shadow:0 2px 8px var(--brand-shadow)}.muted{color:var(--muted)}.dash-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:var(--dash-gap);gap:var(--dash-gap)}.dash-quick-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:12px 16px;cursor:pointer;color:var(--ink);font-size:13px;font-weight:600;box-shadow:var(--shadow-sm);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1)}.dash-quick-btn:hover{transform:translateY(-2px);border-color:var(--accent-warm-2);box-shadow:0 8px 24px var(--brand-shadow),var(--shadow-sm);background:var(--card-hover)}.dash-quick-icon{width:32px;height:32px;border-radius:var(--radius-md);display:grid;place-items:center;font-size:16px;flex-shrink:0}.dash-quick-label{white-space:nowrap}.dash-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;min-height:24px}.dash-panel-header h4{margin:0;display:flex;align-items:center;gap:6px}.dash-link-btn{background:none;border:none;color:var(--brand-2);cursor:pointer;font-size:11px;font-weight:600;padding:2px 6px;border-radius:6px;transition:background .15s;white-space:nowrap;flex-shrink:0}.dash-link-btn:hover{background:var(--tab-bg)}.dash-count-badge{background:#ef4444;color:#fff;border-radius:999px;font-size:10px;padding:1px 7px;font-weight:700;min-width:18px;text-align:center;line-height:16px}.dash-date-badge{background:var(--bg-surface);color:var(--muted);padding:3px 8px;white-space:nowrap}.dash-date-badge,.dash-leave-type{border-radius:6px;font-size:10px;font-weight:600}.dash-leave-type{background:rgba(251,191,36,.12);color:#fbbf24;padding:2px 8px}.dash-progress-bar{width:100%;height:4px;background:var(--bg-surface);border-radius:4px;margin-top:6px;overflow:hidden}.dash-progress-fill{height:100%;background:linear-gradient(90deg,#34d399,#6ee7b7);border-radius:4px;transition:width .6s ease}.dash-onboarding-stats{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:var(--dash-gap);gap:var(--dash-gap);margin-top:8px}.dash-ob-stat{background:var(--bg-surface);border-radius:10px;padding:10px 6px;text-align:center;transition:transform .15s}.dash-ob-stat:hover{transform:translateY(-1px)}.dash-ob-num{font-size:22px;font-weight:800;line-height:1.2}.dash-ob-label{font-size:9px;color:var(--muted-dim);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-weight:600}.dash-grid-bottom-v2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--dash-gap);gap:var(--dash-gap);align-items:stretch}.dash-grid-bottom-v2>.dash-panel{min-height:0;height:100%;display:flex;flex-direction:column}.dash-grid-bottom-v2>.dash-panel>.dash-list{flex:1 1}.dash-loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent-warm-2);border-radius:50%;margin:0 auto;animation:dashSpin .8s linear infinite}@keyframes dashSpin{to{transform:rotate(1turn)}}@media (max-width:1200px){.dash-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid-2col{grid-template-columns:1fr}.dash-grid-bottom-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-onboarding-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.dash-cards,.dash-grid-bottom-v2{grid-template-columns:1fr}.dash-onboarding-stats,.dash-quick-actions{grid-template-columns:repeat(2,1fr)}}.salary-cards{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:12px}.salary-card{background:var(--card);color:var(--ink);border-radius:12px;padding:10px 12px;border:1px solid var(--border);box-shadow:none}.salary-label{font-size:11px;color:var(--muted-dim);margin-bottom:4px}.salary-value{font-size:16px;font-weight:700;color:var(--ink-strong)}.salary-lock{background:var(--badge-red-bg);color:var(--badge-red-fg);padding:8px 12px;border-radius:10px;margin-bottom:10px;font-size:12px}.salary-override{margin-bottom:12px}.salary-revisions,.salary-structure{margin-top:10px}.salary-table{display:grid;grid-gap:8px;gap:8px;margin-top:10px}.salary-row{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr .8fr .6fr .6fr;grid-gap:8px;gap:8px;align-items:center}.salary-row>div{font-size:12px;color:var(--ink)}.salary-head{font-weight:700;color:var(--muted)}.salary-actions{display:flex;gap:10px;align-items:center;margin-top:10px}.salary-group{border:1px solid var(--border);border-radius:12px;padding:10px 12px;margin-top:10px;background:var(--card)}.salary-group:first-of-type{border-top:0;padding-top:0;margin-top:0;border:1px solid var(--border);padding-top:10px}.salary-group-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.salary-group-title{font-weight:700;color:var(--ink);font-size:13px}.salary-totals{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-weight:700;color:var(--ink-strong);background:var(--bg-surface);border-radius:12px;padding:10px 12px}.salary-totals-sticky{position:-webkit-sticky;position:sticky;bottom:0;z-index:2}.empty-state{padding:12px;background:var(--card);border-radius:12px}.salary-override-box{background:var(--bg-surface);border:1px solid var(--border-strong);padding:8px 10px;border-radius:10px;margin-bottom:8px}.salary-revisions .salary-table{margin-top:8px}.salary-actions .button{min-height:36px}.salary-structure .button.btn-primary{box-shadow:none}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}.badge-scheduled{background:rgba(59,130,246,.2);color:#1d4ed8}.badge-applied{background:rgba(34,197,94,.2);color:#15803d}.badge-pending{background:rgba(245,158,11,.2);color:#b45309}.inline-actions{display:flex;gap:8px}.modal-backdrop{position:fixed;inset:0;background:var(--overlay-bg);display:grid;place-items:center;z-index:50;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);animation:fadeInUp .2s cubic-bezier(.4,0,.2,1)}.cmdk-wrap{position:fixed;inset:0;z-index:9999;display:flex;justify-content:center;padding-top:12vh}.cmdk-backdrop{position:absolute;inset:0;background:var(--overlay-bg);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);animation:fadeInUp .18s cubic-bezier(.4,0,.2,1)}.cmdk-panel{position:relative;width:100%;max-width:600px;max-height:64vh;background:var(--modal-bg);color:var(--ink);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);animation:fadeSlideUp .22s cubic-bezier(.16,1,.3,1)}.cmdk-input-row{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.cmdk-input{flex:1 1;background:transparent;border:none;outline:none;color:var(--ink-strong);font-size:16px;font-weight:500;font-family:inherit;letter-spacing:-.005em}.cmdk-input::placeholder{color:var(--muted-dim)}.cmdk-kbd{font-family:SF Mono,Consolas,Liberation Mono,monospace;font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--radius-sm);background:var(--bg-surface-hover);color:var(--muted);border:1px solid var(--border-strong);line-height:1}.cmdk-kbd-sm{font-size:10px;padding:2px 6px}.cmdk-results{overflow-y:auto;flex:1 1;padding:6px 0}.cmdk-empty{padding:28px 20px;text-align:center;color:var(--muted);font-size:13px}.cmdk-section-title{padding:8px 20px 6px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.cmdk-row{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;font-size:14px;color:var(--ink);background:transparent;transition:background .12s cubic-bezier(.4,0,.2,1)}.cmdk-row.is-selected,.cmdk-row:hover{background:var(--bg-surface-hover)}.cmdk-row.is-selected{box-shadow:inset 3px 0 0 0 var(--accent-warm-2)}.cmdk-row-icon{font-size:18px;width:28px;text-align:center;flex-shrink:0}.cmdk-row-label{font-size:14px;font-weight:600;color:var(--ink-strong);letter-spacing:-.005em}.cmdk-row-label,.cmdk-row-subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk-row-subtitle{font-size:12px;color:var(--muted);margin-top:1px}.cmdk-row-kind{text-transform:capitalize;padding:2px 8px;border-radius:var(--radius-full);border:1px solid var(--border);flex-shrink:0}.cmdk-footer,.cmdk-row-kind{font-size:11px;color:var(--muted);background:var(--bg-surface-hover)}.cmdk-footer{padding:10px 20px;border-top:1px solid var(--border);display:flex;gap:18px}.cmdk-footer span{display:inline-flex;align-items:center;gap:6px}.modal-card{width:min(560px,92vw);background:var(--modal-bg);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-lg);color:var(--ink);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);animation:fadeSlideUp .25s cubic-bezier(.16,1,.3,1)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.row-actions{display:inline-flex}.row-menu{top:36px;color:var(--ink);border-radius:10px;min-width:160px;box-shadow:var(--shadow);display:grid;grid-gap:6px;gap:6px;border:1px solid var(--border)}.row-menu button{border:0;padding:8px 10px}.row-menu button:hover{background:var(--tab-bg)}.admin-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.admin-title h2{margin:0 0 6px}.admin-welcome{text-align:right;background:var(--card);color:var(--ink);padding:10px 12px;border-radius:12px;min-width:180px}.admin-user{font-weight:700}.role-pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:6px}.role-pill{border:1px solid var(--border-strong);border-radius:999px;padding:6px 10px;font-size:12px;cursor:pointer;display:inline-flex;gap:6px;align-items:center;color:var(--muted)}.role-pill input{margin:0}.role-pill.active{background:var(--brand-2);color:#fff;border-color:var(--brand-2)}.admin-home{display:grid;grid-gap:16px;gap:16px}.admin-shell{border-radius:18px;padding:18px;box-shadow:none}.admin-shell,.admin-white{background:transparent}.admin-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);grid-gap:18px;gap:18px}.admin-layout-single{grid-template-columns:1fr}.admin-main{max-width:1080px;width:100%;margin:0 auto}.admin-main,.admin-side{display:grid;grid-gap:16px;gap:16px}.admin-side{align-content:start}.admin-hero{background:linear-gradient(135deg,var(--card),var(--brand-2));color:var(--ink);border-radius:18px;padding:18px;display:flex;justify-content:space-between;gap:16px;align-items:center}.admin-eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(225,228,237,.75)}.admin-heading{margin:6px 0;font-size:22px;color:var(--ink-strong)}.admin-muted{margin:0;font-size:12px;color:rgba(225,228,237,.8);max-width:420px}.admin-cta-row{display:flex;gap:10px;flex-wrap:wrap}.admin-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.admin-kpi{background:var(--card);border-radius:14px;padding:12px 14px;border:1px solid var(--border)}.admin-kpi-label{font-size:11px;color:var(--muted-dim);text-transform:uppercase;letter-spacing:.08em}.admin-kpi-value{font-size:20px;font-weight:700;color:var(--ink-strong);margin:6px 0}.admin-kpi-foot{font-size:11px;color:var(--muted-dim)}.admin-user-card{display:flex;align-items:center;gap:12px;background:var(--card);color:var(--ink);border-radius:14px;padding:14px 16px}.admin-user-card-bright{background:var(--card);box-shadow:inset 0 0 0 1px var(--border-strong)}.admin-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-warm-gradient);color:#fff;display:grid;place-items:center;font-weight:700;box-shadow:0 4px 12px var(--brand-shadow)}.admin-user-info{flex:1 1}.admin-user-name{font-size:16px;font-weight:700}.admin-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;grid-auto-rows:1fr;max-width:1080px;width:100%;margin:0 auto}.admin-card-grid .admin-action-card{min-height:100%;height:100%}.admin-action-card{padding:16px;box-shadow:inset 0 0 0 1px var(--border);min-height:180px;height:100%;transition:transform .2s,box-shadow .2s}.admin-action-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.15),inset 0 0 0 1px var(--tab-border)}.admin-card-icon{display:flex}.icon-square{width:44px;height:44px;border-radius:12px;background:var(--bg-surface);color:var(--ink);display:grid;place-items:center;font-size:12px;letter-spacing:.08em;font-weight:700}.admin-side-card{background:var(--card);border-radius:16px;padding:16px;border:1px solid var(--border);display:grid;grid-gap:10px;gap:10px}.admin-side-title{font-size:14px;font-weight:700;color:var(--ink)}.admin-side-list{margin:0;padding-left:16px;color:var(--muted);font-size:12px;display:grid;grid-gap:8px;gap:8px}@media (max-width:1100px){.admin-layout{grid-template-columns:1fr}.admin-hero{flex-direction:column;align-items:flex-start}.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1200px){.dash-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.admin-card-grid,.admin-kpi-grid,.dash-cards{grid-template-columns:1fr}}.admin-card-title{font-weight:700;font-size:16px;color:var(--ink)}.admin-card-desc{font-size:12px;color:var(--muted);min-height:36px}.docs-layout{grid-template-columns:minmax(0,1fr) 260px;grid-gap:16px;gap:16px;align-items:start}.docs-main{grid-gap:12px;gap:12px}.docs-quick{position:-webkit-sticky;position:sticky;top:12px}.docs-find{display:grid;grid-gap:10px;gap:10px}.docs-find-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:end}.docs-find-group{flex:1 1 320px}.docs-employee-card{display:grid;grid-template-columns:1.6fr auto 1fr;grid-gap:12px;background:var(--card);border-radius:12px;padding:12px}.docs-emp-name{font-size:16px;color:var(--ink)}.docs-emp-meta{color:var(--muted-dim);display:grid;grid-gap:4px;gap:4px}.docs-tabs{gap:8px;flex-wrap:wrap}.docs-tab-card{display:grid}.docs-history,.docs-tab-card{grid-gap:10px;gap:10px}.docs-history-row{padding:10px 12px;border-radius:10px;color:var(--ink)}.docs-doc-group{margin-top:8px}.docs-group-title{font-size:13px;color:var(--ink)}.docs-doc-grid{grid-gap:10px;gap:10px}.docs-doc-card{background:var(--card);border-radius:12px;padding:12px;color:var(--ink)}.docs-doc-head{align-items:center}.docs-doc-title{font-weight:700}.docs-doc-actions{gap:8px;flex-wrap:wrap}.docs-preview{max-height:60vh;overflow:auto}.docs-preview-frame{height:60vh;border:0;border-radius:12px}.docs-preview-image{width:100%;max-height:60vh;object-fit:contain;border-radius:12px;background:var(--bg-surface)}@media (max-width:980px){.docs-employee-card,.docs-layout{grid-template-columns:1fr}.docs-quick{position:static}}.permissions-card{display:grid;grid-gap:14px;gap:14px}.permissions-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.permissions-table{display:grid;grid-gap:16px;gap:16px}.permissions-role{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--card);color:var(--ink)}.permissions-role-title{font-weight:700;margin-bottom:8px;color:var(--ink)}.permissions-grid{display:grid;grid-gap:6px;gap:6px}.permissions-row{display:grid;grid-template-columns:1.4fr repeat(5,.7fr);align-items:center;grid-gap:6px;gap:6px;padding:6px 0}.permissions-row-head{font-size:12px;font-weight:700;color:var(--muted)}.perm-cell{display:grid;place-items:center}.permissions-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.permissions-template{background:var(--card);border-radius:12px;padding:12px;border:1px solid var(--border);display:grid;grid-gap:8px;gap:8px;color:var(--ink)}@media (max-width:900px){.permissions-actions{grid-template-columns:1fr}.permissions-row{grid-template-columns:1.6fr repeat(5,.8fr)}}.platform-admin{display:grid;grid-gap:16px;gap:16px}.admin-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.admin-summary{background:var(--card);color:var(--ink);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow)}.admin-summary-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-dim)}.admin-summary-value{font-size:24px;font-weight:700;margin:6px 0}.admin-summary-foot{font-size:11px;color:var(--muted-dim)}.admin-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:12px;gap:12px}.admin-action-card{background:var(--card);border-radius:16px;padding:14px;border:1px solid var(--border);display:grid;grid-gap:8px;gap:8px;min-height:170px;justify-items:center;text-align:center;color:var(--ink)}.admin-card-desc{text-align:center}.admin-card-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch}.admin-card-actions .button{flex:1 1;min-width:140px;justify-content:center}.admin-table-section{background:var(--card);border-radius:16px;padding:14px;border:1px solid var(--border);display:grid;grid-gap:10px;gap:10px;color:var(--ink)}.admin-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.org-admin{color:var(--ink)}.org-admin-shell{background:transparent;border-radius:20px;padding:18px;box-shadow:none;display:grid;grid-gap:16px;gap:16px}.org-admin-hero{background:linear-gradient(135deg,var(--card),var(--brand-2));color:var(--ink);border-radius:18px;padding:18px;display:flex;justify-content:space-between;gap:16px;align-items:center}.org-admin-hero-text h2{margin:6px 0;font-size:22px;color:var(--ink-strong)}.org-admin-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.org-admin-user{background:var(--bg-surface);border:1px solid var(--border-strong);padding:12px 14px;border-radius:14px;min-width:220px;text-align:left;display:grid;grid-gap:4px;gap:4px}.org-admin-name{font-weight:700;font-size:16px}.org-admin-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.org-admin-metric{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px 14px}.org-admin-metric-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-dim)}.org-admin-metric-value{font-size:22px;font-weight:700;color:var(--ink-strong);margin:6px 0}.org-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:12px;gap:12px}.org-admin-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;display:grid;grid-gap:10px;gap:10px;box-shadow:var(--shadow);color:var(--ink)}.org-admin-card-head{display:grid;grid-gap:4px;gap:4px}.org-admin-form{max-width:none}.org-admin-token{background:var(--card);color:var(--ink);border-radius:12px;padding:10px 12px;word-break:break-all;display:grid;grid-gap:6px;gap:6px}.org-admin-token-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-dim)}.org-admin-token-body{font-size:12px}@media (max-width:1100px){.org-admin-hero{flex-direction:column;align-items:flex-start}.org-admin-user{text-align:left;width:100%}.org-admin-metrics{grid-template-columns:1fr}}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:12px 0;margin-bottom:8px}.filter-bar .input{min-width:120px;max-width:200px;font-size:13px}.filter-bar .button{white-space:nowrap}.list-page{display:flex;flex-direction:column;gap:10px}.table-wrap{overflow-x:auto;border-radius:14px;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow)}.table-wrap .table{margin-bottom:0}.table-footer{justify-content:space-between;padding:10px 16px;font-size:12px;color:var(--muted)}.pager,.table-footer{display:flex;align-items:center}.pager{gap:8px}.empty-state{padding:48px 24px}.empty-title{font-size:16px;color:var(--ink-strong);margin-bottom:6px}.empty-sub{font-size:13px;color:var(--muted);margin-bottom:16px}.row-actions{position:relative}.actions-trigger{padding:4px 8px!important;min-width:32px}.actions-dots{font-size:18px;font-weight:700;letter-spacing:2px}.row-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:20;min-width:150px;background:var(--card);border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.15);padding:6px;animation:fadeInUp .15s ease-out}.row-menu button{display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:transparent;color:var(--ink);font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;transition:background .15s ease}.row-menu button:hover{background:var(--bg-surface-hover)}.attendance-header{position:-webkit-sticky;position:sticky;top:0;z-index:6;background:var(--bg-surface);padding:10px 0 14px}.attendance-tabs{display:inline-flex;gap:0;margin:0 0 12px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:10px;padding:3px}.attendance-tabs .tab-btn{border-radius:8px}.attendance-filterbar{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:140px}.filter-group .label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:0}.filter-group .input{font-size:13px;padding:7px 12px}.filter-actions{display:flex;align-items:flex-end;gap:8px;margin-left:auto}.attendance-table{background:var(--card);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.attendance-table-card{border:1px solid var(--border)}.attendance-row{display:grid;grid-template-columns:2fr 1fr .8fr .8fr .6fr 1.4fr;grid-gap:10px;gap:10px;padding:10px 16px;border-bottom:1px solid var(--table-border);align-items:center;color:var(--ink)}.attendance-row:last-child{border-bottom:0}.attendance-head{background:var(--table-header-bg);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.attendance-emp{display:grid;grid-gap:2px;gap:2px}.attendance-error-wrap{align-self:start}.attendance-error-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;background:var(--badge-red-bg);color:var(--badge-red-fg);border-radius:12px;border:1px solid rgba(239,68,68,.2)}.attendance-skeleton .skeleton-line{height:12px;border-radius:6px;background:var(--bg-surface)}.attendance-dirty{background:var(--tab-bg)}.attendance-filterbar .button:disabled{opacity:.55}.attendance-monthly{display:grid;grid-gap:12px;gap:12px}.month-row{background:var(--card);border-radius:14px;padding:12px;display:grid;grid-template-columns:1.3fr 3fr 1fr auto;grid-gap:12px;gap:12px;align-items:center;box-shadow:var(--shadow);border:1px solid var(--border);color:var(--ink)}.month-emp{display:grid;grid-gap:2px;gap:2px}.month-grid{display:grid;grid-auto-flow:column;grid-auto-columns:22px;grid-gap:4px;gap:4px;overflow-x:auto;padding-bottom:4px}.month-cell{width:22px;height:22px;border-radius:6px;font-size:10px;display:grid;place-items:center;background:var(--bg-surface);color:var(--muted)}.month-cell.status-present{background:var(--badge-blue-bg);color:var(--badge-blue-fg)}.month-cell.status-absent{background:var(--badge-red-bg);color:var(--badge-red-fg)}.month-cell.status-half_day{background:var(--badge-yellow-bg);color:var(--badge-yellow-fg)}.month-cell.status-leave{background:var(--badge-green-bg);color:var(--badge-green-fg)}.month-cell.status-lwp{background:var(--badge-yellow-bg);color:var(--badge-yellow-fg)}.month-cell.status-empty{background:var(--badge-muted-bg);color:var(--muted-dim)}.month-summary{font-size:11px;color:var(--muted);display:grid;grid-gap:4px;gap:4px}.month-edit-grid{max-height:360px;overflow:auto;display:grid;grid-gap:8px;gap:8px;padding-right:6px}.month-edit-row{display:grid;grid-template-columns:90px 1fr;grid-gap:8px;gap:8px;align-items:center}.month-edit-day{font-size:12px;color:var(--muted)}.auth-gate{position:fixed;inset:0;background:var(--bg-gradient);display:grid;place-items:center;z-index:1;animation:authGateFadeIn .2s cubic-bezier(.4,0,.2,1)}.auth-gate-spinner{width:36px;height:36px;border:3px solid var(--border-strong);border-top-color:var(--accent-warm-2);border-radius:50%;animation:dashSpin .8s linear infinite}@keyframes authGateFadeIn{0%{opacity:0}to{opacity:1}}.toast{position:fixed;top:18px;right:18px;z-index:60;padding:12px 18px;border-radius:var(--radius-md);font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);animation:fadeSlideUp .25s cubic-bezier(.16,1,.3,1)}.toast-success{background:var(--badge-green-bg);color:var(--badge-green-fg);border:1px solid var(--badge-green-fg)}.toast-error{background:var(--badge-red-bg);color:var(--badge-red-fg);border:1px solid var(--badge-red-fg)}.toast-info{background:var(--badge-blue-bg);color:var(--badge-blue-fg);border:1px solid var(--badge-blue-fg)}.dash-nav a.nav-leaves:before{content:"🌴"}.data-table{width:100%;border-collapse:collapse;font-size:12px;background:var(--card);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border)}.data-table th{text-align:left;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--table-header-bg)}.data-table td,.data-table th{padding:10px 12px;border-bottom:1px solid var(--table-border)}.data-table td{color:var(--ink);vertical-align:middle}.data-table tr:hover td{background:var(--bg-surface-hover)}.data-table tr:last-child td{border-bottom:0}.data-table tfoot td{padding:10px 12px;background:var(--table-header-bg);border-top:2px solid var(--border-strong);color:var(--ink);font-weight:700;font-size:12px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px rgba(251,191,36,.15)}50%{box-shadow:0 0 24px rgba(251,191,36,.35)}}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.05)}50%{transform:translate(-10px,15px) scale(.98)}75%{transform:translate(15px,10px) scale(1.02)}}@keyframes spin-slow{to{transform:rotate(1turn)}}.login-shell{position:relative;overflow:hidden}.login-theme-toggle{position:fixed;top:18px;right:18px;z-index:10}.login-brand{position:relative;z-index:1}.login-brand:before{top:-120px;left:-80px;width:360px;height:360px;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 70%);animation:float-orb 12s ease-in-out infinite}.login-brand:after,.login-brand:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.login-brand:after{bottom:-60px;right:-40px;width:220px;height:220px;background:radial-gradient(circle,var(--brand-shadow-hover),transparent 70%);animation:float-orb 16s ease-in-out infinite reverse}.emp-sidebar{display:flex;flex-direction:column}.emp-sidebar .dash-nav a .icon{display:inline-flex!important;align-items:center;justify-content:center;width:22px;height:22px;font-size:14px;flex-shrink:0}.emp-sidebar .dash-nav a{transition:all .18s ease;position:relative}.emp-sidebar .dash-nav a:hover{background:hsla(0,0%,100%,.06);transform:translateX(2px)}.emp-sidebar .dash-nav a.active{background:hsla(0,0%,100%,.1);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.12),0 4px 12px var(--brand-shadow)}.emp-sidebar .dash-nav a.active:after{content:"";position:absolute;left:5px;top:9px;bottom:9px;width:2.5px;border-radius:2px;background:var(--accent-warm-gradient)}.emp-sidebar-footer{margin-top:auto;padding:12px 8px 8px;border-top:1px solid rgba(148,163,184,.12)}.emp-sidebar-user{display:flex;align-items:center;gap:8px}.emp-sidebar-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-warm-gradient);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0;box-shadow:0 4px 12px var(--brand-shadow)}.emp-sidebar-userinfo{display:grid;grid-gap:1px;gap:1px;min-width:0}.emp-sidebar-username{font-size:11px;font-weight:700;color:var(--sidebar-text)}.emp-sidebar-orgname,.emp-sidebar-username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-sidebar-orgname{font-size:10px;color:var(--muted-dim)}.emp-content>:not(.page-head){animation:fadeInUp .35s ease-out}.emp-loading{padding:64px;text-align:center;color:var(--muted-dim);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px}.emp-loading:before{content:"";width:32px;height:32px;border:3px solid var(--tab-bg);border-top-color:var(--accent-warm-2);border-radius:50%;animation:spin-slow .8s linear infinite}.emp-error{color:var(--error-fg);background:var(--badge-red-bg);border-radius:16px;border:1px solid rgba(239,68,68,.15)}.emp-empty,.emp-error{padding:64px;text-align:center;font-size:14px}.emp-empty{color:var(--muted-dim);background:var(--card);border-radius:16px;border:1px solid var(--border)}.emp-empty:before{content:"📭 ";font-size:28px;display:block;margin-bottom:8px}.emp-muted{color:var(--muted-dim);font-size:12px;margin:4px 0}.emp-skeleton{background:linear-gradient(90deg,var(--card) 25%,var(--bg-surface) 50%,var(--card) 75%);background-size:800px 100%;animation:shimmer 1.8s infinite;border-radius:10px;min-height:160px}.emp-message{padding:12px 16px;border-radius:12px;font-size:12px;margin-bottom:14px;display:flex;align-items:center;gap:8px;font-weight:600;animation:fadeInUp .3s ease-out}.emp-message-success{background:var(--badge-green-bg);color:var(--badge-green-fg);border:1px solid var(--badge-green-fg)}.emp-message-success:before{content:"✓";font-weight:800}.emp-message-error{background:var(--badge-red-bg);color:var(--badge-red-fg);border:1px solid var(--badge-red-fg)}.emp-message-error:before{content:"✕";font-weight:800}.emp-dashboard{display:grid;grid-gap:18px;gap:18px}.emp-dash-profile{display:grid;grid-template-columns:auto 1fr auto;grid-gap:20px;gap:20px;align-items:center;background:linear-gradient(135deg,#4a2a5e,#7c3a6e 50%,#ff8a8a);color:#fff;border-radius:var(--radius-xl);padding:24px 28px;box-shadow:0 16px 40px var(--brand-shadow-hover);position:relative;overflow:hidden}.emp-dash-profile:before{top:-40px;right:-40px;width:180px;height:180px;background:hsla(0,0%,100%,.04)}.emp-dash-profile:after,.emp-dash-profile:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.emp-dash-profile:after{bottom:-50px;left:-30px;width:140px;height:140px;background:hsla(0,0%,100%,.03)}.emp-dash-avatar{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#ffb487,#ff8a8a,#ff5c8a);color:#fff;display:grid;place-items:center;font-weight:800;font-size:28px;box-shadow:0 8px 24px hsla(0,100%,77%,.4)}.emp-dash-avatar,.emp-dash-profile-info{position:relative;z-index:1}.emp-dash-profile-info h3{margin:0 0 4px;font-size:22px;color:#fff;font-weight:800;letter-spacing:-.01em}.emp-dash-profile-info p{margin:0;font-size:13px;color:hsla(0,0%,100%,.75)}.emp-dash-profile-meta{display:grid;grid-gap:10px;gap:10px;text-align:right;position:relative;z-index:1}.emp-dash-profile-meta>div{display:grid;grid-gap:2px;gap:2px}.meta-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:hsla(0,0%,100%,.45)}.meta-value{font-size:13px;font-weight:600;color:hsla(0,0%,100%,.85)}.emp-dash-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.emp-dash-stat-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.emp-dash-stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.2)}.emp-stat-icon{font-size:24px;width:48px;height:48px;border-radius:var(--radius-lg);display:grid;place-items:center;background:var(--tab-bg);flex-shrink:0}.emp-dash-stat-card:first-child .emp-stat-icon{background:var(--tab-bg);color:var(--accent-warm-2)}.emp-dash-stat-card:nth-child(2) .emp-stat-icon{background:rgba(239,68,68,.1)}.emp-dash-stat-card:nth-child(3) .emp-stat-icon{background:rgba(34,197,94,.1)}.emp-dash-stat-card:nth-child(4) .emp-stat-icon{background:rgba(245,158,11,.1)}.emp-stat-info{display:grid;grid-gap:2px;gap:2px}.emp-stat-value{font-size:26px;font-weight:800;color:var(--ink-strong)}.emp-stat-label{font-size:10px;color:var(--muted-dim);text-transform:uppercase;letter-spacing:.08em}.emp-dash-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:14px;gap:14px}.emp-dash-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.emp-dash-card:hover{transform:translateY(-1px);box-shadow:0 12px 32px rgba(0,0,0,.18)}.emp-dash-card h4{margin:0 0 14px;font-size:14px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.emp-payslip-summary{display:grid;grid-gap:8px;gap:8px}.emp-payslip-month{font-size:14px;font-weight:700;color:var(--ink)}.emp-payslip-net{font-size:28px;font-weight:800;color:var(--success-fg);letter-spacing:-.02em}.emp-link{font-size:12px;color:var(--badge-blue-fg);margin-top:4px;display:inline-flex;align-items:center;gap:4px;transition:gap .2s ease}.emp-link:after{content:"→";transition:transform .2s ease}.emp-link:hover{text-decoration:none;gap:8px}.emp-link:hover:after{transform:translateX(2px)}.emp-notice-card{border-color:rgba(251,191,36,.3);background:linear-gradient(135deg,var(--card) 70%,rgba(245,158,11,.06));animation:pulse-glow 3s ease-in-out infinite}.emp-notice-info{display:grid;grid-gap:8px;gap:8px}.emp-notice-countdown{display:flex;align-items:baseline;gap:8px}.emp-notice-days{font-size:40px;font-weight:800;color:var(--badge-yellow-fg);letter-spacing:-.02em}.emp-notice-label{font-size:13px;color:var(--muted)}.emp-quick-links{display:grid;grid-gap:6px;gap:6px}.emp-quick-link{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);background:var(--tab-bg);border:1px solid var(--tab-border);color:var(--ink);font-size:12px;font-weight:600;transition:all .18s cubic-bezier(.4,0,.2,1)}.emp-quick-link:after{content:"›";margin-left:auto;font-size:16px;opacity:.5;transition:all .18s ease}.emp-quick-link:hover{background:var(--card-hover);border-color:var(--accent-warm-2);transform:translateX(3px)}.emp-quick-link:hover:after{opacity:1;transform:translateX(2px)}.emp-status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.emp-status-active{background:var(--badge-green-bg);color:var(--badge-green-fg);border:1px solid var(--badge-green-fg)}.emp-status-on-notice{background:var(--badge-yellow-bg);color:var(--badge-yellow-fg);border:1px solid var(--badge-yellow-fg)}.emp-status-resigned{background:var(--badge-red-bg);color:var(--badge-red-fg);border:1px solid var(--badge-red-fg)}.emp-status-cancelled{background:var(--badge-muted-bg);color:var(--badge-muted-fg);border:1px solid var(--badge-muted-fg)}.emp-profile{display:grid;grid-gap:18px;gap:18px}.emp-profile-actions{display:flex;gap:8px;justify-content:flex-end}.emp-profile-actions .button{border-radius:10px;font-weight:600;transition:all .2s ease}.emp-profile-actions .button:hover{transform:translateY(-1px)}.emp-profile-actions .btn-ghost{background:var(--tab-bg);color:var(--accent-warm-2);border:1px solid var(--tab-border);box-shadow:none}.emp-profile-actions .btn-ghost:hover{background:var(--card-hover);border-color:var(--accent-warm-2)}.emp-profile-section{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:var(--shadow);animation:fadeInUp .35s ease-out both}.emp-profile-section:nth-child(2){animation-delay:.05s}.emp-profile-section:nth-child(3){animation-delay:.1s}.emp-profile-section:nth-child(4){animation-delay:.15s}.emp-profile-section:nth-child(5){animation-delay:.2s}.emp-profile-section:nth-child(6){animation-delay:.25s}.emp-profile-section h3{margin:0 0 16px;font-size:12px;color:var(--badge-blue-fg);text-transform:uppercase;letter-spacing:.1em;font-weight:700;border-bottom:1px solid var(--table-border);padding-bottom:10px;display:flex;align-items:center;gap:8px}.emp-notice-section{border-color:rgba(245,158,11,.2)}.emp-field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:16px;gap:16px}.emp-field{display:grid;grid-gap:5px;gap:5px}.emp-field-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-dim);font-weight:600}.emp-field-value{font-size:13px;color:var(--ink);font-weight:500;padding:4px 0}.emp-field-input{font-size:13px;padding:8px 10px;background:var(--input-bg);border:1px solid var(--border-strong);color:var(--input-text);border-radius:10px;transition:border-color .2s,box-shadow .2s}.emp-field-input:focus{border-color:var(--accent-warm-2);box-shadow:0 0 0 3px var(--brand-shadow);outline:none}.emp-table-wrap{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.emp-table{width:100%;border-collapse:collapse;font-size:12px}.emp-table th{padding:14px 16px;text-align:left;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-dim);background:var(--table-header-bg)}.emp-table td,.emp-table th{border-bottom:1px solid var(--table-border)}.emp-table td{padding:12px 16px;color:var(--ink);vertical-align:middle;transition:background .15s}.emp-table tbody tr:nth-child(2n) td{background:var(--bg-surface)}.emp-table tr:hover td{background:var(--bg-surface-hover)}.emp-table tr:last-child td{border-bottom:0}.emp-cell-bold{font-weight:700;color:var(--ink-strong)}.emp-cell-deduction{color:var(--error-fg);font-weight:600}.emp-cell-net{font-weight:800;color:var(--success-fg);font-size:13px}.emp-row-past{opacity:.45}.emp-rejection-reason{font-size:10px;color:var(--error-fg);margin-top:3px;font-style:italic}.emp-leaves{display:grid;grid-gap:18px;gap:18px}.emp-leave-balances{display:grid;grid-gap:12px;gap:12px}.emp-leave-balances h3{margin:0;font-size:14px;color:var(--ink);font-weight:700}.emp-balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:12px;gap:12px}.emp-balance-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow);transition:transform .2s ease}.emp-balance-card:hover{transform:translateY(-2px)}.emp-balance-type{font-size:11px;font-weight:700;color:var(--badge-blue-fg);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;display:block}.emp-balance-numbers{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;text-align:center}.emp-balance-num{font-size:22px;font-weight:800;color:var(--ink-strong);display:block}.emp-balance-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-dim);display:block;margin-top:2px}.emp-leave-apply{display:flex;gap:8px}.emp-leave-apply .button{border-radius:var(--radius-md);font-weight:700;transition:all .2s ease;box-shadow:0 4px 14px var(--brand-shadow)}.emp-leave-apply .button:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--brand-shadow-hover)}.emp-leave-form{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px;display:grid;grid-gap:16px;gap:16px;animation:fadeInUp .3s ease-out}.emp-leave-form .input,.emp-leave-form select,.emp-leave-form textarea{background:var(--input-bg);border:1px solid var(--border-strong);color:var(--input-text);border-radius:10px;padding:8px 10px;transition:border-color .2s,box-shadow .2s}.emp-leave-form .input:focus,.emp-leave-form select:focus,.emp-leave-form textarea:focus{border-color:var(--accent-warm-2);box-shadow:0 0 0 3px var(--brand-shadow);outline:none}.emp-leave-requests h3{margin:0 0 12px;font-size:14px;color:var(--ink-strong);font-weight:700}.btn-sm{padding:5px 12px;font-size:11px;border-radius:8px;font-weight:600;transition:all .15s ease}.btn-sm:hover{opacity:.9}.emp-attendance{display:grid;grid-gap:18px;gap:18px}.emp-attendance-controls{display:flex;gap:12px;align-items:center}.emp-attendance-controls .input{background:var(--input-bg);border:1px solid var(--border-strong);color:var(--input-text);border-radius:10px;padding:8px 12px;transition:border-color .2s}.emp-attendance-controls .input:focus{border-color:var(--brand-2);outline:none}.emp-holidays{display:grid;grid-gap:18px;gap:18px}.emp-holidays .emp-attendance-controls .input{background:var(--input-bg);border:1px solid var(--border-strong);color:var(--input-text)}.emp-payslips{display:grid;grid-gap:18px;gap:18px}@media (max-width:1100px){.emp-dash-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.emp-dash-profile{grid-template-columns:1fr;text-align:center}.emp-dash-profile-meta{text-align:center}.emp-dash-avatar{margin:0 auto}.emp-dash-stats{grid-template-columns:1fr 1fr}.emp-balance-grid,.emp-dash-row,.emp-field-grid{grid-template-columns:1fr}}@media (max-width:720px){.emp-dash-stats{grid-template-columns:1fr}}:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}button:focus-visible{box-shadow:0 0 0 3px var(--brand-shadow);outline:none}option{background:var(--card);color:var(--ink)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(148,163,184,.2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.35)}.dash-main{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.docs-find{max-width:100%}.docs-find-row{display:grid;grid-gap:8px;gap:8px}.docs-find-group{display:grid;grid-gap:6px;gap:6px}.docs-find-group .row{display:flex;gap:8px;align-items:center}.docs-find-group .input{flex:1 1;max-width:360px}.docs-find-group .button{flex-shrink:0}.docs-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,.8fr);grid-gap:12px;gap:12px}.docs-main{display:grid;grid-gap:10px;gap:10px;align-content:start}.docs-tabs{display:flex;gap:6px;margin-top:4px}.docs-tab-card h3{font-size:13px;margin:0 0 6px}.docs-employee-card{display:flex;align-items:center;gap:12px;background:var(--bg-surface);border-radius:10px;padding:10px 12px;margin-top:8px;flex-wrap:wrap;border:1px solid var(--border)}.docs-emp-name{font-weight:700;font-size:13px;color:var(--ink-strong)}.docs-emp-meta{display:flex;gap:12px;font-size:11px;color:var(--muted)}.docs-quick{display:grid;grid-gap:10px;gap:10px;align-content:start}.docs-quick-card{display:grid;grid-gap:8px;gap:8px}.docs-quick-card .button{width:100%;justify-content:center}.docs-history{display:grid;grid-gap:6px;gap:6px;margin-top:8px}.docs-history-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--bg-surface);border-radius:8px;border:1px solid var(--border)}.docs-doc-group{display:grid;grid-gap:8px;gap:8px}.docs-group-title{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.docs-doc-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.docs-doc-card{background:var(--bg-surface);border-radius:10px;padding:10px 12px;display:grid;grid-gap:8px;gap:8px;border:1px solid var(--border)}.docs-doc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.docs-doc-title{font-weight:600;font-size:12px;color:var(--ink)}.docs-doc-actions{display:flex;gap:6px}.docs-preview{margin-top:10px}.docs-preview-frame{width:100%;height:400px;border:none;border-radius:8px}.docs-preview-image{max-width:100%;border-radius:8px}.settings-panel h2{font-size:16px;font-weight:700;color:var(--ink-strong);margin:0 0 8px;letter-spacing:-.01em}.settings-panel h3{font-size:13px;font-weight:700;color:var(--ink);margin:0 0 6px}.platform-card-value{font-size:20px;font-weight:800;color:var(--ink-strong);margin-top:4px}.platform-card-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.empty-state{display:grid;grid-gap:6px;gap:6px;padding:28px;text-align:center;background:var(--bg-surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted);font-size:12px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.empty-title{font-size:13px;font-weight:700;color:var(--ink)}.empty-sub{font-size:11px;color:var(--muted-dim)}.att-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px}.table tbody tr{transition:background .1s ease}.card{transition:box-shadow .15s ease}.grid>.card{display:grid;grid-gap:12px;gap:12px;align-content:start}.grid>.card h2{display:flex;align-items:center;gap:8px}@media (max-width:900px){.docs-doc-grid,.docs-layout{grid-template-columns:1fr}}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.breadcrumbs{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);margin-bottom:4px}.breadcrumb-link{color:var(--brand-2);text-decoration:none;font-weight:500;transition:color .15s}.breadcrumb-link:hover{color:var(--brand-2-hover);text-decoration:underline}.breadcrumb-sep{color:var(--muted-dim);margin:0 2px}.breadcrumb-current{color:var(--muted-dim);font-weight:500}.directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:14px;gap:14px}.directory-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;animation:fadeInUp .35s ease-out both}.directory-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.15)}.directory-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-warm-gradient);color:#fff;display:grid;place-items:center;font-weight:700;font-size:18px;flex-shrink:0}.directory-info{flex:1 1;min-width:0;display:grid;grid-gap:2px;gap:2px}.directory-name{font-size:14px;font-weight:700;color:var(--ink-strong)}.directory-meta{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-contact{display:flex;gap:8px;margin-top:6px}.directory-contact a{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--accent-warm-2);background:var(--tab-bg);padding:3px 8px;border-radius:var(--radius-sm);text-decoration:none;transition:background .15s}.directory-contact a:hover{background:var(--card-hover)}.onboarding-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:14px;gap:14px}.onboarding-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow);animation:fadeInUp .35s ease-out both}.onboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.onboard-name{font-size:14px;font-weight:700;color:var(--ink-strong)}.onboard-code{font-size:11px;color:var(--muted)}.onboard-progress{height:6px;background:var(--bg-surface);border-radius:999px;overflow:hidden;margin-bottom:12px}.onboard-progress-fill{height:100%;border-radius:999px;transition:width .3s ease}.onboard-percent{font-size:12px;font-weight:700;color:var(--accent-warm-2);margin-bottom:8px}.onboard-tasks{display:grid;grid-gap:6px;gap:6px}.onboard-task{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:background .15s}.onboard-task:hover{background:var(--bg-surface-hover)}.onboard-task.completed{color:var(--muted);text-decoration:line-through}.onboard-task input[type=checkbox]{accent-color:var(--accent-warm-2);width:16px;height:16px;cursor:pointer}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:14px;gap:14px}.report-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow);animation:fadeInUp .35s ease-out both}.report-card h3{margin:0 0 14px;font-size:14px;font-weight:700;color:var(--ink-strong)}.report-bar,.report-card h3{display:flex;align-items:center;gap:8px}.report-bar{margin-bottom:6px}.report-bar-label{font-size:12px;color:var(--ink);min-width:100px}.report-bar-track{flex:1 1;height:8px;background:var(--bg-surface);border-radius:999px;overflow:hidden}.report-bar-fill{height:100%;border-radius:999px;transition:width .3s ease}.report-bar-value{font-size:11px;font-weight:700;color:var(--muted);min-width:30px;text-align:right}.report-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:10px;gap:10px;margin-top:12px}.report-kpi{text-align:center}.report-kpi-value{font-size:24px;font-weight:800;color:var(--ink-strong)}.report-kpi-label{font-size:10px;color:var(--muted-dim);text-transform:uppercase;letter-spacing:.06em}.announcement-list{display:grid;grid-gap:12px;gap:12px}.announcement-item{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow);animation:fadeInUp .3s ease-out both;display:flex;gap:12px;align-items:flex-start}.announcement-item.pinned{border-left:3px solid var(--brand-2)}.announcement-icon{font-size:20px;flex-shrink:0;margin-top:2px}.announcement-body{flex:1 1;min-width:0}.announcement-title{font-size:14px;font-weight:700;color:var(--ink-strong);margin-bottom:4px}.announcement-text{font-size:12px;color:var(--muted);line-height:1.5}.announcement-meta{font-size:10px;color:var(--muted-dim);margin-top:6px;display:flex;gap:12px}.announcement-form{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;display:grid;grid-gap:12px;gap:12px;margin-bottom:16px}.ob-page{min-height:100vh;background:radial-gradient(at 18% 10%,rgba(255,168,134,.28) 0,transparent 40%),radial-gradient(at 85% 85%,rgba(255,92,138,.22) 0,transparent 45%),linear-gradient(135deg,#2a1a4a,#1f1530 35%,#14102a 70%,#0a0815);display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;font-family:Inter,system-ui,sans-serif}body:has(.ob-page){overflow:auto!important;height:auto!important}body:has(.ob-page) main{overflow:auto!important;height:auto!important}.ob-container{width:100%;max-width:780px}.ob-header{text-align:center;margin-bottom:28px}.ob-header h1{color:#fff;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 4px;text-shadow:0 2px 12px rgba(0,0,0,.3)}.ob-subtitle{color:hsla(0,0%,100%,.7);font-size:14px;margin:0}.ob-badge{display:inline-block;margin-top:10px;padding:5px 16px;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;color:#fff;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ob-correction-banner{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.4);border-radius:12px;padding:14px 18px;margin-bottom:20px;color:#fbbf24}.ob-correction-banner strong{display:block;margin-bottom:4px;font-size:13px}.ob-correction-banner p{margin:0;font-size:13px;line-height:1.6;color:hsla(0,0%,100%,.85)}.ob-steps{display:flex;gap:0;margin-bottom:24px;padding:0 8px;overflow-x:auto}.ob-step{flex:1 1;text-align:center;cursor:pointer;position:relative;min-width:90px}.ob-step-dot{width:32px;height:32px;border-radius:50%;background:hsla(0,0%,100%,.12);border:2px solid hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 6px;font-size:12px;font-weight:700;color:hsla(0,0%,100%,.5);transition:all .3s}.ob-step.active .ob-step-dot{background:linear-gradient(135deg,#ffb487,#ff5c8a);border-color:rgba(255,168,134,.6);color:#fff;box-shadow:0 0 20px hsla(0,100%,77%,.5);transform:scale(1.1)}.ob-step.done .ob-step-dot{background:#10b981;border-color:#34d399;color:#fff}.ob-step-label{font-size:10px;color:hsla(0,0%,100%,.45);font-weight:600;line-height:1.2}.ob-step.active .ob-step-label{color:hsla(0,0%,100%,.9)}.ob-step.done .ob-step-label{color:hsla(0,0%,100%,.7)}.ob-step:not(:last-child):after{content:"";position:absolute;top:15px;left:56%;right:-44%;height:2px;background:hsla(0,0%,100%,.12)}.ob-step.done:not(:last-child):after{background:#10b981}.ob-form-card{background:hsla(0,0%,100%,.97);border-radius:24px;padding:32px;box-shadow:0 24px 64px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.1)}.ob-form-card h2{font-size:20px;font-weight:700;color:#1a1f36;letter-spacing:-.02em;margin:0 0 20px}.ob-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.ob-field{display:flex;flex-direction:column;gap:5px;position:relative}.ob-field.full{grid-column:1/-1}.ob-field label{font-size:12px;font-weight:600;color:#4b5563}.ob-field input,.ob-field select{padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:13px;color:#1f2937;background:#fafbfc;transition:border-color .2s,box-shadow .2s;outline:none}.ob-field input:focus,.ob-field select:focus{border-color:#ff8a5b;box-shadow:0 0 0 3px rgba(255,138,91,.15);background:#fff}.ob-field input::placeholder{color:#9ca3af}.ob-hint{font-size:11px;color:#ef4444;margin-top:-2px}.ob-hint.ok{color:#10b981}.ob-nav{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #f3f4f6}.ob-nav-spacer{flex:1 1}.ob-saving{font-size:11px;color:#ff5c8a;font-weight:600}.ob-btn{padding:10px 24px;border-radius:10px;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),filter .2s ease}.ob-btn.primary{background:linear-gradient(135deg,#ff8a5b,#ff5c8a);color:#fff;box-shadow:0 6px 20px rgba(255,138,91,.35),inset 0 1px 0 hsla(0,0%,100%,.18)}.ob-btn.primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 10px 28px rgba(255,138,91,.5),inset 0 1px 0 hsla(0,0%,100%,.25)}.ob-btn.secondary{background:#f3f4f6;color:#4b5563}.ob-btn.secondary:hover{background:#e5e7eb}.ob-btn.submit{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:12px 32px;font-size:14px}.ob-btn.submit:hover{box-shadow:0 4px 16px rgba(16,185,129,.4);transform:translateY(-1px)}.ob-btn:disabled{opacity:.5;cursor:not-allowed}.ob-photo-upload{margin-top:4px}.ob-photo-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;border:2px dashed #d1d5db;border-radius:16px;cursor:pointer;text-align:center;color:#6b7280;transition:all .2s}.ob-photo-dropzone:hover{border-color:#ff8a5b;background:#fff5ef;color:#ff5c8a}.ob-photo-icon{font-size:40px;margin-bottom:8px}.ob-photo-preview{display:flex;align-items:center;gap:16px}.ob-photo-preview img{width:100px;height:120px;object-fit:cover;border-radius:12px;border:2px solid #e5e7eb}.ob-photo-preview button{font-size:11px;color:#ef4444;background:none;border:1px solid #fca5a5;padding:4px 12px;border-radius:8px;cursor:pointer}.ob-photo-done{width:100px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ecfdf5;color:#10b981;font-weight:700;font-size:13px}.ob-doc-upload-section{margin-top:4px}.ob-upload-btn{padding:8px 16px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;font-size:12px;cursor:pointer;color:#4b5563;transition:all .2s}.ob-upload-btn:hover{background:#e5e7eb;border-color:#ff8a5b}.ob-upload-btn.small{padding:4px 12px;font-size:11px}.ob-doc-list{display:grid;grid-gap:8px;gap:8px}.ob-doc-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fafbfc;border:1px solid #f3f4f6;border-radius:10px;font-size:13px;color:#374151}.ob-review{display:grid;grid-gap:16px;gap:16px}.ob-review-section{padding:16px;background:#fafbfc;border-radius:12px;border:1px solid #f3f4f6}.ob-review-section h4{font-size:13px;font-weight:700;color:#ff5c8a;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.ob-review-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;font-size:13px;color:#374151}.ob-review-grid strong{color:#6b7280;font-weight:600}.ob-review-section p{margin:0;font-size:13px;color:#374151}.ob-error-card,.ob-success-card{background:#fff;border-radius:24px;padding:48px 32px;text-align:center;box-shadow:0 24px 64px rgba(0,0,0,.3)}.ob-error-icon,.ob-success-icon{font-size:64px;margin-bottom:16px}.ob-error-card h2{color:#ef4444;font-size:24px;margin:0 0 8px}.ob-success-card h2{color:#10b981;font-size:24px;margin:0 0 8px}.ob-error-card p,.ob-success-card p{color:#374151;font-size:14px;margin:8px 0}.ob-muted{color:#9ca3af!important;font-size:12px!important}.ob-error-inline{background:#fef2f2;color:#ef4444;border:1px solid #fca5a5;border-radius:10px;padding:10px 16px;margin-bottom:16px;font-size:13px;font-weight:600}.ob-loading{text-align:center;padding:80px 0;color:hsla(0,0%,100%,.7);font-size:16px}@media (max-width:640px){.ob-grid{grid-template-columns:1fr}.ob-steps{gap:4px}.ob-step-label{font-size:9px}.ob-step-dot{width:26px;height:26px;font-size:10px}.ob-form-card{padding:20px;border-radius:18px}.ob-header h1{font-size:22px}.ob-review-grid{grid-template-columns:1fr}}.mobile-menu-toggle{display:none;position:fixed;bottom:20px;left:20px;z-index:100;width:48px;height:48px;border-radius:50%;background:var(--accent-warm-gradient);color:#fff;border:none;font-size:20px;cursor:pointer;box-shadow:0 4px 20px var(--brand-shadow-hover);transition:transform .2s ease,box-shadow .2s ease}.mobile-menu-toggle:hover{transform:scale(1.08);box-shadow:0 6px 24px var(--brand-shadow-hover)}.mobile-menu-toggle:active{transform:scale(.95)}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:89;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width:1100px){.emp-shell{grid-template-columns:200px 1fr}.emp-shell>.emp-sidebar{min-width:200px;max-width:200px;width:200px}.emp-sidebar .dash-logo{max-width:140px;height:56px}.emp-sidebar .dash-nav a{font-size:12px;padding:0 10px;height:34px}.app-shell-actions{flex-wrap:wrap;gap:6px}.tenant-select,.tenant-switch{max-width:180px;font-size:11px}.data-table td,.data-table th{padding:8px;font-size:11px}.data-table th{font-size:9px}.dash-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}}@media (max-width:900px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.emp-shell{grid-template-columns:1fr!important;height:auto;min-height:100vh}.emp-shell>.emp-sidebar{position:fixed;top:0;left:0;bottom:0;width:260px!important;min-width:260px!important;max-width:260px!important;z-index:90;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 30px rgba(0,0,0,.25)}.emp-shell.sidebar-open>.emp-sidebar{transform:translateX(0)}.emp-shell.sidebar-open .sidebar-overlay{display:block}.emp-content{overflow-x:hidden}.page-head.sticky-head{flex-direction:column;align-items:flex-start;gap:8px}.page-head-left{width:100%}.app-shell-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.page-title{font-size:16px}.page-header{flex-direction:column;align-items:flex-start!important;gap:8px}.page-header>div{flex-wrap:wrap}.grid{grid-template-columns:1fr!important}.card{border-radius:12px;padding:12px}.modal-card{max-width:95vw!important;margin:12px;max-height:90vh}.data-table{min-width:600px}.dash-card{padding:10px 12px}.dash-card .big{font-size:20px}.dash-card h4{font-size:9px}.attendance-row{grid-template-columns:1.5fr 1fr 1fr 1fr;font-size:11px}.month-row{grid-template-columns:1fr;gap:8px}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .input{max-width:100%}.attendance-filterbar{flex-direction:column;align-items:stretch}.filter-actions{margin-left:0}.directory-grid,.onboarding-grid,.reports-grid{grid-template-columns:1fr}}@media (max-width:600px){.page-pad{padding:8px}.page-pad-leftless{padding:0}.emp-content{padding:8px}.button{padding:6px 12px;font-size:11px}.button.secondary{padding:5px 10px}.page-header h1{font-size:16px}.attendance-tabs,.page-header>div{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.attendance-tabs::-webkit-scrollbar,.page-header>div::-webkit-scrollbar{display:none}.form-group{margin-bottom:8px}.form-group label{font-size:10px}.input,select,textarea{font-size:13px;padding:8px 10px}.data-table{min-width:540px;font-size:10px}.data-table td,.data-table th{padding:6px}.modal-backdrop{padding:0}.modal-card{max-width:100vw!important;width:100vw!important;max-height:100vh!important;height:100vh!important;border-radius:0!important;margin:0!important}.user-bubble{width:32px;height:32px;font-size:12px}.breadcrumbs{font-size:10px}.emp-shell>.emp-sidebar{width:80vw!important;min-width:80vw!important;max-width:80vw!important}.emp-dash-profile{padding:16px}.emp-dash-profile h3{font-size:18px}.emp-dash-avatar{width:48px;height:48px;font-size:20px}.emp-dash-stats{grid-template-columns:1fr 1fr;gap:8px}.emp-dash-stat-card{padding:12px}.emp-stat-value{font-size:20px}.emp-stat-icon{width:36px;height:36px;font-size:18px}.login-shell{padding:16px}}@media (max-width:900px){.hide-mobile{display:none!important}}@media (min-width:901px){.hide-desktop{display:none!important}}@media (hover:none) and (pointer:coarse){.emp-sidebar .dash-nav a{height:42px;font-size:13px}.button{min-height:36px}.data-table td{padding:10px 8px}.tab-btn{padding:8px 16px}}@media print{.app-shell-actions,.emp-sidebar,.mobile-menu-toggle,.page-header button,.sidebar-overlay,.toast{display:none!important}.emp-shell{grid-template-columns:1fr!important}.emp-content{padding:0}.card{box-shadow:none;border:1px solid #ddd}}