@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";.sidebar-section[data-v-449eadda]{color:var(--text-light);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:2px 12px 6px;font-size:11px;font-weight:600}.sidebar-link-label[data-v-449eadda]{min-width:0}.sidebar-count[data-v-449eadda]{min-width:20px;height:19px;color:var(--brand-dark);font-variant-numeric:tabular-nums;background:#fff;border:1px solid #0f766e33;border-radius:999px;justify-content:center;align-items:center;margin-left:auto;padding:0 6px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}@media (width<=980px){.sidebar-section[data-v-449eadda]{display:none}}.toast[data-v-bd55c313]{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:10px;min-width:220px;max-width:340px;padding:13px 16px;font-size:13px;font-weight:700;animation:.25s cubic-bezier(.16,1,.3,1) toastIn-bd55c313;display:flex}@keyframes toastIn-bd55c313{0%{opacity:0;transform:translate(24px)scale(.96)}to{opacity:1;transform:none}}.toast-success[data-v-bd55c313]{background:var(--success-light);color:#0f653a;border-color:#16824d38}.toast-error[data-v-bd55c313]{background:var(--danger-light);color:var(--danger);border-color:#b4231838}.toast-info[data-v-bd55c313]{background:var(--info-light);color:#2c4b82;border-color:#3f5f9938}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}:root{--brand:#0f766e;--brand-dark:#0a5f59;--brand-ink:#083f3b;--brand-light:#e9f4f2;--brand-ring:#0f766e24;--accent:#b7791f;--accent-light:#fff4db;--danger:#b42318;--danger-light:#fef1ef;--success:#16824d;--success-light:#eefaf3;--warning:#b7791f;--warning-light:#fdf6e7;--info:#3f5f99;--info-light:#eff4fc;--text:#1a212e;--text-muted:#5f6b7e;--text-light:#939eb0;--border:#e2e7ed;--border-light:#eef1f5;--bg:#f6f8f8;--bg-elevated:#fbfcfc;--bg-sunken:#f1f4f4;--white:#fff;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:26px;--tracking-tight:-.015em;--tracking-wide:.07em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:48px;--radius-lg:12px;--radius:10px;--radius-sm:8px;--radius-xs:6px;--shadow-sm:0 1px 2px #1018280a, 0 1px 3px #1018280a;--shadow:0 2px 4px #1018280a, 0 8px 24px #1018280f;--shadow-lg:0 4px 8px #1018280f, 0 20px 48px #10182824;--ease:cubic-bezier(.2, .8, .2, 1);--dur:.16s;--sidebar-w:264px;--sidebar-bg:#fbfcfc;--sidebar-border:#e4e9ee}html{background:var(--bg);min-height:100%}body{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--text-base);font-feature-settings:"cv02", "cv11", "ss01";color:var(--text);background:linear-gradient(180deg, #ffffffa6 0%, #f6f8f800 280px), var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1,h2,h3,h4{letter-spacing:var(--tracking-tight)}button,input,select,textarea{font:inherit;letter-spacing:0}button,a{color:inherit}strong{font-weight:600}::selection{background:#0f766e29}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-layout{min-height:100vh;display:flex}.app-main{min-width:0;min-height:100vh;margin-left:var(--sidebar-w);background:linear-gradient(180deg, #ffffffc7 0%, #f6f8f800 340px), var(--bg);flex:1}.app-loading{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.app-sidebar{z-index:100;width:var(--sidebar-w);border-right:1px solid var(--sidebar-border);background:var(--sidebar-bg);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.sidebar-brand{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:22px 20px 18px;display:flex}.sidebar-logo{border-radius:var(--radius-sm);background:linear-gradient(160deg, var(--brand) 0%, var(--brand-dark) 100%);color:#fff;letter-spacing:.02em;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:flex;box-shadow:0 4px 10px #0f766e38}.sidebar-brand-name{font-size:var(--text-base);color:var(--text);letter-spacing:var(--tracking-tight);font-weight:650;line-height:1.25}.sidebar-brand-sub{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px;line-height:1.25}.sidebar-nav{scrollbar-width:none;flex-direction:column;flex:1;gap:2px;padding:14px 12px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-link{border-radius:var(--radius-sm);width:100%;min-height:36px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:var(--text-sm);text-align:left;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;align-items:center;gap:10px;padding:9px 12px;font-weight:500;line-height:1;text-decoration:none;display:flex;position:relative}.sidebar-link svg{color:currentColor;opacity:.75;transition:opacity var(--dur) var(--ease);flex:none}.sidebar-link:hover{background:var(--bg-sunken);color:var(--text)}.sidebar-link:hover svg{opacity:1}.sidebar-link.router-link-exact-active,.sidebar-link.active{background:var(--brand-light);color:var(--brand-ink);font-weight:600}.sidebar-link.router-link-exact-active:before,.sidebar-link.active:before{background:var(--brand);content:"";border-radius:0 2px 2px 0;width:2.5px;position:absolute;top:8px;bottom:8px;left:-12px}.sidebar-link.router-link-exact-active svg,.sidebar-link.active svg{opacity:1}.sidebar-user{border-top:1px solid var(--border-light);padding:14px 14px 16px}.sidebar-user-info{align-items:center;gap:10px;min-width:0;margin-bottom:10px;display:flex}.sidebar-avatar{background:var(--brand-light);width:32px;height:32px;color:var(--brand-dark);border:1px solid #0f766e24;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:650;display:flex}.sidebar-user-name{color:var(--text);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.25;overflow:hidden}.sidebar-user-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3;overflow:hidden}.sidebar-signout{border:1px solid var(--border);border-radius:var(--radius-xs);width:100%;min-height:32px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:var(--text-xs);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);background:#fff;font-weight:550}.sidebar-signout:hover{background:var(--bg-elevated);color:var(--text);border-color:#cbd6dd}.page{width:min(100%,1180px);padding:var(--space-8) var(--space-8) var(--space-10);margin:0 auto}.page-narrow{max-width:860px}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-light);display:flex}.page-header h1,.page-title{color:var(--text);font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);font-weight:650;line-height:1.18}.page-kicker{margin-bottom:var(--space-2);color:var(--brand-dark);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:11px;font-weight:650}.page-subtitle{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-base);line-height:1.55}.section-heading{margin-bottom:var(--space-3);color:var(--text);font-size:var(--text-base);letter-spacing:var(--tracking-tight);font-weight:650}.section-toolbar{margin:var(--space-6) 0 var(--space-3);justify-content:space-between;align-items:center;gap:14px;display:flex}.tabs{margin-bottom:var(--space-6);border-bottom:1px solid var(--border);scrollbar-width:none;align-items:center;gap:2px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab-btn,.tab{min-height:40px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:var(--text-sm);white-space:nowrap;transition:color var(--dur) var(--ease);background:0 0;border:0;padding:0 14px;font-weight:500;line-height:1;position:relative}.tab-btn:after,.tab:after{content:"";height:2px;transition:background var(--dur) var(--ease);background:0 0;border-radius:2px 2px 0 0;position:absolute;bottom:-1px;left:14px;right:14px}.tab-btn:hover,.tab:hover{color:var(--text)}.tab-btn.active,.tab.active{color:var(--brand-dark);font-weight:600}.tab-btn.active:after,.tab.active:after{background:var(--brand)}.card,.panel{margin-bottom:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm);overflow:hidden}.card-header,.panel-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light);display:flex}.card-title,.panel-title{color:var(--text);font-size:var(--text-base);letter-spacing:var(--tracking-tight);font-weight:650}.card-body,.panel-body{padding:var(--space-5)}.stat-card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm)}.stat-label{margin-bottom:var(--space-2);color:var(--text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:11px;font-weight:600}.stat-number{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);font-size:30px;font-weight:650;line-height:1}.stat-number.negative{color:var(--danger)}.stat-sub{color:var(--text-light);font-size:var(--text-xs);margin-top:7px}.btn{border-radius:var(--radius-sm);cursor:pointer;min-height:36px;font-family:inherit;font-size:var(--text-sm);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.52}.btn-primary{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:0 1px 2px #0f766e40,inset 0 1px #ffffff1f}.btn-primary:hover:not(:disabled){border-color:var(--brand-dark);background:var(--brand-dark)}.btn-danger{border-color:var(--danger);background:var(--danger);color:#fff;box-shadow:0 1px 2px #b4231840}.btn-danger:hover:not(:disabled){background:#941b13}.btn-ghost,.btn-secondary{border-color:var(--border);color:var(--text);box-shadow:var(--shadow-sm);background:#fff}.btn-ghost:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:#c8d3da}.btn-sm{border-radius:var(--radius-xs);min-height:30px;font-size:var(--text-xs);padding:6px 10px}.btn-icon{width:34px;min-width:34px;padding:0}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%}th{z-index:1;border-bottom:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600;position:sticky;top:0}td{border-bottom:1px solid var(--border-light);color:var(--text);font-size:var(--text-sm);font-variant-numeric:tabular-nums;vertical-align:middle;padding:13px 14px}tr:last-child td{border-bottom:none}tbody tr{transition:background var(--dur) var(--ease)}tbody tr:hover td{background:var(--bg-elevated)}code{border:1px solid var(--border-light);border-radius:var(--radius-xs);background:var(--bg-sunken);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--text-xs);align-items:center;padding:2px 6px;line-height:1.2;display:inline-flex}.badge{letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;min-height:22px;padding:4px 9px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.badge-active:before,.badge-approved:before,.badge-paid:before,.badge-pending:before,.badge-submitted:before,.badge-pending_hr:before,.badge-rejected:before,.badge-inactive:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.badge-active,.badge-approved,.badge-paid{background:var(--success-light);color:#11663c}.badge-inactive,.badge-rejected{background:var(--danger-light);color:var(--danger)}.badge-role{background:var(--brand-light);color:var(--brand-dark)}.badge-pending,.badge-submitted{background:var(--warning-light);color:#8a570e}.badge-pending_hr{background:var(--info-light);color:#2c4b82}.badge-cancelled,.badge-draft{background:var(--bg-sunken);color:var(--text-muted)}.form-group{margin-bottom:var(--space-4)}label{color:var(--text);font-size:var(--text-sm);letter-spacing:0;text-transform:none;margin-bottom:6px;font-weight:550;display:block}.required:after{content:" *";color:var(--danger)}input[type=text],input[type=email],input[type=number],input[type=date],input[type=color],input[type=file],select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:36px;color:var(--text);font-size:var(--text-sm);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background var(--dur) var(--ease);background:#fff;padding:8px 11px;line-height:1.4}input[type=file]{min-height:42px;color:var(--text-muted);cursor:pointer}input[type=color]{cursor:pointer;height:36px;padding:4px 6px}textarea{resize:vertical;min-height:78px}select{cursor:pointer}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring);outline:none}input:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:#c2cdd6}input:disabled,select:disabled,textarea:disabled{background:var(--bg-sunken);color:var(--text-muted)}.form-hint{color:var(--text-light);font-size:var(--text-xs);margin-top:5px;line-height:1.45}.form-row{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-row-3{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.toggle-row{align-items:center;gap:10px;padding:5px 0;display:flex}.toggle{flex:none;width:38px;height:22px;margin:0;position:relative}.toggle input{display:none}.toggle-slider{cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);background:#dce4e9;border:1px solid #cad4dc;border-radius:999px;position:absolute;inset:0}.toggle-slider:before{content:"";width:14px;height:14px;transition:transform var(--dur) var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #10182838}.toggle input:checked+.toggle-slider{border-color:var(--brand);background:var(--brand)}.toggle input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-label{color:var(--text);font-size:var(--text-sm);text-transform:none;font-weight:500}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141b2670;justify-content:center;align-items:flex-start;padding:54px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{border-radius:var(--radius-lg);width:100%;max-width:600px;box-shadow:var(--shadow-lg);animation:modalIn .2s var(--ease);background:#fff;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:none}}.modal-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--border-light);display:flex}.modal-title{color:var(--text);font-size:var(--text-lg);letter-spacing:var(--tracking-tight);font-weight:650}.modal-close{border-radius:var(--radius-xs);width:30px;height:30px;color:var(--text-muted);cursor:pointer;font-size:var(--text-base);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;justify-content:center;align-items:center;line-height:1;display:flex}.modal-close:hover{background:var(--bg-sunken);color:var(--text)}.modal-body{padding:var(--space-5)}.modal-footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-light);background:var(--bg-elevated);display:flex}.alert{margin-bottom:var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);border:1px solid #0000;gap:10px;padding:12px 14px;line-height:1.45;display:flex}.alert-info{background:var(--info-light);color:#2c4b82;border-color:#3f5f992e}.alert-warning{background:var(--warning-light);color:#7a4d0c;border-color:#b7791f33}.alert-danger{background:var(--danger-light);color:var(--danger);border-color:#b423182e}.empty-state{color:var(--text-muted);text-align:center;padding:var(--space-10) var(--space-6)}.empty-state-icon{margin-bottom:var(--space-3);color:var(--text-light);opacity:.7;justify-content:center;display:flex}.empty-state p{font-size:var(--text-sm)}.loading{color:var(--text-light);text-align:center;padding:40px}.loading p{color:var(--text-light);font-size:var(--text-sm);margin-top:10px}.spinner{border:2.5px solid var(--border);border-top-color:var(--brand);border-radius:50%;width:24px;height:24px;margin:28px auto;animation:.65s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.divider{height:1px;margin:var(--space-5) 0;background:var(--border-light);border:0}.checkbox-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.checkbox-item{border:1px solid var(--border);min-height:32px;color:var(--text);cursor:pointer;font-size:var(--text-xs);letter-spacing:0;text-transform:none;-webkit-user-select:none;user-select:none;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);background:#fff;border-radius:999px;align-items:center;gap:7px;margin:0;padding:6px 12px;font-weight:550;display:flex}.checkbox-item:has(input:checked){background:var(--brand-light);color:var(--brand-dark);border-color:#0f766e59}.checkbox-item input{display:none}.skeleton{border-radius:var(--radius-xs);background:linear-gradient(90deg, var(--border-light) 25%, #e2e9ee 50%, var(--border-light) 75%);background-size:400% 100%;animation:1.6s ease-in-out infinite shimmer;display:block}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.sk-line{height:13px}.sk-badge{border-radius:999px;height:20px}.sk-card{border-radius:var(--radius);height:88px}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-brand{color:var(--brand)}.font-semibold{font-weight:600}.font-bold{font-weight:650}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}@media (width<=980px){.app-layout{flex-direction:column}.app-main{min-height:calc(100vh - 82px);margin-left:0}.app-sidebar{border-right:0;border-bottom:1px solid var(--border);width:100%;height:auto;max-height:none;position:sticky;top:0}.sidebar-brand{padding:12px 16px}.sidebar-logo{width:34px;height:34px}.sidebar-nav{flex-direction:row;gap:6px;padding:8px 12px 12px;overflow-x:auto}.sidebar-link{flex:none;width:auto}.sidebar-link.router-link-exact-active:before,.sidebar-link.active:before,.sidebar-user{display:none}.page{padding:24px 18px 40px}}@media (width<=720px){.page-header{flex-direction:column;align-items:stretch;gap:12px}.form-row,.form-row-3{grid-template-columns:1fr}.card-header,.panel-header,.modal-header,.modal-footer{flex-direction:column;align-items:stretch}.modal-overlay{padding:16px 10px}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}th,td{padding:10px 11px}}