@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--fg:25 28 31;color:rgb(var(--fg));font-synthesis:none;text-rendering:optimizelegibility;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f9fd;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;color:rgb(var(--fg));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-style:normal}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #0058be}#root{min-height:100vh}.app-shell{color:#191c1f;background:#f7f9fd;min-height:100vh;display:flex}.login-page{color:#1e293b;background:linear-gradient(#e0f2fe,#f0f9ff 48%,#fff);flex-direction:column;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-page.transitioning{background:linear-gradient(#e0f2fe,#fef3c7 48%,#fcd34d)}:root[data-theme=dark] .login-page{color:#e8eef9;background:linear-gradient(#020617,#0f172a 48%,#020617)}.login-decor,.login-cloud{pointer-events:none;border-radius:999px;position:absolute}.login-decor{filter:blur(60px)}.login-decor-a{background:#bae6fd66;width:280px;height:280px;top:-80px;left:-20px}.login-decor-b{background:#bae6fd4d;width:220px;height:220px;top:56px;right:8%}.login-decor-c{background:#7dd3fc4d;width:320px;height:320px;bottom:48px;right:-48px}:root[data-theme=dark] .login-decor-a{background:#3341554d}:root[data-theme=dark] .login-decor-b{background:#33415540}:root[data-theme=dark] .login-decor-c{background:#07598533}.login-cloud{background:#ffffffb3}:root[data-theme=dark] .login-cloud{background:#ffffff1a}.login-cloud-a{width:132px;height:36px;top:140px;left:14%}.login-cloud-b{width:168px;height:42px;top:220px;right:22%}.login-topbar,.login-layout{z-index:1;position:relative}.login-topbar{justify-content:flex-start;align-items:center;gap:16px;display:flex}.login-brand-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9;border-radius:999px;align-items:center;gap:14px;padding:10px 16px 10px 10px;display:inline-flex;box-shadow:0 10px 35px -20px #1e40af73}:root[data-theme=dark] .login-brand-pill{background:#ffffff1a}.login-brand-mark{color:#0284c7;background:#ffffffe6;border:1px solid #ffffffb3;border-radius:18px;flex:none;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.login-brand-mark svg{width:18px;height:18px}.login-brand-pill strong,.login-brand-pill span{display:block}.login-brand-pill strong{font-size:14px;line-height:20px}.login-brand-pill span{color:#64748b;font-size:12px;line-height:16px}:root[data-theme=dark] .login-brand-pill span{color:#cbd5e1}.login-layout{flex:1;grid-template-columns:minmax(0,1.15fr) minmax(320px,30rem);align-items:center;gap:28px;padding:32px 0 8px;display:grid}.login-hero-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff9;border:1px solid #fff9;border-radius:2.75rem;flex-direction:column;justify-content:space-between;min-height:580px;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 60px -35px #194c8799}.login-hero-panel:before{content:"";pointer-events:none;background:linear-gradient(135deg,#bae6fd99,#ffffff4d,#e0f2feb3);position:absolute;inset:0}:root[data-theme=dark] .login-hero-panel{background:#0f172ab3;border-color:#ffffff1a;box-shadow:0 22px 60px -35px #0f172acc}:root[data-theme=dark] .login-hero-panel:before{background:linear-gradient(135deg,#0f172a99,#0f172a33,#1e293b66)}.login-hero-copy,.login-hero-metrics{z-index:1;position:relative}.login-hero-copy span{color:#0369a1;letter-spacing:1px;text-transform:uppercase;background:#ffffffb8;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.login-hero-copy h1{letter-spacing:-.04em;max-width:640px;margin:18px 0 12px;font-size:clamp(34px,4vw,56px);line-height:1.04}.login-hero-copy p{color:#475569;max-width:560px;margin:0;font-size:16px;line-height:26px}:root[data-theme=dark] .login-hero-copy p{color:#cbd5e1}.login-hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.login-hero-metrics article{background:#fff9;border:1px solid #fff6;border-radius:24px;padding:18px 20px}:root[data-theme=dark] .login-hero-metrics article{background:#0f172a94;border-color:#ffffff14}.login-hero-metrics strong,.login-hero-metrics span{display:block}.login-hero-metrics strong{margin-bottom:6px;font-size:16px;line-height:22px}.login-hero-metrics span{color:#64748b;font-size:13px;line-height:20px}:root[data-theme=dark] .login-hero-metrics span{color:#cbd5e1}.login-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffc;border:1px solid #fff9;border-radius:2.25rem;flex-direction:column;gap:20px;max-width:30rem;padding:32px;display:flex;box-shadow:0 25px 70px -32px #0f407a8c}:root[data-theme=dark] .login-card{background:#0f172acc;border-color:#ffffff1a}.login-card-head span{color:#0284c7;letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:700;line-height:18px}.login-card-head h2{letter-spacing:-.04em;margin:10px 0 8px;font-size:30px;line-height:36px}.login-card-head p{color:#64748b;margin:0;font-size:14px;line-height:22px}:root[data-theme=dark] .login-card-head p{color:#cbd5e1}.login-error-alert{color:#be123c;background:#fff1f2cc;border:1px solid #fda4af99;border-radius:18px;padding:12px 14px;font-size:13px;font-weight:600;line-height:20px}:root[data-theme=dark] .login-error-alert{color:#fecdd3;background:#f43f5e1a;border-color:#f43f5e66}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-field>span{color:#334155;font-size:12px;font-weight:700;line-height:18px}:root[data-theme=dark] .login-field>span{color:#e2e8f0}.login-input-shell{position:relative}.login-input-shell>svg:first-child{color:#94a3b8;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-input-shell input{color:#0f172a;width:100%;min-height:50px;font:inherit;background:#fff;border:1px solid #ffffffb3;border-radius:18px;outline:none;padding:0 16px 0 46px;font-size:14px}.login-input-shell input::placeholder{color:#94a3b8}.login-input-shell input:focus-visible{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}:root[data-theme=dark] .login-input-shell input{color:#f8fafc;background:#0f172a99;border-color:#ffffff1a}:root[data-theme=dark] .login-input-shell input::placeholder{color:#64748b}.login-input-shell.password input{padding-right:56px}.login-password-toggle{color:#0284c7;cursor:pointer;background:#e0f2feb3;border:0;border-radius:999px;justify-content:center;align-items:center;width:40px;display:inline-flex;position:absolute;top:4px;bottom:4px;right:8px}.login-password-toggle:hover{background:#bae6fdcc}:root[data-theme=dark] .login-password-toggle{color:#bae6fd;background:#33415566}.login-form-meta{justify-content:space-between;align-items:center;gap:16px;display:flex}.login-checkbox{color:#475569;align-items:center;gap:10px;font-size:13px;line-height:20px;display:inline-flex}.login-checkbox input{accent-color:#0ea5e9;border:1px solid #fff9;width:16px;height:16px;margin:0}:root[data-theme=dark] .login-checkbox{color:#cbd5e1}:root[data-theme=dark] .login-checkbox input{background:#0f172a99;border-color:#fff3}.login-form-meta a,.forgot-password-back{color:#0284c7;font-size:13px;font-weight:600;text-decoration:none}.login-form-meta a:hover,.forgot-password-back:hover{color:#0ea5e9}:root[data-theme=dark] .login-form-meta a,:root[data-theme=dark] .forgot-password-back{color:#7dd3fc}:root[data-theme=dark] .login-form-meta a:hover,:root[data-theme=dark] .forgot-password-back:hover{color:#bae6fd}.login-submit-button{color:#fff;width:100%;min-height:52px;font:inherit;cursor:pointer;background:linear-gradient(90deg,#38bdf8,#0ea5e9,#ebac34);border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:700;transition:transform .18s;display:inline-flex;box-shadow:0 20px 45px -25px #0f407cdb}.login-submit-button:hover:not(:disabled){transform:translateY(-2px)}.login-submit-button:disabled{cursor:not-allowed;opacity:.6}.login-info-box{background:#ffffffb3;border:1px solid #fff9;border-radius:20px;padding:16px 18px}:root[data-theme=dark] .login-info-box{background:#0f172a99;border-color:#ffffff1a}.login-info-box strong{margin-bottom:6px;font-size:13px;line-height:18px;display:block}.login-info-box p{color:#475569;margin:0;font-size:13px;line-height:20px}:root[data-theme=dark] .login-info-box p{color:#cbd5e1}.login-transition-page{color:#92400e;background:linear-gradient(135deg,#e0f2fe,#fffbeb,#fef3c7);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}:root[data-theme=dark] .login-transition-page{color:#fef2c8;background:linear-gradient(135deg,#020617,#0f172a,#020617)}.login-transition-page.enhanced{opacity:1}.login-transition-decor{filter:blur(70px);pointer-events:none;border-radius:999px;animation:8s ease-in-out infinite drift;position:absolute}.login-transition-decor-a{background:#bae6fd73;width:260px;height:260px;top:-60px;left:-40px}.login-transition-decor-b{background:#fef3c773;width:260px;height:260px;top:6%;right:8%}.login-transition-decor-c{background:linear-gradient(135deg,#fde68a73,#ffe08a66,#0000);width:320px;height:320px;bottom:4%;right:6%}.login-transition-decor-d{background:#e0f2fe59;width:240px;height:240px;bottom:10%;left:8%}:root[data-theme=dark] .login-transition-decor-a{background:#3341554d}:root[data-theme=dark] .login-transition-decor-b{background:#f59e0b40}:root[data-theme=dark] .login-transition-decor-c{background:linear-gradient(135deg,#c9980b4d,#c9980b40,#0000)}:root[data-theme=dark] .login-transition-decor-d{background:#1e293b40}.login-transition-shell{z-index:1;opacity:0;position:relative}.login-transition-main{z-index:10;text-align:center;color:#b45309;flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}:root[data-theme=dark] .login-transition-main{color:#ffe08a}.login-transition-wordmark{place-items:center;display:inline-grid;position:relative}.login-transition-wordmark .base,.login-transition-wordmark .fill{letter-spacing:.9rem;text-transform:uppercase;grid-area:1/1;font-size:clamp(2.75rem,7vw,6rem);font-weight:600;line-height:1}.login-transition-wordmark .base{color:#d977068c}:root[data-theme=dark] .login-transition-wordmark .base{color:#d4af3799}.login-transition-wordmark .fill{white-space:nowrap;color:#d977068c;width:0%;overflow:hidden}.login-transition-main p{color:#d97706;letter-spacing:.4rem;text-transform:uppercase;margin:0;font-size:12px;font-weight:600;line-height:16px}:root[data-theme=dark] .login-transition-main p{color:#fef2c8cc}.login-transition-card{text-align:center;background:#fffc;border:1px solid #fff9;border-radius:28px;flex-direction:column;align-items:center;gap:14px;width:min(460px,100%);padding:36px 32px;display:flex;box-shadow:0 20px 60px -30px #0f407a66}:root[data-theme=dark] .login-transition-card{background:#0f172acc;border-color:#ffffff1a}@keyframes login-spin{to{transform:rotate(360deg)}}@keyframes drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(16px,-20px)scale(1.04)}}.main-shell{flex-direction:column;flex:1;min-width:0;padding-left:18rem;display:flex}.sidebar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#000;box-sizing:border-box;background:linear-gradient(#ebac34,#ebac34f2,#d4af37);border-right:1px solid #ebac3466;flex-direction:column;justify-content:space-between;gap:1.5rem;width:18rem;height:100%;padding:1.25rem .75rem;transition:color .7s,background-color .7s,border-color .7s;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden;box-shadow:0 28px 60px -34px #92400e8c}.sidebar>div:first-child{flex-direction:column;flex:1;min-height:0;display:flex}.brand{color:#000;align-items:center;gap:12px;min-height:68px;padding:0 8px 24px;display:flex}.brand-icon{color:#000;background:#ffffff26;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.brand h1{color:#000;max-width:190px;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:700;line-height:1.3}.brand p{color:#000c;letter-spacing:1px;text-transform:uppercase;margin:4px 0 0;font-size:10px;font-weight:700}.side-nav{scrollbar-width:thin;scrollbar-color:#00000059 transparent;flex-direction:column;gap:6px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.side-nav::-webkit-scrollbar{width:6px}.side-nav::-webkit-scrollbar-track{background:0 0}.side-nav::-webkit-scrollbar-thumb{background:#00000047;border-radius:999px}.side-nav::-webkit-scrollbar-thumb:hover{background:#0000006b}.side-menu-group{flex-direction:column;gap:4px;display:flex}.side-link{color:#000c;width:100%;min-height:48px;font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .18s,color .18s,transform .18s;display:flex}.side-link>span:last-of-type{flex:1}.side-icon{color:#000;background:#ffffff26;border-radius:12px;flex:none;place-items:center;width:32px;height:32px;transition:background-color .18s,color .18s,box-shadow .18s;display:grid;position:relative}.side-chevron{color:#000000a6;flex:none;width:12px;transition:transform .18s}.side-chevron.open{transform:rotate(180deg)}.side-link:hover,.side-link.active{color:#fff;background:#ffffff1a;border-color:#fff6}.side-link:hover{transform:translateY(-2px)}.side-link.active{color:#000;background:#fff3;border-color:#fff9;box-shadow:inset 0 2px 4px #0000000f}.side-link.active .side-icon{color:#d4af37;background:#fff;box-shadow:inset 0 2px 4px #0000000f}.side-subnav{flex-direction:column;gap:2px;padding:4px 0 4px 56px;display:flex}.side-sub-link{color:#000000b8;border-radius:8px;align-items:center;min-height:32px;font-size:12px;font-weight:600;line-height:16px;text-decoration:none;transition:color .18s,transform .18s;display:flex;position:relative}.side-sub-link:before{content:"";background:#00000047;border-radius:999px;width:6px;height:6px;position:absolute;left:-18px}.side-sub-link:hover,.side-sub-link.active{color:#000}.side-sub-link.disabled{cursor:not-allowed;opacity:.55}.side-sub-link.active:before{background:#fff}.side-sub-link:not(.disabled):hover{transform:translateY(-1px)}.sidebar-user-shell{gap:10px;display:grid}.sidebar-user{color:#000;background:#ffffff26;border:1px solid #ffffff59;border-radius:12px;align-items:flex-start;gap:12px;min-height:74px;padding:16px;display:flex}.sidebar-user strong,.profile-mini strong{font-size:12px;line-height:16px;display:block}.sidebar-user span,.profile-mini span{color:#000000b3;font-size:10px;line-height:15px;display:block}.sidebar-user-error{color:#7f1d1d;background:#b91c1c1f;border-radius:10px;padding:10px 12px;font-size:11px;line-height:16px}.sidebar-logout-button{color:#614200;cursor:pointer;background:#ffffff94;border:1px solid #6142002e;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 14px;font-size:12px;font-weight:700;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.sidebar-logout-button:hover:not(:disabled){background:#ffffffc7;border-color:#6142004d;transform:translateY(-1px)}.sidebar-logout-button:disabled{opacity:.65;cursor:wait}.top-navbar{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#ffffffd9;justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding:0 32px;display:flex;position:sticky;top:0}.warehouse-switcher-shell{position:relative}.warehouse-switcher{color:#7e5700;min-width:248px;min-height:36px;font:inherit;cursor:pointer;background:#f2f4f8;border:0;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;display:inline-flex}.warehouse-switcher-copy{text-align:left;flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.warehouse-switcher-copy strong{color:#7e5700;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;line-height:18px;overflow:hidden}.warehouse-switcher-copy small{color:#827562;font-size:10px;font-weight:600;line-height:14px}.warehouse-switcher-menu{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overscroll-behavior:contain;background:#fffffff5;border:1px solid #d4c4af4d;border-radius:10px;flex-direction:column;gap:6px;min-width:280px;max-height:min(360px,100vh - 120px);padding:10px;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 20px 40px -28px #00000047}.warehouse-switcher-option{color:#191c1f;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.warehouse-switcher-option:hover,.warehouse-switcher-option.active{background:#f8f1df}.warehouse-switcher-option span{flex-direction:column;flex:1;min-width:0;display:flex}.warehouse-switcher-option strong{color:#191c1f;font-size:13px;line-height:18px}.warehouse-switcher-option small{color:#827562;font-size:11px;line-height:16px}.warehouse-switcher-option svg{color:#7e5700}.nav-inline-icon{color:currentColor;flex:none;place-items:center;width:20px;height:20px;display:inline-grid}.nav-inline-icon.muted{color:#94a3b8}.chevron-icon{color:#827562;width:10px}.navbar-actions,.quick-info,.profile-mini{align-items:center;display:flex}.navbar-actions{gap:16px}.quick-info{color:#64748b;gap:16px;font-size:13px;font-weight:600}.quick-info span{align-items:center;gap:6px;display:inline-flex}.navbar-divider{background:#d4c4af4d;width:1px;height:32px}.profile-mini{text-align:right;gap:8px}.profile-mini span{color:#504535}.avatar-initial{color:#614200;background:#ebac34;border-radius:8px;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid}.content-area{box-sizing:border-box;flex:1;padding:32px}.dashboard-page{flex-direction:column;gap:32px;display:flex}.page-title-block{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.page-title-block h2{color:#191c1f;letter-spacing:0;margin:0;font-size:28px;font-weight:700;line-height:36px}.page-title-block p{color:#504535;margin:4px 0 0;font-size:14px;line-height:20px}.dashboard-scope-note{color:#827562;margin-top:6px;font-size:12px;line-height:18px;display:block}.summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid}.summary-card{box-sizing:border-box;background:#fff;border-radius:8px;flex-direction:column;justify-content:space-between;gap:26px;min-width:0;min-height:170px;padding:24px 20px 22px;display:flex;box-shadow:0 1px 2px #0000000d}.summary-top{justify-content:space-between;align-items:flex-start;gap:8px;min-height:36px;display:flex}.icon-badge{border-radius:8px;flex:none;place-items:center;display:grid}.icon-badge.sm{width:32px;height:32px}.icon-badge.md{width:38px;height:38px}.icon-badge.lg{width:42px;height:42px}.summary-icon{border-radius:8px;place-items:center;min-width:42px;height:42px;display:grid}.summary-icon.blue,.icon-badge.blue{color:#2563eb;background:#eff6ff}.summary-icon.amber,.icon-badge.amber{color:#d97706;background:#fffbeb}.summary-icon.violet,.icon-badge.violet{color:#9333ea;background:#faf5ff}.summary-icon.green,.icon-badge.green{color:#16a34a;background:#f0fdf4}.summary-icon.red,.icon-badge.red{color:#dc2626;background:#fef2f2}.summary-icon.emerald,.icon-badge.emerald{color:#059669;background:#ecfdf5}.trend-pill{color:#16a34a;background:#f0fdf4;border-radius:8px;justify-content:center;min-width:38px;padding:2px 8px;font-size:10px;font-weight:700;line-height:15px;display:inline-flex}.trend-pill.down{color:#dc2626;background:#fef2f2}.trend-pill.stable{color:#64748b;background:#f2f4f8}.dashboard-alert{color:#991b1b;background:#fef2f2;border:1px solid #ba1a1a2e;border-radius:8px;padding:12px 16px;font-size:13px;font-weight:700}.summary-card-placeholder{color:#827562;grid-column:1/-1;justify-content:center;min-height:120px;font-size:14px;font-weight:700}.summary-copy{flex-direction:column;justify-content:flex-end;gap:8px;min-height:72px;display:flex}.summary-card p{color:#504535;letter-spacing:.55px;text-transform:uppercase;min-height:32px;margin:0;font-size:11px;font-weight:600;line-height:16px}.summary-card strong{overflow-wrap:normal;color:#191c1f;white-space:nowrap;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:22px;font-weight:700;line-height:30px;display:block}.analysis-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.95fr);gap:32px;display:grid}.chart-panel,.branch-panel{background:#fff;border-radius:8px;box-shadow:0 12px 40px #0f172a0a}.chart-panel{box-sizing:border-box;border:1px solid #d4c4af1a;min-height:498px;padding:32px}.branch-panel{box-sizing:border-box;min-height:460px;padding:32px}.panel-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.panel-header h2{color:#191c1f;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:700;line-height:28px}.panel-header p{color:#827562;margin-top:4px;font-size:14px}.panel-header.compact{align-items:flex-start}.panel-header.compact h2{max-width:120px}.panel-header a{color:#0058be;text-align:right;font-size:12px;font-weight:700;line-height:16px;text-decoration:none}.chart-legend{color:#827562;text-transform:uppercase;gap:16px;font-size:12px;font-weight:700;display:flex}.chart-legend span{align-items:center;gap:8px;display:inline-flex}.legend-dot{border-radius:999px;width:12px;height:12px}.legend-dot.masuk{background:#0058be}.legend-dot.keluar{background:#ba1a1a}.flow-chart{border-bottom:1px solid #d4c4af33;grid-template-columns:repeat(6,1fr);align-items:end;gap:12px;min-height:326px;padding-top:92px;display:grid}.flow-column{flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.flow-tooltip{z-index:3;color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#191c1f;border-radius:8px;flex-direction:column;gap:3px;min-width:132px;padding:10px 12px;font-size:11px;line-height:16px;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:calc(100% - 6px);left:50%;transform:translate(-50%,8px)}.flow-tooltip:after{content:"";background:#191c1f;width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.flow-tooltip strong{font-size:12px;line-height:18px}.flow-column:hover .flow-tooltip,.flow-column:focus-within .flow-tooltip{opacity:1;transform:translate(-50%)}.bar-group{align-items:end;gap:4px;height:160px;display:flex}.bar{border-radius:999px 999px 0 0;width:10px}.bar.masuk{background:#0058be}.bar.keluar{background:#ba1a1a5c}.flow-column>span{color:#827562;text-transform:uppercase;font-size:10px;font-weight:700}.branch-list{flex-direction:column;gap:32px;margin-top:32px;display:flex}.branch-row{flex-direction:column;gap:8px;display:flex}.branch-row>div:first-child{color:#191c1f;justify-content:space-between;gap:16px;font-size:14px;font-weight:700;display:flex}.branch-row span{color:#7e5700;font-weight:700}.branch-row span.danger{color:#ba1a1a}.progress-track{background:#f2f4f8;border-radius:8px;height:8px;overflow:hidden}.progress{background:linear-gradient(90deg,#ebac34 0%,#7e5700 100%);border-radius:8px 0 0 8px;height:100%;display:block}.progress.danger{background:#ba1a1a}.app-footer{box-sizing:border-box;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:32px;min-height:109px;padding:30px 32px;display:flex}.app-footer strong{color:#64748b;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:24px;display:block}.app-footer span{color:#94a3b8;margin-top:4px;font-size:12px;line-height:16px;display:block}.footer-socials{border-left:1px solid #f1f5f9;align-items:center;gap:16px;padding-left:32px;display:flex}.footer-socials a{color:#ebac34;background:#f2f4f8;border-radius:8px;place-items:center;width:36px;height:36px;transition:background-color .18s,color .18s,transform .18s;display:grid}.footer-socials a:hover{color:#fff;background:#ebac34;transform:translateY(-2px)}.employee-page{flex-direction:column;gap:32px;display:flex}.employee-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.employee-header h2{color:#191c1f;letter-spacing:0;margin:0;font-size:28px;font-weight:700;line-height:36px}.employee-header p{color:#504535;margin:4px 0 0;font-size:14px;line-height:20px}.employee-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.download-button{color:#fefcff;min-height:44px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px 24px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.download-button:disabled{cursor:not-allowed;opacity:.7}.employee-export-feedback{color:#7e5700;background:#ebac341a;border-radius:8px;padding:12px 16px;font-size:13px;font-weight:600;line-height:20px}.employee-add-button{color:#281900;min-height:44px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px 24px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 10px 15px -3px #ebac3433,0 4px 6px -4px #ebac3433}.employee-modal-overlay{z-index:1000;background:#0f172a94;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.employee-modal-card{background:#fff;border-radius:8px;flex-direction:column;width:min(672px,100%);max-height:calc(100vh - 64px);display:flex;overflow:hidden;box-shadow:0 0 0 1px #0000000d,0 25px 50px -12px #00000040}.employee-modal-header{border-bottom:1px solid #d4c4af4d;padding:32px 32px 24px}.employee-modal-header h3{color:#191c1f;letter-spacing:0;margin:0;font-size:24px;font-weight:700;line-height:32px}.employee-modal-header p{color:#504535;margin:4px 0 0;font-size:14px;line-height:20px}.employee-modal-form{flex-direction:column;flex:1;min-height:0;display:flex}.employee-modal-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px;min-height:0;padding:32px;display:grid;overflow-y:auto}.employee-modal-field{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.employee-modal-field.full{grid-column:1/-1}.employee-modal-active-warehouse{background:#ebac341a;border-radius:4px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.employee-modal-active-warehouse span{color:#7e5700;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.employee-modal-active-warehouse strong{color:#191c1f;font-size:14px;line-height:20px}.employee-modal-field>span:first-child,.employee-modal-field legend{color:#504535;letter-spacing:1.1px;text-transform:uppercase;font-size:11px;font-weight:600;line-height:16px}.employee-modal-field input,.employee-modal-field select{color:#191c1f;width:100%;height:44px;font:inherit;background:#f2f4f8;border:0;border-radius:4px;outline:0;font-size:14px}.employee-modal-field input{padding:0 16px}.employee-modal-field input::placeholder{color:#50453566}.employee-modal-field select{appearance:none;cursor:pointer;padding:0 42px 0 16px}.employee-modal-field input:read-only{color:#475569}.employee-modal-field input:disabled,.employee-modal-field select:disabled{cursor:not-allowed;opacity:.7}.employee-modal-input-wrap,.employee-modal-select{align-items:center;display:flex;position:relative}.employee-modal-input-wrap input,.employee-modal-select select{flex:1;min-width:0}.employee-modal-password input{padding-right:48px}.employee-modal-password svg,.employee-modal-select svg{color:#50453599;pointer-events:none;position:absolute;right:16px}.employee-modal-gender{padding-bottom:0}.employee-modal-radio-group{align-items:center;gap:24px;min-height:44px;display:flex}.employee-modal-radio-group label{color:#191c1f;align-items:center;gap:8px;font-size:14px;line-height:20px;display:inline-flex}.employee-modal-radio-group input{accent-color:#ebac34;width:16px;height:16px}.employee-modal-feedback{color:#ba1a1a;background:#ba1a1a14;border-radius:4px;grid-column:1/-1;margin:0;padding:12px 14px;font-size:13px;line-height:20px}.employee-modal-footer{background:#f2f4f880;justify-content:flex-end;gap:12px;padding:24px 32px;display:flex}.employee-modal-secondary,.employee-modal-primary{min-width:96px;height:42px;font:inherit;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.employee-modal-secondary{color:#504535;background:0 0;border:1px solid #d4c4af}.employee-modal-primary{color:#281900;background:#ebac34;border:0;box-shadow:0 10px 15px -3px #ebac3433,0 4px 6px -4px #ebac3433}.employee-modal-primary:disabled{cursor:not-allowed;opacity:.7}.employee-stat-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:24px;display:grid}.employee-stat-card{background:#fff;border-radius:8px;flex-direction:column;justify-content:center;gap:8px;min-width:0;min-height:118px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.employee-stat-card.featured{border-left:4px solid #f59e0b}.employee-stat-card>span{color:#64748b;letter-spacing:.5px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:600;line-height:15px;overflow:hidden}.employee-stat-card div{align-items:baseline;gap:10px;display:flex}.employee-stat-card strong{color:#0f172a;letter-spacing:0;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:36px}.employee-stat-card em{color:#059669;align-items:center;gap:4px;font-size:12px;font-style:normal;font-weight:600;line-height:16px;display:inline-flex}.employee-filter-panel{background:#f2f4f8;border-radius:8px;align-items:center;gap:16px;padding:24px;display:flex}.search-field,.select-field{background:#fff;border-radius:8px;align-items:center;min-height:44px;display:flex;box-shadow:0 1px 2px #0000000d}.search-field{color:#94a3b8;flex:1;gap:16px;min-width:220px;padding:0 16px 0 24px}.search-field input{color:#0f172a;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.search-field input::placeholder{color:#6b7280}.select-field{color:#94a3b8;width:160px;position:relative}.role-select-field{width:176px}.select-field select{appearance:none;color:#475569;width:100%;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;outline:0;padding:0 42px 0 16px;font-size:14px}.select-field svg{pointer-events:none;position:absolute;right:16px}.filter-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:8px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 1px 2px #0000000d}.employee-table-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.employee-table-wrap{overflow-x:auto}.employee-table{border-collapse:collapse;text-align:left;width:100%;min-width:860px}.employee-table thead{background:#f8fafc}.employee-table th{color:#64748b;letter-spacing:.6px;text-transform:uppercase;border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:10px;font-weight:700;line-height:12px}.employee-table td{color:#475569;vertical-align:middle;border-top:1px solid #f8fafc;height:72px;padding:16px 24px;font-size:14px;font-weight:400;line-height:20px}.employee-clickable-row{cursor:pointer}.employee-clickable-row:hover td,.employee-clickable-row:focus td{background:#ebac340f}.employee-clickable-row:focus{outline-offset:-2px;outline:2px solid #ebac3473}.employee-table tbody tr:first-child td{border-top:0}.employee-table td:first-child,.employee-table th:first-child{padding-left:48px}.employee-table td strong{color:#0f172a;max-width:150px;font-weight:600;display:block}.employee-table .mono{letter-spacing:.2px;font-variant-numeric:tabular-nums;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.employee-id{color:#94a3b8;margin-top:4px;font-size:11px;font-weight:600;line-height:16px;display:block}.employee-empty{color:#827562;text-align:center;height:112px;font-weight:600}.status-pill{text-transform:uppercase;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;min-height:24px;padding:4px 10px;font-size:10px;font-weight:600;line-height:12px;display:inline-flex}.status-pill.active{color:#047857;background:#d1fae5}.status-pill.inactive{color:#b45309;background:#fec7c7}.status-pill.probation{color:#a16207;background:#fffbeb}.employee-pagination{border-top:1px solid #f8fafc;justify-content:space-between;align-items:center;gap:24px;min-height:81px;padding:24px 32px;display:flex}.employee-pagination p{color:#64748b;margin:0;font-size:12px;font-weight:500;line-height:16px}.employee-pagination nav{align-items:center;gap:4px;display:flex}.employee-pagination button{color:#475569;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:600;display:grid}.employee-pagination button:disabled{cursor:not-allowed;opacity:.42}.employee-pagination button.page-arrow{color:#94a3b8;border:1px solid #e2e8f0}.employee-pagination button.active{color:#614200;background:#ebac34;box-shadow:0 1px 2px #0000000d}.employee-pagination span{color:#94a3b8;padding:0 4px;font-size:16px}.employee-page-item{align-items:center;gap:4px;padding:0;display:inline-flex}.employee-detail-page{flex-direction:column;gap:40px;display:flex}.employee-detail-header{justify-content:space-between;align-items:center;gap:32px;display:flex}.employee-detail-header h2{color:#191c1f;letter-spacing:0;margin:0;font-size:30px;font-weight:800;line-height:36px}.employee-detail-header p{color:#504535;margin:4px 0 0;font-size:14px;line-height:20px}.employee-detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.employee-detail-actions button,.employee-detail-footer button{min-height:42px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #0000000d}.employee-detail-danger{color:#ba1a1a;background:#fff;border:1px solid #ba1a1a}.employee-detail-warning{color:#614200;background:#fff;border:1px solid #ebac34}.employee-detail-primary{color:#281900;background:#ebac34;border:0}.employee-detail-layout{grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);align-items:start;gap:40px;display:grid}.employee-detail-left,.employee-detail-right{flex-direction:column;gap:32px;min-width:0;display:flex}.employee-detail-profile-card,.employee-detail-mini-card,.employee-detail-stat-card,.employee-detail-wide-card,.employee-detail-small-card,.employee-detail-leave-card,.employee-detail-activity-card{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d}.employee-detail-profile-card{flex-direction:column;gap:32px;padding:32px;display:flex}.employee-detail-card-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.employee-detail-card-header button{color:#7e5700;font:inherit;cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:700}.employee-detail-section-title{align-items:center;gap:12px;min-width:0;display:flex}.employee-detail-section-title>span{background:#7e5700;border-radius:12px;width:6px;height:24px}.employee-detail-section-title.blue>span{background:#0058be}.employee-detail-section-title h3{color:#191c1f;letter-spacing:0;margin:0;font-size:20px;font-weight:700;line-height:28px}.employee-detail-profile-main{border-bottom:1px solid #f2f4f8;grid-template-columns:128px minmax(0,1fr);gap:32px;padding-bottom:32px;display:grid}.employee-detail-profile-main img{object-fit:cover;border-radius:8px;width:128px;height:128px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.employee-detail-profile-grid,.employee-detail-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px;min-width:0;display:grid}.employee-detail-info-grid{border-bottom:1px solid #f2f4f8;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:32px}.employee-detail-field{flex-direction:column;gap:4px;min-width:0;display:flex}.employee-detail-field span,.employee-detail-address span{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:800;line-height:15px}.employee-detail-field strong{color:#191c1f;overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:20px}.employee-detail-field em{color:#0058be;text-transform:uppercase;background:#0058be1a;border-radius:6px;width:fit-content;padding:4px 8px;font-size:10px;font-style:normal;font-weight:900;line-height:15px}.employee-detail-address{flex-direction:column;gap:7px;display:flex}.employee-detail-address p{color:#191c1fcc;margin:0;font-size:14px;font-weight:500;line-height:23px}.employee-detail-bank{background:#f2f4f8;border:1px solid #d4c4af33;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:24px;display:grid}.employee-detail-bank .employee-detail-field:first-child strong{color:#7e5700}.employee-detail-history-grid,.employee-detail-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.employee-detail-stat-grid{gap:20px}.employee-detail-mini-card{flex-direction:column;gap:16px;padding:24px;display:flex}.employee-detail-mini-card h3{color:#191c1f;letter-spacing:1.4px;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:900;line-height:20px;display:flex}.employee-detail-mini-card h3 svg{color:#7e5700}.employee-detail-mini-card:nth-child(2) h3 svg{color:#ba1a1a}.employee-detail-timeline{flex-direction:column;gap:16px;display:flex}.employee-detail-timeline div{border-left:2px solid #ebac344d;flex-direction:column;gap:2px;padding:0 0 16px 24px;display:flex;position:relative}.employee-detail-timeline div:before{content:"";background:#ebac34;border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:-7px}.employee-detail-timeline div.active:before{background:#7e5700}.employee-detail-timeline strong,.employee-detail-case strong{color:#191c1f;font-size:12px;font-weight:700;line-height:16px}.employee-detail-timeline span,.employee-detail-case span{color:#504535;font-size:10px;line-height:15px}.employee-detail-case{border-radius:4px;flex-direction:column;gap:4px;padding:12px;display:flex}.employee-detail-case.danger{background:#ba1a1a0d;border-left:4px solid #ba1a1a}.employee-detail-case.danger strong{color:#ba1a1a}.employee-detail-case.muted{background:#f2f4f8;border-left:4px solid #d4c4af}.employee-detail-case.muted strong{font-style:italic}.employee-detail-stat-card{flex-direction:column;justify-content:center;gap:12px;min-height:140px;padding:24px;display:flex}.employee-detail-stat-card svg.gold{color:#7e5700}.employee-detail-stat-card svg.blue{color:#0058be}.employee-detail-stat-card>span,.employee-detail-wide-card>span,.employee-detail-small-card>span{color:#504535;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.employee-detail-stat-card strong,.employee-detail-wide-card strong,.employee-detail-small-card strong{color:#191c1f;font-size:28px;font-weight:800;line-height:32px}.employee-detail-stat-card small,.employee-detail-wide-card small,.employee-detail-small-card small{color:#504535;font-size:14px;font-weight:500}.employee-detail-wide-card{flex-direction:column;gap:12px;padding:24px;display:flex}.employee-detail-card-topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.employee-detail-card-topline svg{color:#ba1a1a}.employee-detail-card-topline span{color:#ba1a1a;text-transform:uppercase;background:#ba1a1a1a;border-radius:2px;padding:2px 8px;font-size:10px;font-weight:900;line-height:15px}.employee-detail-progress{background:#f2f4f8;border-radius:12px;width:100%;height:6px;overflow:hidden}.employee-detail-progress span{height:100%;display:block}.employee-detail-progress.danger span{background:#ba1a1a}.employee-detail-progress.gold span{background:#7e5700}.employee-detail-progress.blue span{background:#0058be}.employee-detail-small-card{flex-direction:column;gap:6px;min-height:128px;padding:20px;display:flex}.employee-detail-small-card.highlighted{border-top:2px solid #ebac34}.employee-detail-small-card p{color:#504535;margin:0;font-size:12px;line-height:20px}.employee-detail-small-card.highlighted p{color:#16a34a;font-weight:700}.employee-detail-leave-card{background:linear-gradient(135deg,#fff 0%,#f2f4f8 100%);flex-direction:column;gap:18px;padding:24px;display:flex}.employee-detail-leave-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.employee-detail-leave-title h3,.employee-detail-activity-card h3{color:#191c1f;letter-spacing:1.2px;text-transform:uppercase;margin:0;font-size:12px;font-weight:900;line-height:18px}.employee-detail-leave-title span{color:#504535;border:2px solid #504535;border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;font-weight:900;display:grid}.employee-detail-leave-row{flex-direction:column;gap:8px;display:flex}.employee-detail-leave-row>div:first-child{color:#191c1f;justify-content:space-between;gap:16px;font-size:12px;font-weight:600;line-height:16px;display:flex}.employee-detail-activity-card{flex-direction:column;gap:16px;padding:24px;display:flex}.employee-detail-activity{align-items:flex-start;gap:12px;display:flex}.employee-detail-activity>span{border-radius:12px;flex:none;place-items:center;width:32px;height:32px;display:grid}.employee-detail-activity>span.gold{color:#7e5700;background:#7e57001a}.employee-detail-activity>span.blue{color:#0058be;background:#0058be1a}.employee-detail-activity strong{color:#191c1f;font-size:12px;line-height:16px;display:block}.employee-detail-activity p{color:#504535;margin:0;font-size:10px;line-height:15px}.employee-detail-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:24px;padding-top:32px;display:flex}.employee-detail-footer button{color:#504535;background:#fff;border:1px solid #d4c4af}.employee-detail-footer p{color:#94a3b8;margin:0;font-size:12px;line-height:16px}.employee-promotion-modal{width:min(860px,100%)}.employee-promotion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-promotion-template{background:#0058be14;border-radius:4px;flex-direction:column;grid-column:1/-1;gap:4px;padding:14px 16px;display:flex}.employee-promotion-template span{color:#0058be;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.employee-promotion-template strong{color:#191c1f;font-size:14px;line-height:20px}.performance-page{flex-direction:column;gap:32px;display:flex}.performance-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.performance-stat-card{background:#fff;border:1px solid #d4c4af1a;border-radius:8px;flex-direction:column;justify-content:space-between;gap:24px;min-width:0;min-height:154px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.performance-stat-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.performance-icon{border-radius:4px;flex:none;place-items:center;width:42px;height:42px;display:grid}.performance-icon.amber,.performance-note.amber{color:#b45309;background:#fffbeb}.performance-icon.blue,.performance-note.blue{color:#2563eb;background:#eff6ff}.performance-icon.violet,.performance-note.violet{color:#9333ea;background:#faf5ff}.performance-icon.red,.performance-note.red{color:#dc2626;background:#fef2f2}.performance-note{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;min-height:28px;padding:4px 10px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.performance-stat-card p{color:#504535;letter-spacing:.5px;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:600;line-height:16px}.performance-stat-card strong{color:#191c1f;letter-spacing:0;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:34px;display:block}.performance-filter-panel{background:#fff;border:1px solid #d4c4af1a;border-radius:8px;align-items:center;gap:16px;min-height:70px;padding:15px 24px;display:flex;box-shadow:0 1px 2px #0000000d}.performance-search,.performance-select,.performance-apply{min-height:40px;font:inherit;border:0;border-radius:4px;align-items:center;display:inline-flex}.performance-search{color:#50453580;background:#f2f4f8;flex:1;gap:14px;min-width:280px;padding:0 16px}.performance-search input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.performance-search input::placeholder{color:#50453573}.performance-select{color:#504535;cursor:pointer;background:#f2f4f8;justify-content:space-between;gap:14px;min-width:142px;padding:0 16px;font-size:14px;font-weight:500;position:relative}.performance-select select{appearance:none;width:100%;min-height:40px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;outline:0;padding:0 26px 0 0}.performance-select svg{pointer-events:none;position:absolute;right:16px}.performance-select.wide{min-width:164px}.performance-apply{color:#281900;cursor:pointer;background:#ebac34;justify-content:center;gap:10px;min-width:152px;padding:0 24px;font-size:14px;font-weight:600;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.performance-table-card{background:#fff;border:1px solid #d4c4af1a;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.performance-table-wrap{overflow-x:auto}.performance-table{border-collapse:collapse;text-align:left;width:100%;min-width:1060px}.performance-table thead{background:#f2f4f880}.performance-table th{color:#504535;letter-spacing:.6px;text-transform:uppercase;padding:18px 24px;font-size:11px;font-weight:700;line-height:14px}.performance-table td{color:#504535;vertical-align:middle;border-top:1px solid #d4c4af1a;height:74px;padding:16px 24px;font-size:14px;font-weight:400;line-height:20px}.performance-table tbody tr:first-child td{border-top:0}.performance-table td:first-child,.performance-table th:first-child{padding-left:48px}.performance-table td:first-child strong{color:#191c1f;font-size:14px;font-weight:600;display:block}.performance-table td:first-child span{color:#504535b8;margin-top:2px;font-size:12px;display:block}.performance-empty{color:#827562;text-align:center;height:112px;font-weight:600}.case-pill{letter-spacing:0;text-transform:uppercase;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;min-height:24px;padding:4px 9px;font-size:10px;font-weight:600;line-height:12px;display:inline-flex}.case-pill.clean{color:#15803d;background:#f0fdf4}.case-pill.warning{color:#b45309;background:#fffbeb}.performance-score{max-width:240px}.performance-score>div:first-child{justify-content:space-between;align-items:center;gap:20px;margin-bottom:6px;display:flex}.performance-score strong{color:#7e5700;font-size:12px;font-weight:700;line-height:14px}.performance-score span{color:#504535;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:700;line-height:14px}.performance-score.danger strong,.performance-score.danger span{color:#dc2626}.score-track{background:#f2f4f8;border-radius:12px;height:6px;overflow:hidden}.score-track span{background:linear-gradient(90deg,#ebac34 0%,#7e5700 100%);border-radius:12px;height:100%;display:block}.performance-score.danger .score-track span{background:#ef4444}.row-action{color:#504535;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.performance-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.performance-pagination p{color:#504535;margin:0;font-size:12px;font-weight:500}.performance-pagination nav{align-items:center;gap:4px;display:flex}.performance-pagination button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:600;display:grid}.performance-pagination button:disabled{cursor:not-allowed;opacity:.42}.performance-pagination button.page-arrow{color:#94a3b8;border:1px solid #e2e8f0}.performance-pagination button.active{color:#281900;background:#ebac34}.performance-pagination button.muted{opacity:.35}.performance-pagination span{color:#504535;padding:0 8px;font-size:12px}.performance-page-item{align-items:center;gap:4px;padding:0;display:inline-flex}.mutation-page{flex-direction:column;gap:24px;display:flex}.mutation-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.mutation-header h2{color:#191c1f;letter-spacing:0;margin:0;font-size:30px;font-weight:700;line-height:36px}.mutation-header p{color:#64748b;margin:4px 0 0;font-size:14px;font-weight:500;line-height:20px}.mutation-add-button{color:#281900;min-height:44px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px 24px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 10px 15px -3px #78350f1a,0 4px 6px -4px #78350f1a}.mutation-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.mutation-stat-card{background:#fff;border-radius:8px;flex-direction:column;justify-content:space-between;gap:18px;min-width:0;min-height:120px;padding:22px 24px;display:flex;box-shadow:0 1px 2px #0000000d}.mutation-stat-card.featured{border-left:4px solid #d97706}.mutation-stat-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mutation-stat-top.compact{justify-content:flex-end;min-height:24px}.mutation-icon{border-radius:4px;flex:none;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.mutation-icon.amber,.mutation-icon.gold{color:#7e5700;background:#ffdeac}.mutation-icon.blue{color:#006496;background:#cce5ff}.mutation-note{color:#059669;white-space:nowrap;background:#ecfdf5;border-radius:12px;align-items:center;gap:5px;min-height:24px;padding:4px 8px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.mutation-stat-card p{color:#94a3b8;letter-spacing:.6px;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:600;line-height:15px}.mutation-stat-card strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:36px;display:block}.mutation-filter-panel{background:#fff;border:1px solid #d4c4af1a;border-radius:8px;align-items:center;gap:16px;min-height:70px;padding:15px 24px;display:flex;box-shadow:0 1px 2px #0000000d}.mutation-search,.mutation-select,.mutation-apply{min-height:40px;font:inherit;border:0;border-radius:4px;align-items:center;display:inline-flex}.mutation-search{color:#50453580;background:#f2f4f8;flex:1;gap:14px;min-width:300px;padding:0 16px}.mutation-search input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.mutation-search input::placeholder{color:#50453573}.mutation-select{color:#504535;cursor:pointer;background:#f2f4f8;justify-content:space-between;gap:14px;min-width:130px;padding:0 16px;font-size:14px;font-weight:500;position:relative}.mutation-select select{appearance:none;width:100%;min-height:40px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;outline:0;padding:0 26px 0 0}.mutation-select svg{pointer-events:none;position:absolute;right:16px}.mutation-apply{color:#281900;cursor:pointer;background:#ebac34;justify-content:center;gap:10px;min-width:152px;margin-left:auto;padding:0 24px;font-size:14px;font-weight:600;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.mutation-table-card{background:#fff;border:1px solid #e2e8f033;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.mutation-table-wrap{overflow-x:auto}.mutation-table{border-collapse:collapse;text-align:left;width:100%;min-width:930px}.mutation-table thead{background:#f2f4f8}.mutation-table th{color:#94a3b8;letter-spacing:.8px;text-transform:uppercase;padding:18px 24px;font-size:10px;font-weight:700;line-height:14px}.mutation-table td{color:#334155;vertical-align:middle;border-top:1px solid #f1f5f9;height:101px;padding:20px 24px;font-size:14px;font-weight:400;line-height:20px}.mutation-table tbody tr:first-child td{border-top:0}.mutation-table td:first-child,.mutation-table th:first-child{padding-left:48px}.mutation-table td:first-child strong{color:#0f172a;font-size:14px;font-weight:600;display:block}.mutation-table td:first-child span,.mutation-table td:nth-child(2) span{color:#64748b;margin-top:2px;font-size:12px;line-height:16px;display:block}.mutation-table td:nth-child(2) strong{color:#334155;font-size:12px;font-weight:600;line-height:16px;display:block}.branch-transfer{color:#d97706;align-items:center;gap:8px;display:flex}.branch-transfer span{color:#475569;letter-spacing:.4px;text-transform:uppercase;background:#f1f5f9;border-radius:4px;align-items:center;min-height:24px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.branch-transfer span.highlight{color:#d97706;background:#fffbeb}.position-change{gap:3px;display:grid}.position-change>span{color:#94a3b8;font-size:12px;font-weight:500;text-decoration:line-through}.position-change strong{color:#0f172a;font-size:13px;font-weight:700;line-height:18px}.position-change em{text-transform:uppercase;border-radius:3px;width:max-content;padding:2px 6px;font-size:9px;font-style:normal;font-weight:700;line-height:14px}.position-change em.promotion{color:#047857;background:#d1fae5}.position-change em.rotation{color:#64748b;background:#f1f5f9}.position-change em.migration{color:#a16207;background:#fffbeb}.effective-date{color:#334155;max-width:72px;font-size:12px;font-weight:600;line-height:16px;display:block}.mutation-empty{color:#827562;text-align:center;height:112px;font-weight:600}.mutation-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.mutation-pagination p{color:#504535;margin:0;font-size:12px;font-weight:500}.mutation-pagination nav{align-items:center;gap:4px;display:flex}.mutation-pagination button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:600;display:grid}.mutation-pagination button:disabled{cursor:not-allowed;opacity:.42}.mutation-pagination button.page-arrow{color:#94a3b8;border:1px solid #e2e8f0}.mutation-pagination button.active{color:#281900;background:#ebac34}.mutation-pagination button.muted{opacity:.35}.mutation-pagination span{color:#504535;padding:0 8px;font-size:12px}.mutation-page-item{align-items:center;gap:4px;padding:0;display:inline-flex}.attendance-page{flex-direction:column;gap:32px;display:flex}.attendance-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.attendance-header h2{color:#191c1f;letter-spacing:0;margin:0;font-size:30px;font-weight:700;line-height:36px}.attendance-header p{color:#504535;margin:4px 0 0;font-size:16px;font-weight:500;line-height:24px}.attendance-header-actions{align-items:center;gap:12px;display:flex}.attendance-secondary-button,.attendance-primary-button{min-height:42px;font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;display:inline-flex}.attendance-secondary-button{color:#334155;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.attendance-primary-button{color:#281900;background:#ebac34;border:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.attendance-analytics{grid-template-columns:minmax(260px,304px) minmax(0,1fr);gap:24px;display:grid}.attendance-summary-column{gap:24px;display:grid}.attendance-summary-card{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;min-height:104px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.attendance-summary-card span:first-child{color:#504535;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;line-height:15px;display:block}.attendance-summary-card strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:36px;display:block}.attendance-summary-icon{border-radius:12px;flex:none;place-items:center;width:56px;height:56px;font-size:24px;display:grid}.attendance-summary-icon.amber{color:#7e5700;background:#fffbeb}.attendance-summary-icon.blue{color:#2563eb;background:#eff6ff}.attendance-summary-icon.green{color:#16a34a;background:#f0fdf4}.attendance-summary-icon.rose{color:#ba1a1a;background:#fef2f2}.attendance-create-modal{background:#fff;border-radius:8px;width:min(896px,100vw - 32px);max-height:min(760px,100vh - 32px);overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.attendance-export-modal{background:#fff;border-radius:8px;width:min(720px,100vw - 32px);max-height:min(760px,100vh - 32px);overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.attendance-create-modal-header{border-bottom:1px solid #eceef2;justify-content:space-between;align-items:center;gap:24px;padding:20px 32px;display:flex}.attendance-create-modal-header h3{color:#191c1f;margin:0;font-size:20px;font-weight:700;line-height:28px}.attendance-create-modal-header p{color:#827562;letter-spacing:1px;text-transform:uppercase;margin:2px 0 0;font-size:10px;font-weight:700;line-height:15px}.attendance-create-modal-header button{color:#827562;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:30px;height:30px;padding:0;font-size:18px;display:grid}.attendance-create-modal-body{flex-direction:column;gap:32px;max-height:calc(min(760px,100vh - 32px) - 167px);padding:24px 32px;display:flex;overflow:hidden}.attendance-export-modal-body{flex-direction:column;gap:24px;padding:24px 32px;display:flex}.attendance-export-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.attendance-export-card{color:#191c1f;text-align:left;cursor:pointer;background:#fff;border:1px solid #eceef2;border-radius:8px;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.attendance-export-card:hover:not(:disabled){border-color:#ebac3480;transform:translateY(-2px);box-shadow:0 12px 24px -18px #0f172a59}.attendance-export-card:disabled{cursor:not-allowed;opacity:.65}.attendance-export-card strong{font-size:15px;font-weight:700;line-height:22px}.attendance-export-card p{color:#64748b;margin:0;font-size:13px;line-height:20px}.attendance-export-icon{border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.attendance-export-icon.amber{color:#d97706;background:#fffbeb}.attendance-export-icon.blue{color:#2563eb;background:#eff6ff}.attendance-export-icon.green{color:#16a34a;background:#f0fdf4}.attendance-export-icon.rose{color:#e11d48;background:#fff1f2}.attendance-create-primary-toggle{background:#eceef2;border-radius:4px;grid-template-columns:repeat(3,minmax(112px,1fr));align-self:center;width:min(100%,420px);padding:4px;display:grid}.attendance-create-primary-toggle button,.attendance-create-entry-switch button{color:#827562;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:4px;min-width:112px;padding:8px 24px;font-size:12px;font-weight:700;line-height:16px}.attendance-create-primary-toggle button.active{color:#7e5700;background:#fff;box-shadow:0 1px 2px #0000000d}.attendance-create-manual{flex-direction:column;flex:1;gap:32px;min-height:0;display:flex}.attendance-create-entry-toggle{align-items:center;gap:16px;display:flex}.attendance-create-entry-toggle>span,.attendance-create-entry-list-header span{color:#827562;letter-spacing:1.1px;text-transform:uppercase;font-size:11px;font-weight:700;line-height:16px}.attendance-create-entry-switch{background:#f2f4f8;border:1px solid #d4c4af33;border-radius:4px;grid-template-columns:repeat(2,minmax(0,1fr));display:inline-grid;overflow:hidden}.attendance-create-entry-switch button.active{color:#281900;background:#ebac34}.attendance-create-settings{background:#f2f4f8;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:24px;display:grid}.attendance-create-setting-field{flex-direction:column;gap:8px;display:flex}.attendance-create-setting-field>span{color:#827562;letter-spacing:1.1px;text-transform:uppercase;font-size:11px;font-weight:700;line-height:16px}.attendance-create-context-card{background:linear-gradient(135deg,#fff7e8 0%,#fff 100%);border:1px solid #eceef2;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px 24px;display:grid}.attendance-create-context-card span{color:#827562;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700;line-height:15px;display:block}.attendance-create-context-card strong{color:#191c1f;font-size:14px;font-weight:700;line-height:20px}.attendance-create-select,.attendance-create-search-field,.attendance-create-input-shell,.attendance-create-row-field{background:#fff;border-radius:4px;align-items:center;min-height:40px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #d4c4af4d}.attendance-create-select select,.attendance-create-search-field select,.attendance-create-input-shell input,.attendance-create-row-field select,.attendance-create-row-field input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:none;padding:10px 16px}.attendance-create-input-shell.static input{color:#475569}.attendance-create-select svg,.attendance-create-row-field svg{color:#827562;pointer-events:none;position:absolute;right:12px}.attendance-create-search-field{padding-left:40px;padding-right:40px}.attendance-create-search-field>svg:first-child{color:#827562;position:absolute;left:14px}.attendance-create-search-field>svg:last-child{color:#827562;pointer-events:none;position:absolute;right:14px}.attendance-create-entry-list{flex:1;grid-template-rows:auto auto minmax(0,1fr) auto;gap:16px;min-height:0;display:grid}.attendance-create-entry-list-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.attendance-create-entry-list-header em{color:#827562;font-size:10px;font-style:italic;line-height:15px}.attendance-create-feedback{color:#1f4f7c;background:#eef6ff;border-radius:6px;padding:12px 14px;font-size:12px;font-weight:600;line-height:18px}.attendance-create-feedback.error{color:#9f1d1d;background:#fff2f2}.attendance-create-entry-table-head{gap:12px;padding:0 12px;display:grid}.attendance-create-entry-table-head.by-employee,.attendance-create-entry-row.by-employee{grid-template-columns:.8fr 1.1fr 1.5fr .8fr .8fr 1fr 1fr}.attendance-create-entry-table-head.by-date,.attendance-create-entry-row.by-date{grid-template-columns:.8fr 1.35fr 1.5fr .8fr .8fr 1fr 1fr}.attendance-create-entry-table-head span{color:#d4c4af;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.attendance-create-entry-rows{flex-direction:column;gap:12px;min-height:0;padding-right:4px;display:flex;overflow:auto}.attendance-create-entry-row{background:#fff;border:1px solid #eceef2;border-radius:4px;align-items:center;gap:12px;padding:12px;display:grid;box-shadow:0 1px 2px #0000000d}.attendance-create-row-field{min-height:40px;box-shadow:none;background:#f2f4f8}.attendance-create-row-field.compact input{color:#191c1f;font-size:12px}.attendance-create-check{color:#827562;flex-direction:column;align-items:flex-start;gap:6px;font-size:11px;font-weight:600;display:flex}.attendance-create-check input{accent-color:#ebac34;width:16px;height:16px;margin:0}.attendance-create-entry-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.attendance-create-entry-meta strong,.attendance-create-entry-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attendance-create-entry-meta strong{color:#191c1f;font-size:12px;line-height:18px}.attendance-create-entry-meta span{color:#827562;font-size:11px;line-height:16px}.attendance-create-upload{color:#827562;text-transform:uppercase;cursor:pointer;background:#fff;border:1px dashed #d4c4af;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:10px;font-weight:700;line-height:15px;display:inline-flex}.attendance-create-upload input{display:none}.attendance-create-upload svg{font-size:14px}.attendance-create-upload.filled{color:#7e5700;background:#fff7e8;border-style:solid;border-color:#7e570033}.attendance-create-upload.block{box-sizing:border-box;width:100%}.attendance-create-empty-state{color:#827562;text-align:center;background:#fff;border:1px dashed #d4c4af;border-radius:8px;justify-content:center;align-items:center;min-height:120px;padding:24px;font-size:13px;line-height:20px;display:flex}.attendance-create-remove{color:#ba1a1a;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:36px;height:36px;padding:0;display:grid}.attendance-create-add-row{color:#ebac34;cursor:pointer;background:#fff;border:2px dashed #ebac344d;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:4px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.attendance-create-add-row svg{font-size:18px}.attendance-create-finger-state{flex-direction:column;flex:1;gap:24px;min-height:0;display:flex}.attendance-create-finger-hero{background:linear-gradient(135deg,#fff8ea 0%,#fff 100%);border:1px solid #ebac3438;border-radius:8px;flex-direction:column;gap:12px;padding:24px;display:flex}.attendance-create-finger-hero div{align-items:center;gap:12px;display:flex}.attendance-create-finger-state svg{color:#7e5700;font-size:24px}.attendance-create-finger-state strong{color:#191c1f;font-size:16px;font-weight:700;line-height:24px}.attendance-create-finger-state p{color:#504535;margin:0;font-size:14px;line-height:20px}.attendance-create-settings.finger,.attendance-create-context-card.finger{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-create-hint-card{color:#1f4f7c;background:#eef6ff;border-radius:6px;align-items:center;min-height:40px;padding:12px 14px;font-size:12px;font-weight:600;line-height:18px;display:flex}.attendance-create-hint-card.muted{color:#64748b;background:#f8fafc}.attendance-finger-rules-card,.attendance-finger-result{background:#fff;border:1px solid #eceef2;border-radius:8px;flex-direction:column;gap:16px;padding:20px;display:flex}.attendance-finger-rules-grid,.attendance-finger-detail-grid,.attendance-finger-mini-grid{gap:16px;display:grid}.attendance-finger-rules-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-finger-detail-grid,.attendance-finger-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-finger-checkbox{color:#475569;background:#f8fafc;border-radius:6px;align-items:flex-start;gap:10px;min-height:40px;padding:12px 14px;font-size:12px;line-height:18px;display:flex}.attendance-finger-checkbox input{accent-color:#ebac34;width:16px;height:16px;margin:1px 0 0}.attendance-finger-mode-note{color:#7e5700;background:#fff7e8;border-radius:6px;padding:12px 14px;font-size:12px;font-weight:600;line-height:18px}.attendance-finger-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.attendance-finger-summary-grid article{background:#f8fafc;border-radius:8px;padding:14px 16px}.attendance-finger-summary-grid span{color:#827562;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700;line-height:15px;display:block}.attendance-finger-summary-grid strong{color:#191c1f;font-size:18px;font-weight:700;line-height:24px}.attendance-finger-panel{background:#f8fafc;border-radius:8px;flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex}.attendance-finger-panel.compact{background:#fffdf8;border:1px solid #ebac3429}.attendance-finger-panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.attendance-finger-panel-heading strong{color:#191c1f;font-size:13px;font-weight:700;line-height:18px}.attendance-finger-panel-heading span{color:#7e5700;font-size:11px;font-weight:700;line-height:16px}.attendance-finger-list{flex-direction:column;gap:12px;max-height:216px;display:flex;overflow:auto}.attendance-finger-list article{background:#fff;border-radius:6px;padding:12px 14px;box-shadow:inset 0 0 0 1px #d4c4af3d}.attendance-finger-list strong,.attendance-finger-list span,.attendance-finger-list p{display:block}.attendance-finger-list strong{color:#191c1f;font-size:12px;line-height:18px}.attendance-finger-list span{color:#827562;margin-top:2px;font-size:11px;line-height:16px}.attendance-finger-list p{color:#504535;margin:6px 0 0;font-size:12px;line-height:18px}.attendance-finger-tags{flex-wrap:wrap;gap:8px;display:flex}.attendance-finger-tags span{color:#504535;background:#fff;border-radius:999px;align-items:center;min-height:30px;padding:6px 10px;font-size:11px;font-weight:600;line-height:16px;display:inline-flex;box-shadow:inset 0 0 0 1px #d4c4af4d}.attendance-create-modal-footer{background:#f2f4f8;border-top:1px solid #eceef2;justify-content:flex-end;align-items:center;gap:12px;padding:20px 32px;display:flex}.attendance-create-modal-footer button{min-height:40px;font:inherit;cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-weight:700;display:inline-flex}.attendance-create-modal-footer button:first-child{color:#827562;background:0 0}.attendance-create-modal-footer button:last-child{color:#281900;background:#ebac34;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.attendance-create-modal-footer button:last-child:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}@media (width<=960px){.attendance-create-modal{width:min(100vw - 20px,896px)}.attendance-export-modal{width:min(100vw - 20px,720px)}.attendance-create-modal-body,.attendance-export-modal-body{padding:20px}.attendance-export-grid,.attendance-create-settings,.attendance-create-context-card,.attendance-create-settings.finger,.attendance-create-context-card.finger,.attendance-finger-rules-grid,.attendance-finger-detail-grid,.attendance-finger-mini-grid,.attendance-finger-summary-grid{grid-template-columns:1fr}.attendance-create-entry-table-head{display:none}.attendance-create-entry-row.by-employee,.attendance-create-entry-row.by-date{grid-template-columns:1fr}}.attendance-chart-card{box-sizing:border-box;background:#fff;border-radius:8px;min-width:0;min-height:360px;padding:24px;box-shadow:0 1px 2px #0000000d}.attendance-chart-card-full{min-height:384px}.attendance-chart-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.attendance-chart-header h3{color:#191c1f;text-transform:uppercase;margin:0;font-size:18px;font-weight:600;line-height:28px}.attendance-chart-tabs{background:#f2f4f8;border-radius:4px;gap:2px;padding:4px;display:inline-flex}.attendance-chart-tabs button{color:#64748b;min-height:28px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:700;line-height:16px}.attendance-chart-tabs button.active{color:#7e5700;background:#fff;box-shadow:0 1px 2px #0000000d}.attendance-bar-chart{justify-content:center;align-items:flex-end;gap:4px;height:240px;padding:24px 8px 0;display:flex}.attendance-bar{background:#fef3c7;border-radius:2px 2px 0 0;flex:10px;min-width:8px;max-width:18px;position:relative}.attendance-bar.normal{background:#fde68a}.attendance-bar.high{background:#fcd34d}.attendance-bar.peak{background:#7e5700}.attendance-bar.empty{background:#e2e8f0}.attendance-bar em{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#0f172a;border-radius:2px;padding:2px 4px;font-size:9px;font-style:normal;line-height:14px;display:block;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.attendance-bar:hover em{opacity:1}.attendance-chart-axis{color:#94a3b8;justify-content:space-between;padding:0 8px;font-size:9px;font-weight:700;line-height:14px;display:flex}.attendance-chart-axis.full{gap:4px;overflow-x:auto}.attendance-chart-axis.full span,.attendance-chart-axis.full strong{text-align:center;min-width:12px}.attendance-chart-axis strong{color:#7e5700}.attendance-filter-panel{box-sizing:border-box;background:#fff;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:10px;min-height:50px;padding:7px 20px;display:flex;box-shadow:0 1px 2px #0000000d}.attendance-filter-panel-compact .attendance-search{min-width:360px}.attendance-mode-toggle{background:#f2f4f8;border-radius:4px;padding:4px;display:flex}.attendance-mode-toggle button{color:#64748b;min-height:28px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 20px;font-size:12px;font-weight:700}.attendance-mode-toggle button.active{color:#7e5700;background:#fff;box-shadow:0 1px 2px #0000000d}.attendance-date-filter,.attendance-select,.attendance-search{color:#334155;min-height:36px;font:inherit;background:#f2f4f8;border:0;border-radius:4px;align-items:center;font-size:14px;display:inline-flex}.attendance-date-filter{gap:8px;padding:8px 16px;font-weight:500}.attendance-date-filter span{white-space:nowrap}.attendance-date-filter input{color:#334155;width:132px;min-height:26px;font:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:12px}.attendance-date-filter svg,.attendance-search svg{color:#94a3b8}.attendance-select{width:192px;position:relative}.attendance-select select{appearance:none;color:#191c1f;width:100%;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;outline:0;padding:8px 32px 8px 12px}.attendance-search{flex:1;gap:10px;min-width:260px;padding:0 16px}.attendance-search input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.attendance-search input::placeholder{color:#6b7280}.attendance-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.attendance-table-wrap{overflow-x:auto}.attendance-table{border-collapse:collapse;text-align:left;width:100%;min-width:1512px}.attendance-table thead tr:first-child{background:#f2f4f8}.attendance-table thead tr:nth-child(2){background:#f8fafc80}.attendance-table th,.attendance-table td{border:1px solid #e2e8f0}.attendance-table th{color:#504535;letter-spacing:1px;text-transform:uppercase;padding:12px 16px;font-size:10px;font-weight:700;line-height:12px}.attendance-table th[rowspan="2"]{min-width:150px}.attendance-table th:first-child{min-width:200px}.attendance-table th:nth-child(3){min-width:190px}.attendance-table .attendance-date-heading{color:#7e5700;text-align:center;text-transform:none;background:#fffbeb80;min-width:180px;font-size:11px}.attendance-table td{color:#64748b;vertical-align:middle;height:66px;padding:16px 24px;font-size:14px;line-height:20px}.attendance-table td:not(:first-child):not(:nth-child(2)):not(:nth-child(3)){text-align:center;min-width:60px;padding:16px 8px}.attendance-employee-cell{align-items:center;gap:12px;display:flex}.attendance-employee-cell>span{color:#7e5700;background:#fef3c7;border-radius:12px;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.attendance-employee-cell strong{color:#1e293b;font-size:14px;font-weight:600}.attendance-role-pill{text-transform:uppercase;border-radius:2px;align-items:center;max-width:132px;padding:4px 8px;font-size:10px;font-weight:700;line-height:12px;display:inline-flex}.attendance-role-pill.blue{color:#1d4ed8;background:#dbeafe}.attendance-role-pill.slate{color:#475569;background:#f1f5f9}.attendance-time{font-size:10px;font-weight:700;line-height:12px}.attendance-time.in{color:#16a34a}.attendance-time.out{color:#dc2626}.attendance-total{color:#1e293b;font-size:11px;font-weight:700;line-height:14px}.attendance-status-cell{text-align:center;text-transform:uppercase;height:66px;font-size:9px;font-weight:700;line-height:11px}.attendance-status-cell.leave{color:#15803d;background:#f0fdf4}.attendance-status-cell.holiday,.attendance-status-cell.libur{color:#a16207;background:#fefce8}.attendance-status-cell.izin{color:#1d4ed8;background:#eff6ff}.attendance-status-cell.empty{color:#94a3b8;background:#fff}.attendance-matrix{color:#94a3b8;font-size:12px;font-weight:700}.attendance-matrix.present{color:#15803d;background:#f0fdf4}.attendance-matrix.empty{background:#fff}.physical-attendance-page{flex-direction:column;gap:40px;display:flex}.physical-attendance-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.physical-attendance-header h2{color:#191c1f;letter-spacing:0;margin:0;font-size:30px;font-weight:700;line-height:36px}.physical-attendance-header p{color:#504535;margin:8px 0 0;font-size:14px;font-weight:500;line-height:20px}.physical-date-card{background:#fff;border:1px solid #e6e8ec;border-radius:8px;align-items:center;gap:4px;min-height:61px;padding:6px;display:flex;box-shadow:0 1px 2px #0000000d}.physical-date-card>div{color:#7e5700;align-items:center;gap:12px;padding:8px 16px;display:flex}.physical-date-card label{flex-direction:column;gap:4px;display:flex}.physical-date-card input{color:#334155;width:132px;min-height:24px;font:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:12px}.physical-date-card small{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px;display:block}.physical-date-card strong{color:#191c1f;white-space:nowrap;font-size:12px;font-weight:600;line-height:16px;display:block}.physical-date-card button{color:#fff;cursor:pointer;background:#7e5700;border:0;border-radius:4px;place-items:center;width:35px;height:30px;display:grid}.physical-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(260px,1fr);gap:24px;display:grid}.physical-summary-card,.physical-sync-card{border-radius:8px;min-height:123px;box-shadow:0 1px 2px #0000000d}.physical-summary-card{background:#fff;border:1px solid #f2f4f8;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex;overflow:hidden}.physical-summary-card span:first-child,.physical-sync-top span{color:#504535;letter-spacing:1.1px;text-transform:uppercase;font-size:11px;font-weight:700;line-height:16px;display:block}.physical-summary-card strong{color:#191c1f;font-variant-numeric:tabular-nums;margin-top:4px;font-size:48px;font-weight:700;line-height:48px;display:block}.physical-summary-icon{border-radius:4px;flex:none;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.physical-summary-icon.amber{color:#7e5700;background:#ebac3433}.physical-summary-icon.blue{color:#0058be;background:#0058be1a}.physical-sync-card{color:#fff;background:linear-gradient(135deg,#2170e4 0%,#0058be 100%);flex-direction:column;justify-content:space-between;gap:10px;padding:24px;display:flex}.physical-sync-top{justify-content:space-between;align-items:center;gap:24px;display:flex}.physical-sync-top span{color:#ffffffb8}.physical-sync-top em{color:#fff;letter-spacing:1px;text-transform:uppercase;background:#fff3;border-radius:12px;padding:4px 12px;font-size:10px;font-style:normal;font-weight:700;line-height:15px}.physical-sync-card h3{color:#fff;margin:0;font-size:20px;font-weight:700;line-height:28px}.physical-sync-card p{color:#ffffffb8;margin:4px 0 0;font-size:12px;font-weight:500;line-height:16px}.physical-sync-track{background:#fff3;border-radius:12px;height:4px;display:block;overflow:hidden}.physical-sync-track i{background:#fff;width:80%;height:100%;display:block}.physical-table-card{background:#fff;border:1px solid #f2f4f8;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.physical-table-header{border-bottom:1px solid #f2f4f8;padding:24px}.physical-table-header h3{color:#191c1f;margin:0;font-size:18px;font-weight:700;line-height:28px}.physical-table-wrap{overflow-x:auto}.physical-table{border-collapse:collapse;text-align:left;width:100%;min-width:860px}.physical-table thead{background:#f2f4f880}.physical-table th{color:#504535;letter-spacing:1px;text-transform:uppercase;padding:16px 24px;font-size:10px;font-weight:700;line-height:12px}.physical-table th:last-child,.physical-table td:last-child{text-align:center}.physical-table td{color:#191c1f;border-top:1px solid #f2f4f8;height:70px;padding:20px 24px;font-size:14px;line-height:20px}.physical-table td:first-child{color:#504535;font-weight:600}.physical-table td strong{font-weight:700}.physical-download-button{color:#614200;min-height:28px;font:inherit;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#f2f4f8;border:0;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:10px;font-weight:700;line-height:12px;text-decoration:none;display:inline-flex}.physical-download-button.disabled{cursor:not-allowed;opacity:.45}.physical-empty{color:#827562;text-align:center;height:92px;font-weight:600}.schedule-page{flex-direction:column;gap:32px;display:flex}.schedule-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.schedule-header h2{color:#191c1f;letter-spacing:0;margin:0;font-size:30px;font-weight:700;line-height:38px}.schedule-header p{color:#504535;max-width:360px;margin:4px 0 0;font-size:16px;font-weight:500;line-height:24px}.schedule-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.schedule-secondary-button,.schedule-primary-button{min-height:38px;font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;line-height:20px;display:inline-flex}.schedule-secondary-button{color:#191c1f;background:#fff;border:1px solid #d4c4af4d}.schedule-primary-button{color:#fff;background:#ebac34;border:0}.schedule-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.schedule-summary-card{background:#fff;border:1px solid #f1f5f980;border-radius:8px;flex-direction:column;justify-content:center;gap:8px;min-width:0;min-height:109px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.schedule-summary-card>span{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.schedule-summary-card div{align-items:baseline;gap:8px;display:flex}.schedule-summary-card strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:36px}.schedule-summary-card strong.highlight{color:#7e5700}.schedule-summary-card em{color:#504535;font-size:12px;font-style:normal;font-weight:700;line-height:16px}.schedule-insight-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.95fr);align-items:start;gap:32px;display:grid}.schedule-chart-card,.schedule-shift-card,.schedule-filter-panel,.schedule-table-card{background:#fff;border:1px solid #f1f5f980;border-radius:8px;box-shadow:0 1px 2px #0000000d}.schedule-chart-card{min-height:360px;padding:24px 24px 18px}.schedule-chart-card h3,.schedule-shift-card h3{color:#191c1f;margin:0;font-size:18px;font-weight:800;line-height:28px}.schedule-chart-scroll{overflow-x:auto}.schedule-bar-chart{align-items:end;gap:4px;min-width:560px;min-height:240px;padding:32px 8px 0;display:grid}.schedule-bar{background:#fef3c7;border-radius:2px 2px 0 0;min-height:20px;display:block;position:relative}.schedule-bar.normal{background:#fde68a}.schedule-bar.high{background:#fcd34d}.schedule-bar.peak{background:#7e5700}.schedule-bar.empty{background:#e2e8f0}.schedule-bar em{color:#fff;white-space:nowrap;background:#0f172a;border-radius:2px;padding:2px 4px;font-size:9px;font-style:normal;line-height:14px;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.schedule-bar:hover em{display:block}.schedule-chart-axis{color:#94a3b8;text-align:center;gap:4px;min-width:560px;padding:0 8px;font-size:9px;font-weight:700;line-height:14px;display:grid}.schedule-chart-axis span{min-width:0}.schedule-shift-card{min-height:326px;padding:24px}.schedule-shift-list{flex-direction:column;gap:16px;margin-top:24px;display:flex}.schedule-shift-row{color:#191c1f;width:100%;min-height:64px;font:inherit;cursor:pointer;text-align:left;background:#eceef2;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.schedule-shift-row>span:nth-child(2){flex:1;min-width:0}.schedule-shift-code{border-radius:4px;flex:none;place-items:center;width:40px;height:40px;font-size:12px;font-weight:800;line-height:16px;display:grid}.schedule-shift-code.amber{color:#614200;background:#ebac34}.schedule-shift-code.blue{color:#fff;background:#2170e4}.schedule-shift-code.dark{color:#fff;background:#2d3134}.schedule-shift-row strong,.schedule-shift-row em{display:block}.schedule-shift-row strong{color:#191c1f;letter-spacing:.6px;text-transform:uppercase;font-size:12px;font-weight:800;line-height:16px}.schedule-shift-row em{color:#504535;font-size:10px;font-style:normal;font-weight:700;line-height:15px}.schedule-shift-row i{color:#94a3b8;font-size:14px;font-style:normal}.schedule-filter-panel{align-items:center;gap:16px;min-height:74px;padding:16px;display:flex}.schedule-search,.schedule-date-filter,.schedule-select,.schedule-filter-button{color:#191c1f;min-height:40px;font:inherit;background:#f7f9fd;border:0;border-radius:8px;font-size:14px}.schedule-search{color:#94a3b8;flex:1;align-items:center;gap:12px;min-width:240px;padding:0 16px;display:flex}.schedule-search input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.schedule-search input::placeholder{color:#6b7280}.schedule-date-filter{align-items:center;gap:12px;min-width:286px;padding:10px 16px;font-weight:600;display:inline-flex}.schedule-date-filter svg{color:#94a3b8}.schedule-date-filter input{color:#191c1f;width:100%;min-width:0;font:inherit;cursor:pointer;background:0 0;border:0;outline:0;font-weight:600}.schedule-select{width:210px;position:relative}.schedule-select:after{content:"";pointer-events:none;border-bottom:2px solid #6b7280;border-right:2px solid #6b7280;width:8px;height:8px;position:absolute;top:50%;right:16px;transform:translateY(-65%)rotate(45deg)}.schedule-select select{appearance:none;color:#191c1f;width:100%;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;outline:0;padding:10px 40px 10px 16px}.schedule-filter-button{color:#504535;cursor:pointer;background:#e0e3e6;flex:none;place-items:center;width:38px;height:40px;display:grid}.schedule-table-card{overflow:hidden}.schedule-state-message{color:#ba1a1a;margin:-12px 0 0;font-size:13px;font-weight:600;line-height:20px}.schedule-table-wrap{overflow-x:auto}.schedule-table{border-collapse:collapse;text-align:left;width:100%;min-width:1504px}.schedule-table th,.schedule-table td{border-right:1px solid #d4c4af1a}.schedule-table thead{background:#f2f4f8}.schedule-table th{color:#504535;letter-spacing:1px;text-align:center;text-transform:uppercase;height:44px;padding:16px 12px;font-size:10px;font-weight:800;line-height:12px}.schedule-table th:first-child{text-align:left;width:200px;min-width:200px;padding:16px 24px}.schedule-table th:nth-child(2){width:64px;min-width:64px}.schedule-table th:nth-child(n+3),.schedule-table td:nth-child(n+3){width:40px;min-width:40px}.schedule-table td{text-align:center;vertical-align:middle;border-top:1px solid #d4c4af1a;height:65px;padding:16px 8px}.schedule-table td:first-child{text-align:left;padding:16px 24px}.schedule-empty-row{color:#827562;text-align:center;font-weight:600}.schedule-employee-cell{align-items:center;gap:12px;display:flex}.schedule-employee-cell>span{border-radius:8px;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;line-height:16px;display:grid}.schedule-employee-cell>span.amber{color:#7e5700;background:#7e57001a}.schedule-employee-cell>span.blue{color:#0058be;background:#0058be1a}.schedule-employee-cell>span.teal{color:#006496;background:#0064961a}.schedule-employee-cell strong,.schedule-employee-cell small{display:block}.schedule-employee-cell strong{color:#191c1f;font-size:14px;font-weight:700;line-height:20px}.schedule-employee-cell small{color:#504535;letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:700;line-height:12px}.schedule-position-pill{color:#475569;text-transform:uppercase;background:#f1f5f9;border-radius:2px;justify-content:center;align-items:center;min-width:35px;min-height:20px;padding:4px 8px;font-size:10px;font-weight:800;line-height:12px;display:inline-flex}.schedule-shift{border-radius:2px;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:800;line-height:12px;display:inline-flex}.schedule-shift.s1{color:#614200;background:#ebac3433}.schedule-shift.s2{color:#0058be;background:#2170e433}.schedule-shift.ns{color:#2d3134;background:#2d31341a}.schedule-shift.off{color:#94a3b8;background:#f1f5f9}.schedule-create-modal{background:#fff;border-radius:8px;flex-direction:column;width:min(672px,100vw - 32px);max-height:calc(100vh - 32px);display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.schedule-create-modal-header{border-bottom:1px solid #eceef2;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;display:flex}.schedule-create-modal-header h3{color:#92400e;letter-spacing:-1px;margin:0;font-size:24px;font-weight:800;line-height:32px}.schedule-create-modal-header button{color:#504535;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:28px;height:28px;padding:0;font-size:18px;display:grid}.schedule-create-modal-body{flex-direction:column;flex:1;gap:32px;min-height:0;padding:32px 32px 0;display:flex;overflow:auto}.schedule-create-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.schedule-create-field{flex-direction:column;gap:8px;min-width:0;display:flex}.schedule-create-field.full{width:100%}.schedule-create-field>span{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.schedule-create-selection-list{flex-direction:column;gap:10px;max-height:220px;padding-right:4px;display:flex;overflow:auto}.schedule-create-selection-item{cursor:pointer;background:#fff;border:1px solid #eceef2;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.schedule-create-selection-item input{accent-color:#ebac34;margin:2px 0 0}.schedule-create-selection-item span{flex-direction:column;flex:1;min-width:0;display:flex}.schedule-create-selection-item strong{color:#191c1f;font-size:13px;line-height:18px}.schedule-create-selection-item small{color:#64748b;font-size:11px;line-height:16px}.schedule-create-selection-item i{color:#7e5700}.schedule-create-input{background:#f2f4f8;border-radius:4px;align-items:center;min-height:44px;display:flex}.schedule-create-input.with-icon{position:relative}.schedule-create-input.with-icon>svg:first-child{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.schedule-create-input select,.schedule-create-input input{color:#191c1f;width:100%;min-width:0;height:44px;font:inherit;background:0 0;border:0;border-radius:4px;outline:none;font-size:14px}.schedule-create-input select{appearance:none;cursor:pointer;padding:0 16px}.schedule-create-input.with-icon select{padding:0 40px}.schedule-create-input input{padding:0 16px}.schedule-offday-chips{flex-wrap:wrap;gap:8px;display:flex}.schedule-offday-chips button{color:#191c1f;min-height:33px;font:inherit;cursor:pointer;background:#f2f4f8;border:0;border-radius:4px;padding:8px 16px;font-size:11px;font-weight:700}.schedule-offday-chips button.active{color:#fff;background:#ebac34}.schedule-generate-button{color:#7e5700;width:100%;min-height:48px;font:inherit;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;background:#fff;border:2px solid #ebac34;border-radius:4px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.schedule-preview-card{background:#f2f4f8;border-radius:8px;flex-direction:column;gap:16px;padding:32px 24px 24px;display:flex}.schedule-preview-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.schedule-preview-header span{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.schedule-preview-header em{color:#b45309;text-transform:uppercase;background:#fef3c7;border-radius:2px;padding:2px 8px;font-size:10px;font-style:normal;font-weight:700;line-height:15px}.schedule-create-summary-bar{flex-wrap:wrap;gap:8px;display:flex}.schedule-create-summary-bar span{color:#504535;background:#fff;border-radius:999px;align-items:center;min-height:28px;padding:6px 10px;font-size:11px;font-weight:600;line-height:16px;display:inline-flex;box-shadow:inset 0 0 0 1px #d4c4af59}.schedule-preview-table-shell{background:#fff;border:1px solid #eceef2;border-radius:4px;overflow:hidden}.schedule-preview-table{border-collapse:collapse;width:100%}.schedule-preview-table thead{background:#f2f4f880}.schedule-preview-table th{color:#504535;letter-spacing:.5px;text-align:left;text-transform:uppercase;padding:12px 16px;font-size:10px;font-weight:700;line-height:12px}.schedule-preview-table td{color:#191c1f;border-top:1px solid #eceef2;padding:16px;font-size:14px;line-height:20px}.schedule-preview-table td.muted{color:#94a3b8}.schedule-preview-pill{color:#92400e;background:#fffbeb;border-radius:2px;align-items:center;padding:4px 8px;font-size:10px;font-weight:700;line-height:12px;display:inline-flex}.schedule-preview-pill.off{color:#64748b;background:#eceef2}.schedule-preview-remove{color:#ba1a1a73;cursor:pointer;background:0 0;border:0;place-items:center;width:20px;height:20px;margin-left:auto;padding:0;display:grid}.schedule-preview-empty{color:#827562;text-align:center}.schedule-create-modal-footer{background:#eceef2;border-top:1px solid #ffffff80;justify-content:flex-end;gap:12px;padding:24px 32px;display:flex}.schedule-create-modal-footer button{min-height:40px;font:inherit;cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;padding:10px 24px;font-size:14px;font-weight:700;display:inline-flex}.schedule-create-modal-footer button:first-child{color:#504535;background:0 0}.schedule-create-modal-footer button:last-child{color:#281900;background:#ebac34;padding-left:32px;padding-right:32px;box-shadow:0 10px 15px -3px #78350f1a,0 4px 6px -4px #78350f1a}.schedule-create-modal-footer button:last-child:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.activation-page{flex-direction:column;gap:32px;max-width:1280px;display:flex}.activation-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.activation-header h2{color:#191c1f;letter-spacing:0;margin:0;font-size:30px;font-weight:700;line-height:36px}.activation-header p{color:#504535;margin:8px 0 0;font-size:14px;font-weight:500;line-height:20px}.activation-add-button,.activation-filter-button{color:#281900;min-height:40px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:4px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;line-height:20px;display:inline-flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.activation-add-button{padding:10px 24px}.activation-filter-button{color:#fff;min-width:150px;padding:10px 24px}.activation-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.activation-summary-card{background:#fff;border-radius:8px;flex-direction:column;justify-content:space-between;gap:18px;min-width:0;min-height:132px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.activation-summary-card p{color:#504535;letter-spacing:1px;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:700;line-height:15px}.activation-summary-card strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:36px}.activation-progress{background:#eceef2;border-radius:12px;height:4px;display:block;overflow:hidden}.activation-progress i{height:100%;display:block}.activation-progress i.gold{background:linear-gradient(90deg,#ebac34 0%,#7e5700 100%)}.activation-progress i.amber{background:#f59e0b}.activation-progress i.green{background:#10b981}.activation-progress i.red{background:#ef4444}.activation-table-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.activation-state-message{color:#ba1a1a;margin:-12px 0 0;font-size:13px;font-weight:600;line-height:20px}.activation-filter-panel{background:#f2f4f880;align-items:center;gap:16px;min-height:88px;padding:24px;display:flex}.activation-search,.activation-status-select{color:#504535;background:#fff;border-radius:4px;align-items:center;min-height:40px;display:flex;box-shadow:0 0 0 1px #d4c4af4d}.activation-search{flex:1;gap:12px;min-width:240px;padding:0 16px}.activation-search input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.activation-search input::placeholder{color:#94a3b8}.activation-status-select{width:256px;position:relative}.activation-status-select:after{content:"";pointer-events:none;border-bottom:2px solid #94a3b8;border-right:2px solid #94a3b8;width:9px;height:9px;position:absolute;top:50%;right:18px;transform:translateY(-65%)rotate(45deg)}.activation-status-select select{appearance:none;color:#191c1f;width:100%;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;outline:0;padding:10px 40px;font-size:14px}.activation-table-wrap{overflow-x:auto}.activation-table{border-collapse:collapse;text-align:left;width:100%;min-width:960px}.activation-table thead{background:#f2f4f8}.activation-table th{color:#504535;letter-spacing:1px;text-transform:uppercase;height:56px;padding:16px 24px;font-size:10px;font-weight:700;line-height:12px}.activation-table th:last-child,.activation-table td:last-child{text-align:right}.activation-table td{color:#504535;vertical-align:middle;border-top:1px solid #eceef2;min-height:77px;padding:20px 24px;font-size:14px;font-weight:500;line-height:20px}.activation-applicant{align-items:center;gap:12px;display:flex}.activation-applicant>span{border-radius:8px;flex:none;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;line-height:16px;display:grid}.activation-applicant>span.amber{color:#7e5700;background:#7e57001a}.activation-applicant>span.blue{color:#0058be;background:#0058be1a}.activation-applicant>span.slate{color:#64748b;background:#f1f5f9}.activation-applicant>span.gold{color:#b45309;background:#fef3c7}.activation-applicant strong,.activation-applicant small{display:block}.activation-applicant strong{color:#191c1f;font-size:14px;font-weight:700}.activation-applicant small{color:#504535;font-size:11px;font-weight:400}.activation-status{letter-spacing:.5px;text-transform:uppercase;border-radius:12px;justify-content:center;align-items:center;min-height:20px;padding:4px 12px;font-size:10px;font-weight:700;line-height:12px;display:inline-flex}.activation-status.pending{color:#b45309;background:#f59e0b1a;box-shadow:0 0 0 1px #f59e0b33}.activation-status.approved{color:#047857;background:#10b9811a;box-shadow:0 0 0 1px #10b98133}.activation-status.rejected{color:#b91c1c;background:#ef44441a;box-shadow:0 0 0 1px #ef444433}.activation-actions{justify-content:flex-end;gap:8px;display:flex}.activation-actions button{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:32px;height:32px;font-size:15px;display:grid}.activation-actions button:hover{color:#504535;background:#f2f4f8}.activation-empty{color:#827562;text-align:center;font-weight:600}.activation-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.activation-pagination>span{color:#504535;font-size:12px;font-weight:600;line-height:16px}.activation-pagination nav{align-items:center;gap:4px;display:flex}.activation-pagination button{color:#504535;min-width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:700;display:grid}.activation-pagination button.active{color:#281900;background:#ebac34}.activation-pagination button.muted{opacity:.3}.activation-pagination nav span{color:#504535;padding:0 8px;font-size:12px}.operational-approval-page{flex-direction:column;gap:32px;max-width:1280px;display:flex}.operational-approval-header h2{color:#191c1f;letter-spacing:0;margin:0;font-size:30px;font-weight:700;line-height:36px}.operational-approval-header p{color:#504535;margin:8px 0 0;font-size:14px;font-weight:500;line-height:20px}.operational-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.operational-summary-card{background:#fff;border-left:4px solid #7e5700;border-radius:8px;flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:105px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.operational-summary-card.amber{border-left-color:#fbbf24}.operational-summary-card.green{border-left-color:#10b981}.operational-summary-card.red{border-left-color:#ba1a1a}.operational-summary-card.blue{border-left-color:#2170e4}.operational-summary-card.slate{border-left-color:#64748b}.operational-summary-card.money{border-left-color:#059669}.operational-summary-card>span{color:#94a3b8;letter-spacing:1.1px;text-transform:uppercase;font-size:11px;font-weight:700;line-height:16px}.operational-summary-card div{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.operational-summary-card strong{color:#0f172a;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;font-size:30px;font-weight:800;line-height:36px}.operational-summary-card svg{color:#7e57002e;font-size:30px}.operational-summary-card.amber svg{color:#fbbf243d}.operational-summary-card.green svg{color:#10b9813d}.operational-summary-card.red svg{color:#ba1a1a3d}.operational-summary-card.blue svg{color:#2170e43d}.operational-summary-card.slate svg{color:#64748b3d}.operational-summary-card.money svg{color:#0596693d}.operational-type-tabs{background:#f2f4f8;border:1px solid #d4c4af33;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;max-width:900px;padding:6px;display:flex}.operational-type-tabs button{color:#64748b;min-height:34px;font:inherit;letter-spacing:.6px;cursor:pointer;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;border-radius:8px;flex:1;font-size:12px;font-weight:700;line-height:18px}.operational-type-tabs button.active{color:#7e5700;background:#fff;box-shadow:0 1px 2px #0000000d}.operational-filter-panel{background:#fff;border:1px solid #f1f5f9;border-radius:8px;grid-template-columns:minmax(240px,1.2fr) repeat(3,minmax(170px,1fr));gap:16px;padding:25px;display:grid;box-shadow:0 1px 2px #0000000d}.operational-filter-panel label{flex-direction:column;gap:8px;min-width:0;display:flex}.operational-filter-panel label>span{color:#94a3b8;letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.operational-filter-panel label>div,.operational-filter-panel select{color:#191c1f;width:100%;min-height:44px;font:inherit;box-sizing:border-box;background:#f7f9fd;border:0;border-radius:4px;align-items:center;gap:12px;font-size:13px;display:flex}.operational-filter-panel label>div{padding:0 14px}.operational-filter-panel input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:13px}.operational-filter-panel input::placeholder{color:#6b7280}.operational-filter-panel svg{color:#94a3b8}.operational-filter-panel select{appearance:none;cursor:pointer;outline:0;padding:0 16px}.operational-select{position:relative}.operational-select:after{content:"";pointer-events:none;border-bottom:2px solid #6b7280;border-right:2px solid #6b7280;width:8px;height:8px;position:absolute;bottom:18px;right:18px;transform:rotate(45deg)}.operational-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.operational-table-wrap{overflow-x:auto}.operational-table{border-collapse:collapse;text-align:left;width:100%;min-width:1360px}.operational-table thead{background:#f2f4f8}.operational-table th{color:#94a3b8;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid #e2e8f0;height:56px;padding:16px 24px;font-size:10px;font-weight:800;line-height:12px}.operational-table td{color:#475569;vertical-align:middle;border-top:1px solid #f1f5f9;min-height:119px;padding:24px;font-size:13px;line-height:20px}.operational-employee{align-items:center;gap:12px;display:flex}.operational-employee img{object-fit:cover;border:1px solid #e2e8f0;border-radius:8px;width:36px;height:36px}.operational-employee strong,.operational-employee small{display:block}.operational-employee strong{color:#0f172a;font-size:13px;font-weight:700;line-height:16px}.operational-employee small{color:#64748b;font-size:11px;font-weight:500;line-height:14px}.operational-request-detail{gap:8px;display:grid}.operational-request-detail span{gap:2px;display:grid}.operational-request-detail strong{color:#94a3b8;letter-spacing:.45px;text-transform:uppercase;font-size:9px;font-weight:800;line-height:10px}.operational-request-detail em{color:#334155;font-size:12px;font-style:normal;font-weight:700;line-height:14px}.operational-photo-button{color:#475569;min-height:42px;font:inherit;cursor:pointer;background:#f2f4f8;border:1px solid #d4c4af4d;border-radius:4px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:11px;font-weight:700;display:inline-flex}.operational-photo-button svg{box-sizing:border-box;color:#7e5700;background:#fff;border:1px solid #d4c4af33;border-radius:6px;width:32px;height:32px;padding:8px;display:grid;box-shadow:0 1px 2px #0000000d}.operational-photo-button:disabled{cursor:not-allowed;opacity:.45}.operational-row-actions{align-items:center;gap:12px;display:flex}.operational-row-actions button{color:#fff;cursor:pointer;border:0;border-radius:4px;place-items:center;width:36px;height:36px;display:grid}.operational-row-actions button.approve{background:#10b981}.operational-row-actions button.reject{background:#ba1a1a}.operational-status{text-transform:uppercase;border-radius:12px;align-items:center;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.operational-status.pending{color:#b45309;background:#f59e0b1a}.operational-status.approved{color:#047857;background:#10b9811a}.operational-status.rejected{color:#ba1a1a;background:#ba1a1a1a}.operational-action-done{color:#94a3b8;font-size:12px;font-weight:700}.operational-empty{color:#827562;text-align:center;font-weight:600}.operational-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.operational-pagination>span{color:#504535;font-size:12px;font-weight:600;line-height:16px}.operational-pagination nav{align-items:center;gap:4px;display:flex}.operational-pagination button{color:#504535;min-width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:700;display:grid}.operational-pagination button.active{color:#281900;background:#ebac34}.operational-pagination button.muted{opacity:.3}.operational-pagination nav span{color:#504535;padding:0 8px;font-size:12px}.client-page{flex-direction:column;gap:24px;display:flex}.client-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.client-header h2{color:#191c1f;letter-spacing:0;margin:0;font-size:30px;font-weight:700;line-height:36px}.client-header p{color:#504535;margin:4px 0 0;font-size:14px;font-weight:500;line-height:20px}.client-add-button{color:#281900;min-height:48px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 10px 15px -3px #f59e0b33,0 4px 6px -4px #f59e0b33}.client-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.client-stat-card{background:#fff;border-radius:8px;flex-direction:column;justify-content:space-between;gap:18px;min-width:0;min-height:168px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.client-stat-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.client-icon{border-radius:4px;flex:none;place-items:center;width:38px;height:38px;display:grid}.client-icon.amber{color:#d97706;background:#fffbeb}.client-icon.blue{color:#2563eb;background:#eff6ff}.client-icon.green{color:#16a34a;background:#f0fdf4}.client-icon.gold{color:#7e5700;background:#ebac3433}.client-note{letter-spacing:0;text-transform:uppercase;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;min-height:24px;padding:4px 9px;font-size:10px;font-weight:600;line-height:15px;display:inline-flex}.client-note.amber,.client-note.green{color:#16a34a;background:#f0fdf4}.client-note.blue{color:#2563eb;background:#eff6ff}.client-note.gold{color:#7e5700;background:#ebac341a}.client-stat-card p{color:#504535;letter-spacing:1px;text-transform:uppercase;min-height:40px;margin:0 0 6px;font-size:13px;font-weight:600;line-height:20px}.client-stat-card strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:32px;display:block}.client-chart-card{background:#fff;border-radius:8px;min-height:400px;padding:32px;box-shadow:0 1px 2px #0000000d}.client-chart-header{justify-content:space-between;align-items:center;gap:32px;display:flex}.client-chart-header h3{color:#191c1f;margin:0;font-size:20px;font-weight:700;line-height:28px}.client-chart-header p{color:#504535;letter-spacing:1px;text-transform:uppercase;margin:4px 0 0;font-size:12px;font-weight:600;line-height:16px}.client-chart-legend{align-items:center;gap:16px;display:flex}.client-chart-legend span{color:#504535;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:700;display:inline-flex}.client-chart-legend i,.client-chart-column span{border-radius:999px 999px 0 0;width:12px;display:block}.client-chart-legend i{border-radius:999px;height:12px}.client-chart-legend .masuk,.client-chart-column .masuk{background:#7e5700}.client-chart-legend .selesai,.client-chart-column .selesai{background:#cbd5e1}.client-chart{grid-template-columns:repeat(6,1fr);align-items:end;gap:16px;min-height:284px;padding:48px 8px 0;display:grid}.client-chart-column{flex-direction:column;align-items:center;gap:12px;display:flex}.client-chart-column div{align-items:end;gap:5px;height:190px;display:flex}.client-chart-column strong{color:#94a3b8;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.client-filter-panel{background:#fff;border:1px solid #d4c4af1a;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:15px 24px;display:flex;box-shadow:0 1px 2px #0000000d}.client-search,.client-apply{min-height:40px;font:inherit;border:0;border-radius:4px;align-items:center;display:inline-flex}.client-search{color:#50453580;background:#f2f4f8;gap:14px;width:min(100%,405px);padding:0 16px}.client-search input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.client-search input::placeholder{color:#50453573}.client-apply{color:#281900;cursor:pointer;background:#ebac34;justify-content:center;gap:10px;min-width:152px;padding:0 24px;font-size:14px;font-weight:600;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.client-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.client-card{background:#fff;border-radius:8px;flex-direction:column;gap:24px;min-width:0;min-height:343px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.client-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.client-card-header h3{color:#191c1f;margin:0;font-size:16px;font-weight:700;line-height:24px}.client-card-header button{color:#cbd5e1;cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;display:grid}.client-status{text-transform:uppercase;border-radius:3px;align-items:center;min-height:18px;padding:1px 8px;font-size:10px;font-weight:700;line-height:15px;display:inline-flex}.client-status.premium{color:#16a34a;background:#f0fdf4}.client-status.inactive{color:#d97706;background:#fffbeb}.client-detail-list{flex-direction:column;gap:16px;margin:0;display:flex}.client-detail-list div{border-bottom:1px solid #eceef2;justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}.client-detail-list div.address,.client-detail-list div.npwp{border-bottom:0;padding-bottom:0;display:block}.client-detail-list dt{color:#94a3b8;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.client-detail-list dd{color:#191c1f;margin:0;font-size:12px;font-weight:600;line-height:16px}.client-detail-list .address dd{color:#504535;margin-top:4px;font-weight:500;line-height:20px}.client-detail-list .npwp{padding-top:8px}.client-detail-list .npwp dd{background:#f2f4f8;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;min-height:34px;margin-top:4px;padding:8px 12px;display:flex}.client-detail-list .npwp span{color:#191c1f;letter-spacing:.2px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:500}.branch-page{flex-direction:column;gap:32px;display:flex}.branch-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.branch-header nav{color:#50453599;letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:700;line-height:15px;display:flex}.branch-header nav strong{color:#7e5700;font-weight:700}.branch-header h2{color:#191c1f;letter-spacing:0;margin:8px 0 0;font-size:30px;font-weight:700;line-height:36px}.branch-add-button{color:#614200;min-height:48px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 10px 15px -3px #ebac3433,0 4px 6px -4px #ebac3433}.branch-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.branch-stat-card{box-sizing:border-box;background:#fff;border-left:4px solid #0000;border-radius:8px;flex-direction:column;justify-content:space-between;gap:16px;min-width:0;min-height:148px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.branch-stat-card.featured{border-left-color:#7e5700}.branch-stat-card.blue{border-left-color:#0058be}.branch-stat-card.green{border-left-color:#16a34a}.branch-stat-icon{border-radius:4px;flex:none;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.branch-stat-icon.gold{color:#7e5700;background:#ffdeac4d}.branch-stat-icon.blue{color:#0058be;background:#d8e2ff59}.branch-stat-icon.green{color:#15803d;background:#dcfce7}.branch-stat-card p{color:#504535;margin:0 0 4px;font-size:12px;font-weight:500;line-height:16px}.branch-stat-card strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:32px;display:block}.branch-filter-panel{box-sizing:border-box;background:#fff;border:1px solid #d4c4af1a;border-radius:8px;align-items:center;gap:16px;min-height:70px;padding:15px 24px;display:flex;box-shadow:0 1px 2px #0000000d}.branch-search,.branch-select,.branch-apply{min-height:40px;font:inherit;border:0;border-radius:4px;align-items:center;display:inline-flex}.branch-search{color:#50453580;background:#f2f4f8;flex:1;gap:14px;min-width:300px;padding:0 16px}.branch-search input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.branch-search input::placeholder{color:#50453573}.branch-select{color:#504535;cursor:pointer;background:#f2f4f8;justify-content:space-between;gap:14px;min-width:124px;padding:0 16px;font-size:14px;font-weight:500}.branch-apply{color:#281900;cursor:pointer;background:#ebac34;justify-content:center;gap:10px;min-width:152px;margin-left:auto;padding:0 24px;font-size:14px;font-weight:600;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.branch-table-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.branch-table-wrap{overflow-x:auto}.branch-table{border-collapse:collapse;text-align:left;width:100%;min-width:920px}.branch-table thead{background:#f2f4f8}.branch-table th{color:#504535b3;letter-spacing:.8px;text-transform:uppercase;padding:16px 24px;font-size:10px;font-weight:700;line-height:12px}.branch-table td{color:#504535;vertical-align:middle;border-top:1px solid #eceef2;height:73px;padding:16px 24px;font-size:14px;font-weight:400;line-height:20px}.branch-table tbody tr:first-child td{border-top:0}.branch-table td:first-child,.branch-table th:first-child{padding-left:48px}.branch-table td:first-child strong{color:#191c1f;max-width:180px;font-size:14px;font-weight:700;line-height:20px;display:block}.branch-table td:nth-child(2),.branch-table td:nth-child(3){color:#191c1f;font-weight:500}.branch-table td:nth-child(5) strong{color:#5045359e;max-width:70px;font-size:12px;font-weight:700;line-height:16px;display:block}.branch-rating{align-items:center;gap:2px;font-size:12px;display:inline-flex}.branch-rating .filled{color:#f59e0b}.branch-rating .empty{color:#50453533}.branch-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.branch-pagination p{color:#504535;margin:0;font-size:12px;font-weight:500}.branch-pagination nav{align-items:center;gap:4px;display:flex}.branch-pagination button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:600;display:grid}.branch-pagination button.active{color:#281900;background:#ebac34}.branch-pagination button.muted{opacity:.35}.branch-pagination span{color:#504535;padding:0 8px;font-size:12px}.branch-management-page{flex-direction:column;gap:32px;min-height:860px;display:flex}.branch-management-header{justify-content:space-between;align-items:center;gap:32px;display:flex}.branch-management-header h2{color:#191c1f;letter-spacing:0;text-transform:uppercase;margin:0;font-size:30px;font-weight:700;line-height:36px}.branch-management-header p{color:#504535;margin:4px 0 0;font-size:14px;font-weight:500;line-height:20px}.branch-management-action{color:#281900;min-height:48px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.branch-management-action span{flex:none;place-items:center;width:22px;height:22px;display:inline-grid;position:relative}.branch-management-action .mini-plus{width:8px;height:8px;position:absolute;bottom:-2px;right:-3px}.branch-role-tabs{box-sizing:border-box;background:#f2f4f8;border-radius:8px;justify-content:center;align-items:center;gap:4px;min-height:46px;padding:6px;display:flex;box-shadow:0 1px 2px #0000000d}.branch-role-tabs button{color:#504535;min-height:34px;font:inherit;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:8px 24px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.branch-role-tabs button.active{color:#7e5700;background:#fff;border-color:#7e57001a;box-shadow:0 1px 2px #0000000d}.branch-management-table-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.branch-management-table-wrap{overflow-x:auto}.branch-management-table{border-collapse:collapse;text-align:left;width:100%;min-width:920px}.branch-management-table thead{background:#f2f4f8}.branch-management-table th{color:#504535;letter-spacing:.8px;text-transform:uppercase;border-bottom:1px solid #e0e3e6;padding:16px 24px;font-size:10px;font-weight:700;line-height:12px}.branch-management-table th:first-child{padding-left:32px}.branch-management-table th:last-child{text-align:right;padding-right:32px}.branch-management-table td{color:#504535;vertical-align:middle;border-top:1px solid #f2f4f8;height:85px;padding:20px 24px;font-size:14px;font-weight:400;line-height:20px}.branch-management-table tbody tr:first-child td{border-top:0}.branch-management-table td:first-child{padding-left:32px}.branch-management-table td:last-child{text-align:right;padding-right:32px}.branch-management-table td:first-child strong{color:#191c1f;font-size:14px;font-weight:700;line-height:20px;display:block}.branch-management-table td:first-child span{color:#827562;text-transform:uppercase;max-width:130px;margin-top:2px;font-size:10px;font-weight:400;line-height:12px;display:block}.branch-management-table td:nth-child(2){color:#504535;letter-spacing:.2px;font-size:15px;font-weight:500}.branch-management-table td:nth-child(3) a{color:#7e5700;font-size:14px;font-weight:500;text-decoration:none}.branch-count-pill{color:#001a42;white-space:nowrap;background:#d8e2ff;border-radius:12px;justify-content:center;align-items:center;min-height:24px;padding:4px 12px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.branch-count-pill.neutral{color:#475569;background:#f1f5f9}.branch-pic-detail{background:#fff;border:1px solid #d4c4af4d;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 1px 2px #0000000d}.branch-pic-detail strong{color:#191c1f;font-size:14px;font-weight:800}.branch-pic-detail span{color:#504535;font-size:13px;font-weight:600;line-height:20px}.branch-manage-link{color:#7e5700;min-height:32px;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:8px 0;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.branch-management-empty{color:#827562;text-align:center;font-weight:600}.branch-management-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.branch-management-pagination p{color:#504535;margin:0;font-size:12px;font-weight:500}.branch-management-pagination nav{align-items:center;gap:4px;display:flex}.branch-management-pagination button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:600;display:grid}.branch-management-pagination button.active{color:#281900;background:#ebac34}.branch-management-pagination button.muted{opacity:.35}.branch-management-pagination span{color:#504535;padding:0 8px;font-size:12px}.branch-management-modal-overlay{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#191c1f57;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.branch-management-modal-card{background:#fff;border-radius:8px;flex-direction:column;width:min(672px,100%);max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #78350f1a}.branch-management-modal-header{background:#f2f4f8;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 32px;display:flex}.branch-management-modal-header h3{color:#191c1f;letter-spacing:-.03em;margin:0;font-size:24px;font-weight:800;line-height:32px}.branch-management-modal-header p{color:#827562;letter-spacing:1.1px;text-transform:uppercase;margin:4px 0 0;font-size:11px;font-weight:700;line-height:16px}.branch-management-modal-close{color:#827562;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.branch-management-modal-body{flex-direction:column;gap:32px;padding:32px;display:flex;overflow-y:auto}.branch-management-modal-search,.branch-management-modal-selection{flex-direction:column;gap:12px;display:flex}.branch-management-modal-search>span,.branch-management-modal-selection>span{color:#7e5700;letter-spacing:1.1px;text-transform:uppercase;font-size:11px;font-weight:800;line-height:16px}.branch-management-modal-search-input{position:relative}.branch-management-modal-search-input svg{color:#827562;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.branch-management-modal-search-input input{color:#191c1f;width:100%;min-height:48px;font:inherit;box-sizing:border-box;background:#f2f4f8;border:0;border-radius:8px;outline:none;padding:0 16px 0 48px;font-size:14px}.branch-management-modal-search-input input::placeholder{color:#6b7280}.branch-management-modal-search-input input:focus-visible{box-shadow:0 0 0 2px #ebac344d}.branch-management-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.branch-management-modal-grid button{color:#191c1f;text-align:left;cursor:pointer;background:#f2f4f8;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;min-height:72px;padding:16px;display:flex}.branch-management-modal-grid button.selected{border-color:#7e570033;box-shadow:0 8px 24px -18px #78350f80}.branch-management-modal-checkbox{color:#0000;background:#fff;border:1px solid #9d8763;border-radius:2px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.branch-management-modal-grid button.selected .branch-management-modal-checkbox{color:#fff;background:#7e5700;border-color:#7e5700}.branch-management-modal-option-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.branch-management-modal-option-copy strong{color:#191c1f;font-size:14px;font-weight:700;line-height:20px}.branch-management-modal-option-copy small{color:#827562;font-size:12px;font-weight:600;line-height:16px}.branch-management-modal-summary{background:#f2f4f8;border-left:4px solid #7e5700;border-radius:8px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:inset 0 2px 4px #0000000d}.branch-management-modal-summary-title{align-items:center;gap:8px;display:flex}.branch-management-modal-summary-icon{color:#7e5700;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.branch-management-modal-summary-title strong{color:#191c1f;letter-spacing:1.1px;text-transform:uppercase;font-size:11px;font-weight:900;line-height:16px}.branch-management-modal-summary-chips{flex-wrap:wrap;gap:8px;display:flex}.branch-management-modal-chip{color:#191c1f;min-height:31px;font:inherit;cursor:pointer;background:#fff;border:1px solid #ebac344d;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex;box-shadow:0 1px 2px #0000000d}.branch-management-modal-chip svg{color:#827562}.branch-management-modal-chip.ghost{color:#827562;cursor:default;box-shadow:none;text-transform:uppercase;background:0 0;border:2px dashed #d4c4af}.branch-management-modal-footer{background:#eceef2;justify-content:flex-end;gap:16px;padding:24px 32px;display:flex}.branch-management-modal-secondary,.branch-management-modal-primary{min-height:41px;font:inherit;letter-spacing:1.1px;text-transform:uppercase;cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;font-size:11px;font-weight:900;line-height:16px;display:inline-flex}.branch-management-modal-secondary{color:#191c1f;background:0 0;min-width:104px;padding:12px 32px}.branch-management-modal-primary{color:#281900;background:#ebac34;min-width:212px;padding:12px 40px;box-shadow:0 10px 15px -3px #78350f1a,0 4px 6px -4px #78350f1a}.payroll-component-page{flex-direction:column;gap:32px;display:flex}.payroll-component-header{justify-content:space-between;align-items:center;gap:32px;display:flex}.payroll-component-header nav{color:#50453599;letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:700;line-height:15px;display:flex}.payroll-component-header nav svg{width:6px}.payroll-component-header nav strong{color:#7e5700;font-weight:700}.payroll-component-header h2{color:#191c1f;letter-spacing:0;margin:8px 0 0;font-size:30px;font-weight:700;line-height:36px}.payroll-component-header p{color:#504535;margin:4px 0 0;font-size:14px;font-weight:500;line-height:20px}.payroll-component-add{color:#281900;min-height:48px;font:inherit;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.payroll-component-add>span{flex:none;place-items:center;width:22px;height:22px;display:inline-grid;position:relative}.payroll-component-add .mini-plus{width:9px;height:9px;position:absolute;bottom:-2px;right:-4px}.payroll-component-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.payroll-component-stat{box-sizing:border-box;background:#fff;border-left:4px solid #7e5700;border-radius:8px;flex-direction:column;justify-content:center;gap:8px;min-height:119px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.payroll-component-stat.red{border-left-color:#ba1a1a}.payroll-component-stat span{color:#50453599;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:600;line-height:15px}.payroll-component-stat strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:32px}.payroll-component-filter-panel{box-sizing:border-box;background:#f2f4f880;border:1px solid #d4c4af1a;border-radius:8px;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr)) auto;gap:16px;padding:17px 24px;display:grid;box-shadow:0 1px 2px #0000000d}.payroll-component-filter-field{flex-direction:column;gap:6px;min-width:0;display:flex}.payroll-component-filter-field>span{color:#504535;letter-spacing:1px;text-transform:uppercase;padding-left:4px;font-size:10px;font-weight:700;line-height:15px}.payroll-component-input,.payroll-component-select{box-sizing:border-box;background:#fff;border-radius:4px;align-items:center;gap:12px;min-width:0;min-height:42px;padding:0 16px;display:flex;box-shadow:0 1px 2px #0000000d}.payroll-component-input{color:#504535}.payroll-component-input svg{color:#6b7280;flex:none}.payroll-component-input input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.payroll-component-input input::placeholder{color:#50453573}.payroll-component-filter-panel button{color:#281900;min-width:124px;min-height:42px;font:inherit;text-transform:uppercase;cursor:pointer;background:#ebac34;border:0;border-radius:4px;justify-content:center;align-self:end;align-items:center;gap:10px;padding:0 24px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.payroll-component-empty{color:#6b7280;text-align:center;padding:28px 16px}.payroll-component-status{border-radius:999px;align-items:center;margin-top:8px;padding:4px 10px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.payroll-component-status.active{color:#047857;background:#0596691f}.payroll-component-status.inactive{color:#b91c1c;background:#b91c1c1f}.payroll-component-table-card{background:#fff;border:1px solid #e6e8ec;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.payroll-component-table-wrap{overflow-x:auto}.payroll-component-table{border-collapse:collapse;text-align:left;width:100%;min-width:860px}.payroll-component-table thead{background:#f2f4f8}.payroll-component-table th{color:#504535b3;letter-spacing:.8px;text-transform:uppercase;border-bottom:1px solid #e6e8ec;padding:16px 24px;font-size:10px;font-weight:700;line-height:12px}.payroll-component-table th:last-child{text-align:right}.payroll-component-table td{color:#504535;vertical-align:middle;border-top:1px solid #e6e8ec;height:88px;padding:18px 24px;font-size:14px;line-height:20px}.payroll-component-table tbody tr:first-child td{border-top:0}.payroll-component-name-cell{flex-direction:column;gap:4px;max-width:220px;display:flex}.payroll-component-name-cell strong{color:#191c1f;font-size:14px;font-weight:700;line-height:20px;display:block}.payroll-component-name-cell span{color:#504535;font-size:11px;line-height:15px;display:block}.payroll-type-pill{letter-spacing:1px;text-transform:uppercase;border-radius:12px;align-items:center;min-height:20px;padding:4px 10px;font-size:10px;font-weight:700;line-height:12px;display:inline-flex}.payroll-type-pill.allowance{color:#15803d;background:#f0fdf4}.payroll-type-pill.deduction{color:#b91c1c;background:#fef2f2}.payroll-apply-type{color:#504535;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.payroll-apply-type i{border-radius:999px;width:8px;height:8px;display:block}.payroll-apply-type.blue i{background:#0058be}.payroll-apply-type.gold i{background:#ebac34}.payroll-nominal{color:#191c1f;max-width:140px;font-size:14px;font-weight:700;line-height:20px;display:block}.payroll-component-meta-stack{flex-direction:column;gap:8px;display:inline-flex}.payroll-component-table td:last-child{text-align:right}.payroll-component-actions{justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.payroll-component-actions button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:15px;display:grid}.payroll-component-actions button.settings{color:#7e5700}.payroll-component-actions button.danger{color:#ba1a1a}.payroll-component-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.payroll-component-pagination p{color:#504535;margin:0;font-size:12px;font-weight:500}.payroll-component-pagination nav{align-items:center;gap:4px;display:flex}.payroll-component-pagination button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:600;display:grid}.payroll-component-pagination button.active{color:#281900;background:#ebac34}.payroll-component-pagination button.muted{opacity:.35}.payroll-component-pagination span{color:#504535;padding:0 8px;font-size:12px}.payroll-component-modal-overlay{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at top,#ffffff3d,#0000 32%),#1118279e;justify-content:center;align-items:center;padding:32px 16px;display:flex;position:fixed;inset:0}.payroll-component-modal-card{background:#fff;border-radius:8px;flex-direction:column;width:min(100%,512px);max-width:512px;max-height:min(578px,100vh - 32px);display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.payroll-component-modal-header{border-bottom:1px solid #eceef2;flex-direction:column;gap:4px;padding:24px 32px;display:flex}.payroll-component-modal-header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.payroll-component-modal-header h3{color:#191c1f;margin:0;font-size:20px;font-weight:900;line-height:28px}.payroll-component-modal-header p{color:#827562;margin:0;font-size:14px;line-height:20px}.payroll-component-modal-close{color:#827562;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.payroll-component-modal-close svg{width:20px;height:20px}.payroll-component-modal-form{flex-direction:column;flex:1;min-height:0;display:flex}.payroll-component-modal-body{flex-direction:column;flex:1;gap:20px;min-height:0;padding:32px;display:flex;overflow-y:auto}.payroll-component-modal-feedback{color:#b91c1c;background:#b91c1c14;border-radius:6px;margin:0;padding:10px 12px;font-size:13px;font-weight:500;line-height:18px}.payroll-component-modal-intro{background:linear-gradient(#fcfcfd 0%,#f7f9fd 100%);border:1px solid #eceef2;border-radius:8px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.payroll-component-modal-intro span{color:#827562;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:14px}.payroll-component-modal-intro strong{color:#191c1f;font-size:14px;font-weight:700;line-height:20px}.payroll-component-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.payroll-component-modal-grid-accent{background:#fcfcfd;border:1px solid #eceef2;border-radius:10px;padding:18px}.payroll-component-modal-field{flex-direction:column;gap:8px;min-width:0;display:flex}.payroll-component-modal-field>span:first-child{color:#d4c4af;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.payroll-component-modal-field input,.payroll-component-modal-select{box-sizing:border-box;color:#191c1f;width:100%;min-width:0;min-height:42px;font:inherit;background:#f7f9fd;border:1px solid #e0e3e6;border-radius:8px;align-items:center;transition:border-color .18s,box-shadow .18s,background-color .18s;display:flex}.payroll-component-modal-field input{padding:11px 14px 12px;font-size:14px;line-height:17px}.payroll-component-modal-field input:focus,.payroll-component-modal-select:focus-within{border-color:#7e570073;box-shadow:0 0 0 3px #ebac3424}.payroll-component-modal-field input::placeholder{color:#6b7280}.payroll-component-modal-field input:disabled{color:#827562;cursor:not-allowed;background:#eef2f7}.payroll-component-modal-currency{align-items:center;width:100%;display:flex;position:relative}.payroll-component-modal-currency strong{z-index:1;color:#827562;font-size:14px;font-weight:700;line-height:20px;position:absolute;left:16px}.payroll-component-modal-currency input{padding-left:82px;font-weight:600}.payroll-component-modal-footer{background:#f2f4f8;justify-content:flex-end;gap:12px;padding:24px 32px;display:flex}.payroll-component-modal-secondary,.payroll-component-modal-primary{min-height:40px;font:inherit;cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;font-size:14px;line-height:20px;display:inline-flex}.payroll-component-modal-secondary{color:#827562;background:0 0;min-width:82px;padding:10px 24px;font-weight:600}.payroll-component-modal-primary{color:#fff;background:linear-gradient(90deg,#ebac34 0%,#7e5700 100%);min-width:193px;padding:10px 32px;font-weight:700;box-shadow:0 10px 15px -3px #78350f33,0 4px 6px -4px #78350f33}.payroll-component-modal-secondary:disabled,.payroll-component-modal-primary:disabled{cursor:not-allowed;opacity:.7}.payroll-dropdown{width:100%;position:relative}.payroll-dropdown.disabled{pointer-events:none}.payroll-dropdown-trigger{color:#191c1f;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;font-size:14px;line-height:20px;display:flex}.payroll-dropdown-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.payroll-dropdown-trigger svg{color:#827562;flex:none;transition:transform .18s}.payroll-dropdown.open .payroll-dropdown-trigger svg{transform:rotate(180deg)}.payroll-dropdown-menu{z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #e0e3e6f2;border-radius:12px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 20px 40px -16px #0f172a47,0 8px 16px -12px #0f172a38}.payroll-dropdown-menu-filter,.payroll-dropdown-menu-modal{min-width:100%}.payroll-dropdown-option{color:#3c3126;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:14px;line-height:20px;transition:background-color .16s,color .16s,transform .16s;display:flex}.payroll-dropdown-option:hover{color:#191c1f;background:#ebac341f}.payroll-dropdown-option.selected{color:#191c1f;background:linear-gradient(90deg,#ebac342e,#7e570014);font-weight:700}.payroll-dropdown-option svg{color:#7e5700;flex:none}.wage-page{flex-direction:column;gap:32px;display:flex}.wage-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.wage-header h2{color:#191c1f;margin:0;font-size:30px;font-weight:700;line-height:36px}.wage-header p{color:#50453599;letter-spacing:.4px;margin:4px 0 0;font-size:16px;font-weight:500;line-height:24px}.wage-action{color:#281900;min-height:48px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.wage-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.wage-stat-card{box-sizing:border-box;background:#fff;border-left:4px solid #7e5700;border-radius:8px;flex-direction:column;justify-content:center;gap:8px;min-height:119px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.wage-stat-card.red{border-left-color:#ba1a1a}.wage-stat-card span{color:#50453599;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:600;line-height:15px}.wage-stat-card strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:32px}.wage-filter-grid{grid-template-columns:minmax(260px,.5fr) minmax(0,1fr);gap:16px;display:grid}.wage-perspective-card,.wage-search-card{box-sizing:border-box;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;gap:8px;min-height:115px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.wage-perspective-card>span,.wage-search-card>span{color:#7e570099;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.wage-perspective-card div{background:#f2f4f8;border-radius:4px;align-items:center;gap:4px;min-height:44px;padding:4px;display:flex}.wage-perspective-card button{color:#504535;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:8px 20px;font-size:14px;font-weight:500;display:inline-flex}.wage-perspective-card button.active{color:#7e5700;background:#fff;font-weight:700;box-shadow:0 1px 2px #0000000d}.wage-search-card div{color:#50453566;background:#f2f4f8;border-radius:8px;align-items:center;gap:16px;min-height:44px;padding:0 16px 0 24px;display:flex}.wage-search-card input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.wage-search-card input::placeholder{color:#50453573}.wage-table-card{background:#fff;border:1px solid #eceef2;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.wage-table-card>header{box-sizing:border-box;border-bottom:1px solid #eceef2;align-items:center;min-height:77px;padding:24px;display:flex}.wage-table-card h3{color:#191c1f;margin:0;font-size:18px;font-weight:700;line-height:28px}.wage-table-wrap{overflow-x:auto}.wage-table{border-collapse:collapse;text-align:left;width:100%;min-width:930px}.wage-table thead{background:#f2f4f880}.wage-table th{color:#504535b3;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #eceef2;padding:16px 24px;font-size:10px;font-weight:700;line-height:12px}.wage-table th:last-child{text-align:right}.wage-table td{color:#191c1f;vertical-align:middle;border-top:1px solid #eceef2;height:107px;padding:20px 24px}.wage-table tbody tr:first-child td{border-top:0}.wage-table td:first-child strong{color:#191c1f;max-width:180px;font-size:18px;font-weight:700;line-height:24px;display:block}.wage-detail-grid{grid-template-columns:repeat(4,minmax(78px,1fr));gap:16px 24px;display:grid}.wage-detail-grid div{gap:4px;display:grid}.wage-detail-grid span{color:#50453566;text-transform:uppercase;font-size:9px;font-weight:700;line-height:11px}.wage-detail-grid strong{color:#191c1f;max-width:92px;font-size:12px;font-weight:600;line-height:16px}.wage-detail-grid strong.danger{color:#ba1a1a;text-transform:uppercase}.wage-cycle{align-items:center;gap:12px;display:flex}.wage-cycle>span{color:#7e5700;background:#ebac341a;border-radius:4px;flex:none;place-items:center;width:36px;height:36px;display:grid}.wage-cycle strong{color:#191c1f;font-size:12px;font-weight:700;line-height:16px;display:block}.wage-cycle p{color:#50453599;max-width:90px;margin:0;font-size:10px;font-weight:500;line-height:12px}.wage-table td:last-child{text-align:right}.wage-edit{color:#7e5700;width:36px;height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:20px;display:inline-grid}.wage-employee-table{min-width:1340px}.wage-employee-table th,.wage-employee-table td{padding:16px 18px}.wage-employee-table td{color:#504535;white-space:nowrap;height:76px;font-size:13px;font-weight:500}.wage-employee-table td:first-child strong{white-space:normal;max-width:150px;font-size:14px;line-height:20px}.wage-employee-table td:nth-child(2),.wage-employee-table td:nth-child(3){color:#334155;letter-spacing:.2px;font-size:12px}.wage-employee-table td:nth-child(6),.wage-employee-table td:nth-child(7){color:#191c1f;font-weight:700}.wage-employee-table td:nth-child(8){color:#ba1a1a;font-weight:700}.wage-employee-table th:last-child,.wage-employee-table td:last-child{text-align:right}.wage-cycle-pill{color:#7e5700;background:#ebac341f;border-radius:12px;justify-content:center;align-items:center;min-height:24px;padding:4px 10px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.wage-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.wage-pagination p{color:#504535;margin:0;font-size:12px;font-weight:500}.wage-pagination nav{align-items:center;gap:4px;display:flex}.wage-pagination button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:600;display:grid}.wage-pagination button.active{color:#281900;background:#ebac34}.wage-pagination button.muted{opacity:.35}.wage-pagination span{color:#504535;padding:0 8px;font-size:12px}.event-page{flex-direction:column;gap:32px;display:flex}.event-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.event-header nav{color:#50453580;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:8px;font-size:10px;font-weight:700;line-height:15px;display:flex}.event-header nav strong{color:#504535}.event-header h2{color:#191c1f;margin:0;font-size:30px;font-weight:700;line-height:45px}.event-add{color:#281900;min-height:48px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 10px 15px -3px #ebac3433,0 4px 6px -4px #ebac3433}.event-add svg{font-size:18px}.event-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.event-stat-card{box-sizing:border-box;background:#fff;border-left:4px solid #7e5700;border-radius:8px;flex-direction:column;justify-content:center;gap:8px;min-height:119px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.event-stat-card.red{border-left-color:#ba1a1a}.event-stat-card span{color:#50453599;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:600;line-height:15px}.event-stat-card strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:32px}.event-filter-panel{box-sizing:border-box;background:#f2f4f880;border:1px solid #d4c4af1a;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:17px;display:grid}.event-filter-field{flex-direction:column;gap:6px;min-width:0;display:flex}.event-filter-field>span{color:#504535;letter-spacing:1px;text-transform:uppercase;padding-left:4px;font-size:10px;font-weight:700;line-height:15px}.event-filter-input,.event-filter-select{color:#191c1f;box-sizing:border-box;background:#fff;border:0;border-radius:4px;align-items:center;gap:12px;min-width:0;min-height:42px;padding:0 16px;display:flex;box-shadow:0 1px 2px #0000000d}.event-filter-input{color:#504535}.event-filter-input svg{color:#504535;opacity:.75;flex:none;width:14px}.event-filter-input input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.event-filter-input input::placeholder{color:#50453573}.event-filter-select{width:100%;font:inherit;text-align:left;cursor:pointer;justify-content:space-between;font-size:14px;font-weight:400}.event-filter-select.muted{color:#6b7280}.event-filter-select svg{color:#6b7280;flex:none}.event-table-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.event-table-wrap{overflow-x:auto}.event-table{border-collapse:collapse;text-align:left;width:100%;min-width:930px}.event-table thead{background:#f2f4f8}.event-table th{color:#504535;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #d4c4af1a;padding:16px 24px;font-size:10px;font-weight:700;line-height:12px}.event-table th:last-child{text-align:center}.event-table td{color:#191c1f;vertical-align:middle;border-top:1px solid #d4c4af1a;height:85px;padding:20px 24px;font-size:14px}.event-table tbody tr:first-child td{border-top:0}.event-table td:first-child{width:235px}.event-table td:first-child strong,.event-table td:nth-child(3) strong{color:#191c1f;font-size:14px;font-weight:600;line-height:20px;display:block}.event-table td:first-child span,.event-table td:nth-child(3) span{color:#504535b3;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:500;line-height:12px;display:block}.event-table td:nth-child(4),.event-table td:nth-child(5){font-size:15px;font-weight:400}.event-position-badge{text-transform:uppercase;border-radius:6px;align-items:center;max-width:112px;min-height:20px;padding:4px 10px;font-size:10px;font-weight:700;line-height:12px;display:inline-flex}.event-position-badge.gold{color:#5f4100;background:#ffdeac4d}.event-position-badge.blue{color:#004395;background:#d8e2ff4d}.event-position-badge.cyan{color:#004b72;background:#cce5ff4d}.event-wage{color:#191c1f;max-width:88px;font-size:15px;font-weight:700;line-height:20px;display:block}.event-table td:last-child{text-align:center}.event-actions{justify-content:center;align-items:center;gap:8px;display:inline-flex}.event-actions button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:16px;display:grid}.event-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.event-pagination p{color:#504535;margin:0;font-size:12px;font-weight:500}.event-pagination nav{align-items:center;gap:4px;display:flex}.event-pagination button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:600;display:grid}.event-pagination button.active{color:#281900;background:#ebac34}.event-pagination button.muted{opacity:.35}.event-pagination span{color:#504535;padding:0 8px;font-size:12px}.payroll-management-page{flex-direction:column;gap:40px;display:flex}.payroll-management-summary{gap:24px;display:grid}.payroll-management-top-stats{grid-template-columns:1.55fr repeat(3,1fr);gap:20px;display:grid}.payroll-management-bottom-stats{grid-template-columns:1fr 1fr 1fr .46fr 1fr;gap:20px;display:grid}.payroll-management-stat,.payroll-management-mini-stat{box-sizing:border-box;background:#fff;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.payroll-management-stat{align-content:start;gap:4px;min-height:130px;padding:24px;display:grid}.payroll-management-stat.gold{border-left:4px solid #7e5700}.payroll-management-mini-stat{align-content:center;gap:4px;min-height:91px;padding:20px;display:grid}.payroll-management-mini-stat.red{border-bottom:4px solid #ba1a1a33}.payroll-management-stat span,.payroll-management-mini-stat span{color:#94a3b8;letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.payroll-management-stat strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:32px}.payroll-management-stat strong.blue{color:#0058be}.payroll-management-stat em{color:#94a3b8;font-size:12px;font-style:normal;font-weight:500;position:absolute;top:70px;left:118px}.payroll-management-stat small{color:#16a34a;background:#f0fdf4;border-radius:12px;align-items:center;width:fit-content;min-height:23px;margin-top:10px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.payroll-management-mini-stat strong{color:#191c1f;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;line-height:28px}.payroll-management-mini-stat strong.red{color:#ba1a1a}.payroll-management-mini-stat strong.orange{color:#d97706}.payroll-management-filter{box-sizing:border-box;background:#f2f4f880;border:1px solid #d4c4af1a;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:17px;display:grid}.payroll-management-filter-field{gap:6px;min-width:0;display:grid}.payroll-management-filter-field>span{color:#504535;letter-spacing:1px;text-transform:uppercase;padding-left:4px;font-size:10px;font-weight:700;line-height:15px}.payroll-management-filter-field button{color:#191c1f;min-height:42px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:14px;display:flex;box-shadow:0 1px 2px #0000000d}.payroll-management-filter-field button.muted{color:#6b7280}.payroll-management-filter-field svg{color:#6b7280;flex:none}.payroll-management-period{gap:24px;display:grid}.payroll-management-period-header{grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.payroll-management-period-header>button{color:#281900;min-height:36px;font:inherit;cursor:pointer;white-space:nowrap;background:#ebac34;border:0;border-radius:4px;justify-content:center;align-items:center;padding:8px 16px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.payroll-management-period-header>button:disabled{color:#94a3b8;cursor:not-allowed;background:#e6e8ec}.payroll-management-period-title{grid-template-columns:minmax(32px,1fr) auto minmax(32px,1fr);align-items:center;gap:16px;padding:0 8px;display:grid}.payroll-management-period-title span{background:linear-gradient(90deg,#d4c4af00,#d4c4af99,#d4c4af00);height:2px}.payroll-management-period-title h3{color:#7e5700;letter-spacing:3px;text-align:center;text-transform:uppercase;background:#ffdeac73;border-radius:8px;margin:0;padding:8px 24px;font-size:11px;font-weight:700;line-height:17px}.payroll-management-period-title h3.muted{color:#94a3b8;background:#e6e8eca6}.payroll-management-table-card{background:#fff;border:1px solid #e6e8ec;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.payroll-management-table-card.locked{opacity:.86}.payroll-management-table-wrap{overflow-x:auto}.payroll-management-table{border-collapse:collapse;text-align:left;width:100%;min-width:1360px}.payroll-management-table thead{background:#f2f4f880}.payroll-management-table th{color:#94a3b8;letter-spacing:1px;text-transform:uppercase;padding:16px;font-size:10px;font-weight:700;line-height:12px}.payroll-management-table th:nth-child(5),.payroll-management-table th:nth-child(14){text-align:center}.payroll-management-table th:nth-child(7),.payroll-management-table th:nth-child(8),.payroll-management-table th:nth-child(10),.payroll-management-table th:nth-child(11),.payroll-management-table th:nth-child(12),.payroll-management-table th:nth-child(13){text-align:right}.payroll-management-table td{color:#191c1f;vertical-align:middle;border-top:1px solid #f2f4f8;height:100px;padding:20px 16px;font-size:14px}.payroll-management-table tbody tr:first-child td{border-top:0}.payroll-management-person{align-items:center;gap:12px;min-width:145px;display:flex}.payroll-management-person>span{border-radius:2px;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.payroll-management-person>span.gold{color:#7e5700;background:#ffdeac}.payroll-management-person>span.blue{color:#0058be;background:#d8e2ff}.payroll-management-person strong,.payroll-management-money,.payroll-management-take-home{color:#191c1f;font-size:14px;font-weight:700;line-height:20px;display:block}.payroll-management-person small{color:#94a3b8;margin-top:2px;font-size:10px;line-height:12px;display:block}.payroll-management-position{color:#64748b;letter-spacing:1px;text-transform:uppercase;background:#f1f5f9;border-radius:2px;align-items:center;min-height:20px;padding:4px 10px;font-size:10px;font-weight:700;line-height:12px;display:inline-flex}.payroll-management-account{color:#191c1f;max-width:82px;font-size:12px;font-weight:500;line-height:16px;display:block}.payroll-management-account+small{text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:700;line-height:11px;display:block}.payroll-management-account+small.blue{color:#0058be}.payroll-management-account+small.orange{color:#ea580c}.payroll-management-status{letter-spacing:.45px;text-transform:uppercase;border-radius:12px;justify-content:center;align-items:center;min-height:19px;padding:4px 12px;font-size:9px;font-weight:700;line-height:11px;display:inline-flex}.payroll-management-status.green{color:#15803d;background:#dcfce7}.payroll-management-status.yellow{color:#b45309;background:#fef3c7}.payroll-management-table td:nth-child(5),.payroll-management-table td:nth-child(14){text-align:center}.payroll-management-table td:nth-child(6){font-weight:600}.payroll-management-center{text-align:center}.payroll-management-right,.payroll-management-table td:nth-child(7),.payroll-management-table td:nth-child(8),.payroll-management-table td:nth-child(10),.payroll-management-table td:nth-child(11),.payroll-management-table td:nth-child(12),.payroll-management-table td:nth-child(13){text-align:right}.payroll-management-bonus{color:#0058be;font-size:14px;font-weight:700;line-height:20px;display:block}.payroll-management-deduction{color:#ba1a1a;font-size:14px;font-weight:700;line-height:20px;display:block}.payroll-management-action{color:#cbd5e1;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;display:inline-grid}.payroll-management-locked-state{color:#94a3b8;text-align:center;align-content:center;place-items:center;gap:8px;min-height:180px;display:grid}.payroll-management-locked-state svg{color:#cbd5e1;font-size:30px}.payroll-management-locked-state strong{letter-spacing:1.2px;text-transform:uppercase;font-size:12px;font-weight:700;line-height:16px}.payroll-management-locked-state button{color:#7e5700;font:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #7e570040;padding:0 0 2px;font-size:10px;font-weight:700;line-height:12px}.payroll-result-page{flex-direction:column;gap:40px;display:flex}.payroll-result-header{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.payroll-result-header h2{color:#191c1f;margin:0;font-size:30px;font-weight:700;line-height:38px}.payroll-result-header p{color:#504535;margin:4px 0 0;font-size:14px;font-weight:400;line-height:20px}.payroll-result-filterbar{align-items:flex-end;gap:16px;display:flex}.payroll-result-filterbar label{gap:6px;display:grid}.payroll-result-filterbar label>span{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.payroll-result-filterbar label:first-child{width:178px}.payroll-result-filterbar label:nth-child(2){width:220px}.payroll-result-filterbar label button,.payroll-result-filter-button{min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:8px;align-items:center;display:inline-flex}.payroll-result-filterbar label button{color:#191c1f;background:#fff;justify-content:space-between;gap:12px;width:100%;padding:12px 16px 12px 20px;font-size:14px;font-weight:600;box-shadow:0 1px 2px #0000000d}.payroll-result-filterbar label button svg{color:#94a3b8;font-size:18px}.payroll-result-filter-button{color:#fff;background:#ebac34;justify-content:center;width:44px;height:44px;padding:0;font-size:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.payroll-result-brief{grid-template-columns:1fr 1fr 2.15fr;align-items:stretch;gap:24px;display:grid}.payroll-result-stat,.payroll-result-compliance{box-sizing:border-box;border-radius:8px;overflow:hidden}.payroll-result-stat{background:#fff;border:1px solid #f1f5f980;align-content:center;gap:8px;min-height:105px;padding:24px;display:grid;box-shadow:0 1px 2px #0000000d}.payroll-result-stat span,.payroll-result-compliance span,.payroll-result-list h3,.payroll-result-metric span{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px}.payroll-result-stat strong{color:#191c1f;font-size:24px;font-weight:700;line-height:32px}.payroll-result-compliance{color:#fff;background:linear-gradient(90deg,#ebac34 0%,#7e5700 100%);justify-content:space-between;align-items:center;min-height:130px;padding:24px;display:flex;position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.payroll-result-compliance span{color:#ffffffd1;font-weight:700}.payroll-result-compliance strong{color:#fff;margin-top:8px;font-size:24px;font-weight:700;line-height:32px;display:block}.payroll-result-compliance p{color:#ffffffb8;margin:4px 0 0;font-size:11px;line-height:16px}.payroll-result-compliance>svg{color:#28190040;font-size:44px;position:absolute;bottom:14px;right:18px}.payroll-result-list{gap:16px;display:grid}.payroll-result-list h3{letter-spacing:1.1px;margin:0;font-size:11px;line-height:17px}.payroll-result-card{box-sizing:border-box;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;min-height:115px;padding:24px;display:flex;box-shadow:0 1px 2px #0000000d}.payroll-result-card-main{flex:1;align-items:center;gap:32px;min-width:0;display:flex}.payroll-result-metric{gap:4px;min-width:80px;display:grid}.payroll-result-metric.wide{min-width:235px}.payroll-result-metric strong{color:#191c1f;max-width:190px;font-size:16px;font-weight:700;line-height:24px}.payroll-result-metric.amount strong{color:#0058be;font-weight:700}.payroll-result-divider{background:#e2e8f0bf;flex:none;width:1px;height:40px}.payroll-result-card-actions{justify-content:flex-end;align-items:center;gap:24px;display:flex}.payroll-result-status{text-transform:uppercase;border-radius:12px;justify-content:center;align-items:center;min-height:23px;padding:4px 12px;font-size:10px;font-weight:700;line-height:15px;display:inline-flex}.payroll-result-status.green{color:#15803d;background:#dcfce7}.payroll-result-status.yellow{color:#b45309;background:#fef3c7}.payroll-result-card-actions button{color:#191c1f;min-height:36px;font:inherit;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;background:#eceef2;border:0;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.payroll-result-card-actions button svg{display:none}.payroll-rapel-page{flex-direction:column;gap:32px;display:flex}.payroll-rapel-header{justify-content:space-between;align-items:center;gap:32px;display:flex}.payroll-rapel-header span{color:#7e5700;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:15px;display:block}.payroll-rapel-header h2{color:#191c1f;text-transform:uppercase;margin:4px 0 0;font-size:30px;font-weight:700;line-height:36px}.payroll-rapel-blast{color:#281900;min-height:48px;font:inherit;text-transform:uppercase;cursor:pointer;background:#ebac34;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.payroll-rapel-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.payroll-rapel-stat{box-sizing:border-box;background:#fff;border-radius:8px;align-content:center;gap:12px;min-height:153px;padding:24px;display:grid;box-shadow:0 1px 2px #0000000d}.payroll-rapel-stat span{color:#504535;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:500;line-height:15px}.payroll-rapel-stat strong{color:#191c1f;font-size:36px;font-weight:700;line-height:40px}.payroll-rapel-stat p{color:#827562;margin:0;font-size:12px;line-height:16px}.payroll-rapel-progress{background:#f2f4f8;border-radius:12px;width:100%;height:4px;overflow:hidden}.payroll-rapel-progress span{background:linear-gradient(90deg,#ebac34 0%,#7e5700 100%);width:75%;height:100%;display:block}.payroll-rapel-filter{box-sizing:border-box;background:#fff;border:1px solid #d4c4af1a;border-radius:8px;align-items:center;gap:16px;min-height:70px;padding:0 25px;display:flex;box-shadow:0 1px 2px #0000000d}.payroll-rapel-filter label{color:#50453580;background:#f2f4f8;border-radius:4px;flex:1;align-items:center;gap:16px;min-width:0;min-height:40px;padding:0 16px 0 20px;display:flex}.payroll-rapel-filter input{color:#191c1f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.payroll-rapel-filter input::placeholder{color:#50453573}.payroll-rapel-filter button{color:#281900;min-height:40px;font:inherit;text-transform:uppercase;cursor:pointer;background:#ebac34;border:0;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.payroll-rapel-table-card{background:#fff;border:1px solid #eceef2;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.payroll-rapel-table-wrap{overflow-x:auto}.payroll-rapel-table{border-collapse:collapse;text-align:left;width:100%;min-width:1120px}.payroll-rapel-table thead{background:#f2f4f8}.payroll-rapel-table th{color:#191c1f;letter-spacing:1px;text-transform:uppercase;padding:16px 18px;font-size:10px;font-weight:700;line-height:12px}.payroll-rapel-table th:nth-child(n+4):nth-child(-n+8){text-align:center}.payroll-rapel-table th:last-child,.payroll-rapel-table td:last-child{text-align:right}.payroll-rapel-table td{color:#191c1f;vertical-align:middle;border-top:1px solid #eceef2;height:84px;padding:18px;font-size:14px}.payroll-rapel-table tbody tr:first-child td{border-top:0}.payroll-rapel-table td:nth-child(n+4):nth-child(-n+8){text-align:center}.payroll-rapel-table td:nth-child(2){color:#504535;font-family:Liberation Mono,monospace;line-height:20px}.payroll-rapel-table td:nth-child(3){color:#504535;max-width:150px;font-size:12px;line-height:16px}.payroll-rapel-person{align-items:center;gap:12px;min-width:195px;display:flex}.payroll-rapel-person>span{border-radius:14px;flex:none;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid}.payroll-rapel-person>span.gold{color:#7e5700;background:#ffdeac}.payroll-rapel-person>span.blue{color:#0058be;background:#d8e2ff}.payroll-rapel-person>span.cyan{color:#006496;background:#cce5ff}.payroll-rapel-person strong{color:#191c1f;max-width:120px;font-size:14px;font-weight:700;line-height:20px;display:block}.payroll-rapel-person small{color:#827562;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:500;line-height:12px;display:block}.payroll-rapel-table td.danger{color:#ba1a1a}.payroll-rapel-table td.success{color:#16a34a}.payroll-rapel-table td:nth-child(11) strong{color:#191c1f;max-width:110px;font-size:14px;font-weight:700;line-height:20px;display:block}.payroll-rapel-pagination{background:#f2f4f84d;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 24px;display:flex}.payroll-rapel-pagination p{color:#504535;margin:0;font-size:12px;font-weight:600;line-height:16px}.payroll-rapel-pagination nav{align-items:center;gap:4px;display:flex}.payroll-rapel-pagination button{color:#504535;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:12px;font-weight:700;display:grid}.payroll-rapel-pagination button.active{color:#281900;background:#ebac34}.payroll-rapel-pagination button.muted{opacity:.35}.payroll-rapel-pagination span{color:#504535;padding:0 8px;font-size:12px}@media (width<=1180px){.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.analysis-grid{grid-template-columns:1fr}.employee-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.performance-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-filter-panel{flex-wrap:wrap}.performance-search{flex-basis:100%}.mutation-filter-panel{flex-wrap:wrap}.mutation-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-analytics{grid-template-columns:1fr}.attendance-summary-column{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-filter-panel{flex-wrap:wrap}.physical-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.physical-sync-card{grid-column:1/-1}.schedule-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-insight-grid{grid-template-columns:1fr}.schedule-filter-panel{flex-wrap:wrap}.schedule-search{flex-basis:100%}.activation-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activation-filter-panel{flex-wrap:wrap}.activation-search{flex-basis:100%}.operational-summary-grid,.operational-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.operational-type-tabs{max-width:none;overflow-x:auto}.operational-type-tabs button{flex:none;min-width:170px}.attendance-search,.mutation-search{flex-basis:100%}.client-stat-grid,.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.branch-filter-panel{flex-wrap:wrap}.branch-search{flex-basis:100%}.branch-role-tabs{justify-content:flex-start;overflow-x:auto}.payroll-component-filter-panel{grid-template-columns:1fr 1fr}.payroll-component-filter-field:first-child{grid-column:1/-1}.payroll-component-modal-grid,.wage-filter-grid{grid-template-columns:1fr}.wage-detail-grid{grid-template-columns:repeat(3,minmax(78px,1fr))}.event-filter-panel,.payroll-management-top-stats,.payroll-management-bottom-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-management-filter{grid-template-columns:1fr}.payroll-result-header,.payroll-result-card{flex-direction:column;align-items:stretch}.payroll-result-filterbar{flex-wrap:wrap;width:100%}.payroll-result-filterbar label:first-child,.payroll-result-filterbar label:nth-child(2){flex:1;width:auto;min-width:220px}.payroll-result-brief{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-result-compliance{grid-column:1/-1}.payroll-result-card-main{flex-wrap:wrap;width:100%}.payroll-result-card-actions{width:100%}.payroll-rapel-filter{flex-wrap:wrap}.payroll-rapel-filter label{flex-basis:100%}}@media (width<=820px){.app-shell{display:block}.main-shell{padding-left:0}.sidebar{gap:24px;width:auto;min-height:auto;position:static}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.top-navbar,.app-footer{flex-direction:column;align-items:flex-start}.navbar-actions{justify-content:space-between;width:100%}.content-area{padding:24px 16px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel-header,.chart-legend{flex-direction:column;align-items:flex-start}.footer-socials{border-left:0;padding-left:0}.employee-header,.employee-filter-panel,.employee-pagination{flex-direction:column;align-items:stretch}.employee-header-actions{justify-content:flex-start}.employee-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.select-field{width:100%}.employee-pagination nav{justify-content:flex-end}.employee-modal-overlay{align-items:flex-start;padding:16px}.employee-modal-card{max-height:calc(100vh - 32px)}.employee-modal-grid{grid-template-columns:1fr;padding:24px}.employee-promotion-grid{grid-template-columns:1fr}.employee-modal-footer{padding:20px 24px}.employee-detail-header,.employee-detail-footer{flex-direction:column;align-items:stretch}.employee-detail-actions{justify-content:flex-start}.employee-detail-layout{grid-template-columns:1fr}.employee-detail-right{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.employee-detail-right>.employee-detail-section-title,.employee-detail-wide-card,.employee-detail-leave-card,.employee-detail-activity-card{grid-column:1/-1}.performance-filter-panel,.performance-pagination{flex-direction:column;align-items:stretch}.performance-search,.performance-select,.performance-select.wide,.performance-apply{width:100%;min-width:0}.performance-pagination nav{justify-content:flex-end}.mutation-header,.mutation-filter-panel,.mutation-pagination{flex-direction:column;align-items:stretch}.mutation-stat-grid{grid-template-columns:1fr}.mutation-search,.mutation-select,.mutation-apply{width:100%;min-width:0;margin-left:0}.mutation-pagination nav{justify-content:flex-end}.attendance-header,.attendance-header-actions,.attendance-filter-panel{flex-direction:column;align-items:stretch}.attendance-header-actions,.attendance-secondary-button,.attendance-primary-button,.attendance-date-filter,.attendance-select,.attendance-search{width:100%;min-width:0}.schedule-header,.schedule-actions,.schedule-filter-panel{flex-direction:column;align-items:stretch}.schedule-actions,.schedule-secondary-button,.schedule-primary-button,.schedule-date-filter,.schedule-select,.schedule-search{width:100%;min-width:0}.schedule-summary-grid{grid-template-columns:1fr}.schedule-chart-scroll{overflow-x:auto}.schedule-bar-chart,.schedule-chart-axis{min-width:560px}.activation-header,.activation-filter-panel,.activation-pagination{flex-direction:column;align-items:stretch}.activation-add-button,.activation-search,.activation-status-select,.activation-filter-button{width:100%;min-width:0}.activation-summary-grid{grid-template-columns:1fr}.activation-pagination nav{justify-content:flex-end}.operational-summary-grid,.operational-filter-panel{grid-template-columns:1fr}.operational-pagination{flex-direction:column;align-items:stretch}.operational-pagination nav{justify-content:flex-end}.attendance-summary-column{grid-template-columns:1fr}.attendance-chart-header{flex-direction:column;align-items:flex-start}.physical-attendance-header{flex-direction:column;align-items:stretch}.physical-date-card{box-sizing:border-box;justify-content:space-between;width:100%}.physical-summary-grid{grid-template-columns:1fr}.physical-sync-card{grid-column:auto}.client-header,.client-filter-panel{flex-direction:column;align-items:stretch}.client-search,.client-apply{width:100%}.client-chart-header{flex-direction:column;align-items:flex-start}.branch-header,.branch-filter-panel,.branch-pagination{flex-direction:column;align-items:stretch}.branch-stat-grid{grid-template-columns:1fr}.branch-search,.branch-select,.branch-apply{width:100%;min-width:0;margin-left:0}.branch-pagination nav{justify-content:flex-end}.branch-management-header,.branch-management-pagination{flex-direction:column;align-items:stretch}.branch-management-action{width:100%}.branch-management-modal-overlay{align-items:flex-start;padding:16px}.branch-management-modal-card{max-height:calc(100vh - 32px)}.branch-management-modal-body{padding:24px}.branch-management-modal-grid{grid-template-columns:1fr}.branch-management-modal-footer{flex-direction:column-reverse;padding:20px 24px}.branch-management-modal-secondary,.branch-management-modal-primary{width:100%}.branch-management-pagination nav{justify-content:flex-end}.payroll-component-header,.payroll-component-filter-panel,.payroll-component-pagination{align-items:stretch}.payroll-component-stats{grid-template-columns:1fr}.payroll-component-add,.payroll-component-filter-panel button{width:100%;min-width:0}.payroll-component-filter-panel{grid-template-columns:1fr}.payroll-component-pagination nav{justify-content:flex-end}.payroll-component-modal-overlay{align-items:flex-start;padding:16px}.payroll-component-modal-card{max-height:calc(100vh - 32px)}.payroll-component-modal-body{padding:24px}.payroll-component-modal-footer{flex-direction:column-reverse;padding:20px 24px}.payroll-component-modal-secondary,.payroll-component-modal-primary{width:100%}.wage-header,.wage-pagination{flex-direction:column;align-items:stretch}.wage-action{width:100%}.wage-stat-grid{grid-template-columns:1fr}.wage-pagination nav{justify-content:flex-end}.event-header,.event-pagination{flex-direction:column;align-items:stretch}.event-add{width:100%}.event-stat-grid,.event-filter-panel{grid-template-columns:1fr}.event-pagination nav{justify-content:flex-end}.payroll-management-page{gap:32px}.payroll-management-top-stats,.payroll-management-bottom-stats,.payroll-management-period-title,.payroll-management-period-header{grid-template-columns:1fr}.payroll-management-period-header>button{width:100%}.payroll-result-filterbar{flex-direction:column;align-items:stretch}.payroll-result-filterbar label:first-child,.payroll-result-filterbar label:nth-child(2),.payroll-result-filter-button{width:100%;min-width:0}.payroll-result-brief{grid-template-columns:1fr}.payroll-result-card-main{flex-direction:column;align-items:stretch;gap:18px}.payroll-result-divider{width:100%;height:1px}.payroll-result-card-actions{flex-direction:column;align-items:stretch;gap:12px}.payroll-result-card-actions button{width:100%}.payroll-management-period-title span{display:none}.payroll-management-period-title h3{box-sizing:border-box;width:100%}.payroll-rapel-header,.payroll-rapel-filter,.payroll-rapel-pagination{flex-direction:column;align-items:stretch}.payroll-rapel-blast,.payroll-rapel-filter button{width:100%}.payroll-rapel-summary{grid-template-columns:1fr}.payroll-rapel-pagination nav{justify-content:flex-end}}@media (width<=560px){.top-navbar{padding:16px}.quick-info,.navbar-actions,.profile-mini{flex-direction:column;align-items:flex-start}.navbar-divider{display:none}.summary-grid,.side-nav{grid-template-columns:1fr}.summary-card{min-height:136px}.chart-panel,.branch-panel{padding:24px}.flow-chart{grid-template-columns:repeat(6,56px);gap:6px;overflow-x:auto}.employee-header h2{font-size:26px;line-height:32px}.employee-stat-grid{grid-template-columns:1fr}.employee-stat-card{min-height:96px}.employee-detail-actions button{width:100%}.employee-detail-profile-card{padding:24px}.employee-detail-profile-main,.employee-detail-profile-grid,.employee-detail-info-grid,.employee-detail-bank,.employee-detail-history-grid,.employee-detail-right,.employee-detail-stat-grid{grid-template-columns:1fr}.employee-detail-profile-main img{width:112px;height:112px}.employee-detail-card-header{flex-direction:column;align-items:flex-start}.employee-header-actions,.download-button,.employee-add-button{width:100%}.employee-modal-header{padding:24px 24px 20px}.employee-modal-footer{flex-direction:column-reverse}.employee-modal-secondary,.employee-modal-primary{width:100%}.employee-table td:first-child,.employee-table th:first-child{padding-left:24px}.performance-stat-grid{grid-template-columns:1fr}.performance-stat-card{min-height:136px}.performance-table td:first-child,.performance-table th:first-child{padding-left:24px}.mutation-header h2{font-size:26px;line-height:32px}.mutation-stat-card{min-height:144px}.mutation-table td:first-child,.mutation-table th:first-child{padding-left:24px}.client-header h2{font-size:26px;line-height:32px}.client-stat-grid,.client-grid{grid-template-columns:1fr}.client-chart{grid-template-columns:repeat(6,72px);overflow-x:auto}.branch-header h2{font-size:26px;line-height:32px}.branch-table td:first-child,.branch-table th:first-child{padding-left:24px}.branch-management-header h2{font-size:26px;line-height:32px}.branch-management-table td:first-child,.branch-management-table th:first-child{padding-left:24px}.branch-management-table td:last-child,.branch-management-table th:last-child{padding-right:24px}.branch-management-modal-header{padding:24px 24px 20px}.branch-management-modal-header h3{font-size:22px;line-height:28px}.payroll-component-header h2,.wage-header h2{font-size:26px;line-height:32px}.wage-detail-grid{grid-template-columns:repeat(2,minmax(78px,1fr))}.event-header h2{font-size:26px;line-height:32px}.event-table td:first-child,.event-table th:first-child{padding-left:24px}.payroll-management-stat strong{font-size:22px;line-height:30px}.payroll-management-stat em{position:static}.payroll-management-table th,.payroll-management-table td{padding-left:14px;padding-right:14px}.payroll-result-header h2{font-size:26px;line-height:32px}.payroll-result-compliance strong{font-size:21px;line-height:28px}.payroll-rapel-header h2{font-size:26px;line-height:32px}.payroll-rapel-stat strong{font-size:28px;line-height:34px}.payroll-rapel-table th,.payroll-rapel-table td{padding-left:14px;padding-right:14px}.schedule-header h2,.activation-header h2,.operational-approval-header h2{font-size:26px;line-height:32px}}