*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--font-family-primary:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 10px 15px #0000001a;--shadow-2xl:0 25px 50px #00000040;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--brand-emerald:#159a73;--brand-emerald-bright:#2fbd91;--brand-emerald-hover:#12805f;--brand-emerald-deep:#117a5a;--brand-amber:#eaa63a;--brand-ink:#12302a;--brand-body:#5a675f;--brand-muted:#8a938b;--brand-faint:#a6ab9f;--brand-canvas:#f7f5f0;--brand-surface:#fff;--brand-surface-warm:#fbfaf6;--brand-tint-emerald:#e9f4ef;--brand-tint-amber:#fdf3e0;--brand-border:#e6e2d8;--brand-border-soft:#f0ede4;--brand-red:#b42318;--brand-red-hover:#8f1c13;--brand-amber-hover:#c78218;--ui-text:var(--brand-ink);--ui-text-secondary:var(--brand-body);--ui-text-muted:var(--brand-muted);--ui-text-faint:var(--brand-faint);--ui-text-on-dark:var(--brand-surface);--ui-bg:var(--brand-canvas);--ui-surface:var(--brand-surface);--ui-surface-recessed:var(--brand-surface-warm);--ui-surface-dark:var(--brand-ink);--ui-primary:var(--brand-emerald);--ui-primary-hover:var(--brand-emerald-hover);--ui-primary-tint:var(--brand-tint-emerald);--ui-accent:var(--brand-amber);--ui-accent-tint:var(--brand-tint-amber);--ui-border:var(--brand-border);--ui-border-soft:var(--brand-border-soft);--ui-danger:var(--brand-red);--ui-danger-hover:var(--brand-red-hover);--ui-danger-text:#991b1b;--ui-danger-tint:#fee2e2;--ui-success:var(--brand-emerald);--ui-success-hover:var(--brand-emerald-hover);--ui-success-text:var(--brand-emerald-deep);--ui-success-tint:var(--brand-tint-emerald);--ui-warning:var(--brand-amber);--ui-warning-hover:var(--brand-amber-hover);--ui-warning-text:#92400e;--ui-warning-tint:var(--brand-tint-amber);--ui-gradient-primary:linear-gradient(135deg,var(--brand-emerald) 0%,var(--brand-emerald-hover) 100%);--ui-radius-btn:8px;--ui-radius-card:12px;--ui-radius-input:8px;--ui-radius-pill:999px;--ui-shadow-card:0 1px 3px #0000001a;--ui-shadow-float:0 10px 15px #0000001a;--ui-shadow-primary:0 6px 18px #159a7347;--ui-shadow-accent:0 4px 12px #eaa63a4d;--ui-shadow-danger:0 4px 12px #b423184d}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-primary);line-height:1.6}body{background-color:#f9fafb;background-color:var(--gray-50);color:#111827;color:var(--gray-900);font-size:1rem;font-size:var(--text-base);min-height:100vh}a{color:#159a73;color:var(--ui-primary)}a:hover{color:#12805f;color:var(--ui-primary-hover)}.text-xs{font-size:.75rem;font-size:var(--text-xs)}.text-sm{font-size:.875rem;font-size:var(--text-sm)}.text-base{font-size:1rem;font-size:var(--text-base)}.text-lg{font-size:1.125rem;font-size:var(--text-lg)}.text-xl{font-size:1.25rem;font-size:var(--text-xl)}.text-2xl{font-size:1.5rem;font-size:var(--text-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--text-3xl)}.text-4xl{font-size:2.25rem;font-size:var(--text-4xl)}.text-5xl{font-size:3rem;font-size:var(--text-5xl)}.font-normal{font-weight:400;font-weight:var(--font-normal)}.font-medium{font-weight:500;font-weight:var(--font-medium)}.font-semibold{font-weight:600;font-weight:var(--font-semibold)}.font-bold{font-weight:700;font-weight:var(--font-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-gray-50{color:#f9fafb;color:var(--gray-50)}.text-gray-100{color:#f3f4f6;color:var(--gray-100)}.text-gray-200{color:#e5e7eb;color:var(--gray-200)}.text-gray-300{color:#d1d5db;color:var(--gray-300)}.text-gray-400{color:#9ca3af;color:var(--gray-400)}.text-gray-500{color:#6b7280;color:var(--gray-500)}.text-gray-600{color:#4b5563;color:var(--gray-600)}.text-gray-700{color:#374151;color:var(--gray-700)}.text-gray-800{color:#1f2937;color:var(--gray-800)}.text-gray-900{color:#111827;color:var(--gray-900)}.text-white{color:#fff}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb;background-color:var(--gray-50)}.bg-gray-100{background-color:#f3f4f6;background-color:var(--gray-100)}.bg-gray-200{background-color:#e5e7eb;background-color:var(--gray-200)}.bg-gray-300{background-color:#d1d5db;background-color:var(--gray-300)}.bg-gray-400{background-color:#9ca3af;background-color:var(--gray-400)}.bg-gray-500{background-color:#6b7280;background-color:var(--gray-500)}.bg-gray-600{background-color:#4b5563;background-color:var(--gray-600)}.bg-gray-700{background-color:#374151;background-color:var(--gray-700)}.bg-gray-800{background-color:#1f2937;background-color:var(--gray-800)}.bg-gray-900{background-color:#111827;background-color:var(--gray-900)}.m-0{margin:0}.m-1{margin:.25rem;margin:var(--space-1)}.m-2{margin:.5rem;margin:var(--space-2)}.m-3{margin:.75rem;margin:var(--space-3)}.m-4{margin:1rem;margin:var(--space-4)}.m-5{margin:1.25rem;margin:var(--space-5)}.m-6{margin:1.5rem;margin:var(--space-6)}.m-8{margin:2rem;margin:var(--space-8)}.m-10{margin:2.5rem;margin:var(--space-10)}.m-12{margin:3rem;margin:var(--space-12)}.m-16{margin:4rem;margin:var(--space-16)}.m-20{margin:5rem;margin:var(--space-20)}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--space-1)}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mt-3{margin-top:.75rem;margin-top:var(--space-3)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mt-5{margin-top:1.25rem;margin-top:var(--space-5)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}.mt-8{margin-top:2rem;margin-top:var(--space-8)}.mt-10{margin-top:2.5rem;margin-top:var(--space-10)}.mt-12{margin-top:3rem;margin-top:var(--space-12)}.mt-16{margin-top:4rem;margin-top:var(--space-16)}.mt-20{margin-top:5rem;margin-top:var(--space-20)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-1)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-3{margin-bottom:.75rem;margin-bottom:var(--space-3)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-5{margin-bottom:1.25rem;margin-bottom:var(--space-5)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mb-8{margin-bottom:2rem;margin-bottom:var(--space-8)}.mb-10{margin-bottom:2.5rem;margin-bottom:var(--space-10)}.mb-12{margin-bottom:3rem;margin-bottom:var(--space-12)}.mb-16{margin-bottom:4rem;margin-bottom:var(--space-16)}.mb-20{margin-bottom:5rem;margin-bottom:var(--space-20)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--space-1)}.p-2{padding:.5rem;padding:var(--space-2)}.p-3{padding:.75rem;padding:var(--space-3)}.p-4{padding:1rem;padding:var(--space-4)}.p-5{padding:1.25rem;padding:var(--space-5)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}.p-10{padding:2.5rem;padding:var(--space-10)}.p-12{padding:3rem;padding:var(--space-12)}.p-16{padding:4rem;padding:var(--space-16)}.p-20{padding:5rem;padding:var(--space-20)}.px-1{padding-left:.25rem;padding-left:var(--space-1);padding-right:.25rem;padding-right:var(--space-1)}.px-2{padding-left:.5rem;padding-left:var(--space-2);padding-right:.5rem;padding-right:var(--space-2)}.px-3{padding-left:.75rem;padding-left:var(--space-3);padding-right:.75rem;padding-right:var(--space-3)}.px-4{padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4)}.px-5{padding-left:1.25rem;padding-left:var(--space-5);padding-right:1.25rem;padding-right:var(--space-5)}.px-6{padding-left:1.5rem;padding-left:var(--space-6);padding-right:1.5rem;padding-right:var(--space-6)}.px-8{padding-left:2rem;padding-left:var(--space-8);padding-right:2rem;padding-right:var(--space-8)}.py-1{padding-bottom:.25rem;padding-bottom:var(--space-1);padding-top:.25rem;padding-top:var(--space-1)}.py-2{padding-bottom:.5rem;padding-bottom:var(--space-2);padding-top:.5rem;padding-top:var(--space-2)}.py-3{padding-bottom:.75rem;padding-bottom:var(--space-3);padding-top:.75rem;padding-top:var(--space-3)}.py-4{padding-bottom:1rem;padding-bottom:var(--space-4);padding-top:1rem;padding-top:var(--space-4)}.py-5{padding-bottom:1.25rem;padding-bottom:var(--space-5);padding-top:1.25rem;padding-top:var(--space-5)}.py-6{padding-bottom:1.5rem;padding-bottom:var(--space-6);padding-top:1.5rem;padding-top:var(--space-6)}.py-8{padding-bottom:2rem;padding-bottom:var(--space-8);padding-top:2rem;padding-top:var(--space-8)}.py-12{padding-bottom:3rem;padding-bottom:var(--space-12);padding-top:3rem;padding-top:var(--space-12)}.container{max-width:1024px}.container,.container-sm{margin:0 auto;padding:0 1.5rem;padding:0 var(--space-6)}.container-sm{max-width:448px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem;gap:var(--space-1)}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-5{gap:1.25rem;gap:var(--space-5)}.gap-6{gap:1.5rem;gap:var(--space-6)}.gap-8{gap:2rem;gap:var(--space-8)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.rounded-sm{border-radius:.25rem;border-radius:var(--radius-sm)}.rounded,.rounded-md{border-radius:.375rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.5rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:.75rem;border-radius:var(--radius-xl)}.rounded-2xl{border-radius:1rem;border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:1.5rem;border-radius:var(--radius-3xl)}.shadow-sm{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:0 25px 50px #00000040;box-shadow:var(--shadow-2xl)}.transition{transition:all .2s ease;transition:all var(--transition-base)}.transition-fast{transition:all .15s ease;transition:all var(--transition-fast)}.transition-slow{transition:all .3s ease;transition:all var(--transition-slow)}.hover-lift:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hover-lift-sm:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.focus-ring:focus{border-color:#159a73;border-color:var(--ui-primary);box-shadow:0 0 0 3px #e9f4ef;box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}@media (max-width:640px){.container,.container-sm{padding:0 1rem;padding:0 var(--space-4)}.sm-text-center{text-align:center}.sm-flex-col{flex-direction:column}}@media (max-width:768px){.md-hidden{display:none}.md-text-center{text-align:center}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;line-height:1.5;overflow:hidden;padding:var(--space-2) var(--space-4);position:relative;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.btn:focus{box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}.btn--xs{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.btn--sm{padding:var(--space-2) var(--space-3)}.btn--md,.btn--sm{font-size:var(--text-sm)}.btn--md{padding:var(--space-2) var(--space-4)}.btn--lg{font-size:var(--text-lg);padding:var(--space-3) var(--space-6)}.btn--xl{font-size:var(--text-xl);font-weight:var(--font-semibold);padding:var(--space-4) var(--space-8)}.btn--full{width:100%}.btn--ph-primary{background-color:var(--ui-primary);border:2px solid var(--ui-primary);color:#fff}.btn--ph-primary:hover:not(:disabled){background-color:var(--ui-primary-hover);border-color:var(--ui-primary-hover);box-shadow:var(--ui-shadow-primary);transform:translateY(-1px)}.btn--ph-primary:active{transform:translateY(0)}.btn--ph-secondary{background-color:var(--ui-danger);border:2px solid var(--ui-danger);color:#fff}.btn--ph-secondary:hover:not(:disabled){background-color:var(--ui-danger);border-color:var(--ui-danger);box-shadow:0 4px 12px #b4231833;transform:translateY(-1px)}.btn--ph-secondary:active{transform:translateY(0)}.btn--ph-gold{background-color:var(--ui-accent);border:2px solid var(--ui-accent);color:#fff}.btn--ph-gold:hover:not(:disabled){background-color:var(--ui-accent);border-color:var(--ui-accent);box-shadow:0 4px 12px #eaa63a33;transform:translateY(-1px)}.btn--ph-gold:active{transform:translateY(0)}.btn--ph-outline{background-color:initial;border:2px solid var(--ui-primary);color:var(--ui-primary)}.btn--ph-outline:hover:not(:disabled){background-color:var(--ui-primary);box-shadow:var(--ui-shadow-primary);color:#fff;transform:translateY(-1px)}.btn--white{background-color:#fff;border:2px solid #fff;color:var(--ui-primary)}.btn--white:hover:not(:disabled){background-color:var(--ui-border-soft);border-color:var(--ui-border-soft);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn--success{background-color:var(--ui-success);border:2px solid var(--ui-success);color:#fff}.btn--success:hover:not(:disabled){background-color:var(--ui-success-hover);border-color:var(--ui-success-hover);box-shadow:0 4px 12px #159a7333;transform:translateY(-1px)}.btn--warning{background-color:var(--ui-warning);border:2px solid var(--ui-warning);color:#fff}.btn--warning:hover:not(:disabled){background-color:var(--ui-warning-hover);border-color:var(--ui-warning-hover);box-shadow:0 4px 12px #eaa63a33;transform:translateY(-1px)}.btn--error{background-color:var(--ui-danger);border:2px solid var(--ui-danger);color:#fff}.btn--error:hover:not(:disabled){background-color:var(--ui-danger-hover);border-color:var(--ui-danger-hover);box-shadow:0 4px 12px #b4231833;transform:translateY(-1px)}.btn--link{background-color:initial;border:2px solid #0000;color:var(--ui-primary);text-decoration:underline;text-underline-offset:2px}.btn--link:hover:not(:disabled){color:var(--ui-primary-hover);text-decoration:none}.btn--loading{color:#0000;position:relative}.btn--loading:after{animation:btn-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}@keyframes btn-spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.btn--ph-cta{background:var(--ui-gradient-primary);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:#fff;font-size:var(--text-lg);font-weight:var(--font-semibold);overflow:hidden;padding:var(--space-4) var(--space-8);position:relative}.btn--ph-cta:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn--ph-cta:hover:not(:disabled):before{left:100%}.btn--ph-cta:hover:not(:disabled){box-shadow:var(--ui-shadow-primary);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}.btn--ph-cta:before{display:none}}@media (prefers-contrast:high){.btn{border-width:3px}.btn--ph-gold,.btn--ph-primary,.btn--ph-secondary{border-color:currentColor}}.btn--primary{background-color:var(--ui-primary);border:2px solid var(--ui-primary);color:#fff}.btn--primary:hover:not(:disabled){background-color:var(--ui-primary-hover);border-color:var(--ui-primary-hover);box-shadow:var(--ui-shadow-primary);transform:translateY(-1px)}.btn--primary:active{transform:translateY(0)}.btn--secondary{background-color:#fff;border:2px solid var(--ui-border);color:var(--ui-text-secondary)}.btn--secondary:hover:not(:disabled){background-color:var(--ui-bg);border-color:var(--ui-text-faint);color:var(--ui-text)}.btn--secondary:active{transform:translateY(0)}.btn--disabled,.btn:disabled{background-color:var(--ui-border);border-color:var(--ui-border);color:var(--ui-text-muted);cursor:not-allowed;opacity:.7}.btn--disabled:hover,.btn:disabled:hover{background-color:var(--ui-border);box-shadow:none;color:var(--ui-text-muted);transform:none}.form{width:100%}.form__section{margin-bottom:var(--space-6)}.form__section-title{border-bottom:1px solid var(--ui-border);color:var(--ui-text);font-size:var(--text-base);font-weight:var(--font-medium);margin-bottom:var(--space-4);padding-bottom:var(--space-2)}.form-section-header{align-items:center;display:flex;gap:10px;margin-bottom:24px}.form-section-icon{align-items:center;background:var(--ui-primary-tint);border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.form-section-icon svg{stroke:var(--ui-primary);color:var(--ui-primary);height:18px;width:18px}.form-section-title{color:var(--ui-primary);font-size:1.125rem;font-weight:600;margin:0}.form-group{margin-bottom:var(--space-4)}.form-group--inline{align-items:center;display:flex;gap:var(--space-2)}.form-group--horizontal{grid-gap:var(--space-4);align-items:start;display:grid;gap:var(--space-4);grid-template-columns:1fr 2fr}@media (max-width:640px){.form-group--horizontal{gap:var(--space-2);grid-template-columns:1fr}}.form-label{color:var(--ui-text);display:block;font-size:14px;font-weight:500;line-height:1.5;margin-bottom:8px}.form-label--required:after{color:var(--ui-danger);content:" *";font-weight:var(--font-normal)}.form-label--optional:after{color:var(--ui-text-muted);content:" (optional)";font-size:var(--text-xs);font-weight:var(--font-normal)}.form-input{background-color:#fff;border:1px solid var(--ui-border);border-radius:8px;box-sizing:border-box;color:var(--ui-text);font-family:inherit;font-size:16px;line-height:1.5;padding:12px 16px;transition:all .3s;width:100%}.form-input::placeholder{color:var(--ui-text-faint)}.form-input:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}.form-input:disabled{background-color:var(--ui-border-soft);color:var(--ui-text-muted);cursor:not-allowed}.form-input--sm{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.form-input--lg{font-size:var(--text-base);padding:var(--space-3) var(--space-4)}.form-input--error{border-color:var(--ui-danger)}.form-input--success{border-color:var(--ui-success);box-shadow:0 0 0 3px var(--ui-success-tint)}.form-input--warning{border-color:var(--ui-warning);box-shadow:0 0 0 3px var(--ui-warning-tint)}.form-input--ph-focus:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint)}.input-group{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.input-group .form-input{border-radius:0;border-right:none;box-shadow:none}.input-group .form-input:focus{border-right:1px solid var(--ui-primary);position:relative;z-index:10}.input-group__addon{background-color:var(--ui-border-soft);color:var(--ui-text-muted);font-size:var(--text-sm);min-width:-webkit-fit-content;min-width:fit-content;padding:var(--space-2) var(--space-3);white-space:nowrap}.input-group__addon--prepend{border-right:none}.input-group__addon--append{border-left:none}.form-textarea{font-family:inherit;min-height:120px;resize:vertical}.form-textarea--sm{min-height:80px}.form-textarea--lg{min-height:160px}.error-message,.form-error-text{color:var(--ui-danger);display:block;font-size:12px;line-height:1.4;margin-top:4px}.form-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath d='m5 7.5 5 5 5-5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:20px;border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text);cursor:pointer;font-family:inherit;font-size:16px;line-height:1.5;padding:12px 16px;padding-right:var(--space-10);transition:all var(--transition-base);width:100%}.form-select:hover{border-color:var(--ui-text-faint)}.form-select:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}.form-select:disabled{background-color:var(--ui-border-soft);color:var(--ui-text-muted);cursor:not-allowed;opacity:.7}.form-select--error,.form-select--error:focus{border-color:var(--ui-danger)}.form-select--error:focus{box-shadow:0 0 0 3px #ff3b301a}.btn--disabled{border-color:var(--ui-border);cursor:not-allowed;opacity:.7}.btn--disabled,.btn--disabled:hover{background-color:var(--ui-border);color:var(--ui-text-muted)}.btn--disabled:hover{box-shadow:none;transform:none}.form-checkbox,.form-radio{cursor:pointer;height:var(--space-4);margin:0;width:var(--space-4)}.form-checkbox{border-radius:var(--radius-sm)}.form-radio{border-radius:50%}.form-checkbox:checked,.form-radio:checked{background-color:var(--ui-primary);border-color:var(--ui-primary)}.form-checkbox:focus,.form-radio:focus{box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}.form-consent{align-items:flex-start;display:flex;gap:10px}.form-consent__box{flex:0 0 var(--space-4);height:var(--space-4);margin-top:2px}.form-consent__label{color:var(--ui-text);font-size:14px;line-height:1.5;margin:0;text-align:left}.form-message{font-size:var(--text-xs);line-height:1.4;margin-top:var(--space-1)}.form-message--error{color:var(--ui-danger)}.form-message--success{color:var(--ui-success)}.form-message--warning{color:var(--ui-warning)}.form-message--info{color:var(--ui-primary)}.form-help,.form-help-text{color:var(--ui-text-muted);font-size:12px;line-height:1.4;margin-top:4px}.form-help-text--success{color:var(--ui-success);font-weight:500}.form-help-text--error{color:var(--ui-danger);font-weight:500}.form-actions{gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6)}.form-actions--center{justify-content:center}.form-actions--start{justify-content:flex-start}.form-actions--between{justify-content:space-between}@media (max-width:640px){.form-actions{flex-direction:column;gap:var(--space-2)}.form-actions .btn{width:100%}}.form-input--loading{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%236b7280' stroke-width='2'/%3E%3Cpath fill='%236b7280' d='M12 6v6h4'/%3E%3C/svg%3E");background-position:right var(--space-2) center;background-repeat:no-repeat;background-size:1rem 1rem;padding-right:var(--space-8)}.form-input--tin{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.1em}.form-input--pagibig,.form-input--philhealth,.form-input--sss{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.05em}.form-card{background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:0 auto;max-width:448px;padding:var(--space-8) var(--space-4)}@media (min-width:640px){.form-card{padding:var(--space-8)}}.form-progress{display:flex;justify-content:space-between;margin-bottom:var(--space-8);position:relative}.form-progress:before{background-color:var(--ui-border);content:"";height:2px;left:0;position:absolute;right:0;top:50%;z-index:1}.form-progress__step{align-items:center;background-color:var(--ui-bg);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1);position:relative;z-index:2}.form-progress__step-number{align-items:center;background-color:var(--ui-border);border-radius:50%;color:var(--ui-text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);height:32px;justify-content:center;width:32px}.form-progress__step--active .form-progress__step-number{background-color:var(--ui-primary);color:#fff}.form-progress__step--completed .form-progress__step-number{background-color:var(--ui-success);color:#fff}.form-progress__step-label{color:var(--ui-text-muted);font-size:var(--text-xs);text-align:center}.form-progress__step--active .form-progress__step-label{color:var(--ui-primary);font-weight:var(--font-medium)}.form-input--peso{padding-left:var(--space-8)}.input-group--peso .input-group__addon--prepend{background-color:var(--ui-primary-tint);border-color:var(--ui-primary);color:var(--ui-primary);font-weight:var(--font-semibold)}.form-divider{margin:var(--space-6) 0;position:relative}.form-divider:before{background-color:var(--ui-border);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.form-divider__text{background-color:var(--ui-bg);color:var(--ui-text-muted);display:inline-block;font-size:var(--text-sm);left:50%;padding:0 var(--space-4);position:relative;transform:translateX(-50%)}.form-input:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.form-input{transition:none}}@media (prefers-contrast:high){.form-input{border-width:2px}.form-input:focus{border-width:3px}}.page{background-color:var(--ui-bg);min-height:100vh}.alert{border:1px solid;border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-4)}.alert__content{font-size:var(--text-sm);line-height:1.5}.alert--error{border-color:var(--ui-danger)}.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-16)}.loading__text{color:var(--ui-text-secondary);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.loading__subtext{color:var(--ui-text-faint);font-size:var(--text-sm)}.loading__spinner--ph{animation:spin 1s linear infinite;border:3px solid var(--ui-primary-tint);border-radius:50%;border-top-color:var(--ui-primary);height:48px;width:48px}.stat{background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);text-align:center;transition:all var(--transition-base)}.stat:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media print{.btn,.header{display:none!important}.page{background:#fff!important}}.rate-management{background:#fff;border-radius:8px;max-width:600px;width:100%}.rate-management-header{align-items:center;border-bottom:1px solid var(--ui-border);display:flex;justify-content:space-between;padding:1.5rem}.rate-management-header h2{color:var(--ui-text);font-size:1.5rem;font-weight:600;margin:0}.close-button{background:none;border:none;color:var(--ui-text-muted);cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;transition:color .2s}.close-button:hover{color:var(--ui-text-secondary)}.current-rates-section{background:var(--ui-bg);border-bottom:1px solid var(--ui-border);padding:1.5rem}.current-rates-section h3{color:var(--ui-text-secondary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.effective-since{color:var(--ui-text-secondary);font-size:.875rem}.rate-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{font-size:.875rem;margin-bottom:.5rem}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text]{border:1px solid var(--ui-border);border-radius:4px;font-size:1rem;padding:.5rem .75rem;transition:border-color .2s;width:100%}.form-group input:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}.form-group input.error{border-color:var(--ui-danger)}.error-message{color:var(--ui-danger);display:block;font-size:.75rem;margin-top:.25rem}.rates-section{margin-top:2rem}.rates-section h3{color:var(--ui-text);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.rate-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.rate-item{background:var(--ui-bg);padding:1rem}.rate-header{margin-bottom:.5rem}.rate-header label{color:var(--ui-text);font-size:.875rem;font-weight:600}.rate-description{font-size:.75rem;margin:.25rem 0 .75rem}.rate-input-group{align-items:center;display:flex;gap:.5rem}.rate-input-group input{flex:1 1;max-width:120px}.rate-suffix{color:var(--ui-text-secondary);font-size:.875rem;font-weight:500}.current-rate{color:var(--ui-text-muted);font-size:.75rem;margin-left:auto}.form-actions{border-top:1px solid var(--ui-border);gap:1rem;margin-top:2rem;padding-top:1.5rem}.submit-error{background:var(--ui-danger-tint);border-radius:4px;color:var(--ui-danger);font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.rate-history-viewer{padding:1.5rem}.rate-history-error,.rate-history-loading{color:var(--ui-text-secondary);padding:3rem 1.5rem;text-align:center}.current-rates-card{background:#fff;border:2px solid var(--ui-primary);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.card-header h3{color:var(--ui-text);font-size:1.25rem;font-weight:600;margin:0}.effective-badge{background:var(--ui-primary-tint);border-radius:20px;color:var(--ui-primary);font-size:.75rem;font-weight:500;padding:.25rem .75rem}.rates-grid{grid-gap:1rem;gap:1rem}.rate-display{align-items:center;border-bottom:1px solid var(--ui-border-soft);display:flex;justify-content:space-between;padding:.5rem 0}.rate-label{color:var(--ui-text-secondary);font-size:.875rem}.rate-value{color:var(--ui-text);font-weight:600}.upcoming-changes-section{margin-bottom:2rem}.upcoming-changes-section h3{color:var(--ui-text);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.upcoming-change-card{background:var(--ui-warning-tint);border:1px solid var(--ui-warning);border-radius:6px;margin-bottom:.75rem;padding:1rem}.change-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.change-date{color:var(--ui-warning-text)}.change-reason{color:var(--ui-text-secondary);font-size:.875rem}.changed-rates{display:flex;flex-wrap:wrap;gap:1rem}.rate-change-item{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.rate-change{color:var(--ui-warning-text);font-weight:600}.rate-history-section{margin-top:2rem}.rate-history-section h3{color:var(--ui-text);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.no-history{padding:2rem}.history-timeline{padding-left:2rem;position:relative}.history-timeline:before{background:var(--ui-border);bottom:0;content:"";left:.5rem;position:absolute;top:0;width:2px}.history-entry{margin-bottom:2rem;position:relative}.history-entry.active .timeline-marker{background:var(--ui-primary);box-shadow:0 0 0 4px var(--ui-primary-tint)}.timeline-marker{background:var(--ui-text-faint);border:2px solid #fff;border-radius:50%;height:1rem;left:-1.5rem;top:.5rem;width:1rem}.entry-content{background:#fff;border:1px solid var(--ui-border);border-radius:6px;padding:1rem}.entry-header{margin-bottom:1rem}.entry-dates{align-items:center;color:var(--ui-text);display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.date-separator{color:var(--ui-text-faint)}.active-badge{background:var(--ui-primary);border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;margin-left:.5rem;padding:.125rem .5rem}.entry-meta{color:var(--ui-text-secondary);display:flex;font-size:.75rem;gap:1rem;margin-top:.25rem}.entry-rates{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.rate-item{font-size:.8125rem;padding:.25rem 0}.rate-item.changed{font-weight:600}.rate-item.changed .rate-value{color:var(--ui-primary)}.previous-value{color:var(--ui-text-muted);font-size:.75rem;font-weight:400;margin-left:.25rem}.payroll-rates-settings .settings-section-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.payroll-rates-settings .settings-section-header h2{color:var(--ui-text);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.section-description{color:var(--ui-text-secondary);font-size:1rem}.header-actions{gap:1rem}.effective-date-banner{border:1px solid var(--ui-primary);border-radius:6px;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.banner-icon{font-size:1.25rem}.banner-text{color:var(--ui-primary-hover);font-size:.875rem}.upcoming-changes-alert{background:var(--ui-warning-tint);border:1px solid var(--ui-warning);border-radius:6px;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.alert-icon{font-size:1.5rem}.alert-content h4{font-size:1rem;margin:0 0 .5rem}.upcoming-change{color:var(--ui-text-secondary);font-size:.875rem}.change-date{margin-right:.5rem}.payroll-rates-settings .rates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.rate-card{border-radius:8px;padding:1.5rem;transition:box-shadow .2s}.rate-card:hover{box-shadow:0 4px 6px #0000001a}.rate-card-header{gap:.75rem;margin-bottom:.75rem}.rate-icon{font-size:1.5rem}.rate-name{font-size:1rem}.rate-description{color:var(--ui-text-secondary);font-size:.875rem;margin:0 0 1rem}.rate-value-display{gap:.5rem}.current-value{font-size:1.5rem;font-weight:700}.future-value{color:var(--ui-warning);font-size:1rem;font-weight:500}.compliance-note{background:var(--ui-primary-tint);border:1px solid var(--ui-primary);border-radius:6px;gap:1rem;margin-top:2rem;padding:1rem 1.5rem}.note-icon{font-size:1.25rem}.note-content h4{color:var(--ui-primary-hover);font-size:.875rem;margin:0 0 .25rem}.note-content p{color:var(--ui-text-secondary);font-size:.8125rem}.modal-overlay{padding:2rem}.modal-content{border-radius:8px;box-shadow:0 20px 25px -5px #0000001a}.modal-content--large{max-width:800px;width:100%}.modal-overlay{animation:fadeIn .2s ease-in-out;background-color:#00000080}.modal-content{animation:slideUp .3s ease-out;box-shadow:0 10px 40px #0003;overflow:auto}.modal-content--medium{max-width:600px;width:90%}.modal-header{padding:24px}.modal-title{color:var(--ui-text);font-size:1.5rem;font-weight:600}.modal-close{border-radius:8px;font-size:2rem;padding:0;transition:all .2s}.modal-close:hover{background-color:var(--ui-surface-recessed);color:var(--ui-text)}.modal-footer{padding:20px 24px}.salary-change-info{grid-gap:20px;background-color:var(--ui-bg);border-radius:8px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:24px;padding:20px}.salary-change-info__employee h3{color:var(--ui-text);font-size:1.25rem;margin:0 0 8px}.salary-change-info__employee p{color:var(--ui-text-muted);font-size:.875rem;margin:0}.salary-change-info__current label{color:var(--ui-text-muted);display:block;font-size:.75rem;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.salary-amount{color:var(--ui-primary);font-size:1.5rem;font-weight:600;margin:0}.salary-change-form{display:flex;flex-direction:column;gap:20px}.salary-history-viewer{padding:20px}.salary-history-header{margin-bottom:24px}.salary-history-summary{grid-gap:16px;background:linear-gradient(135deg,var(--ui-primary-tint) 0,var(--ui-accent-tint) 100%);border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px;padding:20px}.summary-item label{color:var(--ui-text-muted);display:block;font-size:.75rem;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.summary-value{font-size:1.25rem;font-weight:600}.view-mode-toggle{background-color:var(--ui-surface-recessed);border-radius:8px;display:flex;gap:4px;margin-bottom:20px;padding:4px}.toggle-btn{background:#0000;border:none;border-radius:6px;color:var(--ui-text-muted);cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s}.toggle-btn.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:var(--ui-primary)}.toggle-btn:hover:not(.active){color:var(--ui-text)}.salary-timeline{padding-left:40px;position:relative}.salary-timeline:before{background:linear-gradient(to bottom,var(--ui-primary),var(--ui-accent));bottom:0;content:"";left:16px;position:absolute;top:0;width:2px}.timeline-item{animation:slideInLeft .3s ease-out;margin-bottom:32px;position:relative}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.timeline-marker{left:-32px;position:absolute;top:8px}.marker-icon{align-items:center;background-color:#fff;border:3px solid var(--ui-primary);border-radius:50%;display:flex;font-size:1rem;font-weight:700;height:32px;justify-content:center;width:32px}.marker-icon.increase{border-color:var(--ui-success);color:var(--ui-success)}.marker-icon.decrease{border-color:var(--ui-danger);color:var(--ui-danger)}.marker-icon.no-change{border-color:var(--ui-text-muted);color:var(--ui-text-muted)}.timeline-content{background-color:#fff;border:1px solid var(--ui-border);border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:16px}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.timeline-date{color:var(--ui-text);font-size:1rem;font-weight:600;margin:0}.change-badge{border-radius:4px;font-size:.875rem;font-weight:600;padding:4px 8px}.change-badge.increase{background-color:var(--ui-success-tint);color:var(--ui-success)}.change-badge.decrease{background-color:var(--ui-danger-tint);color:var(--ui-danger)}.change-badge.no-change{background-color:var(--ui-surface-recessed);color:var(--ui-text-muted)}.timeline-amounts{align-items:center;display:flex;font-size:1.125rem;gap:12px;margin-bottom:12px}.amount-previous{color:var(--ui-text-muted);text-decoration:line-through}.amount-arrow{color:var(--ui-text-faint)}.amount-new{color:var(--ui-primary);font-weight:600}.timeline-details{display:flex;flex-direction:column;gap:8px}.detail-item{font-size:.875rem}.detail-item strong{color:var(--ui-text);margin-right:4px}.detail-meta{border-top:1px solid var(--ui-surface-recessed);color:var(--ui-text-faint);font-size:.75rem;margin-top:8px;padding-top:8px}.salary-table{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead{background-color:var(--ui-bg)}.data-table th{border-bottom:1px solid var(--ui-border);color:var(--ui-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:12px;text-align:left;text-transform:uppercase}.data-table tbody tr{border-bottom:1px solid var(--ui-surface-recessed);transition:background-color .2s}.data-table tbody tr:hover{background-color:var(--ui-bg)}.data-table td{color:var(--ui-text-secondary);font-size:.875rem;padding:12px}.updated-by{display:flex;flex-direction:column}.updated-by small{color:var(--ui-text-faint);font-size:.75rem}.no-history{color:var(--ui-text-muted);padding:40px;text-align:center}.salary-history{border-top:1px solid var(--ui-border);margin-top:24px;padding-top:24px}.salary-history__title{color:var(--ui-text);font-size:1rem;font-weight:600;margin:0 0 16px}.salary-history__list{display:flex;flex-direction:column;gap:12px}.salary-history__item{grid-gap:12px;align-items:center;background-color:var(--ui-bg);border-radius:8px;display:grid;gap:12px;grid-template-columns:100px 1fr auto;padding:12px}.salary-history__date{color:var(--ui-text-muted);font-size:.875rem}.salary-history__details{display:flex;flex-direction:column;gap:4px}.salary-history__amount{color:var(--ui-text);font-size:.875rem;font-weight:500}.salary-history__reason{color:var(--ui-text-muted);font-size:.75rem}.salary-history__change{background-color:var(--ui-primary-tint);border-radius:4px;color:var(--ui-primary);font-size:.875rem;font-weight:600;padding:4px 8px}.loading-spinner{padding:40px;text-align:center}.alert{font-size:.875rem}.alert--error{background-color:var(--ui-danger-tint);border:1px solid var(--ui-border);color:var(--ui-danger-text)}@media (max-width:768px){.modal-content--medium{margin:10px;width:95%}.salary-change-info{grid-template-columns:1fr}.salary-history-summary{grid-template-columns:repeat(2,1fr)}.salary-history__item{gap:8px;grid-template-columns:1fr}.timeline-amounts{align-items:flex-start;flex-direction:column;gap:4px}.data-table{font-size:.75rem}.data-table td,.data-table th{padding:8px}}.wordmark-tld{font-weight:500;opacity:.55}.pw-popover{display:inline-flex;position:relative}.pw-popover__trigger{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;margin:0;padding:0}.pw-popover__panel{background:#fff;border:1px solid var(--ui-border);border-radius:10px;box-shadow:0 8px 24px #0000001f;cursor:default;max-width:320px;min-width:240px;padding:12px 14px;position:absolute;text-align:left;top:calc(100% + 8px);z-index:30}.pw-popover__panel--start{left:0}.pw-popover__panel--end{right:0}.auth-container{display:flex;min-height:100vh}.auth-branding{align-items:flex-start;background:var(--ui-gradient-primary);color:#fff;display:flex;flex:0 0 45%;flex-direction:column;justify-content:center;min-height:100%;overflow:hidden;padding:60px;position:relative}.auth-branding--sticky{align-self:flex-start;height:100vh;position:-webkit-sticky;position:sticky;top:0}.auth-branding__decoration{background:#ffffff14;border-radius:50%;pointer-events:none;position:absolute}.auth-branding__decoration--1{height:300px;right:-80px;top:-80px;width:300px}.auth-branding__decoration--2{bottom:-60px;height:200px;left:-60px;width:200px}.auth-branding__decoration--3{background:#ffffff0d;height:120px;right:15%;top:50%;width:120px}.auth-branding__content{position:relative;z-index:1}.auth-branding__logo{align-items:center;color:inherit;display:flex;font-family:inherit;font-size:28px;font-weight:700;gap:12px;margin-bottom:16px;text-decoration:none}.auth-branding__logo:hover{opacity:.9}.auth-branding__logo-icon{display:block;flex-shrink:0;height:44px;object-fit:contain;width:44px}.auth-branding__headline{font-size:36px;font-weight:700;line-height:1.2;margin-bottom:12px}.auth-branding__tagline{font-size:18px;line-height:1.5;margin-bottom:40px;opacity:.9}.auth-branding__features{list-style:none;margin:0 0 32px;padding:0}.auth-branding__feature{align-items:center;display:flex;font-size:16px;gap:12px;margin-bottom:16px;opacity:.95}.auth-branding__feature:last-child{margin-bottom:0}.auth-branding__check{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.auth-branding__check svg{color:var(--ui-accent);height:14px;width:14px}.auth-branding__badges{display:flex;gap:16px;margin-top:32px}.auth-branding__badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;display:flex;font-size:12px;font-weight:500;gap:8px;padding:10px 16px}.auth-branding__badge-icon{font-size:16px}.auth-form-panel{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:40px}.auth-form-container{max-width:400px;width:100%}.auth-form-container--wide{max-width:480px}.auth-mobile-header{display:none;margin-bottom:32px;text-align:center}.auth-mobile-logo{align-items:center;color:var(--ui-primary);display:flex;font-family:inherit;font-size:24px;font-weight:700;gap:10px;justify-content:center;margin-bottom:8px;text-decoration:none}.auth-mobile-logo:hover{opacity:.8}.auth-mobile-logo .auth-branding__logo-icon{height:36px;width:36px}.auth-form-header{margin-bottom:32px;text-align:center}.auth-form-title{color:var(--ui-text);font-size:28px;font-weight:600;margin:0 0 8px}.auth-form-subtitle{color:var(--ui-text-muted);font-size:16px;margin:0}.auth-form-section{margin-bottom:28px}.auth-form-section-title{border-bottom:1px solid var(--ui-border);color:var(--ui-text);font-size:16px;font-weight:500;margin:0 0 20px;padding-bottom:8px}.auth-form-footer{text-align:center}.auth-forgot-link{margin-bottom:20px;margin-top:-12px;text-align:right}.auth-forgot-link button{background:none;border:none;color:var(--ui-primary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:0}.auth-forgot-link button:hover{text-decoration:underline}.auth-back-link{margin-top:28px;text-align:center}.auth-back-link button{align-items:center;background:none;border:none;color:var(--ui-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:6px;padding:0}.auth-back-link button:hover{text-decoration:underline}.auth-back-link svg{height:16px;width:16px}.auth-back-link a{align-items:center;color:var(--ui-primary);display:inline-flex;font-size:14px;font-weight:500;gap:6px;text-decoration:none}.auth-back-link a:hover{text-decoration:underline}.auth-success-icon{align-items:center;background:var(--ui-success-tint);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.auth-success-icon svg{color:var(--ui-success);height:32px;width:32px}.auth-error-icon{align-items:center;background:var(--ui-danger-tint);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.auth-error-icon svg{color:var(--ui-danger);height:32px;width:32px}.auth-loading-spinner{animation:auth-spin .8s linear infinite;border:4px solid var(--ui-border);border-radius:50%;border-top-color:var(--ui-primary);height:64px;margin:0 auto 24px;width:64px}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-reset-email{color:var(--ui-text-muted);font-size:14px;margin-bottom:24px;text-align:center}.auth-reset-email strong{color:var(--ui-text);font-weight:600}.auth-reset-note{color:var(--ui-text-muted);font-size:14px;line-height:1.5;margin-top:16px;text-align:center}.auth-form-panel .form-divider__text{background-color:#fff}.auth-verify-icon{align-items:center;background:var(--ui-primary-tint);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.auth-verify-icon svg{color:var(--ui-primary);height:40px;width:40px}.auth-verify-steps{list-style:none;margin:0;padding:0}.auth-verify-step{align-items:center;display:flex;font-size:16px;gap:14px;margin-bottom:20px;opacity:.95}.auth-verify-step:last-child{margin-bottom:0}.auth-verify-step__number{align-items:center;background:#ffffff26;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.auth-verify-step--done .auth-verify-step__number{background:#ffffff4d}.auth-verify-step--done .auth-verify-step__number svg{height:14px;width:14px}.auth-verify-step--done .auth-verify-step__text{opacity:.7;text-decoration:line-through}.auth-verify-step--active .auth-verify-step__number{background:#eaa63a66;box-shadow:0 0 0 3px #eaa63a33}.auth-email-card{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:12px;margin-bottom:24px;padding:20px 24px;text-align:left}.auth-email-card__label{color:var(--ui-text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.auth-email-card__row{align-items:center;display:flex;gap:12px}.auth-email-card__icon{align-items:center;background:var(--ui-primary-tint);border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.auth-email-card__icon svg{color:var(--ui-primary);height:18px;width:18px}.auth-email-card__details{flex:1 1;min-width:0}.auth-email-card__address{color:var(--ui-text);font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-email-card__hint{color:var(--ui-text-muted);font-size:13px}.auth-waiting-indicator{align-items:center;background:var(--ui-primary-tint);border-radius:8px;color:var(--ui-primary);display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;margin-bottom:24px;padding:14px 20px}.auth-waiting-indicator--success{background:var(--ui-success-tint);color:var(--ui-success-text)}.auth-waiting-indicator--success svg{color:var(--ui-success)}.auth-waiting-spinner{animation:auth-spin 1s linear infinite;border:2px solid var(--ui-primary-tint);border-radius:50%;border-top-color:var(--ui-primary);height:18px;width:18px}.auth-error-banner{align-items:flex-start;background:var(--ui-danger-tint);border:1px solid var(--ui-border);border-radius:8px;display:flex;gap:10px;margin-bottom:16px;padding:14px 16px;text-align:left}.auth-error-banner svg{color:var(--ui-danger);flex-shrink:0;height:18px;margin-top:1px;width:18px}.auth-error-banner span{color:var(--ui-danger-text);font-size:14px;line-height:1.5}.auth-resend-section{margin-bottom:24px;text-align:center}.auth-resend-text{color:var(--ui-text-muted);font-size:14px;margin:0 0 12px}.auth-cooldown-text{color:var(--ui-text-muted);font-size:13px;margin:8px 0 0}.auth-help-section{border-top:1px solid var(--ui-border);margin-bottom:8px;padding-top:24px}.auth-help-title{color:var(--ui-text-secondary);font-size:13px;font-weight:600;margin-bottom:8px}.auth-help-list{list-style:none;margin:0;padding:0;text-align:left}.auth-help-list li{color:var(--ui-text-muted);font-size:13px;padding:4px 0 4px 20px;position:relative}.auth-help-list li:before{background:var(--ui-border);border-radius:50%;content:"";height:5px;left:4px;position:absolute;top:11px;width:5px}@media (max-width:1024px){.auth-branding{flex:0 0 40%;padding:40px}.auth-branding__headline{font-size:28px}.auth-form-panel{padding:32px}}@media (max-width:768px){.auth-container{flex-direction:column}.auth-branding{display:none}.auth-form-panel{align-items:flex-start;min-height:100vh;padding:40px 24px 24px}.auth-mobile-header{display:block}.auth-form-header{margin-bottom:24px}.auth-form-title{font-size:24px}.auth-form-container,.auth-form-container--wide{max-width:100%}}@media (max-width:480px){.auth-form-panel{padding:32px 16px 16px}.auth-form-panel .input-group{flex-direction:column}.auth-form-panel .input-group__addon{border-bottom:none;border-radius:8px 8px 0 0;border-right:1px solid var(--ui-border)}.auth-form-panel .input-group .form-input{border-radius:0 0 8px 8px}}.add-employee-container{width:100%}.stepper-container{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:8px;overflow:hidden}.progress-bar{left:0;right:0;top:0}.progress-bar-fill{background:var(--ui-gradient-primary);width:20%}.progress-bar-fill:after{background:#ffffff4d;width:4px}.stepper{margin:0 var(--space-4);padding-top:12px}.stepper-step__indicator{font-weight:var(--font-semibold)}.stepper-step__label{color:var(--ui-text-secondary);font-weight:var(--font-medium)}.stepper-step--active .stepper-step__label{font-weight:var(--font-semibold)}.add-employee-content{width:100%}.add-employee-form-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-section{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-6)}.id-type-toggle{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;margin-bottom:var(--space-6)}.toggle-option{cursor:pointer;position:relative}.toggle-option input{opacity:0;position:absolute}.toggle-label{border:2px solid var(--ui-border);border-radius:var(--radius-lg);display:block;padding:var(--space-4);text-align:center;transition:all .2s ease}.toggle-option input:checked+.toggle-label{background:var(--ui-primary-tint);border-color:var(--ui-primary)}.toggle-label-title{color:var(--ui-text);display:block;font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.toggle-label-desc{color:var(--ui-text-secondary);font-size:var(--text-sm)}.id-preview{background:var(--ui-bg);border:2px dashed var(--ui-primary);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.id-preview-label{color:var(--ui-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.id-preview-note{color:var(--ui-text-secondary);font-size:var(--text-sm)}.form-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.add-employee-form-actions{align-items:center;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:var(--space-6);width:100%}.date-format-helper{color:var(--ui-text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}@media (max-width:1024px){.add-employee-form-container{grid-template-columns:1fr}}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.stepper{overflow-x:auto}.id-type-toggle{grid-template-columns:1fr}}@media (max-width:640px){.add-employee-form-actions{flex-direction:column-reverse;gap:var(--space-3)}.add-employee-form-actions .btn{width:100%}}.empty-state{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);min-height:400px;padding:var(--space-8)}.empty-state__icon{font-size:4rem;margin-bottom:var(--space-4)}.empty-state__title{color:var(--ui-text);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.employment-details-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;padding:2rem}.employment-form-fields{display:flex;flex-direction:column;gap:1rem}.employment-form-row{grid-gap:1rem 1.5rem;display:grid;gap:1rem 1.5rem;grid-template-columns:1fr 1fr}.employment-form-row--4col{grid-template-columns:repeat(4,1fr)}.form-date-label{color:var(--ui-text-secondary);font-size:.875rem;font-weight:500;margin:.25rem 0 0}.input-group{align-items:stretch;display:flex;position:relative}.input-group__addon{align-items:center;background:var(--ui-border-soft);border:1px solid var(--ui-border);border-radius:8px 0 0 8px;border-right:none;color:var(--ui-text-secondary);display:flex;font-size:1.125rem;font-weight:600;padding:0 1rem}.input-group .form-input{border-left:none;border-radius:0 8px 8px 0;padding-left:.75rem}.employment-compliance-box{background:var(--ui-primary-tint);border:1px solid var(--ui-border);border-radius:12px;margin:0 0 1rem;padding:1.5rem}.employment-compliance-box__header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.employment-compliance-box__flag{font-size:1.5rem}.employment-compliance-box__title{color:var(--ui-primary-hover);font-size:1rem;font-weight:600;margin:0}.employment-compliance-box__list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.employment-compliance-box__list li{color:var(--ui-primary-hover);font-size:.875rem;line-height:1.5}.employment-compliance-box__list strong{color:var(--ui-primary-hover);font-weight:600}@media (max-width:768px){.employment-form-row--4col{grid-template-columns:1fr 1fr}.employment-compliance-box{margin:1.5rem 0;padding:1rem}.employment-compliance-box__list li{font-size:.8125rem}}.ws-row{grid-gap:1rem 1.5rem;align-items:flex-start;display:grid;gap:1rem 1.5rem;grid-template-columns:1fr 1fr}.ws-days,.ws-hours{min-width:0}.ws-time-input{font-feature-settings:"tnum";font-size:.8125rem;font-variant-numeric:tabular-nums}.ws-break-select,.ws-time-input{border:1px solid var(--ui-border);border-radius:6px;color:var(--ui-text);padding:.4rem .6rem;width:auto}.ws-break-select,.ws-summary-bar{font-size:.8125rem}.ws-summary-bar{align-items:center;border-radius:6px;display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem;padding:.625rem 1rem}@media (max-width:768px){.ws-row{gap:.75rem;grid-template-columns:1fr}.ws-summary-bar{font-size:.75rem}}.form-validation{display:block;font-weight:500;margin-top:.25rem}.form-validation--valid{color:var(--ui-success)}.form-validation--invalid{color:var(--ui-danger)}.form-input--monospace{font-family:monospace;letter-spacing:.05em}.form-section--disabled{background-color:var(--ui-bg);border:1px solid var(--ui-border);opacity:.6;pointer-events:none;position:relative}.form-section--disabled:before{background-color:#f9fafb4d;border-radius:var(--radius-xl);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.read-only-badge{align-items:center;background-color:var(--ui-warning-tint);border:1px solid var(--ui-border);border-radius:12px;color:var(--ui-warning-text);display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;margin-left:.75rem;padding:.25rem .75rem}.form-section--disabled .toggle-option,.form-section--disabled input[type=radio],.form-section--disabled input[type=text]{cursor:not-allowed}.form-section--disabled .id-preview{background-color:var(--ui-surface-recessed)}@media (max-width:768px){.add-employee-form-actions{flex-direction:column;gap:1rem}}.employment-clear-end-date{align-items:center;align-self:flex-start;background:none;border:none;color:var(--ui-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.375rem;margin-top:.5rem;padding:.125rem 0;width:auto}.employment-clear-end-date:hover{color:var(--ui-primary-hover);text-decoration:underline}.employment-clear-end-date:focus-visible{border-radius:4px;outline:2px solid var(--ui-primary);outline-offset:2px}.clear-end-date-effects{color:var(--ui-text-secondary);font-size:.9375rem;line-height:1.7;margin:.75rem 0 0;padding-left:1.25rem}.clear-end-date-effects strong{color:var(--ui-text);font-weight:600}.clear-end-date-note{color:var(--ui-text-muted);font-size:.875rem;margin:.75rem 0 0}.header-text{flex:1 1;min-width:300px}.period-info{align-items:flex-start;gap:40px;padding:8px 0}.search-input-wrapper{flex:1 1;min-width:300px;position:relative}.search-input{font-size:1rem;padding:12px 16px 12px 44px;width:100%}.search-input::placeholder{color:var(--ui-text-faint)}.employee-info{flex:1 1;min-width:0}.employee-name{font-size:1rem}.employee-id{color:var(--ui-text-muted)}.employee-id,.warning-icon{font-size:.875rem}.input-label{color:var(--ui-text-muted);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.summary-item{gap:8px}.summary-value{color:var(--ui-text);font-size:1.75rem;font-weight:700}.btn-cancel{font-size:1rem;padding:12px 24px}.btn-cancel:hover{background:var(--ui-bg);border-color:var(--ui-text-faint)}.modal-content{border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:80vh;width:90%}.modal-header{padding:24px 24px 16px}.modal-header h2{color:var(--ui-text);font-size:20px;font-weight:600;margin:0}.modal-close{background:#0000;border-radius:4px;font-size:1.5rem;transition:all .2s ease}.modal-close:hover{background:var(--ui-border-soft)}.modal-body{padding:24px}.status-icon{align-items:center;background:var(--ui-primary-tint);border-radius:50%;color:var(--ui-primary);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.status-info{flex:1 1}.status-info strong{color:var(--ui-text);display:block;font-size:14px;margin-bottom:4px}.status-info p{color:var(--ui-text-secondary);font-size:14px;line-height:1.5;margin:0}.modal-footer .btn-primary{background:var(--ui-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease;width:100%}.modal-footer .btn-primary:hover{background:var(--ui-primary-hover)}.alert{align-items:center;border-radius:8px;display:flex;font-size:.9375rem;gap:8px;margin-bottom:16px;padding:12px 16px}.time-loading-spinner{border:4px solid var(--ui-border);height:48px;width:48px}.time-empty-state{border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:60px 20px}.time-empty-icon{margin-bottom:16px}.time-empty-title{font-size:1.5rem;font-weight:600;margin-bottom:8px}.time-empty-text{font-size:1rem;margin-bottom:24px}@media (max-width:768px){.period-info{align-items:flex-start;flex-direction:column;gap:16px}.search-input-wrapper{min-width:0;min-width:auto;width:100%}.btn-cancel{width:100%}}.settings-header{align-items:center;display:flex;gap:16px;margin-bottom:32px}.settings-back-button{align-items:center;background:var(--ui-surface-recessed);border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s;width:40px}.settings-back-button:hover{background:var(--ui-border);transform:translateX(-2px)}.settings-header-content h1{color:var(--ui-text);font-size:32px;font-weight:600;margin:0}.settings-header-content p{color:var(--ui-text-muted);font-size:16px;margin:4px 0 0}.settings-progress{margin-bottom:40px;padding:24px}.settings-content,.settings-progress{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.settings-content{margin-bottom:24px;padding:32px}.settings-form-section{margin-bottom:48px}.settings-form-section:last-child{margin-bottom:0}.settings-section-header{align-items:center;border-bottom:1px solid var(--ui-border);gap:12px;padding-bottom:16px}.settings-section-icon{align-items:center;background:var(--ui-surface-recessed);border-radius:8px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.settings-section-title{color:var(--ui-text);font-size:20px;margin:0}.settings-section-description{color:var(--ui-text-muted);font-size:14px;margin-bottom:20px}.settings-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.required{color:var(--ui-danger)}.optional{color:var(--ui-text-muted);font-size:12px;font-weight:400}.settings-info-box{background:var(--ui-surface-recessed);gap:16px;margin-bottom:24px;padding:16px}.settings-info-icon{flex-shrink:0;font-size:24px}.settings-info-content h4{color:var(--ui-text);font-size:14px;font-weight:600;margin:0 0 4px}.settings-info-content p{color:var(--ui-text-muted);font-size:13px;line-height:1.5;margin:0}.settings-work-days{display:flex;flex-wrap:wrap;gap:8px}.settings-work-day{align-items:center;border:1px solid var(--ui-border);border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .3s}.settings-work-day:hover{border-color:var(--ui-primary)}.settings-work-day input[type=checkbox]{margin-right:6px}.settings-work-day-label{font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}.settings-rate-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.settings-rate-card{border:1px solid var(--ui-border);border-radius:8px;padding:20px;transition:all .3s}.settings-rate-card:hover{border-color:var(--ui-primary);box-shadow:0 4px 12px #00000014}.settings-rate-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.settings-rate-name{color:var(--ui-text);font-size:16px;font-weight:600;margin:0}.settings-rate-minimum{color:var(--ui-text-muted);font-size:12px;font-weight:500}.settings-rate-description{color:var(--ui-text-muted);font-size:13px;margin:0 0 12px}.settings-rate-input-group{align-items:center;display:flex;gap:8px}.settings-rate-input{border:1px solid var(--ui-border);border-radius:6px;flex:1 1;font-size:16px;font-weight:500;padding:10px 12px;text-align:center;transition:border-color .3s}.settings-rate-input:focus{border-color:var(--ui-primary);outline:none}.settings-rate-input.error{border-color:var(--ui-danger)}.settings-rate-suffix{color:var(--ui-text-muted);font-size:16px;font-weight:500}.settings-export-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.settings-checkbox-label{align-items:flex-start;border:1px solid var(--ui-border);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .3s}.settings-checkbox-label:hover{background:var(--ui-surface-recessed)}.settings-checkbox-label input[type=checkbox]{cursor:pointer;height:18px;margin-top:2px;width:18px}.settings-checkbox-text{flex:1 1}.settings-checkbox-text strong{color:var(--ui-text);display:block;font-size:14px;margin-bottom:2px}.settings-checkbox-description{color:var(--ui-text-muted);font-size:12px}.settings-bank-formats{background:var(--ui-surface-recessed);border-radius:8px;padding:16px}.settings-bank-formats h4{color:var(--ui-text);font-size:14px;font-weight:600;margin:0 0 12px}.settings-bank-format-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.settings-bank-format{color:var(--ui-text-muted);font-size:13px}.settings-bank-format strong{color:var(--ui-text)}.settings-actions{border-top:1px solid var(--ui-border);display:flex;justify-content:space-between;margin-top:40px;padding-top:24px}.settings-actions-right{display:flex;gap:12px}.settings-btn{font-size:16px;padding:12px 24px;transition:all .3s}.settings-btn:disabled{cursor:not-allowed;opacity:.5}.settings-btn-primary:hover:not(:disabled){box-shadow:var(--ui-shadow-primary);transform:translateY(-1px)}.settings-btn-secondary{border:1px solid var(--ui-primary);color:var(--ui-primary)}.settings-btn-secondary:hover:not(:disabled){background:#007aff08}.settings-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff30;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.cutoff-periods{display:flex;flex-direction:column;gap:20px}.cutoff-period-card{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:12px;padding:20px}.cutoff-period-card h4{color:var(--ui-text);font-size:16px;font-weight:600;margin:0 0 16px}.deduction-distribution-integrated{border-top:1px solid var(--ui-border);margin-top:32px;padding-top:24px}.distribution-subtitle{color:var(--ui-text);font-size:16px;font-weight:600;margin:0 0 8px}.distribution-help{color:var(--ui-text-muted);font-size:14px;margin:0 0 20px}.deduction-distribution-simple{display:flex;flex-direction:column;gap:16px}.deduction-period-row{align-items:flex-start;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:12px;display:flex;gap:20px;padding:16px}.period-info{flex:0 0 140px}.period-label{color:var(--ui-text);font-size:14px;font-weight:600}.period-dates{color:var(--ui-text-muted);font-size:12px}.period-deductions{display:flex;flex:1 1;flex-direction:column;gap:12px}.deductions-assigned{color:var(--ui-text-muted);font-size:14px;font-style:italic}.deduction-dropdown{position:relative}.deduction-select{background:#fff;border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text);cursor:pointer;font-size:14px;min-height:38px;padding:8px 12px;width:100%}.deduction-select:focus{border-color:var(--ui-primary);box-shadow:0 0 0 2px var(--ui-primary-tint);outline:none}.deduction-select option{padding:8px}.deduction-select option:disabled{color:var(--ui-text-muted);font-style:italic}.selected-deductions{display:flex;flex-wrap:wrap;gap:8px}.deduction-tag{align-items:center;background:var(--ui-primary);border-radius:20px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.tag-icon{font-size:16px}.tag-name{color:#fff}.tag-remove{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;line-height:1;margin-left:4px;padding:0;transition:background .2s;width:20px}.tag-remove:hover{background:#ffffff4d}.distribution-status{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px}.distribution-status.valid{background:var(--ui-success-tint);color:var(--ui-success-text)}.distribution-status.invalid{background:var(--ui-accent-tint);color:var(--ui-warning-text)}.status-icon{font-size:16px}.status-text{flex:1 1}.settings-loading{min-height:400px}.settings-loading .settings-spinner{border-color:#007aff30;border-top-color:var(--ui-primary);height:32px;width:32px}.settings-error-message{background:#ff3b3010;border:1px solid #ff3b3030;border-radius:8px;color:var(--ui-danger);margin-top:16px;padding:12px 16px}.settings-subsection{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:8px;margin-top:24px;padding:20px}.settings-subsection-title{color:var(--ui-text-secondary);font-size:16px;font-weight:600;margin:0 0 16px}@media (max-width:768px){.settings-container{padding:16px}.settings-header{margin-bottom:24px}.settings-header-content h1{font-size:24px}.settings-header-content p{font-size:14px}.settings-content{padding:20px}.settings-form-row{grid-template-columns:1fr}.settings-form-group input,.settings-form-group select{font-size:16px}.settings-progress{padding:16px}.settings-actions{flex-direction:column;gap:12px}.settings-actions-right{flex-direction:column-reverse;width:100%}.settings-btn{width:100%}.settings-rate-cards{grid-template-columns:1fr}.settings-rate-card{padding:16px}.settings-rate-name{font-size:14px}.settings-rate-input{font-size:16px;padding:8px 10px}.settings-work-days{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.settings-work-day{font-size:12px;padding:8px}.settings-work-day input[type=checkbox]{margin-right:4px}.settings-info-box{flex-direction:column;gap:8px}.settings-bank-format-list{grid-template-columns:1fr}.settings-section-header{align-items:flex-start;flex-direction:column;gap:8px}.settings-section-icon{font-size:16px;height:32px;width:32px}.settings-section-title{font-size:18px}.settings-form-section{margin-bottom:32px}.cutoff-periods{gap:16px}.cutoff-period-card{padding:16px}.deduction-distribution-integrated{margin-top:24px;padding-top:20px}.distribution-subtitle{font-size:15px}.distribution-help{font-size:13px;margin-bottom:16px}.deduction-period-row{flex-direction:column;gap:12px;padding:14px}.period-info{flex:none;width:100%}.deduction-select{font-size:16px}.selected-deductions{gap:6px}.deduction-tag{font-size:12px;padding:4px 10px}.tag-icon{font-size:14px}.distribution-status{font-size:13px;padding:10px 14px}}@media (min-width:769px) and (max-width:1024px){.settings-form-row,.settings-rate-cards{grid-template-columns:repeat(2,1fr)}}.settings-hidden{display:none}.settings-mt-4{margin-top:32px}.settings-mb-4{margin-bottom:32px}.compliance-indicator{align-items:center;border-radius:50%;cursor:help;display:inline-flex;font-size:14px;height:24px;justify-content:center;margin-left:auto;width:24px}.compliance-indicator--ok{background:var(--ui-success-tint);color:var(--ui-success)}.compliance-indicator--warning{background:var(--ui-warning-tint);color:var(--ui-warning)}.rate-card{transition:all .3s ease}.rate-card--non-compliant{background:var(--ui-accent-tint);border-color:var(--ui-warning)}.rate-card-header{gap:12px}.rate-icon{font-size:24px}.rate-name{color:var(--ui-text);flex:1 1;font-size:18px;font-weight:600;margin:0}.rate-description{color:var(--ui-text-muted);font-size:14px;margin:0 0 16px}.rate-value-display{align-items:baseline;display:flex;font-size:32px;font-weight:700;gap:12px}.current-value,.rate-value-display{color:var(--ui-primary)}.future-value{color:var(--ui-text-muted);font-size:18px;font-weight:400}.compliance-warning{align-items:flex-start;background:var(--ui-warning-tint);border-radius:6px;color:var(--ui-warning-text);display:flex;font-size:12px;gap:8px;margin-top:12px;padding:8px 12px}.warning-icon{font-size:14px;line-height:1;margin-top:2px}.warning-text{flex:1 1;line-height:1.4}.rates-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:24px 0}.effective-date-banner{align-items:center;background:var(--ui-primary-tint);border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.effective-date-banner--future{background:var(--ui-accent-tint)}.banner-icon{font-size:20px}.banner-text{color:var(--ui-text-secondary);font-size:14px}.banner-text strong{color:var(--ui-text);font-weight:600}.upcoming-changes-alert{background:var(--ui-accent-tint);border:1px solid var(--ui-border);border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.alert-icon{font-size:20px;line-height:1}.alert-content h4{color:var(--ui-warning-text);font-size:14px;font-weight:600;margin:0 0 8px}.upcoming-change{color:var(--ui-warning-text);font-size:13px;margin-top:4px}.change-date{font-weight:600;margin-right:8px}.compliance-note{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:8px;display:flex;gap:12px;margin-top:24px;padding:16px}.note-icon{line-height:1}.note-content h4{color:var(--ui-text-secondary);font-size:14px;font-weight:600;margin:0 0 8px}.note-content p{color:var(--ui-text-muted);font-size:13px;line-height:1.5;margin:0}.settings-section-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.settings-section-header h2{color:var(--ui-text);font-size:28px;font-weight:700;margin:0 0 8px}.section-description{color:var(--ui-text-muted);font-size:14px;margin:0}.header-actions{display:flex;gap:12px}@media (max-width:768px){.rates-grid{grid-template-columns:1fr}.compliance-indicator{font-size:12px;height:20px;width:20px}.rate-value-display{font-size:24px}.settings-section-header{flex-direction:column;gap:16px}.header-actions{flex-direction:column;width:100%}.header-actions button{width:100%}}.ph-pride-text{-webkit-text-fill-color:#0000;background:var(--ui-gradient-primary);-webkit-background-clip:text;background-clip:text;font-weight:var(--font-bold)}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--ui-primary);outline-offset:2px}::selection{background-color:var(--ui-primary-tint);color:var(--ui-primary-hover)}::-moz-selection{background-color:var(--ui-primary-tint);color:var(--ui-primary-hover)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--ui-border-soft)}::-webkit-scrollbar-thumb{background:var(--ui-text-faint);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ui-primary)}@media print{.alert--warning,.btn,.footer__badge,.loading,.nav-link{display:none!important}.text-gray-400,.text-gray-500{color:var(--ui-text-secondary)!important}*{background-image:none!important;box-shadow:none!important}}@media (prefers-contrast:high){:root{--ui-text-secondary:#3f4a43;--ui-text-muted:#4e574f;--ui-text-faint:#5c635a}.btn{font-weight:var(--font-semibold)}.btn,.form-input{border-width:2px}.card{border:2px solid var(--ui-border)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.hover-lift-sm:hover,.hover-lift:hover{transform:none}}.toast-container{display:flex;flex-direction:column;gap:8px;max-width:420px;pointer-events:none;position:fixed;right:20px;top:20px;width:calc(100% - 40px);z-index:10000}.toast{align-items:center;animation:toast-enter .25s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;font-family:var(--font-family-primary);font-size:14px;gap:10px;line-height:1.4;padding:12px 16px;pointer-events:auto}.toast--exiting{animation:toast-exit .25s ease-in forwards}.toast--success{background:var(--ui-success-tint);color:var(--ui-success-text)}.toast--error,.toast--success{border:1px solid var(--ui-border)}.toast--error{background:var(--ui-danger-tint);color:var(--ui-danger-text)}.toast--warning{background:var(--ui-warning-tint);color:var(--ui-warning-text)}.toast--info,.toast--warning{border:1px solid var(--ui-border)}.toast--info{background:var(--ui-primary-tint);color:var(--ui-primary-hover)}.toast__icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:22px;justify-content:center;width:22px}.toast__icon--success{background:var(--ui-success);color:#fff}.toast__icon--error{background:var(--ui-danger);color:#fff}.toast__icon--warning{background:var(--ui-warning);color:#fff}.toast__icon--info{background:var(--ui-primary);color:#fff}.toast__message{flex:1 1;font-weight:500}.toast__close{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;opacity:.5;padding:0 2px;transition:opacity .15s}.toast__close:hover{opacity:1}@keyframes toast-enter{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-exit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:480px){.toast-container{left:12px;max-width:none;right:12px;top:12px;width:auto}}html{scroll-behavior:smooth}.landing{--lp-grad:var(--ui-gradient-primary);--lp-grad-flag:linear-gradient(90deg,var(--ui-primary) 0%,var(--ui-accent) 100%);--lp-sm:0 1px 3px #12302a14;--lp-md:0 4px 12px #12302a14;--lp-lg:0 18px 50px #12302a24;background:var(--ui-surface);color:var(--ui-text);font-family:var(--font-family-primary);line-height:1.6}.landing a{color:inherit;text-decoration:none}.landing a:focus-visible,.landing button:focus-visible{border-radius:4px;outline:2px solid var(--ui-primary);outline-offset:2px}.landing .final a:focus-visible,.landing .foot a:focus-visible,.landing .gov a:focus-visible,.landing .lp-hero a:focus-visible{outline-color:var(--ui-text-on-dark)}.landing .lp-container{margin:0 auto;max-width:1200px;padding:0 24px}.landing .lp-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:.18s;white-space:nowrap}.landing .lp-btn--primary{background:var(--ui-primary);color:var(--ui-text-on-dark)}.landing .lp-btn--primary:hover{background:var(--ui-primary-hover);transform:translateY(-1px)}.landing .lp-btn--outline{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-primary)}.landing .lp-btn--outline:hover{border-color:var(--ui-primary)}.landing .lp-btn--white{background:var(--ui-surface);color:var(--ui-primary)}.landing .lp-btn--white:hover{box-shadow:var(--lp-md);transform:translateY(-1px)}.landing .lp-btn--ghost{background:#0000;border-color:#ffffff8c;color:var(--ui-text-on-dark)}.landing .lp-btn--ghost:hover{background:#ffffff1f}.landing .lp-btn--lg{font-size:16px;padding:14px 28px}.landing .lp-btn--full{width:100%}.landing .nav{background:var(--ui-surface);border-bottom:1px solid var(--ui-border);box-shadow:var(--lp-sm);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.landing .nav__inner{align-items:center;display:flex;height:72px;justify-content:space-between}.landing .brand{align-items:center;color:var(--ui-primary);display:flex;font-size:20px;font-weight:700;gap:10px}.landing .brand__logo{display:block;flex:0 0 38px;height:38px;width:38px}.landing .nav__links{display:flex;gap:28px}.landing .nav__links a{color:var(--ui-text-secondary);font-size:15px;font-weight:500}.landing .nav__links a:hover{color:var(--ui-primary)}.landing .nav__actions{display:flex;gap:10px}.landing .nav__toggle{background:none;border:0;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:8px}.landing .nav__toggle span{background:var(--ui-text-secondary);border-radius:2px;height:2px;width:24px}.landing .nav__mobile{border-bottom:1px solid var(--ui-border);display:none;flex-direction:column;gap:14px;padding:18px 24px 24px}.landing .nav__mobile.open{display:flex}.landing .nav__mobile a{color:var(--ui-text-secondary);font-weight:500}.landing .nav__mobile a.lp-btn--primary{color:var(--ui-text-on-dark)}.landing .nav__mobile a.lp-btn--outline{color:var(--ui-primary)}.landing .lp-hero{background:var(--lp-grad);color:var(--ui-text-on-dark);overflow:hidden;padding:88px 0 110px;position:relative}.landing .lp-hero:after,.landing .lp-hero:before{background:#ffffff0f;border-radius:50%;content:"";position:absolute}.landing .lp-hero:before{height:520px;right:-120px;top:-180px;width:520px}.landing .lp-hero:after{bottom:-160px;height:360px;left:-100px;width:360px}.landing .lp-hero__grid{grid-gap:56px;align-items:center;display:grid;gap:56px;grid-template-columns:1.05fr .95fr;position:relative}.landing .lp-hero__badge{align-items:center;background:#ffffff24;border:1px solid #ffffff40;border-radius:50px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:22px;padding:7px 14px}.landing .lp-hero h1{font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:20px}.landing .lp-hero h1 em{color:var(--ui-accent);font-style:normal}.landing .lp-hero__sub{color:#ffffffe6;font-size:18px;margin-bottom:30px;max-width:560px}.landing .lp-hero__sub b{color:var(--ui-text-on-dark)}.landing .lp-hero__sub sup.fn{color:var(--ui-accent);font-weight:700}.landing .lp-hero__fn{color:#ffffffb3;font-size:12px;margin-top:14px}.landing .lp-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}.landing .lp-hero__noteline{align-items:center;color:#ffffffd1;display:flex;font-size:13.5px;gap:8px;margin-bottom:26px}.landing .lp-hero__noteline b{color:var(--ui-text-on-dark);font-weight:700}.landing .lp-hero__trust{display:flex;flex-wrap:wrap;gap:22px}.landing .lp-hero__trust span{align-items:center;color:#ffffffeb;display:inline-flex;font-size:14px;gap:8px}.landing .lp-hero__trust i{background:#fff3;border-radius:50%;display:grid;font-size:12px;font-style:normal;height:20px;place-items:center;width:20px}.landing .preview{position:relative}.landing .win{background:var(--ui-surface);border-radius:16px;box-shadow:var(--lp-lg);color:var(--ui-text);overflow:hidden;transform:perspective(1400px) rotateY(-6deg) rotateX(2deg)}.landing .win__bar{background:var(--ui-border-soft);border-bottom:1px solid var(--ui-border);display:flex;gap:7px;padding:13px 16px}.landing .win__bar i{border-radius:50%;height:11px;width:11px}.landing .dot-r{background:#ff5f57}.landing .dot-y{background:#febc2e}.landing .dot-g{background:#28c840}.landing .win__body{padding:18px}.landing .pulse{background:var(--ui-primary-tint);border:1px solid var(--ui-border);border-radius:12px;margin-bottom:14px;padding:14px 16px}.landing .pulse__t{color:var(--ui-primary-hover);font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.landing .pulse__row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.landing .pulse__row .v{font-feature-settings:"tnum";color:var(--ui-primary);font-size:18px;font-variant-numeric:tabular-nums;font-weight:700}.landing .pulse__row .v.gold{color:var(--ui-accent)}.landing .pulse__row .l{color:var(--ui-text-muted);font-size:11px}.landing .cards3{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.landing .minic{border:1px solid var(--ui-border);border-radius:10px;padding:12px}.landing .minic .h{color:var(--ui-text-muted);font-size:11px;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.landing .minic .v{font-feature-settings:"tnum";font-size:20px;font-variant-numeric:tabular-nums;font-weight:700}.landing .minic .v.s{color:var(--ui-success)}.landing .minic .v.gold{color:var(--ui-accent)}.landing .minic .l{color:var(--ui-text-faint);font-size:11px;margin-top:2px}.landing .float{align-items:center;background:var(--ui-surface);border-radius:50px;box-shadow:var(--lp-md);color:var(--ui-text-secondary);display:flex;font-size:12px;font-weight:500;gap:8px;padding:9px 14px;position:absolute;z-index:3}.landing .float i{border-radius:50%;display:grid;font-style:normal;height:26px;place-items:center;width:26px}.landing .float--1{animation:lp-float 3s ease-in-out infinite;right:-22px;top:-22px}.landing .float--1 i{background:var(--ui-primary-tint);color:var(--ui-primary)}.landing .float--2{animation:lp-float 3s ease-in-out .5s infinite;bottom:-18px;left:-30px}.landing .float--2 i{background:var(--ui-accent-tint);color:var(--ui-accent)}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.landing .tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.landing .phone{background:var(--ui-text-secondary);border-radius:20px;bottom:-124px;box-shadow:0 26px 60px #0000005c;padding:5px;position:absolute;right:-24px;transform:perspective(1600px) rotateY(-8deg) rotateX(2deg) rotate(3deg);width:206px;z-index:4}.landing .phone__screen{background:var(--ui-surface);border-radius:15px;color:var(--ui-text);overflow:hidden}.landing .ph-head{align-items:flex-start;border-bottom:1px solid var(--ui-border-soft);display:flex;justify-content:space-between;padding:10px 12px 9px}.landing .ph-brand{align-items:center;display:flex;gap:7px}.landing .ph-mark{background:var(--ui-primary);border-radius:6px;color:var(--ui-text-on-dark);display:grid;font-size:11px;font-weight:800;height:20px;place-items:center;width:20px}.landing .ph-co{color:var(--ui-text);font-size:10px;font-weight:800;line-height:1.15}.landing .ph-co small{color:var(--ui-text-faint);display:block;font-size:8px;font-weight:500}.landing .ph-clock{text-align:right}.landing .ph-t{align-items:center;color:var(--ui-primary);display:flex;font-size:12px;font-weight:800;gap:4px;justify-content:flex-end}.landing .ph-dot{background:var(--ui-success);border-radius:50%;height:5px;width:5px}.landing .ph-d{color:var(--ui-text-faint);font-size:7.5px;font-weight:600;margin-top:1px}.landing .ph-body{padding:11px 12px}.landing .ph-field{align-items:center;border:1.5px solid var(--ui-border);border-radius:9px;display:flex;justify-content:space-between;margin-bottom:6px;padding:7px 10px}.landing .ph-field.active{border-color:var(--ui-primary);box-shadow:0 0 0 2.5px var(--ui-primary-tint)}.landing .ph-field .lab{color:var(--ui-text-muted);font-size:8.5px;font-weight:700}.landing .ph-field .val{color:var(--ui-text);font-size:13px;font-weight:800;letter-spacing:2px}.landing .ph-pins{display:flex;gap:5px}.landing .ph-pins i{border:1.5px solid var(--ui-border);border-radius:50%;height:7px;width:7px}.landing .ph-pins i.on{background:var(--ui-primary);border-color:var(--ui-primary)}.landing .ph-pad{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);margin:9px 0}.landing .ph-key{background:var(--ui-border-soft);border-radius:7px;color:var(--ui-text);display:grid;font-size:12px;font-weight:700;height:24px;place-items:center}.landing .ph-key.util{background:var(--ui-surface);color:var(--ui-text-faint);font-size:8px;font-weight:600}.landing .ph-actions{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.landing .ph-btn{border-radius:8px;display:grid;font-size:10px;font-weight:800;height:27px;place-items:center}.landing .ph-btn.in{background:var(--ui-primary);color:var(--ui-text-on-dark)}.landing .ph-btn.out{background:var(--ui-surface);border:1.5px solid var(--ui-primary);color:var(--ui-primary)}.landing .ph-changepin{color:var(--ui-text-faint);font-size:8.5px;font-weight:700;margin-top:9px;text-align:center}.landing .phone__tag{color:#ffffffb3;font-size:9px;font-weight:600;letter-spacing:.02em;padding:7px 0 1px;text-align:center;white-space:nowrap}.landing .phone__tag b{color:var(--ui-text-on-dark);font-weight:700}.landing .lp-section{padding:92px 0}.landing .lp-section--gray{background:var(--ui-bg)}.landing .lp-section--tint{background:linear-gradient(180deg,var(--ui-primary-tint) 0,var(--ui-surface) 70%)}.landing .head{margin:0 auto 52px;max-width:680px;text-align:center}.landing .head--wide{max-width:780px}.landing .head h2{font-size:36px;font-weight:800;letter-spacing:-.02em;margin-bottom:14px}.landing .head .rule{background:var(--lp-grad-flag);border-radius:4px;height:4px;margin:0 auto 16px;width:80px}.landing .head p{color:var(--ui-text-muted);font-size:17px}.landing .themes{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.landing .theme{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:16px;border-top:5px solid var(--ui-primary);padding:30px 28px;transition:.18s}.landing .theme:hover{box-shadow:var(--lp-lg);transform:translateY(-4px)}.landing .theme:nth-child(2){border-top-color:var(--ui-accent)}.landing .theme:nth-child(3){border-top-color:var(--ui-primary)}.landing .theme__ic{background:var(--ui-primary-tint);border-radius:14px;color:var(--ui-primary);display:grid;height:54px;margin-bottom:16px;place-items:center;width:54px}.landing .theme:nth-child(2) .theme__ic{background:var(--ui-accent-tint);color:var(--ui-accent)}.landing .theme:nth-child(3) .theme__ic{background:var(--ui-primary-tint);color:var(--ui-primary)}.landing .theme h3{font-size:21px;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}.landing .theme__lead{color:var(--ui-text-muted);font-size:14px;margin-bottom:20px}.landing .theme ul{grid-gap:14px;display:grid;gap:14px;list-style:none}.landing .theme li{color:var(--ui-text-secondary);display:flex;font-size:14.5px;gap:11px}.landing .theme li .ck{background:var(--ui-success-tint);border-radius:50%;color:var(--ui-success-text);display:grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;margin-top:1px;place-items:center;width:20px}.landing .theme li b{color:var(--ui-text);display:block;font-weight:600}.landing .hp{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:.9fr 1.1fr;margin:0 auto;max-width:1020px}.landing .hp__controls .grp{margin-bottom:26px}.landing .hp__controls .grp-label{color:var(--ui-text-muted);font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.landing .hp-seg{display:flex;flex-direction:column;gap:8px}.landing .hp-seg--2{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.landing .hp-seg--2 .hp-toggle{justify-content:center;text-align:center}.landing .hp-toggle{align-items:center;background:var(--ui-surface);border:1.5px solid var(--ui-border);border-radius:10px;color:var(--ui-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:14.5px;font-weight:600;gap:12px;padding:12px 16px;text-align:left;transition:.15s;width:100%}.landing .hp-toggle:hover{border-color:var(--ui-primary)}.landing .hp-toggle .dot{border:2px solid var(--ui-border);border-radius:50%;display:grid;flex:0 0 18px;height:18px;place-items:center;transition:.15s;width:18px}.landing .hp-toggle .dot:after{background:#0000;border-radius:50%;content:"";height:8px;width:8px}.landing .hp-toggle[aria-pressed=true]{background:var(--ui-primary-tint);border-color:var(--ui-primary);color:var(--ui-primary-hover)}.landing .hp-toggle[aria-pressed=true] .dot{border-color:var(--ui-primary)}.landing .hp-toggle[aria-pressed=true] .dot:after{background:var(--ui-primary)}.landing .hp-toggle .nm{flex:0 0 auto}.landing .hp-toggle .eg{color:var(--ui-text-faint);font-size:12.5px;font-weight:500;margin-left:auto;white-space:nowrap}.landing .hp-toggle[aria-pressed=true] .eg{color:var(--ui-primary)}.landing .hp__elig-hint{color:var(--ui-text-muted);font-size:12px;margin-top:8px}.landing .hp__note{border-top:1px solid var(--ui-border);color:var(--ui-text-muted);font-size:12.5px;line-height:1.55;padding-top:14px}.landing .hp__card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:16px;box-shadow:var(--lp-md);overflow:hidden}.landing .hp__card-head{align-items:center;background:var(--ui-bg);border-bottom:1px solid var(--ui-border);display:flex;justify-content:space-between;padding:16px 22px}.landing .hp__card-head .t{color:var(--ui-text-muted);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.landing .hp__daytag{background:var(--ui-primary-tint);border-radius:30px;color:var(--ui-primary-hover);font-size:12px;font-weight:700;padding:4px 12px}.landing .hp__rows{padding:10px 22px}.landing .hp-row{align-items:baseline;animation:hp-rowin .3s ease both;border-bottom:1px dashed var(--ui-border);display:flex;gap:12px;justify-content:space-between;padding:11px 0}.landing .hp-row:last-child{border-bottom:0}.landing .hp-row .lab{color:var(--ui-text-secondary);font-size:14.5px;font-weight:500}.landing .hp-row .lab small{color:var(--ui-text-faint);display:block;font-size:12px;font-weight:400}.landing .hp-row .mult{font-feature-settings:"tnum";background:var(--ui-primary-tint);border-radius:6px;color:var(--ui-primary);display:inline-block;font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:700;margin-left:8px;padding:1px 7px}.landing .hp-row .amt{font-feature-settings:"tnum";font-size:16px;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.landing .hp-row .amt.add{color:var(--ui-success)}.landing .hp__total{align-items:center;background:var(--ui-accent-tint);border-top:1px solid var(--ui-border);display:flex;justify-content:space-between;padding:18px 22px}.landing .hp__total .lab{color:var(--ui-text-secondary);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.landing .hp__total .lab small{color:var(--ui-text-muted);display:block;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}.landing .hp__totright{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.landing .hp__mult{background:var(--ui-accent-tint);border:1px solid var(--ui-border);border-radius:20px;color:var(--ui-accent);font-size:11.5px;font-weight:800;letter-spacing:.04em;padding:2px 10px;text-transform:uppercase;white-space:nowrap}.landing .hp__total .amt{font-feature-settings:"tnum";color:var(--ui-accent);font-size:30px;font-variant-numeric:tabular-nums;font-weight:700}.landing .hp__total .amt.zero{color:var(--ui-text-faint)}.landing .hp__total .amt.bump{animation:hp-bump .4s ease}@keyframes hp-bump{0%{transform:scale(1)}35%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes hp-rowin{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.landing .hp__warn{align-items:flex-start;background:var(--ui-danger-tint);border:1px solid var(--ui-border);border-radius:10px;color:var(--ui-danger-text);display:flex;font-size:12.5px;gap:9px;line-height:1.45;margin:12px;padding:11px 14px}.landing .hp__warn b{color:var(--ui-danger)}.landing .hp__fear{color:var(--ui-text-secondary);font-size:14.5px;font-weight:600;margin-top:30px;text-align:center}.landing .hp__closer{color:var(--ui-text-muted);font-size:14px;margin-top:8px;text-align:center}.landing .hp__closer b{color:var(--ui-text)}.landing .hp__closer .ck{color:var(--ui-success);font-weight:700}.landing .gov{grid-gap:48px;align-items:center;background:var(--ui-primary-hover);border-radius:24px;color:var(--ui-text-on-dark);display:grid;gap:48px;grid-template-columns:.9fr 1.1fr;padding:56px}.landing .gov__badge{align-items:center;background:#ffffff1f;border:1px solid #ffffff38;border-radius:50px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:18px;padding:6px 13px}.landing .gov h2{font-size:32px;font-weight:800;letter-spacing:-.02em;margin-bottom:14px}.landing .gov>div>p{color:#ffffffd1;font-size:16px;max-width:420px}.landing .gov__pillars{grid-gap:16px;display:grid;gap:16px}.landing .pillar{background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;display:flex;gap:16px;padding:18px 20px}.landing .pillar__ic{background:var(--ui-accent);border-radius:11px;color:var(--ui-primary-hover);display:grid;flex:0 0 44px;font-size:21px;height:44px;place-items:center;width:44px}.landing .pillar h4{align-items:center;display:flex;flex-wrap:wrap;font-size:16px;font-weight:700;gap:8px;margin-bottom:4px}.landing .pillar__opt{background:var(--ui-accent);border-radius:20px;color:var(--ui-primary-hover);font-size:10px;font-weight:800;letter-spacing:.05em;padding:1px 8px;text-transform:uppercase}.landing .pillar p{color:#ffffffc7;font-size:14px}.landing .comp{grid-gap:56px;align-items:center;display:grid;gap:56px;grid-template-columns:1fr 1fr}.landing .comp__badge{align-items:center;background:var(--ui-success-tint);border-radius:50px;color:var(--ui-success-text);display:inline-flex;font-size:13px;font-weight:700;gap:8px;margin-bottom:16px;padding:6px 13px}.landing .comp h2{font-size:32px;font-weight:800;letter-spacing:-.02em;margin-bottom:14px}.landing .comp>div>p{color:var(--ui-text-muted);font-size:16px;margin-bottom:22px}.landing .checklist{grid-gap:12px;display:grid;gap:12px;list-style:none;margin-bottom:26px}.landing .checklist li{align-items:center;color:var(--ui-text-secondary);display:flex;font-weight:500;gap:12px}.landing .checklist .ck{background:var(--ui-success-tint);border-radius:50%;color:var(--ui-success-text);display:grid;flex:0 0 22px;font-size:12px;font-weight:700;height:22px;place-items:center;width:22px}.landing .agency{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.landing .acard{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:14px;box-shadow:var(--lp-sm);padding:22px;text-align:center}.landing .acard__logo{font-feature-settings:"tnum";color:var(--ui-primary);font-size:20px;font-variant-numeric:tabular-nums;font-weight:700;margin-bottom:6px}.landing .acard--phic .acard__logo{color:var(--ui-accent)}.landing .acard--hdmf .acard__logo{color:var(--ui-primary)}.landing .acard--bir .acard__logo{color:var(--ui-accent)}.landing .acard__name{align-items:center;color:var(--ui-text-secondary);display:flex;font-size:13px;justify-content:center;margin-bottom:10px;min-height:32px}.landing .acard__status{color:var(--ui-success-text);font-size:12px;font-weight:700}.landing .dpa{align-items:center;background:var(--ui-primary-tint);border-radius:14px;display:flex;gap:12px;margin-top:16px;padding:16px 18px}.landing .dpa i{font-size:24px;font-style:normal}.landing .dpa b{color:var(--ui-primary-hover);display:block}.landing .dpa span{color:var(--ui-text-secondary);font-size:13px}.landing .steps{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(5,1fr);position:relative}.landing .step{position:relative;text-align:center}.landing .step__n{background:var(--ui-primary-tint);border:2px solid var(--ui-border);border-radius:50%;color:var(--ui-primary-hover);display:grid;height:72px;margin:0 auto 16px;place-items:center;width:72px}.landing .step:nth-child(2) .step__n{background:var(--ui-accent-tint);border-color:var(--ui-border)}.landing .step:nth-child(3) .step__n{background:var(--ui-primary-tint);border-color:var(--ui-border)}.landing .step:nth-child(4) .step__n{background:var(--ui-accent-tint);border-color:var(--ui-border)}.landing .step:nth-child(5) .step__n{background:var(--ui-success-tint);border-color:var(--ui-border)}.landing .step h3{font-size:16px;font-weight:700;margin-bottom:6px}.landing .step p{color:var(--ui-text-muted);font-size:13.5px}.landing .lp-pricing{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1.05fr .95fr;margin:0 auto;max-width:980px}.landing .pcard{background:var(--ui-surface);border:2px solid var(--ui-primary);border-radius:20px;box-shadow:var(--lp-md);padding:34px;position:relative}.landing .pcard__ribbon{background:var(--ui-accent);border-radius:50px;box-shadow:var(--lp-sm);color:var(--ui-text-on-dark);font-size:12px;font-weight:700;left:50%;letter-spacing:.04em;padding:5px 16px;position:absolute;text-transform:uppercase;top:-14px;transform:translateX(-50%)}.landing .pcard h3{font-size:22px;font-weight:800;margin-bottom:4px}.landing .pcard__tag{color:var(--ui-text-muted);font-size:14px;margin-bottom:22px}.landing .pcard__soft{background:var(--ui-accent-tint);border:1px solid var(--ui-border);border-radius:16px;overflow:hidden;padding:16px 18px 14px;position:relative}.landing .pcard__flag{background:var(--ui-accent);box-shadow:0 2px 4px #00000026;color:var(--ui-text-on-dark);font-size:9.5px;font-weight:700;letter-spacing:.06em;padding:4px 0;position:absolute;right:-46px;text-align:center;text-transform:uppercase;top:18px;transform:rotate(45deg);width:150px}.landing .pcard__softnote{color:var(--ui-text-secondary);font-size:12.5px;margin-top:8px}.landing .pcard__softnote b{color:var(--ui-primary-hover)}.landing .price{align-items:baseline;display:flex;gap:8px}.landing .price .amt{font-feature-settings:"tnum";color:var(--ui-primary);font-size:46px;font-variant-numeric:tabular-nums;font-weight:700}.landing .price .per{color:var(--ui-text-muted);font-size:15px}.landing .price__sub{color:var(--ui-text-muted);font-size:13.5px;margin:6px 0 4px}.landing .bands{grid-gap:8px;border-bottom:1px dashed var(--ui-border);border-top:1px dashed var(--ui-border);display:grid;gap:8px;list-style:none;margin:18px 0 22px;padding:14px 0}.landing .bands li{color:var(--ui-text-secondary);display:flex;font-size:14px;justify-content:space-between}.landing .bands li span:last-child{font-feature-settings:"tnum";color:var(--ui-text);font-variant-numeric:tabular-nums;font-weight:600}.landing .bands li .base{color:var(--ui-primary);font-weight:700}.landing .pfeat{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;list-style:none;margin-bottom:24px}.landing .pfeat li{align-items:center;color:var(--ui-text-secondary);display:flex;font-size:13.5px;gap:8px}.landing .pfeat .ck{color:var(--ui-success);font-weight:700}.landing .examples{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:18px;padding:26px}.landing .examples h4{font-size:15px;font-weight:700;margin-bottom:4px}.landing .examples__hint{color:var(--ui-text-muted);font-size:13px;margin-bottom:16px}.landing .extable{grid-gap:10px;display:grid;gap:10px}.landing .exrow{align-items:center;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.landing .exrow .sz{color:var(--ui-text-secondary);font-size:14px}.landing .exrow .pr{font-feature-settings:"tnum";color:var(--ui-primary);font-size:16px;font-variant-numeric:tabular-nums;font-weight:700}.landing .examples__note{color:var(--ui-text-faint);font-size:12.5px;margin-top:14px;text-align:center}.landing .faq{grid-gap:12px;display:grid;gap:12px;margin:0 auto;max-width:760px}.landing .qa{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;overflow:hidden}.landing .qa__q{align-items:center;background:none;border:0;color:var(--ui-text);cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-weight:600;gap:16px;justify-content:space-between;padding:18px 20px;text-align:left;width:100%}.landing .qa__q .chev{background:var(--ui-primary-tint);border-radius:50%;color:var(--ui-primary);display:grid;flex:0 0 24px;font-size:11px;height:24px;place-items:center;transition:.2s;width:24px}.landing .qa.open .qa__q .chev{transform:rotate(180deg)}.landing .qa__a{max-height:0;overflow:hidden;transition:max-height .25s ease}.landing .qa.open .qa__a{max-height:320px}.landing .qa__a div{color:var(--ui-text-secondary);font-size:15px;padding:0 20px 18px}.landing .final{background:var(--lp-grad);color:var(--ui-text-on-dark);overflow:hidden;padding:84px 0;position:relative;text-align:center}.landing .final:after,.landing .final:before{background:#ffffff0f;border-radius:50%;content:"";position:absolute}.landing .final:before{height:300px;left:-80px;top:-120px;width:300px}.landing .final:after{bottom:-120px;height:260px;right:-60px;width:260px}.landing .final h2{font-size:38px;font-weight:900;letter-spacing:-.02em;margin-bottom:14px;position:relative}.landing .final p{color:#ffffffe6;font-size:18px;margin-bottom:30px;position:relative}.landing .final__cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;position:relative}.landing .final__note{color:#ffffffd1;font-size:13.5px;margin-top:16px;position:relative}.landing .foot{background:var(--ui-text);color:var(--ui-text-faint)}.landing .foot__stripe{background:var(--lp-grad-flag);height:4px}.landing .foot__grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr;padding:56px 0 32px}.landing .foot__brand .brand{color:var(--ui-text-on-dark);margin-bottom:12px}.landing .foot__brand p{font-size:14px;max-width:280px}.landing .foot h4{color:var(--ui-text-on-dark);font-size:13px;font-weight:700;letter-spacing:.06em;margin-bottom:14px;text-transform:uppercase}.landing .foot ul{grid-gap:9px;display:grid;gap:9px;list-style:none}.landing .foot ul a{color:var(--ui-text-faint);font-size:14px}.landing .foot ul a:hover{color:var(--ui-text-on-dark)}.landing .foot__bottom{align-items:center;border-top:1px solid var(--ui-text-secondary);display:flex;font-size:13px;justify-content:space-between;padding:20px 0}@media (max-width:1024px){.landing .lp-hero h1{font-size:42px}.landing .hp{grid-template-columns:1fr}.landing .comp,.landing .gov{gap:32px;grid-template-columns:1fr}.landing .gov{padding:40px}.landing .steps{gap:28px;grid-template-columns:repeat(2,1fr)}.landing .lp-pricing{grid-template-columns:1fr}}@media (max-width:760px){.landing .nav__actions,.landing .nav__links{display:none}.landing .nav__toggle{display:flex}.landing .lp-hero{padding:64px 0}.landing .lp-hero__grid{gap:44px;grid-template-columns:1fr}.landing .lp-hero h1{font-size:34px}.landing .win{transform:none}.landing .float{display:none}.landing .phone{margin:26px auto 0;position:static}.landing .themes{margin:0 auto;max-width:560px}.landing .agency,.landing .pfeat,.landing .steps,.landing .themes{grid-template-columns:1fr}.landing .foot__grid{grid-template-columns:1fr 1fr}.landing .foot__bottom{flex-direction:column;gap:10px}.landing .comp h2,.landing .final h2,.landing .gov h2,.landing .head h2{font-size:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.landing .float--1,.landing .float--2,.landing .hp-row,.landing .hp__total .amt.bump{animation:none}}.dashboard{width:100%}.pulse-banner{background:var(--ui-gradient-primary);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,var(--ui-shadow-primary);margin-bottom:24px;overflow:hidden;padding:28px 32px;position:relative}.pulse-banner__decoration{background:#ffffff14;border-radius:50%;height:250px;pointer-events:none;position:absolute;right:-5%;top:-30%;width:250px}.pulse-banner__title{color:#ffffffd9;font-size:14px;font-weight:500;letter-spacing:1px;margin-bottom:16px;position:relative;text-transform:uppercase}.pulse-stats{display:flex;gap:16px;position:relative}.pulse-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;min-width:140px;padding:16px 24px;text-align:center}.pulse-stat__value{color:#fff;font-size:28px;font-weight:700;line-height:1.2}.pulse-stat__value--gold{color:var(--ui-accent)}.pulse-stat__label{color:#ffffffbf;font-size:12px;font-weight:500;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.dashboard-card{background:#fff;border:1px solid var(--ui-border-soft);border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:24px}.dashboard-card--full{grid-column:1/-1}.dashboard-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.dashboard-card__title{color:var(--ui-text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dashboard-card__subtitle{color:var(--ui-text-faint);font-size:12px}.dashboard-card__link{color:var(--ui-primary);font-size:13px;font-weight:500;text-decoration:none}.dashboard-card__link:hover{text-decoration:underline}.dashboard-card__footer{margin-top:16px;text-align:right}.dashboard-card__loading{color:var(--ui-text-muted);font-size:14px;padding:20px 0;text-align:center}.time-records__date{color:var(--ui-text-secondary);font-size:14px;margin-bottom:16px}.time-records__list{display:flex;flex-direction:column;gap:12px}.time-record-item{align-items:center;background:var(--ui-bg);border-radius:8px;display:flex;gap:10px;padding:10px 12px}.time-record-item__icon{align-items:center;border-radius:50%;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.time-record-item__icon--success{background:var(--ui-success-tint);color:var(--ui-success-text)}.time-record-item__icon--warning{background:var(--ui-warning-tint);color:var(--ui-warning-text)}.time-record-item__icon--info{background:var(--ui-primary-tint);color:var(--ui-primary)}.time-record-item__text{color:var(--ui-text-secondary);font-size:14px}.time-record-item__count{font-weight:600;margin-left:auto}.workforce__hero{margin-bottom:20px;text-align:center}.workforce__count{color:var(--ui-primary);font-size:48px;font-weight:700;line-height:1}.workforce__label{color:var(--ui-text-muted);font-size:14px;margin-top:4px}.workforce__chart{display:flex;justify-content:center;margin-bottom:16px}.donut-chart{border-radius:50%;height:120px;position:relative;width:120px}.donut-chart:before{background:#fff;border-radius:50%;content:"";height:70px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:70px}.workforce__legend{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.legend-item{color:var(--ui-text-secondary)}.legend-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.last-payroll__period{border-bottom:1px solid var(--ui-border-soft);color:var(--ui-text);font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:12px}.last-payroll__stats{display:flex;flex-direction:column;gap:10px}.last-payroll__stat{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.last-payroll__stat--highlight{background:var(--ui-bg);border-radius:8px;margin:8px -12px 0;padding:12px}.last-payroll__stat-label{color:var(--ui-text-muted);font-size:13px}.last-payroll__stat-value{font-feature-settings:"tnum";color:var(--ui-text);font-size:14px;font-variant-numeric:tabular-nums;font-weight:600}.last-payroll__stat-value--gross{color:var(--ui-primary)}.last-payroll__stat-value--deductions{color:var(--ui-danger)}.last-payroll__stat-value--adjustments-positive{color:var(--ui-success)}.last-payroll__stat-value--adjustments-negative{color:var(--ui-danger)}.last-payroll__stat-value--net{color:var(--ui-success);font-size:16px}.last-payroll__stat--highlight .last-payroll__stat-label{color:var(--ui-text-secondary);font-weight:600}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:40px 24px}.empty-state__icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state__title{color:var(--ui-text-secondary);font-size:15px;font-weight:600;margin-bottom:8px}.empty-state__text{color:var(--ui-text-muted);font-size:13px;line-height:1.6;margin-bottom:16px;max-width:280px}.payroll-table th{background:var(--ui-bg);border-bottom:1px solid var(--ui-border);padding:12px 16px}.payroll-table td{border-bottom:1px solid var(--ui-border-soft)}.payroll-table tr:last-child td{border-bottom:none}.payroll-table__period{color:var(--ui-text);font-weight:600}.payroll-table__amount{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.payroll-table td.payroll-table__amount--gross{color:var(--ui-primary)}.payroll-table td.payroll-table__amount--deductions{color:var(--ui-danger)}.payroll-table td.payroll-table__amount--adjustments-positive{color:var(--ui-success)}.payroll-table td.payroll-table__amount--adjustments-negative{color:var(--ui-danger)}.payroll-table td.payroll-table__amount--net{color:var(--ui-success)}.payroll-table td:nth-child(2),.payroll-table th:nth-child(2){text-align:center}.payroll-table td:nth-child(7),.payroll-table th:nth-child(3),.payroll-table th:nth-child(4),.payroll-table th:nth-child(5),.payroll-table th:nth-child(6),.payroll-table th:nth-child(7){text-align:right}.payroll-table__date{color:var(--ui-text-muted);font-size:13px}.breakdown-list{gap:16px}.breakdown-item{grid-gap:16px;gap:16px;grid-template-columns:120px 100px 1fr 60px}.breakdown-item__dept{color:var(--ui-text-secondary);font-size:14px;font-weight:500}.breakdown-item__dept span{color:var(--ui-text-faint);font-weight:400}.breakdown-item__amount{font-feature-settings:"tnum";color:var(--ui-text);font-size:14px;font-variant-numeric:tabular-nums;font-weight:600}.breakdown-bar{background:var(--ui-border-soft);border-radius:6px;height:12px;overflow:hidden}.breakdown-bar__fill{border-radius:6px;height:100%}.breakdown-item__percent{color:var(--ui-text-muted);font-size:13px;font-weight:600;text-align:right}@media (max-width:1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid .dashboard-card:last-child:nth-child(odd){grid-column:span 2}.pulse-stats{flex-wrap:wrap}.pulse-stat{flex:1 1;min-width:100px}.breakdown-item{gap:12px;grid-template-columns:100px 90px 1fr 50px}}@media (max-width:768px){.pulse-banner{border-radius:12px;padding:20px}.pulse-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.pulse-stat{min-width:0;min-width:auto;padding:12px 16px}.pulse-stat__value{font-size:22px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .dashboard-card:last-child{grid-column:span 1}.dashboard-card{padding:20px}.breakdown-item{gap:8px;grid-template-columns:1fr}.breakdown-item__amount,.breakdown-item__dept{display:inline}.payroll-table{font-size:12px}.payroll-table td,.payroll-table th{padding:10px 8px}.payroll-table td:nth-child(4),.payroll-table th:nth-child(4){display:none}}@media (max-width:480px){.pulse-banner{padding:16px}.pulse-stat__value{font-size:18px}.pulse-stat__label{font-size:10px}.workforce__count{font-size:36px}.donut-chart{height:100px;width:100px}.donut-chart:before{height:60px;width:60px}.workforce__legend{grid-template-columns:1fr}.payroll-table td:nth-child(2),.payroll-table td:nth-child(6),.payroll-table th:nth-child(2),.payroll-table th:nth-child(6){display:none}}.settings-page-title{color:var(--ui-primary);font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.settings-page-subtitle{color:var(--ui-text-muted);font-size:14px;margin:0 0 20px}.settings-card{background:#fff;border:1px solid var(--ui-border);border-radius:12px;margin-bottom:24px}.settings-card-header{align-items:center;border-bottom:1px solid var(--ui-border);display:flex;justify-content:space-between;padding:20px 24px}.settings-card-header-left{align-items:center;display:flex;gap:12px}.settings-card-icon{align-items:center;background:var(--ui-primary-tint);border-radius:10px;color:var(--ui-primary);display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.settings-card-icon.gold{background:var(--ui-warning-tint);color:var(--ui-accent)}.settings-card-title{color:var(--ui-text);font-size:16px;font-weight:600;margin:0}.settings-card-description{color:var(--ui-text-muted);font-size:13px;margin:0}.settings-card-body{padding:24px}.settings-card-footer{align-items:center;background:var(--ui-bg);border-radius:0 0 12px 12px;border-top:1px solid var(--ui-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.compliance-badge{align-items:center;background:var(--ui-success-tint);border-radius:20px;color:var(--ui-success);display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.compliance-badge.warning{background:var(--ui-warning-tint);color:var(--ui-warning)}.settings-info-box{align-items:flex-start;background:var(--ui-primary-tint);border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:14px 16px}.settings-info-box-icon{color:var(--ui-primary);flex-shrink:0;font-size:18px;margin-top:1px}.settings-info-box-text{color:var(--ui-primary-hover);font-size:13px;line-height:1.5}.settings-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.settings-form-grid-2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.settings-form-grid-4{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width:700px){.settings-form-grid-4{grid-template-columns:repeat(2,1fr)}}.rate-card{background:#fff;border:1px solid var(--ui-border);border-radius:10px;cursor:pointer;padding:16px;position:relative;transition:all .15s}.rate-card:hover{border-color:var(--ui-primary);box-shadow:0 0 0 2px var(--ui-primary-tint)}.rate-card:focus-within{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint)}.rate-card.error{background:var(--ui-danger-tint);border-color:var(--ui-danger)}.rate-card.error:hover{border-color:var(--ui-danger);box-shadow:0 0 0 2px var(--ui-danger-tint)}.rate-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.rate-card-label{color:var(--ui-text-secondary);font-size:13px;font-weight:500}.rate-card-badges{align-items:center;display:flex;gap:6px}.rate-card-edit{align-items:center;color:var(--ui-text-faint);display:flex;font-size:12px;height:20px;justify-content:center;opacity:0;transition:opacity .15s;width:20px}.rate-card:hover .rate-card-edit{opacity:1}.rate-card-check{align-items:center;background:var(--ui-success);border-radius:50%;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.rate-card-check.warning{background:var(--ui-warning)}.rate-card-value{align-items:center;display:flex;gap:4px;margin-bottom:8px}.rate-card-input{background:#0000;border:2px dashed #0000;border-radius:6px;color:var(--ui-primary);cursor:pointer;font-size:28px;font-weight:700;padding:4px 8px;text-align:right;transition:all .15s;width:90px}.rate-card:hover .rate-card-input{background:var(--ui-bg);border-color:var(--ui-border)}.rate-card-input:focus{background:#fff;border-color:var(--ui-primary);border-style:solid;cursor:text;outline:none}.rate-card-input.error{border-color:var(--ui-danger);color:var(--ui-danger)}.rate-card-input.error:focus{border-color:var(--ui-danger);box-shadow:0 0 0 3px var(--ui-danger-tint)}.rate-card-suffix{color:var(--ui-text-muted);font-size:18px;font-weight:600}.rate-card-description{color:var(--ui-text-muted);font-size:12px}.rate-card-min{color:var(--ui-text-faint);font-size:11px;margin-top:4px}.rate-card-min.error{color:var(--ui-danger)}.rate-card--selectable{cursor:pointer}.rate-card--selected,.rate-card--selected:hover{background:var(--ui-primary-tint);border-color:var(--ui-primary);box-shadow:0 0 0 2px var(--ui-primary-tint)}.rate-card-value-static{color:var(--ui-primary);font-size:28px;font-weight:700;line-height:1.1;padding:4px 8px}.settings-section-title{align-items:center;color:var(--ui-text-secondary);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px}.settings-section-title-icon{color:var(--ui-accent)}.settings-divider{background:var(--ui-border);height:1px;margin:24px 0}.settings-input-group{margin-bottom:20px}.settings-input-label{color:var(--ui-text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.settings-input-field{border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text);font-family:inherit;font-size:14px;padding:10px 14px;transition:all .15s;width:100%}.settings-input-field:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}.settings-input-hint{color:var(--ui-text-muted);font-size:12px;margin-top:4px}.settings-input-with-suffix{align-items:center;display:flex}.settings-input-with-suffix .settings-input-field{border-bottom-right-radius:0;border-top-right-radius:0}.settings-input-suffix{background:var(--ui-border-soft);border:1px solid var(--ui-border);border-left:none;border-radius:0 8px 8px 0;color:var(--ui-text-secondary);font-size:14px;padding:10px 14px}.settings-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .15s}.settings-btn-primary{background:var(--ui-primary);color:#fff}.settings-btn-primary:hover:not(:disabled){background:var(--ui-primary-hover)}.settings-btn-primary:disabled{background:var(--ui-border);color:var(--ui-text-muted);cursor:not-allowed}.settings-btn-secondary{background:#fff;border:1px solid var(--ui-border);color:var(--ui-text-secondary)}.settings-btn-secondary:hover{background:var(--ui-bg)}.settings-btn-sm{font-size:13px;padding:8px 14px}.settings-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.settings-loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--ui-border);border-radius:50%;border-top-color:var(--ui-primary);height:40px;margin-bottom:16px;width:40px}.settings-loading-text{color:var(--ui-text-muted);font-size:14px}.settings-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.settings-error-icon{font-size:48px;margin-bottom:16px}.settings-error-title{color:var(--ui-text);font-size:18px;font-weight:600;margin-bottom:8px}.settings-error-message{color:var(--ui-text-muted);font-size:14px;margin-bottom:20px}.settings-time-picker-row{align-items:center;display:flex;gap:8px}.settings-time-picker-row .settings-input-field{flex:1 1}.settings-time-picker-colon{color:var(--ui-text-faint);font-size:16px;font-weight:600}.settings-time-picker-row .settings-period-select{flex:0 0 auto;width:72px}.settings-floating-save-bar{background:#fff;border-top:1px solid var(--ui-border);bottom:0;box-shadow:0 -4px 12px #0000001a;display:flex;justify-content:center;left:280px;padding:16px 32px;position:fixed;right:0;transform:translateY(100%);transition:transform .3s ease;z-index:100}.settings-floating-save-bar.visible{transform:translateY(0)}.settings-floating-save-bar.saved{border-top:2px solid var(--ui-success)}.settings-save-bar-content{align-items:center;display:flex;justify-content:space-between;max-width:1400px;padding:0 20px;width:100%}.settings-save-bar-left{align-items:center;display:flex;gap:10px}.settings-save-bar-dot{background:var(--ui-accent);border-radius:50%;height:8px;width:8px}.settings-save-bar-text{color:var(--ui-text-secondary);font-size:14px;font-weight:500}.settings-save-bar-check{color:var(--ui-success);display:none;font-size:16px}.settings-save-bar-left.success .settings-save-bar-dot{display:none}.settings-save-bar-left.success .settings-save-bar-check{display:inline}.settings-save-bar-left.success .settings-save-bar-text{color:var(--ui-success)}.settings-save-bar-actions{display:flex;gap:12px}.settings-btn-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@media (max-width:1024px){.settings-form-grid{grid-template-columns:repeat(2,1fr)}.settings-floating-save-bar{left:260px;padding:16px 24px}}@media (max-width:768px){.settings-form-grid,.settings-form-grid-2{grid-template-columns:1fr}.settings-card-header{align-items:flex-start;flex-direction:column;gap:12px}.settings-card-footer{flex-direction:column}.settings-btn{width:100%}.settings-floating-save-bar{left:0;padding:12px 16px}.settings-floating-save-bar .settings-btn{width:auto}.settings-save-bar-content{padding:0}}.kiosk-page{padding:0}.kiosk-info-banner{align-items:flex-start;background:var(--ui-primary-tint);border:1px solid var(--ui-border);border-radius:10px;color:var(--ui-primary-hover);display:flex;font-size:13px;gap:12px;line-height:1.6;margin-bottom:24px;padding:14px 16px}.kiosk-info-banner svg{color:var(--ui-primary);flex-shrink:0;height:20px;margin-top:1px;width:20px}.kiosk-controls{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.kiosk-controls-left{align-items:center;display:flex;gap:12px}.kiosk-search{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:8px;font-family:inherit;font-size:14px;outline:none;padding:8px 12px;width:260px}.kiosk-search:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint)}.kiosk-count{color:var(--ui-text-muted);font-size:13px}.kiosk-table-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;overflow:hidden}.kiosk-table{border-collapse:collapse;width:100%}.kiosk-table thead th{background:var(--ui-bg);border-bottom:1px solid var(--ui-border);color:var(--ui-text-muted);font-size:11px;font-weight:600;letter-spacing:.04em;padding:12px 20px;text-align:left;text-transform:uppercase}.kiosk-table tbody td{border-bottom:1px solid var(--ui-surface-recessed);color:var(--ui-text-secondary);font-size:14px;padding:14px 20px;vertical-align:middle}.kiosk-table tbody tr:last-child td{border-bottom:none}.kiosk-table tbody tr:hover{background:var(--ui-bg)}.kiosk-th-actions{text-align:right}.kiosk-name-cell{gap:12px}.kiosk-icon,.kiosk-name-cell{align-items:center;display:flex}.kiosk-icon{background:var(--ui-primary-tint);border-radius:9px;color:var(--ui-primary);flex-shrink:0;height:36px;justify-content:center;width:36px}.kiosk-icon.kiosk-icon-muted{background:var(--ui-surface-recessed);color:var(--ui-text-faint)}.kiosk-icon svg{height:18px;width:18px}.kiosk-name-text{color:var(--ui-text);font-weight:600}.kiosk-name-sub{color:var(--ui-text-faint);font-size:12px}.kiosk-status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:3px 10px}.kiosk-status .kiosk-dot{border-radius:50%;height:7px;width:7px}.kiosk-status.paired{background:var(--ui-success-tint);color:var(--ui-success-text)}.kiosk-status.paired .kiosk-dot{background:var(--ui-success)}.kiosk-status.unpaired{background:var(--ui-surface-recessed);color:var(--ui-text-muted)}.kiosk-status.unpaired .kiosk-dot{background:var(--ui-text-faint)}.kiosk-status.revoked{background:var(--ui-danger-tint);color:var(--ui-danger)}.kiosk-status.revoked .kiosk-dot{background:var(--ui-danger)}.kiosk-row-actions{display:flex;gap:8px;justify-content:flex-end}.kiosk-empty{padding:56px 24px;text-align:center}.kiosk-empty-icon{font-size:40px;margin-bottom:12px}.kiosk-empty h3{color:var(--ui-text);font-size:16px;margin:0 0 6px}.kiosk-empty p{color:var(--ui-text-muted);font-size:14px;margin:0 0 18px}.kiosk-loading{align-items:center;color:var(--ui-text-muted);display:flex;flex-direction:column;gap:12px;padding:48px}.kiosk-code-reveal{padding:8px 0 4px;text-align:center}.kiosk-code-digits{font-feature-settings:"tnum";color:var(--ui-primary);font-size:44px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:10px;padding-left:10px}.kiosk-code-expiry{font-feature-settings:"tnum";align-items:center;background:var(--ui-warning-tint);border-radius:20px;color:var(--ui-warning-text);display:inline-flex;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;gap:7px;margin-top:14px;padding:6px 14px}.kiosk-code-expiry.expired{background:var(--ui-danger-tint);color:var(--ui-danger)}.kiosk-code-steps{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:10px;margin-top:20px;padding:16px 18px;text-align:left}.kiosk-code-steps ol{margin:0;padding-left:18px}.kiosk-code-steps li{color:var(--ui-text-secondary);font-size:13px;line-height:1.5;margin-bottom:6px}.kiosk-code-steps li:last-child{margin-bottom:0}.kiosk-code-warn{color:var(--ui-text-faint);font-size:12px;margin-top:14px}.kiosk-pin-display{font-feature-settings:"tnum";background:var(--ui-primary-tint);border-radius:10px;color:var(--ui-primary);font-size:30px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:8px;margin-bottom:6px;padding:12px;text-align:center}.kiosk-note{align-items:flex-start;border-radius:10px;display:flex;font-size:13px;gap:10px;line-height:1.5;padding:12px 14px}.kiosk-note svg{flex-shrink:0;height:18px;margin-top:1px;width:18px}.kiosk-note.info{background:var(--ui-primary-tint);border:1px solid var(--ui-border);color:var(--ui-primary-hover)}.kiosk-note.danger{background:var(--ui-danger-tint);border:1px solid var(--ui-border);color:var(--ui-danger)}.kiosk-modal-backdrop{align-items:center;background:#11182773;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.kiosk-modal{background:var(--ui-surface);border-radius:16px;box-shadow:0 20px 50px #0003;max-width:460px;overflow:hidden;width:100%}.kiosk-modal-header{padding:22px 24px 0}.kiosk-modal-title{color:var(--ui-text);font-size:18px;font-weight:700;margin:0}.kiosk-modal-sub{color:var(--ui-text-muted);font-size:13px;margin-top:4px}.kiosk-modal-body{padding:20px 24px}.kiosk-modal-footer{border-top:1px solid var(--ui-surface-recessed);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.kiosk-field{margin-bottom:18px}.kiosk-field:last-child{margin-bottom:0}.kiosk-label{color:var(--ui-text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.kiosk-input{border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text);font-family:inherit;font-size:14px;outline:none;padding:10px 14px;width:100%}.kiosk-input:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint)}.kiosk-hint{color:var(--ui-text-faint);font-size:12px;margin-top:5px}.kiosk-error-text{color:var(--ui-danger);font-size:12px;margin-top:5px}.time-tracking-container{width:100%}.date-label{color:var(--ui-text-secondary);font-size:var(--text-lg);font-weight:var(--font-medium);margin-left:var(--space-3)}.employee-card{background:#fff;border:1px solid var(--ui-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-3);padding:var(--space-4)}.card-header{margin-bottom:var(--space-2)}.employee-name{font-size:var(--text-base);font-weight:var(--font-semibold)}.detail-item{color:var(--ui-text-secondary)}.time-separator{color:var(--ui-text-faint);margin:0 var(--space-3)}.time-records-banner{background:var(--ui-danger-tint);border:1px solid var(--ui-danger);border-radius:8px;color:var(--ui-text-secondary);font-size:.875rem;margin-bottom:12px;padding:12px 16px}.time-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.time-loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--ui-border);border:3px solid var(--ui-border);border-radius:50%;border-top-color:var(--ui-primary);height:40px;width:40px}.time-empty-state{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-12) var(--space-4);text-align:center}.time-empty-icon{font-size:3rem;margin-bottom:var(--space-4)}.time-empty-title{color:var(--ui-text);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.time-empty-text{color:var(--ui-text-secondary);font-size:var(--text-base);margin-bottom:var(--space-6)}@media (max-width:767px){.date-label{flex:1 1;text-align:center}}.employee-time-records-container{width:100%}.etr-loading,.etr-loading-records{align-items:center;display:flex;justify-content:center;min-height:400px}.etr-loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--ui-border);border:3px solid var(--ui-border);border-radius:50%;border-top-color:var(--ui-primary);height:40px;width:40px}.etr-empty-state{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-12) var(--space-4);text-align:center}.etr-empty-icon{font-size:3rem;margin-bottom:var(--space-4)}.etr-empty-title{color:var(--ui-text);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.etr-empty-text{color:var(--ui-text-secondary);font-size:var(--text-base);margin-bottom:var(--space-6)}@media (max-width:1023px){.btn-primary{width:100%}}.btn-primary{border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);transition:background .2s ease}.btn-primary:active{transform:translateY(1px)}.etr-add-icon{align-items:center;background:var(--ui-primary-tint);border-radius:50%;color:var(--ui-primary);display:inline-flex;font-size:14px;font-weight:600;height:20px;justify-content:center;margin-left:6px;opacity:0;transition:opacity .2s;vertical-align:middle;width:20px}tr:hover .etr-add-icon{opacity:1}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--ui-bg);color:var(--ui-text);font-family:var(--font-family-primary);line-height:1.6;overflow-x:hidden}body.mobile-menu-open{overflow:hidden}.app-layout{display:flex;min-height:100vh;position:relative}.mobile-overlay{background:#00000080;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:45}.mobile-overlay.active{opacity:1;pointer-events:all;visibility:visible}.sidebar{background:#fff;border-right:1px solid var(--ui-border);box-shadow:var(--shadow-sm);height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;width:280px;z-index:50}.sidebar.mobile-open{transform:translateX(0)!important}.saas-header{border-bottom:1px solid var(--ui-border);height:64px;padding:0 20px}.saas-brand,.saas-header{align-items:center;display:flex}.saas-brand{gap:10px}.saas-logo{display:block;height:36px;object-fit:contain;width:36px}.saas-name h1{color:var(--ui-text);font-size:1.125rem;font-weight:600;margin:0}.sidebar-nav{padding:14px 0}.nav-section{margin-bottom:20px}.nav-title{color:var(--ui-text-muted);font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:6px;padding:0 18px;text-transform:uppercase}.nav-item{align-items:center;border-left:3px solid #0000;color:var(--ui-text-secondary);display:flex;font-size:.875rem;gap:10px;padding:8px 18px;position:relative;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:var(--ui-bg);color:var(--ui-primary)}.nav-item.active{background:var(--ui-primary-tint);border-left-color:var(--ui-primary);color:var(--ui-primary);font-weight:500}.nav-icon{flex-shrink:0;font-size:16px}.nav-item.disabled{color:var(--ui-text-faint);cursor:not-allowed;opacity:.6}.nav-item.disabled:hover{background:#0000;color:var(--ui-text-faint)}.nav-item.disabled .nav-icon{opacity:.5}.coming-soon-badge{background:var(--ui-border);border-radius:4px;color:var(--ui-text-muted);font-size:.65rem;font-weight:600;margin-left:auto;padding:2px 6px;text-transform:uppercase}.ot-pending-badge{background:var(--ui-warning);border-radius:10px;color:#fff;font-size:.65rem;font-weight:700;line-height:1.2;margin-left:auto;min-width:20px;padding:2px 7px;text-align:center}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:280px;min-height:100vh;min-width:0;transition:margin-left .3s ease}.header{background:#fff;border-bottom:1px solid var(--ui-border);box-shadow:var(--shadow-sm);height:64px;justify-content:space-between;min-height:64px;padding:8px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.header-right{align-items:center;display:flex;gap:16px}.mobile-menu-btn{background:none;border:none;border-radius:6px;color:var(--ui-text-secondary);cursor:pointer;display:none;padding:8px;transition:background .2s}.mobile-menu-btn:hover{background:var(--ui-border-soft)}.hamburger{display:flex;flex-direction:column;height:20px;justify-content:space-between;width:20px}.hamburger-line{background:currentColor;height:2px;transition:all .3s ease;width:100%}.mobile-menu-btn.active .hamburger-line:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.header-brand{align-items:center;display:flex;gap:10px}.header-brand-logo{align-items:center;background:var(--ui-gradient-primary);border-radius:8px;color:#fff;display:flex;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.header-brand-text{color:var(--ui-primary);font-size:1.25rem;font-weight:700;white-space:nowrap}.user-menu{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px 12px;position:relative;transition:background .2s}.user-menu:hover{background:var(--ui-border-soft);border-color:var(--ui-border)}.user-avatar{align-items:center;background:var(--ui-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:32px;justify-content:center;width:32px}.user-info{display:flex;flex-direction:column;max-width:180px;min-width:0}.user-name{color:var(--ui-text);font-size:.875rem;font-weight:500}.user-name,.user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:var(--ui-text-muted);font-size:.75rem}.dropdown-arrow{color:var(--ui-text-muted);flex-shrink:0;font-size:12px;transition:transform .2s}.user-menu.dropdown-open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{background:#fff;border:1px solid var(--ui-border);border-radius:8px;box-shadow:var(--shadow-lg);margin-top:8px;min-width:160px;opacity:0;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:1000}.dropdown-menu.dropdown-open{opacity:1;pointer-events:all;transform:translateY(0);visibility:visible}.dropdown-item{align-items:center;background:none;border:none;color:var(--ui-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;gap:10px;padding:12px 16px;text-align:left;text-decoration:none;transition:background .2s;width:100%}.dropdown-item:hover{background:var(--ui-bg)}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px;border-top:1px solid var(--ui-border-soft);color:var(--ui-danger)}.dropdown-item:last-child:hover{background:var(--ui-danger-tint)}.dropdown-icon{flex-shrink:0;font-size:16px}.content-area{flex:1 1;margin:0 auto;max-width:1400px;min-width:0;padding:24px 32px;width:100%}.content-area--wide{max-width:1680px}@media (max-width:1024px){.sidebar{width:280px}.main-content{margin-left:260px}.content-area{padding:24px}}@media (max-width:768px){.mobile-menu-btn{display:flex!important}.sidebar{transform:translateX(-100%);width:280px}.sidebar.mobile-open{transform:translateX(0)}.main-content{margin-left:0}.header{padding:8px 16px}.header-brand-text{font-size:1.125rem}.content-area{padding:16px}.user-role{display:none}.user-info{min-width:auto}}@media (max-width:480px){.header{padding:8px 12px}.header-brand{gap:8px}.header-brand-logo{font-size:14px;height:32px;width:32px}.header-brand-text{font-size:1rem}.user-menu{gap:8px;padding:6px 8px}.user-avatar{font-size:12px;height:28px;width:28px}.user-info{display:none}.content-area{padding:12px}}.legal-doc{background:var(--ui-surface);color:var(--ui-text-secondary);font-family:var(--font-family-primary);font-size:16px;line-height:1.65;min-height:100vh}.legal-doc__topbar{background:linear-gradient(90deg,var(--ui-primary) 0,var(--ui-primary) 72%,var(--ui-accent) 72%,var(--ui-accent) 100%);height:5px}.legal-doc__site-header{margin:0 auto;max-width:820px;padding:28px 24px 0}.legal-doc__brand{align-items:center;color:var(--ui-primary);display:flex;font-size:20px;font-weight:700;gap:10px;letter-spacing:-.01em}.legal-doc__brand-dot{background:var(--ui-accent);border-radius:50%;box-shadow:0 0 0 4px var(--ui-primary-tint);height:14px;width:14px}.legal-doc__main{margin:0 auto;max-width:820px;padding:8px 24px 80px}.legal-doc__title{color:var(--ui-text);font-size:30px;letter-spacing:-.02em;line-height:1.2;margin:28px 0 6px}.legal-doc__meta{color:var(--ui-text-muted);font-size:14px;margin:0 0 8px}.legal-doc__lede{background:var(--ui-surface-recessed);border:1px solid var(--ui-border);border-radius:12px;font-size:15px;margin:22px 0;padding:16px 18px}.legal-doc__main h2{color:var(--ui-text);font-size:20px;letter-spacing:-.01em;margin:34px 0 8px}.legal-doc__main h3{color:var(--ui-text);font-size:16px;margin:20px 0 4px}.legal-doc__main p{margin:10px 0}.legal-doc__main ul{margin:10px 0;padding-left:22px}.legal-doc__main li{margin:6px 0}.legal-doc a{border-bottom:1px solid var(--ui-primary-tint);color:var(--ui-primary);text-decoration:none}.legal-doc a:hover{border-color:var(--ui-primary)}.legal-doc a.legal-doc__brand,.legal-doc a.legal-doc__brand:hover{border-bottom:none;cursor:pointer}.legal-doc__table{border-collapse:collapse;font-size:14.5px;margin:14px 0;width:100%}.legal-doc__table td,.legal-doc__table th{border:1px solid var(--ui-border);padding:9px 11px;text-align:left;vertical-align:top}.legal-doc__table th{background:var(--ui-surface-recessed);color:var(--ui-text);font-weight:600}.legal-doc__caps{border:1px solid var(--ui-border);border-radius:10px;font-size:14px;padding:14px 16px}.legal-doc__annex,.legal-doc__caps{background:var(--ui-surface-recessed)}.legal-doc__annex{border:1px solid var(--ui-border);border-radius:12px;margin:18px 0;padding:8px 18px 18px}.legal-doc__note{background:var(--ui-accent-tint);border-left:3px solid var(--ui-accent);border-radius:0 8px 8px 0;font-size:14.5px;margin:16px 0;padding:12px 16px}.legal-doc__footer{border-top:1px solid var(--ui-border);color:var(--ui-text-muted);font-size:13px;margin:0 auto;max-width:820px;padding:24px}:root{--ma-primary:var(--ui-primary);--ma-primary-tint:var(--ui-primary-tint);--ma-primary-hover:var(--ui-primary-hover);--ma-danger:var(--ui-danger);--ma-danger-tint:var(--ui-danger-tint);--ma-accent:var(--ui-accent);--ma-accent-tint:var(--ui-accent-tint);--ma-success:var(--ui-success);--ma-success-light:var(--ui-success-tint)}.adjustments-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:30px}.adjustments-toprow{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.adjustments-toprow .pw-header{margin-bottom:0}.ma-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.ma-btn:disabled{cursor:not-allowed;opacity:.5}.ma-btn-primary{background:var(--ui-gradient-primary);color:#fff}.ma-btn-primary:hover:not(:disabled){box-shadow:var(--ui-shadow-primary);transform:translateY(-2px)}.ma-btn-secondary{background:#fff;border:2px solid var(--ma-primary);color:var(--ui-primary);color:var(--ma-primary)}.ma-btn-secondary:hover{background:var(--ui-primary-tint);background:var(--ma-primary-tint)}.ma-btn-add{background:var(--ui-primary);background:var(--ma-primary);box-shadow:none;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.5rem 1rem}.ma-btn-add:hover:not(:disabled){background:var(--ui-primary-hover);background:var(--ma-primary-hover);box-shadow:none;transform:none}.ma-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.ma-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.ma-modal-header{align-items:center;background:linear-gradient(135deg,var(--ui-primary-tint) 0,var(--ui-accent-tint) 100%);background:linear-gradient(135deg,var(--ma-primary-tint) 0,var(--ma-accent-tint) 100%);border-bottom:2px solid var(--ma-primary);border-top-left-radius:12px;border-top-right-radius:12px;display:flex;justify-content:space-between;padding:20px 24px}.ma-modal-title{align-items:center;display:flex;gap:12px}.ma-modal-icon{font-size:24px}.ma-modal-title h3{color:var(--ui-primary);color:var(--ma-primary);font-size:20px;font-weight:600;margin:0}.ma-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--ui-text-muted);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;transition:all .2s;width:32px}.ma-close-btn:hover{background:#fff;color:var(--ui-danger);color:var(--ma-danger)}.ma-modal-body{flex:1 1;overflow-y:auto;padding:24px}.ma-form-group{margin-bottom:24px}.ma-form-group:last-child{margin-bottom:0}.ma-form-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.ma-form-row .ma-form-group{flex:1 1 180px;margin-bottom:0}.ma-form-group label{color:var(--ui-text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.ma-selected-employee{margin-top:8px}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.ma-employee-search{position:relative}.ma-search-input-wrapper{align-items:center;display:flex;position:relative}.ma-search-input{border:2px solid var(--ui-border);border-radius:8px;font-size:14px;padding:10px 40px 10px 12px;transition:all .2s;width:100%}.ma-search-input:focus{border-color:var(--ma-primary);box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}.ma-search-clear{align-items:center;background:none;border:none;border-radius:50%;color:var(--ui-text-muted);cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;position:absolute;right:8px;transition:all .2s;width:28px}.ma-search-clear:hover{background:var(--ui-surface-recessed);color:var(--ui-danger);color:var(--ma-danger)}.ma-dropdown{animation:dropIn .2s ease;background:#fff;border:2px solid var(--ma-primary);border-radius:8px;box-shadow:0 10px 40px #00000026;left:0;max-height:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}@keyframes dropIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ma-dropdown-loading{align-items:center;color:var(--ui-text-muted);display:flex;font-size:14px;gap:12px;justify-content:center;padding:20px}.ma-spinner{animation:spin .8s linear infinite;border:2px solid var(--ma-primary-tint);border-radius:50%;border-top-color:var(--ma-primary);height:16px;width:16px}.ma-dropdown-results{max-height:280px;overflow-y:auto}.ma-dropdown-item{border-bottom:1px solid var(--ui-surface-recessed);color:var(--ui-text-secondary);cursor:pointer;font-size:14px;overflow:hidden;padding:10px 14px;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.ma-dropdown-item:hover{background:var(--ui-primary-tint);background:var(--ma-primary-tint);padding-left:18px}.ma-dropdown-item:last-child{border-bottom:none}.ma-dropdown-empty{padding:30px 20px;text-align:center}.ma-empty-icon{display:block;font-size:48px;margin-bottom:12px}.ma-dropdown-empty p{color:var(--ui-text-secondary);font-weight:600;margin:0 0 8px}.ma-empty-hint{color:var(--ui-text-muted);font-size:12px}.ma-radio-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.ma-radio-option{border:2px solid var(--ui-border);border-radius:8px;cursor:pointer;padding:10px 14px;position:relative;transition:all .2s}.ma-radio-option input[type=radio]{opacity:0;position:absolute}.ma-radio-option:hover{background:var(--ui-bg);border-color:var(--ui-border)}.ma-radio-option.selected{background:var(--ui-primary-tint);background:var(--ma-primary-tint);border-color:var(--ma-primary)}.ma-radio-content{align-items:center;display:flex;gap:12px}.ma-radio-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:26px;justify-content:center;width:26px}.ma-radio-icon.earning{background:var(--ui-accent-tint);background:var(--ma-accent-tint);color:var(--ui-accent);color:var(--ma-accent)}.ma-radio-icon.deduction{background:var(--ui-danger-tint);background:var(--ma-danger-tint);color:var(--ui-danger);color:var(--ma-danger)}.ma-radio-label{color:var(--ui-text);font-size:14px;font-weight:600}.ma-select{background:#fff;border:2px solid var(--ui-border);border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.ma-select:focus{border-color:var(--ma-primary);box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}.ma-amount-input{align-items:center;display:flex;position:relative}.ma-currency{color:var(--ui-accent);color:var(--ma-accent);font-size:16px;font-weight:600;left:12px;position:absolute}.ma-input{font-feature-settings:"tnum";border:2px solid var(--ui-border);border-radius:8px;font-size:14px;font-variant-numeric:tabular-nums;padding:10px 12px 10px 32px;transition:all .2s;width:100%}.ma-input:focus{border-color:var(--ma-primary);box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}.ma-textarea{border:2px solid var(--ui-border);border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;transition:all .2s;width:100%}.ma-textarea:focus{border-color:var(--ma-primary);box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}.ma-form-actions{background:var(--ui-bg);border-top:1px solid var(--ui-border);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px}.ma-list-section{margin-bottom:30px}.ma-list-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.ma-list-header h3{color:var(--ui-primary);color:var(--ma-primary);font-size:20px;margin:0}.ma-count-badge{background:var(--ui-primary);background:var(--ma-primary);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.ma-empty-state{background:var(--ui-bg);border:2px dashed var(--ui-border);border-radius:12px;padding:60px 20px;text-align:center}.ma-empty-state .ma-empty-icon{font-size:64px;margin-bottom:16px}.ma-empty-state h4{color:var(--ui-text-secondary);font-size:18px;margin:0 0 8px}.ma-empty-state p{color:var(--ui-text-muted);font-size:14px;margin:0 0 20px}.ma-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 12px}.ma-badge-earning{background:var(--ui-accent-tint);background:var(--ma-accent-tint);color:var(--ui-accent);color:var(--ma-accent)}.ma-badge-deduction{background:var(--ui-danger-tint);background:var(--ma-danger-tint);color:var(--ui-danger);color:var(--ma-danger)}.ma-description{color:var(--ui-text-muted);font-size:13px}.ma-amount{text-align:right}.ma-amount-value{font-feature-settings:"tnum";font-size:14px;font-variant-numeric:tabular-nums;font-weight:400}.ma-amount-value.earning{color:var(--ui-accent);color:var(--ma-accent)}.ma-amount-value.deduction{color:var(--ui-danger);color:var(--ma-danger)}.ma-actions{text-align:center}.ma-btn-icon{align-items:center;background:#fff;border:1px solid var(--ui-border);border-radius:6px;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s;width:32px}.ma-btn-delete{color:var(--ui-text-muted)}.ma-btn-delete:hover{background:var(--ui-danger-tint);background:var(--ma-danger-tint);border-color:var(--ma-danger);color:var(--ui-danger);color:var(--ma-danger);transform:scale(1.1)}.ma-btn-delete span{font-size:20px;font-weight:700}.ma-templates{background:linear-gradient(135deg,var(--ui-bg) 0,#fff 100%);border:1px solid var(--ui-border);border-radius:12px;padding:20px}.ma-templates-header{margin-bottom:16px}.ma-templates-header h3{color:var(--ui-primary);color:var(--ma-primary);font-size:20px;margin:0 0 8px}.ma-templates-desc{color:var(--ui-text-muted);font-size:14px;margin:0}.ma-templates-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.ma-template-card{align-items:center;background:#fff;border:2px solid var(--ui-border);border-radius:10px;cursor:pointer;display:flex;flex-direction:row;gap:10px;padding:12px 14px;text-align:left;transition:all .2s ease}.ma-template-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.ma-template-card.earning{border-color:var(--ma-accent)}.ma-template-card.earning:hover{background:var(--ui-accent-tint);background:var(--ma-accent-tint);border-color:var(--ma-accent)}.ma-template-card.deduction{border-color:var(--ma-danger)}.ma-template-card.deduction:hover{background:var(--ui-danger-tint);background:var(--ma-danger-tint);border-color:var(--ma-danger)}.ma-template-icon{flex-shrink:0;font-size:22px;line-height:1;margin-bottom:0}.ma-template-text{display:flex;flex-direction:column;gap:1px;min-width:0}.ma-template-name{color:var(--ui-text);font-size:13px;font-weight:600}.ma-template-type{color:var(--ui-text-muted);font-size:11px}.pw-table--adjustments th.th-employee{width:24%}.pw-table--adjustments th.th-id{width:8%}.pw-table--adjustments th.th-department{width:14%}.pw-table--adjustments th.th-gross{text-align:right;width:13%}.pw-table--adjustments th.th-deductions{text-align:right;width:14%}.pw-table--adjustments th.th-adjustments{text-align:right;width:13%}.pw-table--adjustments th.th-balance{text-align:right;width:14%}.pw-table--adjustments td.td-id{font-feature-settings:"tnum";color:var(--ui-primary);font-variant-numeric:tabular-nums;font-weight:500}.pw-table--adjustments td.td-department{color:var(--ui-text-muted)}.pw-table--adjustments td.td-currency{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:400;text-align:right}.pw-table--adjustments td.td-adjustments .positive{color:var(--ui-accent);color:var(--ma-accent)}.pw-table--adjustments td.td-adjustments .negative{color:var(--ui-danger);color:var(--ma-danger)}.pw-table--adjustments td.td-balance{color:var(--ui-success);color:var(--ma-success)}.pw-table--adjustments td.td-balance.negative{color:var(--ui-danger);color:var(--ma-danger)}.pw-table--adjustments tbody tr.employee-row.negative-balance,.pw-table--adjustments tbody tr.employee-row.negative-balance.expanded,.pw-table--adjustments tbody tr.employee-row.negative-balance:hover{background:var(--ui-danger-tint)}.ma-expansion-row{background:var(--ui-bg)}.pw-table--adjustments .ma-expansion-row td{padding:0}.ma-expansion-content{border-top:2px solid var(--ui-primary-tint);padding:20px 24px}.ma-expansion-content .ma-group-totals{margin-top:16px}.ma-expansion-content .ma-adjustments-table td{border-bottom:1px solid var(--ui-surface-recessed);font-size:14px;padding:12px 16px;text-align:left}.ma-expansion-content .ma-adjustments-table td.amount-col{text-align:right}.ma-expansion-content .ma-adjustments-table th{border-bottom:1px solid var(--ui-border);cursor:default;padding:10px 16px}.ma-expansion-content .ma-adjustments-table th.actions-col{text-align:center}.ma-adjustments-table{border-collapse:initial;border-spacing:0;width:100%}.ma-adjustments-table thead{background:var(--ui-gradient-primary)}.ma-adjustments-table th{border-bottom:1px solid var(--ui-border);color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 16px;text-align:left;text-transform:uppercase}.ma-adjustments-table th.amount-col{text-align:right}.ma-adjustments-table th.actions-col{text-align:center;width:100px}.ma-adjustments-table td{border-bottom:1px solid var(--ui-surface-recessed);font-size:14px;padding:12px 16px}.ma-adjustments-table tbody tr:last-child td{border-bottom:none}.ma-adjustments-table tbody tr:hover{background:var(--ui-bg)}.ma-actions-cell{display:flex;gap:8px;justify-content:center}.ma-btn-edit{background:#fff;border:1px solid var(--ui-border);color:var(--ui-text-muted);font-size:16px}.ma-btn-edit:hover{background:var(--ui-primary-tint);background:var(--ma-primary-tint);border-color:var(--ma-primary);color:var(--ui-primary);color:var(--ma-primary);transform:scale(1.1)}.ma-group-totals{align-items:center;background:var(--ui-bg);border-top:1px solid var(--ui-border);display:flex;gap:24px;justify-content:flex-end;padding:12px 16px}.ma-group-total-item{align-items:center;display:flex;gap:8px}.ma-group-total-label{color:var(--ui-text-muted);font-size:12px}.ma-group-total-value{font-feature-settings:"tnum";font-size:14px;font-variant-numeric:tabular-nums;font-weight:400}.ma-group-total-value.earning{color:var(--ui-accent);color:var(--ma-accent)}.ma-group-total-value.deduction{color:var(--ui-danger);color:var(--ma-danger)}.ma-group-total-value.net{color:var(--ui-primary);color:var(--ma-primary)}.ma-group-total-value.net.negative{color:var(--ui-danger);color:var(--ma-danger)}.ma-negative-warning{align-items:center;background:linear-gradient(135deg,var(--ui-danger-tint) 0,var(--ui-danger-tint) 100%);background:linear-gradient(135deg,var(--ma-danger-tint) 0,var(--ui-danger-tint) 100%);border-top:2px solid var(--ma-danger);display:flex;gap:12px;padding:12px 16px}.ma-warning-icon{font-size:18px}.ma-warning-text{color:var(--ui-danger);color:var(--ma-danger);font-size:13px;font-weight:500}.ma-selected-employee-card{align-items:center;animation:slideIn .3s ease;background:linear-gradient(135deg,var(--ui-primary-tint) 0,#fff 100%);background:linear-gradient(135deg,var(--ma-primary-tint) 0,#fff 100%);border:2px solid var(--ma-primary);border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:8px 12px}.ma-selected-employee-info{align-items:center;display:flex;gap:10px;min-width:0}.ma-selected-avatar{align-items:center;background:linear-gradient(135deg,var(--ui-primary) 0,var(--ui-primary-hover) 100%);background:linear-gradient(135deg,var(--ma-primary) 0,var(--ma-primary-hover) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.ma-selected-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ma-change-btn,.ma-selected-name{color:var(--ui-primary);color:var(--ma-primary);font-weight:600}.ma-change-btn{background:#fff;border:1px solid var(--ma-primary);border-radius:6px;cursor:pointer;flex-shrink:0;font-size:13px;padding:6px 14px;transition:all .15s ease}.ma-change-btn:hover{background:var(--ui-primary-tint);background:var(--ma-primary-tint)}.ma-confirm-dialog{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:32px;text-align:center;width:90%}.ma-confirm-icon{font-size:48px;margin-bottom:16px}.ma-confirm-title{color:var(--ui-text);font-size:20px;font-weight:600;margin-bottom:12px}.ma-confirm-message{color:var(--ui-text-muted);font-size:14px;line-height:1.5;margin-bottom:24px}.ma-confirm-message strong{color:var(--ui-text-secondary)}.ma-confirm-actions{display:flex;gap:12px;justify-content:center}.ma-btn-danger{background:linear-gradient(135deg,var(--ui-danger) 0,var(--ui-danger-hover) 100%);background:linear-gradient(135deg,var(--ma-danger) 0,var(--ui-danger-hover) 100%);color:#fff}.ma-btn-danger:hover:not(:disabled){box-shadow:var(--ui-shadow-danger);transform:translateY(-2px)}@media (max-width:1024px){.ma-templates-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.ma-modal{max-width:none;width:95%}.ma-radio-group{grid-template-columns:1fr}.ma-templates-grid{grid-template-columns:repeat(2,1fr)}.ma-adjustments-table{font-size:12px}.ma-adjustments-table td,.ma-adjustments-table th{padding:10px 12px}.ma-group-totals{flex-wrap:wrap;gap:16px;justify-content:center}.ma-confirm-dialog{padding:24px}.ma-confirm-actions{flex-direction:column}}@media (max-width:480px){.manual-adjustments{padding:12px}.ma-modal{border-radius:0;height:100%;max-height:100%;width:100%}.ma-btn{justify-content:center;width:100%}.ma-form-actions{flex-direction:column}.ma-template-card{padding:16px}.ma-templates-grid{grid-template-columns:1fr}.ma-adjustments-table{display:block;overflow-x:auto}.ma-group-totals{align-items:stretch;flex-direction:column;gap:8px}.ma-group-total-item{border-bottom:1px solid var(--ui-surface-recessed);justify-content:space-between;padding:6px 0}.ma-group-total-item:last-child{border-bottom:none}}.modal-overlay{animation:fadeIn .2s ease;z-index:9999}.modal-overtime{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:500px}.modal-overtime .modal-header{align-items:center;background:linear-gradient(135deg,var(--ui-primary-tint) 0,var(--ui-accent-tint) 100%);border-bottom:2px solid var(--ui-primary-tint);display:flex;justify-content:space-between;padding:20px 24px}.modal-overtime .modal-header h3{color:var(--ui-primary);font-size:20px;font-weight:600;margin:0}.modal-overtime .modal-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--ui-text-muted);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-overtime .modal-close:hover{background:#fff;color:var(--ui-danger)}.modal-overtime .modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-overtime .employee-context{grid-gap:12px;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:16px}.modal-overtime .context-item{display:flex;flex-direction:column;gap:4px}.modal-overtime .context-label{color:var(--ui-text-muted);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.modal-overtime .context-value{color:var(--ui-text);font-size:14px;font-weight:600}.modal-overtime .form-group{margin-bottom:20px}.modal-overtime .form-group label{color:var(--ui-text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.modal-overtime .form-group input,.modal-overtime .form-group textarea{border:2px solid var(--ui-border);border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.modal-overtime .form-group input:focus,.modal-overtime .form-group textarea:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}.modal-overtime .form-help{color:var(--ui-text-muted);display:block;font-size:12px;margin-top:6px}.modal-overtime .rate-input-group{align-items:center;display:flex;gap:8px}.modal-overtime .rate-input-group input{width:120px}.modal-overtime .rate-suffix{color:var(--ui-primary);font-size:18px;font-weight:600}.modal-overtime .calculation-preview{background:linear-gradient(135deg,var(--ui-primary-tint) 0,var(--ui-accent-tint) 100%);border:1px solid var(--ui-primary);border-radius:8px;margin-bottom:24px;padding:16px}.modal-overtime .calculation-preview h4{color:var(--ui-primary);font-size:16px;font-weight:600;margin:0 0 12px}.modal-overtime .calc-row{display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.modal-overtime .calc-row.total{border-top:2px solid var(--ui-primary);color:var(--ui-primary);font-size:16px;font-weight:600;margin-top:8px;padding-top:12px}.modal-overtime .modal-actions{border-top:1px solid var(--ui-border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.modal-overtime .btn-primary{background:var(--ui-gradient-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.modal-overtime .btn-primary:hover{box-shadow:var(--ui-shadow-primary);transform:translateY(-1px)}.modal-overtime .btn-secondary{background:#fff;border:2px solid var(--ui-border);border-radius:6px;color:var(--ui-text-muted);cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.modal-overtime .btn-secondary:hover{background:var(--ui-bg);border-color:var(--ui-text-muted);color:var(--ui-text-secondary)}@media (max-width:640px){.modal-overtime{width:95%}.modal-overtime .employee-context{grid-template-columns:1fr}}.modal-backdrop{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,var(--ui-primary-tint) 0,#fff 100%);border-bottom:2px solid var(--ui-primary);padding:20px 30px}.modal-title{align-items:center;color:var(--ui-primary);display:flex;font-size:24px;gap:12px;margin:0}.modal-icon{font-size:28px}.modal-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--ui-text-muted);cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.modal-close-btn:hover{background:var(--ui-border-soft);color:var(--ui-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:0}.modal-description{background:var(--ui-bg);border-bottom:1px solid var(--ui-border);padding:20px 30px}.modal-description p{color:var(--ui-text-secondary);font-size:14px;line-height:1.6;margin:0}.modal-description .info-badge{align-items:flex-start;background:var(--ui-primary-tint);border-left:4px solid var(--ui-primary);border-radius:6px;display:flex;gap:10px;margin-top:15px;padding:12px}.modal-description .badge-icon{flex-shrink:0;font-size:18px}.modal-description .badge-text{color:var(--ui-primary-hover);font-size:13px;line-height:1.5}.modal-content{max-height:calc(85vh - 250px);overflow-y:auto;padding:30px}.modal-footer{gap:12px;padding:20px 30px}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .3s ease}.modal-btn-primary{background:var(--ui-primary);color:#fff}.modal-btn-primary:hover{background:var(--ui-primary-hover);box-shadow:var(--ui-shadow-primary);transform:translateY(-1px)}.modal-btn-secondary{background:#fff;border:2px solid var(--ui-primary);color:var(--ui-primary)}.modal-btn-secondary:hover{background:var(--ui-primary-tint)}.modal-complete-payroll{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;min-width:480px}.modal-complete-payroll .modal-header{align-items:center;background:linear-gradient(135deg,var(--ui-primary-tint) 0,var(--ui-accent-tint) 100%);border-bottom:2px solid var(--ui-primary-tint);display:flex;justify-content:space-between;padding:20px 24px}.modal-complete-payroll .modal-header h3{color:var(--ui-primary);font-size:20px;font-weight:600;margin:0}.modal-complete-payroll .modal-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--ui-text-muted);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-complete-payroll .modal-close:hover{background:#fff;color:var(--ui-danger)}.complete-payroll-message{padding:20px;text-align:center}.complete-payroll-message .message-icon{display:flex;justify-content:center;margin-bottom:20px}.complete-payroll-message p{color:var(--ui-text-secondary);font-size:16px;font-weight:500;margin-bottom:20px}.payroll-summary-info{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:8px;display:flex;gap:20px;justify-content:space-around;margin-top:20px;padding:15px}.payroll-summary-info .info-item{align-items:center;display:flex;flex-direction:column;gap:5px}.payroll-summary-info .info-label{color:var(--ui-text-muted);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.payroll-summary-info .info-value{color:var(--ui-primary);font-size:16px;font-weight:600}.modal-complete-payroll .modal-footer{align-items:center;background:var(--ui-bg);border-top:1px solid var(--ui-border);display:flex;justify-content:space-between;padding:20px 24px}.btn-generate-csv{background:var(--ui-success);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-generate-csv:hover:not(:disabled){background:var(--ui-success);box-shadow:var(--ui-shadow-primary);transform:translateY(-1px)}.btn-generate-csv:disabled{cursor:not-allowed;opacity:.6}.modal-complete-payroll .modal-actions{display:flex;gap:12px}.btn-cancel{background:#fff;border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:var(--ui-bg);border-color:var(--ui-text-faint)}.btn-confirm{background:var(--ui-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.btn-confirm:hover:not(:disabled){background:var(--ui-primary-hover);box-shadow:var(--ui-shadow-primary);transform:translateY(-1px)}.btn-cancel:disabled,.btn-confirm:disabled{cursor:not-allowed;opacity:.6}.status-message{border-radius:6px;font-size:14px;margin:10px 20px;padding:10px 15px;text-align:center}.status-message.success{background:var(--ui-success-tint);border:1px solid var(--ui-success);color:var(--ui-success)}.status-message.error{background:var(--ui-danger-tint);border:1px solid var(--ui-danger);color:var(--ui-danger)}@media screen and (max-width:768px){.modal-complete-payroll{margin:20px;min-width:95%;width:95%}.payroll-summary-info{flex-direction:column;gap:10px}.modal-complete-payroll .modal-footer{flex-direction:column-reverse;gap:10px}.btn-generate-csv,.modal-complete-payroll .modal-actions{width:100%}.modal-complete-payroll .modal-actions{justify-content:space-between}.modal-backdrop{align-items:flex-start!important;padding:0!important}.modal-container{border-radius:0!important;height:100vh!important;margin:0!important;max-height:100vh!important;max-width:100%!important;width:100%!important}.modal-header{background:#fff;box-shadow:0 2px 4px #0000001a;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-title{flex-wrap:wrap;font-size:18px}.modal-icon{font-size:20px}.modal-close-btn{font-size:28px;height:32px;width:32px}.modal-footer{background:#fff;bottom:0;box-shadow:0 -2px 4px #0000001a;padding:12px 16px;position:-webkit-sticky;position:sticky;z-index:10}.modal-btn{font-size:14px;padding:12px 20px;width:100%}}.basic-pay-calculation{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.calculation-header{align-items:center;border-bottom:2px solid var(--ui-border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.calculation-header h2{color:var(--ui-text);font-size:24px;font-weight:600;margin:0}.period-display{align-items:center;display:flex;gap:12px}.period-dates-badge{background:var(--ui-primary-tint);border:1px solid var(--ui-primary);border-radius:8px;color:var(--ui-primary);font-size:14px;font-weight:500;padding:8px 16px}.test-mode-badge{background:var(--ui-accent-tint);border:1px solid var(--ui-accent);border-radius:6px;color:var(--ui-warning-text);font-size:12px;font-weight:500;padding:6px 12px}.controls-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.search-controls{display:flex;flex:1 1;gap:12px;max-width:600px}.search-input{border:1px solid var(--ui-border);border-radius:8px;flex:1 1;font-size:14px;padding:10px 16px;transition:all .2s ease}.search-input:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}.department-select{background:#fff;border:1px solid var(--ui-border);border-radius:8px;cursor:pointer;font-size:14px;min-width:180px;padding:10px 16px;transition:all .2s ease}.department-select:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}.table-container{border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow-x:auto}.basic-pay-table{background:#fff;border-collapse:collapse;width:100%}.basic-pay-table thead{background:var(--ui-primary-tint);border-bottom:3px solid var(--ui-primary)}.basic-pay-table .main-header th{border-right:1px solid var(--ui-border);color:var(--ui-primary);font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 8px;text-align:left;vertical-align:middle}.basic-pay-table th:last-child{border-right:none}.th-id{text-align:center;width:60px}.th-name{min-width:180px;padding-left:12px!important;width:180px}.th-date{min-width:50px;padding:8px 4px!important;text-align:center!important;width:50px}.th-date.th-empty{background:var(--ui-bg)}.date-header{align-items:center;display:flex;flex-direction:column;gap:2px;line-height:1.2}.date-day{color:var(--ui-text-muted);font-size:10px;font-weight:500}.date-number{color:var(--ui-primary);font-size:13px;font-weight:600}.th-basic-salary,.th-piece-rate,.th-total-days{text-align:center!important;width:110px}.week-navigation{align-items:center;display:flex;gap:12px}.week-nav-btn{background:#fff;border:1px solid var(--ui-border);border-radius:6px;color:var(--ui-text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.week-nav-btn:hover:not(:disabled){background:var(--ui-primary);border-color:var(--ui-primary);color:#fff}.week-nav-btn:disabled{cursor:not-allowed;opacity:.5}.week-indicator{color:var(--ui-text-muted);font-size:13px;font-weight:500;padding:0 8px}.basic-pay-table tbody tr{border-bottom:1px solid var(--ui-border);transition:background .2s ease}.basic-pay-table tbody tr:hover{background:var(--ui-bg)}.basic-pay-table td{color:var(--ui-text-secondary);font-size:14px;padding:12px 8px}.td-id{font-feature-settings:"tnum";color:var(--ui-text-muted);font-variant-numeric:tabular-nums;font-weight:500;text-align:center}.td-name{color:var(--ui-text);font-weight:500}.td-status{padding:8px 4px;text-align:center}.status-badge{cursor:help;display:inline-block;font-size:16px}.td-total-days{color:var(--ui-text);font-weight:600;text-align:center}.td-basic-salary{font-feature-settings:"tnum";color:var(--ui-text);font-variant-numeric:tabular-nums;font-weight:500;text-align:right}.td-piece-rate{padding:4px}.piece-rate-input{font-feature-settings:"tnum";border:1px solid var(--ui-border);border-radius:6px;font-size:14px;font-variant-numeric:tabular-nums;padding:6px 10px;text-align:right;transition:all .2s ease;width:100%}.piece-rate-input::-webkit-inner-spin-button,.piece-rate-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.piece-rate-input[type=number]{-moz-appearance:textfield}.piece-rate-input:focus,.piece-rate-input:hover{border-color:var(--ui-accent)}.piece-rate-input:focus{background:var(--ui-accent-tint);box-shadow:0 0 0 3px var(--ui-accent-tint);outline:none}.summary-footer{background:linear-gradient(135deg,var(--ui-bg) 0,var(--ui-surface-recessed) 100%);border-radius:8px;margin-top:24px;padding:16px 20px}.summary-stats{align-items:center;display:flex;gap:24px;justify-content:space-between}.summary-stats .stat{display:flex;flex-direction:column;gap:4px}.summary-stats .stat label{color:var(--ui-text-muted);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.summary-stats .stat span{color:var(--ui-text);font-size:18px;font-weight:600}.summary-stats .total-amount{font-feature-settings:"tnum";color:var(--ui-primary);font-variant-numeric:tabular-nums}.basic-pay-calculation .empty-state{color:var(--ui-text-muted);font-size:16px;padding:60px 20px;text-align:center}@media (max-width:768px){.calculation-header{gap:12px}.calculation-header,.period-display{align-items:flex-start;flex-direction:column}.period-display{width:100%}.controls-row{flex-direction:column}.search-controls{max-width:none;width:100%}.summary-stats{align-items:flex-start;flex-direction:column}.th-name{min-width:150px}}.draft-auto-loaded-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,var(--ui-primary-tint) 0,var(--ui-accent-tint) 100%);border:1px solid var(--ui-primary);border-radius:8px;margin:16px 0;padding:12px 16px;position:relative}.draft-auto-loaded-banner .banner-content{align-items:center;display:flex;gap:12px}.draft-auto-loaded-banner .banner-icon{flex-shrink:0;font-size:20px}.draft-auto-loaded-banner .banner-text{color:var(--ui-primary-hover);flex:1 1;font-size:14px;font-weight:500}.draft-auto-loaded-banner .btn-start-fresh{background:#fff;border:1px solid var(--ui-primary);border-radius:6px;color:var(--ui-primary);cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .2s ease}.draft-auto-loaded-banner .btn-start-fresh:hover{background:var(--ui-primary);color:#fff}.draft-auto-loaded-banner .banner-close{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--ui-text-muted);cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;line-height:1;margin-left:8px;padding:0;transition:all .2s ease;width:24px}.draft-auto-loaded-banner .banner-close:hover{background:#0000001a;color:var(--ui-text-secondary)}.empty-state-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:60px 20px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state-container h3{color:var(--ui-text-secondary);font-size:24px;margin-bottom:12px}.empty-state-container p{color:var(--ui-text-muted);font-size:16px;margin-bottom:30px}.period-info-card{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:8px;margin:0 auto;max-width:400px;padding:20px}.info-row{border-bottom:1px solid var(--ui-border);display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-label{color:var(--ui-text-muted);font-weight:500}.info-value{color:var(--ui-text);font-weight:600}.run-id{font-feature-settings:"tnum";background:var(--ui-primary-tint);border-radius:6px;color:var(--ui-primary);font-size:14px;font-variant-numeric:tabular-nums;padding:5px 12px}.stepper-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:12px;padding:12px 20px;position:relative}.progress-bar{background:var(--ui-border);border-radius:4px;height:4px;left:20px;overflow:hidden;position:absolute;right:20px;top:40px}.progress-bar-fill{background:linear-gradient(135deg,var(--ui-primary) 0,var(--ui-accent) 100%);border-radius:4px;height:100%;position:relative;transition:width .3s ease}.progress-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d);bottom:0;content:"";position:absolute;right:0;top:0;width:20px}@keyframes shimmer{0%{transform:translateX(-20px)}to{transform:translateX(20px)}}.stepper{align-items:flex-start;justify-content:space-between}.stepper,.stepper-step{display:flex;position:relative;z-index:1}.stepper-step{align-items:center;flex:1 1;flex-direction:column;gap:8px}.stepper-step__indicator{align-items:center;background:#fff;border:2px solid var(--ui-border);border-radius:50%;color:var(--ui-text-muted);display:flex;font-size:13px;font-weight:600;height:36px;justify-content:center;margin-bottom:6px;transition:all .3s ease;width:36px}.stepper-step--active .stepper-step__indicator{background:var(--ui-primary);border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint);color:#fff}.stepper-step--completed .stepper-step__indicator{background:var(--ui-success);border-color:var(--ui-success);color:#fff}.stepper-step__label{color:var(--ui-text-muted);font-size:12px;font-weight:500;max-width:90px;text-align:center}.stepper-step--active .stepper-step__label{color:var(--ui-primary);font-weight:600}.stepper-step--completed .stepper-step__label{color:var(--ui-success)}.error-banner,.processing-status{margin-bottom:20px;padding:12px 20px}.processing-status{align-items:center;background:var(--ui-primary-tint);border-radius:8px;color:var(--ui-primary);display:flex;gap:10px}.processing-status .spinner{animation:spin 1s linear infinite;border:2px solid var(--ui-primary);border-radius:50%;border-top:2px solid #0000;height:16px;width:16px}.payroll-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;min-height:400px;padding:30px}.payroll-navigation{align-items:center;display:flex;justify-content:space-between;margin-top:30px;padding-top:20px}.payroll-period-selector{width:100%}.selector-header{margin-bottom:20px}.frequency-info{color:var(--ui-text-muted);margin-top:10px}.last-processed-info{background:var(--ui-accent-tint);border-radius:8px;color:var(--ui-accent);margin-bottom:20px;padding:10px 15px}.period-options{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr}.period-list{max-height:400px;overflow-y:auto}.period-item{border:2px solid var(--ui-border);border-radius:8px;cursor:pointer;margin-bottom:10px;padding:15px;transition:all .2s}.period-item:hover{background:var(--ui-bg);border-color:var(--ui-primary)}.period-item.selected{background:var(--ui-primary-tint);border-color:var(--ui-primary)}.period-item.current{border-color:var(--ui-success)}.period-item.processed{background:var(--ui-surface-recessed);opacity:.7}.period-item.unprocessed{border-color:var(--ui-warning)}.period-meta{align-items:center;display:flex;gap:10px;margin-top:8px}.badge{padding:2px 8px}.badge.current{background:var(--ui-success-tint);color:var(--ui-success)}.badge.processed{background:var(--ui-border);color:var(--ui-text-muted)}.badge.success{background:var(--ui-success-tint);color:var(--ui-success)}.badge.pending{background:var(--ui-warning-tint);color:var(--ui-warning)}.custom-period{background:var(--ui-bg);border-radius:8px;padding:20px}.custom-controls{display:flex;flex-direction:column;gap:15px}.period-summary{background:var(--ui-primary-tint);border:2px solid var(--ui-primary);border-radius:8px;margin-top:30px;padding:20px}.summary-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin:20px 0}.detail-item{display:flex;justify-content:space-between}.detail-item label{font-weight:500}.summary-card{border-radius:8px;display:flex;justify-content:space-around;margin-bottom:20px}.summary-stat{text-align:center}.stat-value{color:var(--ui-text-secondary);display:block;font-size:32px;font-weight:600}.stat-label{color:var(--ui-text-muted);display:block;font-size:14px;margin-top:5px}.summary-stat.success .stat-value{color:var(--ui-success)}.summary-stat.error .stat-value{color:var(--ui-danger)}.issue-breakdown{background:#fff;border:1px solid var(--ui-border);border-radius:8px;padding:20px}.breakdown-list{display:flex;flex-direction:column;gap:12px;margin-top:15px}.breakdown-item{display:flex;gap:10px}.breakdown-item .count{font-size:24px;font-weight:600}.breakdown-item.error .count{color:var(--ui-danger)}.breakdown-item.warning .count{color:var(--ui-warning)}.employee-payroll-list{width:100%}.list-controls{background:var(--ui-bg);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.filter-controls{display:flex;gap:15px}.search-box input{width:250px}.department-filter select,.search-box input{border:1px solid var(--ui-border);border-radius:6px;padding:8px 12px}.employee-details{background:var(--ui-bg);padding:20px}.details-section{margin-bottom:20px}.details-section h4{color:var(--ui-primary);margin-bottom:15px}.details-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(3,1fr)}.overtime-approval{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;width:100%}.overtime-approval .approval-header{align-items:center;border-bottom:2px solid var(--ui-primary-tint);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.overtime-approval .approval-header h2{color:var(--ui-primary);font-size:24px;font-weight:600;margin:0}.overtime-approval .period-info{background:var(--ui-gradient-primary);border-radius:20px;color:#fff;font-size:14px;font-weight:500;padding:6px 16px}.overtime-approval .approval-summary{margin-bottom:24px}.overtime-approval .summary-card{align-items:center;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:10px;display:flex;justify-content:space-around;padding:20px}.overtime-approval .summary-stat{text-align:center}.overtime-approval .stat-value{color:var(--ui-primary);display:block;font-size:32px;font-weight:700;margin-bottom:4px}.overtime-approval .stat-label{color:var(--ui-text-muted);font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.approval-controls{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.filter-tabs{gap:10px}.tab{background:#fff;border:2px solid var(--ui-border);border-radius:8px;color:var(--ui-text-muted);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.tab:hover{background:var(--ui-primary-tint);color:var(--ui-primary)}.tab.active,.tab:hover{border-color:var(--ui-primary)}.tab.active{background:var(--ui-gradient-primary);box-shadow:var(--ui-shadow-primary);color:#fff}.bulk-actions{align-items:center}.bulk-actions span{background:#fff;border:1px solid var(--ui-border);border-radius:6px;color:var(--ui-text-secondary);font-weight:600;padding:6px 12px}.overtime-table{background:#fff;border:1px solid var(--ui-border);border-radius:10px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.overtime-table table{border-collapse:initial;border-spacing:0;width:100%}.overtime-table th{background:linear-gradient(180deg,var(--ui-primary-tint) 0,var(--ui-primary-tint) 100%);border-bottom:2px solid var(--ui-primary);color:var(--ui-primary);font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.overtime-table th:first-child{border-top-left-radius:10px}.overtime-table th:last-child{border-top-right-radius:10px}.overtime-table td{border-bottom:1px solid var(--ui-border);font-size:14px;padding:14px 16px}.overtime-table tbody tr{transition:all .2s}.overtime-table tbody tr:hover{background:var(--ui-bg)}.overtime-table tbody tr:last-child td{border-bottom:none}.overtime-table .numeric{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;text-align:right}.overtime-table .hourly-rate{color:var(--ui-text-muted);font-size:13px}.overtime-table .currency{color:var(--ui-success);font-size:15px;font-weight:600}.employee-info{gap:2px}.employee-name{color:var(--ui-text);font-size:14px;font-weight:600}.employee-code{font-feature-settings:"tnum";color:var(--ui-text-muted);font-size:12px;font-variant-numeric:tabular-nums}.overtime-table .reason{max-width:200px}.overtime-table .no-reason{color:var(--ui-text-faint);font-size:13px;font-style:italic}.add-reason-btn{background:linear-gradient(135deg,var(--ui-primary-tint) 0,var(--ui-accent-tint) 100%);border:1px solid var(--ui-primary);border-radius:4px;color:var(--ui-primary);cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:all .2s}.add-reason-btn:hover{background:var(--ui-primary);color:#fff;transform:scale(1.05)}.action-buttons{gap:6px;justify-content:center}.btn-icon{align-items:center;background:#fff;border:1px solid #0000;border-radius:6px;display:flex;height:32px;justify-content:center;width:32px}.btn-icon.approve{border-color:var(--ui-success)}.btn-icon.approve:hover{background:var(--ui-success);box-shadow:var(--ui-shadow-primary);color:#fff;transform:scale(1.1)}.btn-icon.reject{border-color:var(--ui-danger)}.btn-icon.reject:hover{background:var(--ui-danger);box-shadow:var(--ui-shadow-danger);color:#fff;transform:scale(1.1)}.btn-icon.edit{border-color:var(--ui-primary)}.btn-icon.edit:hover{background:var(--ui-primary);box-shadow:var(--ui-shadow-primary);color:#fff;transform:scale(1.1)}.overtime-rates-info{background:linear-gradient(135deg,var(--ui-primary-tint) 0,var(--ui-accent-tint) 100%);border:1px solid var(--ui-primary);border-radius:10px;margin-top:30px;padding:20px}.overtime-rates-info h3{color:var(--ui-primary);font-size:18px;font-weight:600;margin:0 0 16px}.rates-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.rate-item{align-items:center;background:#fff;border:1px solid var(--ui-border);border-radius:6px;display:flex;justify-content:space-between;padding:12px;transition:all .2s}.rate-item:hover{border-color:var(--ui-primary);box-shadow:var(--ui-shadow-primary)}.rate-item label{color:var(--ui-text-secondary);font-size:14px;font-weight:500}.rate-item span{font-feature-settings:"tnum";color:var(--ui-primary);font-size:16px;font-variant-numeric:tabular-nums;font-weight:600}.overtime-table .empty-state{color:var(--ui-text-muted);padding:40px;text-align:center}.overtime-table .empty-state p{font-size:16px;margin:0}.manual-adjustments{width:100%}.adjustment-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.adjustment-form{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.form-header{align-items:center;border-bottom:1px solid var(--ui-border);display:flex;justify-content:space-between;padding:20px}.close-btn{background:none;border:none;color:var(--ui-text-muted);cursor:pointer;font-size:24px}.form-content{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:var(--ui-text-secondary);display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--ui-border);border-radius:6px;padding:8px 12px;width:100%}.radio-group{display:flex;gap:20px}.radio-label{align-items:center;cursor:pointer;display:flex;gap:8px}.employee-dropdown{background:#fff;border:1px solid var(--ui-border);border-radius:6px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:4px;position:absolute;right:0;top:100%;z-index:10}.employee-option{cursor:pointer;padding:10px}.employee-option:hover{background:var(--ui-bg)}.form-actions{display:flex;gap:10px;justify-content:flex-end}.adjustment-templates,.form-actions{margin-top:30px}.templates-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:15px}.template-btn{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:6px;cursor:pointer;padding:10px;transition:all .2s}.template-btn:hover{background:var(--ui-primary-tint);border-color:var(--ui-primary)}.view-tabs{display:flex;gap:10px;margin-bottom:30px}.overview-section{width:100%}.summary-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.payroll-summary .summary-card{align-items:center;background:#fff;border:1px solid var(--ui-border);border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;padding:20px;transition:all .3s ease}.payroll-summary .summary-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.payroll-summary .summary-card.earnings-card{border-left:4px solid var(--ui-success)}.payroll-summary .summary-card.deductions-card{border-left:4px solid var(--ui-danger)}.payroll-summary .summary-card.net-pay-card{background:linear-gradient(135deg,var(--ui-primary-tint) 0,var(--ui-accent-tint) 100%);border-left:4px solid var(--ui-primary)}.payroll-summary .card-icon{font-size:32px;opacity:.8}.payroll-summary .card-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.payroll-summary .card-label{color:var(--ui-text-muted);font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.payroll-summary .card-value{font-feature-settings:"tnum";color:var(--ui-text);font-size:24px;font-variant-numeric:tabular-nums;font-weight:700}.payroll-summary .card-value.negative{color:var(--ui-danger)}.payroll-summary .card-value.highlight{color:var(--ui-primary)}.payroll-summary .employee-stats-bar{align-items:center;background:#fff;border:1px solid var(--ui-border);border-radius:12px;display:flex;justify-content:space-around;margin-bottom:30px;padding:20px}.payroll-summary .stats-item{align-items:center;display:flex;gap:12px}.payroll-summary .stats-icon{font-size:28px;opacity:.7}.payroll-summary .stats-details{display:flex;flex-direction:column;gap:4px}.payroll-summary .stats-value{color:var(--ui-text);font-size:20px;font-weight:600}.payroll-summary .stats-label{color:var(--ui-text-muted);font-size:13px;letter-spacing:.5px;text-transform:uppercase}.payroll-summary .stats-divider{background:var(--ui-border);height:40px;width:1px}.card-header h3{font-size:16px;margin:0 0 15px;opacity:.9;text-transform:uppercase}.main-stat{margin-bottom:20px}.stat-value.large{font-size:42px}.sub-stats{grid-gap:15px;border-top:1px solid #fff3;display:grid;gap:15px;grid-template-columns:1fr 1fr;padding-top:15px}.sub-stat{display:flex;flex-direction:column}.sub-stat .label{font-size:12px;margin-bottom:4px;opacity:.8}.sub-stat .value{font-size:18px;font-weight:600}.sub-stat .value.negative{color:var(--ui-danger)}.breakdown-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.breakdown-card{background:#fff;border:1px solid var(--ui-border);border-radius:8px;padding:20px}.breakdown-card h3{color:var(--ui-text-secondary);margin-bottom:20px}.payroll-summary .breakdown-header{align-items:center;border-bottom:2px solid var(--ui-primary-tint);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.payroll-summary .breakdown-header h3{align-items:center;color:var(--ui-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.payroll-summary .section-icon{font-size:20px}.payroll-summary .total-amount{font-feature-settings:"tnum";color:var(--ui-text);font-size:18px;font-variant-numeric:tabular-nums;font-weight:600}.payroll-summary .total-amount.negative{color:var(--ui-danger)}.breakdown-item{align-items:center;display:grid;grid-template-columns:150px 1fr 100px;margin-bottom:15px}.item-bar{background:var(--ui-surface-recessed);border-radius:4px;height:24px;overflow:hidden}.bar-fill{height:100%;transition:width .3s}.bar-fill.earnings{background:linear-gradient(90deg,var(--ui-success) 0,var(--ui-success) 100%)}.bar-fill.deductions{background:linear-gradient(90deg,var(--ui-danger) 0,var(--ui-danger) 100%)}.item-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;text-align:right}.department-table{width:100%}.department-table table{border-collapse:collapse;width:100%}.department-table td,.department-table th{padding:12px;text-align:left}.department-table th{background:var(--ui-bg);border-bottom:2px solid var(--ui-border);color:var(--ui-text-secondary);font-weight:600}.department-table tfoot{background:var(--ui-bg);border-top:2px solid var(--ui-border);font-weight:600}.percentage{color:var(--ui-text-muted)}.employee-highlights{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.highlight-card{background:#fff;border:1px solid var(--ui-border);border-radius:8px;padding:20px}.employee-list{margin-top:15px}.employee-item{align-items:center;background:var(--ui-bg);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px}.employee-item.issue{background:var(--ui-warning-tint)}.rank{color:var(--ui-primary);font-size:18px;font-weight:600;margin-right:15px}.employee-amount{font-feature-settings:"tnum";color:var(--ui-success);font-variant-numeric:tabular-nums;font-weight:600}.issue-type{color:var(--ui-warning);font-size:14px}.no-issues{color:var(--ui-success);padding:30px;text-align:center}.payroll-actions{width:100%}.pre-process-checklist{background:var(--ui-bg);border-radius:8px;margin-bottom:30px;padding:20px}.checklist-items{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-top:15px}.checklist-item{align-items:center;display:flex;gap:10px}.checklist-item.completed .check-label{color:var(--ui-success)}.payroll-totals{background:#fff;border:2px solid var(--ui-border);border-radius:8px;margin-bottom:30px;padding:20px}.totals-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:15px}.total-item{background:var(--ui-bg);border-radius:6px;display:flex;justify-content:space-between;padding:10px}.total-item.highlight{background:var(--ui-primary-tint);border:2px solid var(--ui-primary)}.total-item .value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.total-item .value.large{color:var(--ui-primary);font-size:24px}.total-item .value.negative{color:var(--ui-danger)}.action-buttons{flex-direction:column;gap:30px}.primary-actions{display:flex;gap:20px;justify-content:center}.export-actions{background:var(--ui-bg);border-radius:8px;padding:20px}.export-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-top:15px}.export-btn{align-items:center;background:#fff;border:1px solid var(--ui-border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:15px;transition:all .2s}.export-btn:hover{background:var(--ui-primary-tint);border-color:var(--ui-primary)}.export-btn:disabled{cursor:not-allowed;opacity:.5}.export-btn .icon{font-size:24px}.confirm-dialog-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-dialog{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.dialog-header{align-items:center;border-bottom:1px solid var(--ui-border);display:flex;justify-content:space-between;padding:20px}.dialog-content{padding:20px}.warning-message{background:var(--ui-warning-tint);border-radius:8px;display:flex;gap:15px;margin-bottom:20px;padding:15px}.warning-icon{font-size:24px}.confirmation-details{background:var(--ui-bg);border-radius:8px;margin-bottom:20px;padding:15px}.detail-list{margin-top:10px}.important-notes{margin-bottom:20px}.important-notes ul{margin-left:20px;margin-top:10px}.dialog-actions{border-top:1px solid var(--ui-border);display:flex;gap:10px;justify-content:flex-end;padding:20px}.payroll-audit-log{border:1px solid var(--ui-border);border-radius:8px;margin-top:30px;overflow:hidden}.audit-header{background:var(--ui-bg);border-bottom:1px solid var(--ui-border);justify-content:space-between;padding:15px 20px}.audit-header,.expand-toggle{align-items:center;display:flex}.expand-toggle{background:none;border:none;color:var(--ui-text-secondary);cursor:pointer;font-size:16px;font-weight:500;gap:10px}.toggle-icon{transition:transform .2s}.audit-controls{display:flex;gap:10px}.filter-select{border:1px solid var(--ui-border);border-radius:6px;padding:6px 12px}.audit-content{padding:20px}.audit-entries{margin-bottom:20px;max-height:400px;overflow-y:auto}.audit-entry{background:var(--ui-bg);border-radius:6px;cursor:pointer;margin-bottom:10px;padding:15px;transition:all .2s}.audit-entry:hover{background:var(--ui-surface-recessed)}.audit-entry.selected{background:var(--ui-primary-tint);border:1px solid var(--ui-primary)}.entry-header{align-items:center;display:flex;gap:10px;margin-bottom:5px}.entry-icon{font-size:18px}.entry-action{color:var(--ui-text-secondary);font-weight:500}.entry-timestamp{margin-left:auto}.entry-meta,.entry-timestamp{color:var(--ui-text-muted);font-size:14px}.entry-details{background:#fff;border-radius:4px;margin-top:10px;padding:10px}.entry-details pre{word-wrap:break-word;font-size:12px;margin:0;white-space:pre-wrap}.audit-summary{background:#fff;border:1px solid var(--ui-border);border-radius:6px;display:flex;justify-content:space-between;padding:15px}.summary-item{display:flex;flex-direction:column}.summary-item .label{color:var(--ui-text-muted);font-size:12px;margin-bottom:4px}.summary-item .value{color:var(--ui-text-secondary);font-weight:500}.help-section{background:var(--ui-bg);border-radius:8px;margin-top:30px;padding:20px}.help-links{display:flex;gap:20px;margin-top:10px}.help-link{align-items:center;color:var(--ui-primary);display:flex;gap:8px;text-decoration:none}.help-link:hover{text-decoration:underline}.nav-right-buttons{align-items:center;display:flex;gap:12px}.btn-primary{background:var(--ui-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary:hover{background:var(--ui-primary-hover)}.btn-primary.disabled,.btn-primary:disabled{background:var(--ui-border);cursor:not-allowed}.btn-secondary.disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-primary.with-warning{background:var(--ui-warning)}.btn-primary.with-warning:hover{background:var(--ui-warning-hover)}.btn-secondary{border-radius:6px;transition:all .2s}.btn-secondary:hover{border-color:var(--ui-text-faint)}.btn-outline{background:#fff;border:2px solid var(--ui-primary);border-radius:8px;color:var(--ui-primary);cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-outline:hover{background:var(--ui-primary-tint)}.btn-outline:disabled{cursor:not-allowed;opacity:.5}.btn-success{background:linear-gradient(135deg,var(--ui-success) 0,var(--ui-success) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 24px;transition:all .3s ease}.btn-success:hover{box-shadow:var(--ui-shadow-primary);transform:translateY(-2px)}.btn-success:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-danger{border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.btn-danger,.btn-danger:hover{background:var(--ui-danger)}.btn-icon{background:none;border:none;cursor:pointer;font-size:16px;padding:4px 8px;transition:all .2s}.btn-icon:hover{background:var(--ui-surface-recessed);border-radius:4px}.btn-icon.approve{color:var(--ui-success)}.btn-icon.reject{color:var(--ui-danger)}.btn-icon.edit{color:var(--ui-primary)}.btn-icon.delete{color:var(--ui-danger)}.loading{color:var(--ui-text-muted);padding:40px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--ui-border);border-radius:50%;border-top-color:var(--ui-primary);display:inline-block;height:40px;margin:40px auto;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:var(--ui-text-muted);padding:40px}.empty-state p{margin-bottom:20px}.status-wrapper{align-items:center;display:inline-flex;gap:8px;position:relative}.status-tooltip{display:inline-block;position:relative}.tooltip-icon{cursor:help;font-size:14px;opacity:.7;transition:opacity .2s ease}.status-tooltip:hover .tooltip-icon{opacity:1}.tooltip-content{background:var(--ui-text);border-radius:8px;bottom:100%;box-shadow:0 4px 12px #0003;color:#fff;font-size:13px;left:50%;line-height:1.4;opacity:0;padding:12px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:280px;z-index:1000}.status-tooltip:hover .tooltip-content{opacity:1;visibility:visible}.tooltip-content:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--ui-text);content:"";height:0;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:0}.tooltip-header{border-bottom:1px solid #fff3;font-weight:600;margin-bottom:4px;padding-bottom:4px}.tooltip-header:not(:first-child){margin-top:8px}.tooltip-item{margin-left:8px;margin-top:2px;opacity:.9}.badge{border-radius:4px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge.ready,.badge.success{background:var(--ui-success-tint);border:1px solid var(--ui-success);color:var(--ui-success)}.badge.warning{background:var(--ui-warning-tint);border:1px solid var(--ui-warning);color:var(--ui-warning)}.badge.pending{background:var(--ui-border-soft);border:1px solid var(--ui-border);color:var(--ui-text-secondary)}.badge.error{background:var(--ui-danger-tint);border:1px solid var(--ui-danger);color:var(--ui-danger)}.calculation-display-section{border-top:2px solid var(--ui-border);margin-top:30px;padding-top:30px}.toggle-calculations-btn{align-items:center;background:var(--ui-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin:0 auto;padding:12px 24px;transition:all .3s ease}.toggle-calculations-btn:hover{background:var(--ui-primary-hover);box-shadow:var(--ui-shadow-primary);transform:translateY(-1px)}.btn-icon{font-size:18px}.calculations-panel{animation:slideDown .3s ease;background:var(--ui-bg);border-radius:12px;margin-top:30px;padding:30px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.panel-title{color:var(--ui-primary-hover);font-size:20px;margin:0 0 25px;text-align:center}.formula-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.formula-card{background:#fff;border:1px solid var(--ui-border);border-radius:8px;padding:20px;transition:all .3s ease}.formula-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.formula-card.highlight{background:var(--ui-primary-tint);border-color:var(--ui-primary)}.formula-card h4{color:var(--ui-primary-hover);font-size:16px;font-weight:600;margin:0 0 12px}.formula{background:var(--ui-surface-recessed);border-radius:6px;margin-bottom:12px;padding:12px}.formula code{font-feature-settings:"tnum";color:var(--ui-text);display:block;font-size:13px;font-variant-numeric:tabular-nums;line-height:1.5}.formula-example{color:var(--ui-text-secondary);display:flex;flex-direction:column;font-size:13px;gap:4px;margin-bottom:12px}.example-label{font-weight:600}.example-label,.formula-note{color:var(--ui-text-secondary)}.formula-note{background:var(--ui-accent-tint);border-left:3px solid var(--ui-accent);border-radius:4px;font-size:12px;line-height:1.4;padding:8px}.formula-footer{border-top:1px solid var(--ui-border);padding-top:20px}.info-note{align-items:flex-start;background:#fff;border:1px solid var(--ui-primary);border-radius:8px;display:flex;gap:10px;padding:15px}.note-icon{flex-shrink:0;font-size:20px}.info-note span:last-child{color:var(--ui-text-secondary);font-size:14px;line-height:1.5}@media (max-width:1024px){.payroll-summary .summary-cards-grid{grid-template-columns:1fr}.payroll-summary .employee-stats-bar{align-items:stretch;flex-direction:column;gap:16px}.payroll-summary .stats-divider{height:1px;width:100%}.payroll-summary .stats-item{justify-content:center}}@media (max-width:768px){.stepper-container{padding:20px}.stepper{flex-direction:column;gap:20px}.stepper-step{flex-direction:row;gap:15px;width:100%}.stepper-step__indicator{font-size:13px;height:32px;margin-bottom:0;width:32px}.stepper-step__label{flex:1 1;max-width:none;text-align:left}.progress-bar{display:none}.period-options,.summary-details{grid-template-columns:1fr}.filter-controls{flex-direction:column}.search-box input{width:100%}.checklist-items,.details-grid,.totals-grid{grid-template-columns:1fr}.export-buttons{grid-template-columns:repeat(2,1fr)}.breakdown-section,.employee-highlights,.templates-grid{grid-template-columns:1fr}}.payroll-summary .summary-info-badges{align-items:center;display:flex;gap:12px}.payroll-summary .info-badge{align-items:center;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:6px;color:var(--ui-text-muted);display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.payroll-summary .badge-icon{font-size:14px}.payroll-summary .td-adjustments .positive{color:var(--ui-success)}.payroll-summary .td-adjustments .negative{color:var(--ui-danger)}.overtime-calculation{width:100%}.overtime-calculation .th-holiday,.overtime-calculation .th-night-diff,.overtime-calculation .th-overtime{text-align:center!important;width:120px}.overtime-calculation .td-hours{min-height:60px;padding:8px 4px;text-align:center;vertical-align:middle}.overtime-calculation .td-hours.td-empty{background:var(--ui-bg)}.overtime-calculation .td-holiday,.overtime-calculation .td-night-diff,.overtime-calculation .td-overtime{font-feature-settings:"tnum";font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;text-align:center}.hours-badges-container{align-items:center;display:flex;flex-direction:column;gap:2px}.hours-badge{border-radius:4px;cursor:default;display:inline-block;font-size:10px;font-weight:600;padding:2px 6px;white-space:nowrap}.hours-badge.overtime{background:var(--ui-primary-tint);border:1px solid var(--ui-border);color:var(--ui-primary-hover)}.hours-badge.night-diff{background:var(--ui-surface-recessed);border:1px solid var(--ui-border);color:var(--ui-text-secondary)}.hours-badge.holiday-regular{background:var(--ui-warning-tint);border:1px solid var(--ui-border);color:var(--ui-warning-text)}.hours-badge.holiday-special{background:var(--ui-danger-tint);border:1px solid var(--ui-border);color:var(--ui-danger-text)}.overtime-legend{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:8px;margin-top:24px;padding:16px}.overtime-legend h4{color:var(--ui-text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.legend-items{display:flex;flex-wrap:wrap;gap:16px}.legend-item{align-items:center;color:var(--ui-text-muted);display:flex;font-size:13px;gap:8px}.deductions-calculation{width:100%}.deductions-calculation .th-deduction{text-align:center!important;width:120px}.deductions-calculation .th-total{background:linear-gradient(135deg,var(--ui-primary-tint) 0,var(--ui-primary-tint) 100%);text-align:center!important;width:140px}.deductions-calculation .td-deduction{font-feature-settings:"tnum";color:var(--ui-text-secondary);font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;text-align:center}.deductions-calculation .td-total{font-feature-settings:"tnum";background:var(--ui-bg);color:var(--ui-primary);font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;text-align:center}.legend-item .hours-badge{margin-right:4px}.overtime-calculation .rates-note{align-items:center;color:var(--ui-success);display:flex;font-size:12px;gap:4px;margin-top:8px}.payroll-list-container{width:100%}.payroll-list-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.payroll-list-header h1{color:var(--ui-text);font-size:32px;font-weight:600;margin:0 0 8px}.payroll-list-header .subtitle{color:var(--ui-text-muted);font-size:14px;margin:0}.payroll-filters{margin-bottom:24px}.filter-tabs{border-bottom:2px solid var(--ui-border);display:flex;gap:0}.filter-tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--ui-text-muted);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 24px;position:relative;transition:all .2s}.filter-tab.active,.filter-tab:hover{color:var(--ui-primary)}.filter-tab.active{border-bottom-color:var(--ui-primary)}.payroll-table{border-collapse:collapse;width:100%}.payroll-table thead{background:var(--ui-bg);border-bottom:2px solid var(--ui-border)}.payroll-table th{color:var(--ui-text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.payroll-table tbody tr{border-bottom:1px solid var(--ui-surface-recessed);transition:background-color .2s}.payroll-table tbody tr:hover{background:var(--ui-bg)}.td-period,.th-period{width:25%}.td-frequency,.th-frequency{width:12%}.td-status,.th-status{width:13%}.td-employees,.th-employees{text-align:center;width:10%}.td-net-pay,.th-net-pay{text-align:right;width:15%}.td-modified,.th-modified{width:15%}.td-actions,.th-actions{text-align:right;width:10%}.payroll-table td{color:var(--ui-text-secondary);font-size:14px;padding:16px}.period-info{display:flex;flex-direction:column;gap:4px}.period-info .period-dates{color:var(--ui-text);font-size:14px;font-weight:600}.period-info .run-id{font-feature-settings:"tnum";color:var(--ui-primary);font-size:12px;font-variant-numeric:tabular-nums}.frequency-value{color:var(--ui-text-secondary);font-size:14px;text-transform:capitalize}.status-badge{align-items:center;border:2px solid #0000;border-radius:20px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.status-badge.status-completed{background:var(--ui-success-tint);border-color:var(--ui-success);color:var(--ui-success)}.status-badge.status-draft{background:var(--ui-accent-tint);border-color:var(--ui-accent);color:var(--ui-accent)}.status-icon{font-size:14px}.status-text{font-weight:500}.td-employees,.td-net-pay{color:var(--ui-text);font-weight:600}.td-net-pay{font-size:15px}.td-modified{color:var(--ui-text-muted);font-size:13px}.action-buttons{display:flex;gap:8px;justify-content:flex-end}.btn-view{border-color:var(--ui-primary)}.btn-view:hover{background:var(--ui-primary-tint)}.btn-resume{background:#fff;border-color:var(--ui-border);color:var(--ui-primary)}.btn-resume:hover{background:var(--ui-primary-tint);border-color:var(--ui-primary)}.btn-delete{background:#fff;border-color:var(--ui-border);color:var(--ui-danger)}.btn-delete:hover{background:var(--ui-danger-tint);border-color:var(--ui-danger)}.empty-state{background:#fff;border-radius:12px;padding:60px 20px;text-align:center}.empty-state .empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{color:var(--ui-text);font-size:20px;margin:0 0 8px}.empty-state p{color:var(--ui-text-muted);margin:0 0 24px}.loading-state{background:#fff;border-radius:12px;padding:60px;text-align:center}.error-banner{background:var(--ui-danger-tint);border:1px solid var(--ui-danger);border-radius:8px;justify-content:space-between;margin-bottom:24px;padding:12px 16px}.error-banner,.error-banner button{align-items:center;color:var(--ui-danger);display:flex}.error-banner button{background:none;border:none;cursor:pointer;font-size:20px;height:24px;justify-content:center;padding:0;width:24px}.payroll-detail-container{width:100%}.payroll-detail-header{margin-bottom:32px}.breadcrumb-link{align-items:center;background:#fff;border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text-muted);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px;text-decoration:none;transition:all .2s}.breadcrumb-link:hover{background:var(--ui-bg);border-color:var(--ui-primary);color:var(--ui-primary)}.payroll-detail-header h1{color:var(--ui-text);font-size:32px;font-weight:600;margin:0 0 16px}.header-status-info{align-items:center;display:flex;gap:24px}.status-badge-large{align-items:center;border:2px solid;border-radius:24px;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:10px 20px}.status-badge-large.status-completed{background:var(--ui-success-tint);border-color:var(--ui-success);color:var(--ui-success)}.status-badge-large.status-draft{background:var(--ui-accent-tint);border-color:var(--ui-accent);color:var(--ui-accent)}.period-info-large{align-items:center;display:flex;gap:16px}.period-dates{border:2px solid var(--ui-primary);border-radius:8px;color:var(--ui-text);font-weight:600}.frequency-label,.period-dates{background:var(--ui-primary-tint);font-size:16px;padding:10px 20px}.frequency-label{border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-primary);font-weight:500;text-transform:capitalize}.detail-tabs{border-bottom:2px solid var(--ui-border);display:flex;gap:0;margin-bottom:24px}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:var(--ui-text-muted);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 24px;position:relative;transition:all .2s}.tab-button.active,.tab-button:hover{color:var(--ui-primary)}.tab-button.active{border-bottom-color:var(--ui-primary)}.detail-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.summary-section{padding:0}.summary-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.summary-card{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:12px;padding:20px}.summary-card h3{color:var(--ui-text-muted);font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.summary-card .summary-value{color:var(--ui-text);font-size:28px;font-weight:700;margin:0}.summary-card.highlight{background:linear-gradient(135deg,var(--ui-primary-tint) 0,var(--ui-accent-tint) 100%);border-color:var(--ui-primary)}.summary-card .summary-value.negative{color:var(--ui-danger)}.deduction-breakdown{background:var(--ui-bg);border-radius:12px;padding:20px}.deduction-breakdown h3{color:var(--ui-text);font-size:18px;font-weight:600;margin:0 0 16px}.breakdown-table{border-collapse:collapse;width:100%}.breakdown-table th{background:var(--ui-surface-recessed);color:var(--ui-text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.breakdown-table td{border-bottom:1px solid var(--ui-border);color:var(--ui-text-secondary);font-size:14px;padding:12px}.breakdown-table .total-row td{border-bottom:none;border-top:2px solid var(--ui-primary);color:var(--ui-text);font-size:16px;padding-top:16px}.employees-section{padding:0}.employees-table{border-collapse:collapse;width:100%}.employees-table thead{background:var(--ui-bg);border-bottom:2px solid var(--ui-border)}.employees-table th{color:var(--ui-text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.employees-table td.text-right,.employees-table th.text-right{text-align:right}.employees-table td.text-center,.employees-table th.text-center{text-align:center}.employees-table tbody tr{border-bottom:1px solid var(--ui-surface-recessed)}.employees-table tbody tr:hover{background:var(--ui-bg)}.employees-table td{color:var(--ui-text-secondary);font-size:14px;padding:16px}.employee-info{display:flex;flex-direction:column;gap:4px}.employee-info strong{color:var(--ui-text);font-weight:600}.employee-info small{font-feature-settings:"tnum";color:var(--ui-primary);font-size:12px;font-variant-numeric:tabular-nums}.employees-table td.negative{color:var(--ui-danger)}.employees-table tfoot tr{background:var(--ui-bg);border-top:2px solid var(--ui-primary)}.employees-table tfoot td{color:var(--ui-text);font-weight:600;padding:16px}.deductions-section{padding:0}.deductions-section h3{color:var(--ui-text);font-size:18px;font-weight:600;margin:0 0 20px}.details-section{padding:0}.details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.detail-item{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:8px;padding:16px}.detail-item label{color:var(--ui-text-muted);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.detail-item p{color:var(--ui-text);font-size:16px;font-weight:500;margin:0}.status-text.completed{color:var(--ui-success)}.status-text.draft{color:var(--ui-accent)}.loading-spinner{align-items:center;color:var(--ui-text-muted);display:flex;font-size:16px;justify-content:center;padding:60px}.error-container{background:#fff;border-radius:12px;margin:24px;padding:60px 20px;text-align:center}.error-container h2{color:var(--ui-danger);font-size:24px;margin:0 0 12px}.error-container p{color:var(--ui-text-muted);margin:0 0 24px}.period-selection-container-v2{margin:0 auto;width:100%}.pw-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.pw-header__title{font-size:16px;margin:0}.pw-header__badge,.pw-header__title{color:var(--ui-primary);font-weight:600}.pw-header__badge{background:var(--ui-primary-tint);border-radius:16px;font-size:13px;padding:4px 12px}.pw-header__badge--empty{background:var(--ui-surface-recessed);color:var(--ui-text-faint);font-weight:500}.ps-layout{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:30px}.ps-card{background:#fff;border:1px solid var(--ui-border);border-radius:12px;padding:24px}.ps-card__title{align-items:center;color:var(--ui-primary);display:flex;font-size:16px;font-weight:600;gap:10px;margin-bottom:20px}.ps-date-row{align-items:flex-start;display:flex;gap:12px}.ps-date-row .ps-field{flex:1 1;min-width:0}.ps-date-sep{color:var(--ui-primary);font-size:20px;font-weight:700;margin-top:30px}.ps-field{display:flex;flex-direction:column;gap:8px}.ps-field__hint{color:var(--ui-text-muted);font-size:12px}.period-date-label{color:var(--ui-text-secondary);font-size:14px;font-weight:600}.period-required{color:var(--ui-danger);font-weight:700;margin-left:2px}.period-date-wrapper{position:relative}.period-date-input{background:#fff;border:2px solid var(--ui-primary);border-radius:8px;color:var(--ui-text-secondary);font-family:var(--font-family-primary);font-size:15px;font-weight:500;padding:14px 40px 14px 16px;transition:all .2s ease;width:100%}.period-date-input:focus{border-color:var(--ui-primary-hover);box-shadow:0 0 0 4px var(--ui-primary-tint);outline:none}.period-date-input:disabled{background:var(--ui-surface-recessed);cursor:not-allowed;opacity:.6}.period-date-input.error{border-color:var(--ui-danger)}.period-calendar-icon{font-size:20px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.period-input-error{color:var(--ui-danger);font-size:12px;margin-top:4px}.ps-card--preview{display:flex;flex-direction:column}.ps-preview{display:flex;flex:1 1;flex-direction:column;justify-content:center}.ps-preview__range{align-items:center;color:var(--ui-text);display:flex;flex-wrap:wrap;font-size:18px;font-weight:700;gap:10px;margin-bottom:18px}.ps-preview__chip{background:var(--ui-accent-tint);border-radius:12px;color:var(--ui-warning-text);font-size:12px;font-weight:600;padding:3px 10px}.ps-preview__stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.ps-stat{background:var(--ui-bg);border:1px solid var(--ui-surface-recessed);border-radius:10px;padding:14px 8px;text-align:center}.ps-stat__value{font-feature-settings:"tnum";color:var(--ui-primary);font-size:24px;font-variant-numeric:tabular-nums;font-weight:700}.ps-stat__value--link{align-items:center;display:inline-flex;gap:4px}.ps-stat__caret{color:var(--ui-text-faint);font-family:var(--font-family-primary);font-size:12px}.ps-stat__label{color:var(--ui-text-muted);font-size:12px;margin-top:4px}.ps-preview__empty{align-items:center;color:var(--ui-text-faint);display:flex;flex:1 1;flex-direction:column;font-size:14px;justify-content:center;padding:28px 12px;text-align:center}.ps-preview__empty-icon{font-size:32px;margin-bottom:8px}.ps-info{color:var(--ui-text-faint);font-size:13px}.ps-holiday-pop__head,.ps-rules-pop__head{color:var(--ui-text-secondary);font-size:12px;font-weight:600;margin-bottom:8px}.ps-rules-pop__list{color:var(--ui-text-secondary);font-size:12px;line-height:1.7;margin:0;padding-left:16px}.ps-holiday-pop__empty{color:var(--ui-text-muted);font-size:13px}.ps-holiday-pop__list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.ps-holiday-row{grid-gap:8px;align-items:center;display:grid;font-size:13px;gap:8px;grid-template-columns:52px 1fr auto}.ps-holiday-row__date{font-feature-settings:"tnum";color:var(--ui-text-muted);font-size:12px;font-variant-numeric:tabular-nums}.ps-holiday-row__name{color:var(--ui-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-holiday-row__type{border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.ps-holiday-row__type--regular{background:var(--ui-danger-tint);color:var(--ui-danger-text)}.ps-holiday-row__type--special{background:var(--ui-warning-tint);color:var(--ui-warning-text)}.period-navigation-v2{display:flex;justify-content:flex-end;margin-top:30px;padding-top:20px}.period-btn-primary{align-items:center;background:var(--ui-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 40px;transition:all .2s ease}.period-btn-primary:hover:not(:disabled){background:var(--ui-primary-hover);box-shadow:var(--ui-shadow-primary);transform:translateY(-1px)}.period-btn-primary:disabled{background:var(--ui-border);box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:968px){.ps-layout{grid-template-columns:1fr}}@media (max-width:600px){.ps-date-row{align-items:stretch;flex-direction:column}.ps-date-sep{align-self:center;margin-top:0}}@media (max-width:768px){.ps-card{padding:20px}}.gross-income-breakdown{width:100%}.gross-income-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:30px}.gross-income-content .content-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.content-header .pw-header{margin-bottom:0}.gross-income-content .rates-info{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end}.gross-income-content .rate-badge{align-items:center;background:var(--ui-bg);border-radius:6px;color:var(--ui-text-secondary);display:flex;font-size:12px;gap:6px;padding:6px 12px}.gross-income-content .rate-badge strong{color:var(--ui-primary)}.pw-table-scroll{max-height:calc(100vh - 420px);overflow-x:auto;overflow-y:auto;scrollbar-color:var(--ui-border) var(--ui-bg);scrollbar-width:thin}.pw-table-scroll::-webkit-scrollbar{height:8px;width:8px}.pw-table-scroll::-webkit-scrollbar-track{background:var(--ui-bg);border-radius:4px}.pw-table-scroll::-webkit-scrollbar-thumb{background:var(--ui-border);border-radius:4px}.pw-table-scroll::-webkit-scrollbar-thumb:hover{background:var(--ui-text-faint)}.pw-table{border-collapse:initial;border-spacing:0;width:100%}.pw-table thead{background:var(--ui-gradient-primary)}.pw-table th{color:#fff;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.pw-table th:hover{background:#ffffff1a}.pw-table>thead th{background:var(--ui-primary);position:-webkit-sticky;position:sticky;top:0;z-index:3}.pw-table>thead th:hover{background:var(--ui-primary-hover)}.pw-table>thead th:first-child{border-top-left-radius:12px}.pw-table>thead th:last-child{border-top-right-radius:12px}.pw-table td.text-right,.pw-table td:last-child,.pw-table th.text-right,.pw-table th:last-child{text-align:right}.pw-table tbody tr.employee-row{cursor:pointer;transition:background .2s ease}.pw-table tbody tr.employee-row.expanded,.pw-table tbody tr.employee-row:hover{background:var(--ui-primary-tint)}.pw-table td{border-bottom:1px solid var(--ui-surface-recessed);font-size:14px;padding:16px}.pw-table .pw-name-cell{vertical-align:middle}.pw-table .pw-name-cell__inner{align-items:center;display:flex;gap:12px;width:100%}.pw-avatar{align-items:center;background:linear-gradient(135deg,var(--ui-primary-tint) 0,var(--ui-primary-tint) 100%);border-radius:50%;color:var(--ui-primary);display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:36px;justify-content:center;width:36px}.pw-table .pw-name-cell__text{color:var(--ui-text);font-weight:500}.pw-table .pw-chevron{color:var(--ui-border);flex-shrink:0;margin-left:auto;transition:transform .2s}.pw-table .pw-chevron.expanded{transform:rotate(180deg)}.pw-table .pw-cell--muted{color:var(--ui-text-muted)}.pw-table .amount{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500}.pw-table .amount--highlight{color:var(--ui-primary);font-weight:700}.pw-table .amount--zero{color:var(--ui-text-faint)}.pw-table .amount--negative{color:var(--ui-danger);font-weight:500}.pw-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.pw-toolbar__controls{display:flex;flex:1 1;gap:12px}.pw-toolbar__search{border:1px solid var(--ui-border);border-radius:8px;font-family:var(--font-family-primary);font-size:14px;padding:10px 16px;transition:border-color .2s,box-shadow .2s;width:280px}.pw-toolbar__search:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}.pw-toolbar__select{background:#fff;border:1px solid var(--ui-border);border-radius:8px;cursor:pointer;font-family:var(--font-family-primary);font-size:14px;min-width:180px;padding:10px 16px}.pw-toolbar__select:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}.pw-toolbar__count{color:var(--ui-text-muted);font-size:14px;font-style:italic;white-space:nowrap}.pw-table .expansion-row{background:var(--ui-bg)}.pw-table .expansion-row td{border-bottom:2px solid var(--ui-primary);padding:0}.pw-table .expansion-content{padding:24px}.pw-table .expansion-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(0,3fr) minmax(220px,1fr)}@media (max-width:968px){.pw-table .expansion-grid{grid-template-columns:1fr}}.pw-table .expansion-section{background:#fff;border:1px solid var(--ui-border);border-radius:8px;padding:16px}.pw-table .expansion-section__title{align-items:center;border-bottom:1px solid var(--ui-border);color:var(--ui-text-secondary);display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px;padding-bottom:8px}.pw-table .expansion-section__title .icon{font-size:16px}.pw-table .breakdown-list{list-style:none;margin:0;padding:0}.pw-table .breakdown-item{border-bottom:1px dashed var(--ui-border);display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.pw-table .breakdown-item:last-child{border-bottom:none}.pw-table .breakdown-item__label{color:var(--ui-text-muted)}.pw-table .breakdown-item__value{font-feature-settings:"tnum";color:var(--ui-text);font-variant-numeric:tabular-nums;font-weight:500}.pw-table .breakdown-item--total{background:var(--ui-primary-tint);border-radius:0 0 8px 8px;margin:8px -16px -16px;padding:12px 16px}.pw-table .breakdown-item--total .breakdown-item__label{color:var(--ui-primary);font-weight:600}.pw-table .breakdown-item--total .breakdown-item__value{color:var(--ui-primary);font-weight:700}.pw-table .pay-summary{display:flex;flex-direction:column;gap:8px}.pw-table .pay-row{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.pw-table .pay-row--sub{border-left:2px solid var(--ui-border);font-size:12px;padding-left:12px}.pw-table .pay-row__label{align-items:center;color:var(--ui-text-muted);display:flex;gap:6px}.pw-table .pay-row__value{font-feature-settings:"tnum";color:var(--ui-text);font-variant-numeric:tabular-nums;font-weight:500}.pw-table .pay-divider{border-top:1px dashed var(--ui-border);margin:4px 0}.pw-table .daily-scroll{max-height:300px;overflow-y:auto}.pw-table .daily-table{border-collapse:collapse;font-size:12px;width:100%}.pw-table .daily-table th{background:var(--ui-primary-tint);border-bottom:2px solid var(--ui-primary);color:var(--ui-primary);font-size:11px;font-weight:600;letter-spacing:.3px;padding:10px 8px;text-align:left;text-transform:uppercase}.pw-table .daily-table td.text-center,.pw-table .daily-table th.text-center{text-align:center}.pw-table .daily-table td.text-right,.pw-table .daily-table th.text-right{text-align:right}.pw-table .daily-table td{border-bottom:1px solid var(--ui-border);padding:8px;vertical-align:middle}.pw-table .daily-table tbody tr:hover{background:var(--ui-bg)}.pw-table .daily-table tbody tr.piece-rate-row{background:var(--ui-accent-tint)}.pw-table .daily-table tbody tr.piece-rate-row:hover{background:var(--ui-warning-tint)}.pw-table .daily-table tbody tr.piece-rate-row td{border-bottom-color:var(--ui-accent)}.pw-table .date-cell{display:flex;flex-direction:column}.pw-table .date-day{color:var(--ui-text);font-weight:600}.pw-table .date-full{color:var(--ui-text-muted);font-size:10px}.pw-table .type-badge{border-radius:10px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.pw-table .type-badge--daily{background:var(--ui-primary-tint);color:var(--ui-primary)}.pw-table .type-badge--piece{background:var(--ui-warning-tint);color:var(--ui-warning-text)}.pw-table .type-badge--leave-p{background:var(--ui-success-tint);color:var(--ui-success-text)}.pw-table .type-badge--leave-u{background:var(--ui-danger-tint);color:var(--ui-danger-text)}.pw-table .type-badge--absent{background:var(--ui-danger);color:var(--ui-surface)}.pw-table .type-badge--rest{background:var(--ui-warning-tint);color:var(--ui-warning-text)}.pw-table .type-badge--holiday{background:var(--ui-accent);color:var(--ui-warning-text)}.pw-table .rest-day-row{background:var(--ui-warning-tint)}.pw-table .rest-day-row:hover{background:var(--ui-warning-tint)!important}.pw-table .daily-table tbody tr.absent-row{background:var(--ui-danger-tint)}.pw-table .daily-table tbody tr.absent-row:hover{background:var(--ui-danger-tint)!important}.pw-table .earnings-cell{font-feature-settings:"tnum";color:var(--ui-text);font-variant-numeric:tabular-nums;font-weight:500}.pw-table .earnings-cell--negative{color:var(--ui-danger-text)}.pw-table .hours-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500}.pw-table .hours-cell--zero{color:var(--ui-border)}.pw-table .hours-cell--has-value{color:var(--ui-text)}.pw-table .amount-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500}.pw-table .amount-cell--zero{color:var(--ui-border)}.pw-table .amount-cell--has-value{color:var(--ui-primary)}.pw-table .daily-table .undertime-cell{background:#0000}.pw-table .hours-cell--negative{color:var(--ui-danger);font-weight:600}.pw-table .amount-cell--negative{color:var(--ui-danger);font-weight:500}.pw-table .cell-disabled{background:repeating-linear-gradient(45deg,#0000,#0000 3px,var(--ui-bg) 3px,var(--ui-bg) 6px);color:var(--ui-border)!important;font-size:10px;font-style:italic;text-align:center}.pw-table .daily-table tfoot{background:linear-gradient(135deg,var(--ui-primary-tint) 0,var(--ui-primary-tint) 100%)}.pw-table .daily-table tfoot td{border-top:2px solid var(--ui-primary);font-weight:600;padding:10px 8px}.pw-table .table-legend{border-top:1px dashed var(--ui-border);color:var(--ui-text-muted);display:flex;font-size:11px;gap:16px;margin-top:12px;padding-top:12px}.pw-table .legend-item{align-items:center;display:flex;gap:6px}.pw-table .legend-swatch{border-radius:3px;height:12px;width:16px}.pw-table .legend-swatch--daily{background:var(--ui-primary-tint);border:1px solid var(--ui-primary)}.pw-table .legend-swatch--rest{background:var(--ui-warning-tint);border:1px solid var(--ui-warning)}.pw-table .legend-swatch--piece{background:var(--ui-warning-tint);border:1px solid var(--ui-accent)}.pw-table .legend-swatch--leave-p{background:var(--ui-success-tint);border:1px solid var(--ui-success-text)}.pw-table .legend-swatch--leave-u{background:var(--ui-danger-tint);border:1px solid var(--ui-danger-text)}.pw-table .legend-swatch--absent{background:var(--ui-danger);border:1px solid var(--ui-danger)}.pw-table .legend-swatch--disabled{background:repeating-linear-gradient(45deg,var(--ui-border),var(--ui-border) 2px,var(--ui-bg) 2px,var(--ui-bg) 4px);border:1px solid var(--ui-border)}.pw-table .holiday-item{align-items:flex-start;border-bottom:1px dashed var(--ui-border);display:flex;justify-content:space-between;padding:8px 0}.pw-table .holiday-item:last-child{border-bottom:none}.pw-table .holiday-info{display:flex;flex-direction:column}.pw-table .holiday-name{color:var(--ui-text-secondary);font-size:13px;font-weight:500}.pw-table .holiday-date{color:var(--ui-text-muted);font-size:11px}.pw-table .holiday-type{border-radius:10px;font-size:11px;padding:2px 8px}.pw-table .holiday-type--regular{background:var(--ui-danger-tint);color:var(--ui-danger)}.pw-table .holiday-type--special{background:var(--ui-warning-tint);color:var(--ui-warning-text)}.pw-table .holiday-type--company{background:var(--ui-surface-recessed);color:var(--ui-text-muted)}.pw-table .holiday-status{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.pw-table .holiday-pay{font-feature-settings:"tnum";color:var(--ui-success);font-size:13px;font-variant-numeric:tabular-nums;font-weight:600}.pw-table .holiday-premium-note{color:var(--ui-text-muted);font-size:10.5px;line-height:1.4;max-width:240px;text-align:right}.pw-table .holiday-item--not-entitled{background:linear-gradient(135deg,var(--ui-danger-tint) 0,var(--ui-danger-tint) 100%);border:1px solid var(--ui-border);border-radius:8px;margin:4px -8px;opacity:.9;padding:12px}.pw-table .holiday-item--not-entitled .holiday-info{flex-shrink:0}.pw-table .holiday-not-entitled{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;gap:6px;margin-left:16px;min-width:0}.pw-table .holiday-not-entitled__badge{align-items:center;background:#fff;border:1px solid var(--ui-border);border-radius:12px;color:var(--ui-danger);display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.pw-table .holiday-not-entitled__reason{color:var(--ui-danger-text);font-size:11px;font-weight:400;line-height:1.4;max-width:200px;text-align:right;word-break:break-word}.pw-table .no-data{color:var(--ui-text-faint);font-style:italic;padding:16px;text-align:center}.pw-footer{align-items:center;background:linear-gradient(135deg,var(--ui-bg) 0,var(--ui-surface-recessed) 100%);border-radius:8px;border-top:1px solid var(--ui-border);bottom:0;box-shadow:0 -2px 8px #0000000f;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;z-index:5}.pw-footer__stats{display:flex;flex-wrap:wrap;gap:32px}.pw-footer__stat{display:flex;flex-direction:column;gap:2px}.pw-footer__stat-label{color:var(--ui-text-muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.pw-footer__stat-value{font-feature-settings:"tnum";color:var(--ui-text);font-size:16px;font-variant-numeric:tabular-nums;font-weight:600}.pw-footer__stat-value--negative{color:var(--ui-danger)}.pw-footer__stat--total .pw-footer__stat-value{color:var(--ui-primary);font-size:20px}.pw-footer__hint{color:var(--ui-text-muted);flex-shrink:0;font-size:13px;font-style:italic;margin-left:40px}.gross-income-empty{color:var(--ui-text-muted);padding:60px 20px;text-align:center}@media (max-width:768px){.pw-toolbar{align-items:stretch}.pw-toolbar,.pw-toolbar__controls{flex-direction:column}.pw-toolbar__search,.pw-toolbar__select{width:100%}.pw-footer{flex-direction:column;gap:16px}.pw-footer__stats{flex-wrap:wrap;gap:16px}}.deductions-step{width:100%}.bulk-selection-panel{background:#fff;border:1px solid var(--ui-border);border-radius:8px;margin-bottom:16px;padding:8px 12px}.bulk-selection__title{color:var(--ui-text-secondary);font-size:13px;font-weight:600;white-space:nowrap}.bulk-selection__grid{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.deduction-checkbox{align-items:center;background:#fff;border:2px solid var(--ui-border);border-radius:6px;cursor:pointer;display:flex;gap:6px;padding:4px 8px;transition:all .2s}.deduction-checkbox.selected,.deduction-checkbox:hover{background:var(--ui-primary-tint);border-color:var(--ui-primary)}.deduction-checkbox input[type=checkbox]{accent-color:var(--ui-primary);height:14px;width:14px}.deduction-checkbox__label{color:var(--ui-text-secondary);font-size:13px;font-weight:600}.bulk-actions,.bulk-selection__actions{display:flex;gap:12px;margin-left:auto}.bulk-selection__actions .btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:all .2s;white-space:nowrap}.bulk-selection__actions .btn-primary{background:var(--ui-primary);color:#fff}.bulk-selection__actions .btn-primary:hover{background:var(--ui-primary-hover)}.bulk-selection__actions .btn-secondary{background:#fff;border:1px solid var(--ui-border);color:var(--ui-text-secondary)}.bulk-selection__actions .btn-secondary:hover{background:var(--ui-bg)}.deductions-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:30px}.deductions-content .content-header{margin-bottom:24px}.deductions-content .cross-month-badge{align-items:center;background:var(--ui-warning-tint);border-radius:8px;color:var(--ui-warning-text);display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px}.pw-table--deductions{min-width:900px}.pw-table--deductions th{cursor:default;padding:14px 12px}.pw-table--deductions th.sortable-header{cursor:pointer}.pw-table--deductions th.th-employee{width:200px}.pw-table--deductions th.th-id{width:70px}.pw-table--deductions th.th-deduction{text-align:center;width:140px}.pw-table--deductions th.th-total{width:160px}.pw-table--deductions .month-header{display:flex;gap:4px;margin-top:6px}.pw-table--deductions .month-header span{background:#ffffff26;border-radius:4px;color:#ffffffe6;flex:1 1;font-size:10px;font-weight:600;padding:3px 6px;text-align:center}.pw-table--deductions tbody tr.employee-row.error-row{background:var(--ui-danger-tint)}.pw-table--deductions td{padding:12px;vertical-align:middle}.pw-table--deductions .employee-id{font-feature-settings:"tnum";background:var(--ui-surface-recessed);border-radius:4px;color:var(--ui-text-secondary);font-size:13px;font-variant-numeric:tabular-nums;padding:4px 8px}.pw-table--deductions .td-deduction{text-align:center}.pw-table--deductions .deduction-inputs{display:flex;gap:4px;justify-content:center}.pw-table--deductions .deduction-input{font-feature-settings:"tnum";border:1px solid var(--ui-border);border-radius:6px;font-size:13px;font-variant-numeric:tabular-nums;padding:8px 6px;text-align:right;width:65px}.pw-table--deductions .deduction-input:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}.pw-table--deductions .deduction-cell{align-items:center;display:flex;flex-direction:column;gap:3px}.pw-table--deductions .deduction-balance{font-feature-settings:"tnum";background:none;border:none;color:var(--ui-primary);cursor:pointer;font-size:10px;font-variant-numeric:tabular-nums;line-height:1.2;padding:0;white-space:nowrap}.pw-table--deductions .deduction-balance:hover{text-decoration:underline}.pw-table--deductions .deduction-balance--depleted{color:var(--ui-text-faint);text-decoration:line-through}.pw-table--deductions .deduction-disabled{color:var(--ui-text-faint);font-size:14px}.pw-table--deductions .td-total-gross{padding:8px 12px}.total-gross-cell{min-width:130px}.total-gross-cell__total{align-items:center;color:var(--ui-text);display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:6px}.total-gross-cell__total.error{color:var(--ui-danger)}.percentage-badge{border-radius:10px;font-size:11px;font-weight:600;padding:2px 6px}.percentage-badge--green{background:var(--ui-success-tint);color:var(--ui-success-text)}.percentage-badge--yellow{background:var(--ui-warning-tint);color:var(--ui-warning-text)}.percentage-badge--red{background:var(--ui-danger-tint);color:var(--ui-danger-text)}.total-gross-cell__bar{background:var(--ui-border);border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.total-gross-cell__bar-fill{border-radius:3px;height:100%;transition:width .3s}.total-gross-cell__bar-fill--green{background:linear-gradient(90deg,var(--ui-success),var(--ui-success))}.total-gross-cell__bar-fill--yellow{background:linear-gradient(90deg,var(--ui-warning),var(--ui-warning))}.total-gross-cell__bar-fill--red{background:linear-gradient(90deg,var(--ui-danger),var(--ui-danger))}.total-gross-cell__gross{color:var(--ui-text-muted);font-size:12px}.total-gross-cell__error{color:var(--ui-danger);font-size:11px;font-weight:600;margin-top:4px}.deductions-step .loading-state{font-size:16px}.deductions-empty,.deductions-step .loading-state{color:var(--ui-text-muted);padding:60px 20px;text-align:center}.deductions-no-results{color:var(--ui-text-muted);padding:40px 20px;text-align:center}@media (max-width:1024px){.bulk-selection__grid{align-items:center}.bulk-selection__actions{margin-left:0}.bulk-actions{justify-content:flex-start;margin-left:0;width:100%}}.employee-selection-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:30px}.es-select-actions{display:flex;flex-shrink:0;gap:8px}.es-btn{background:#fff;border:1px solid var(--ui-border);border-radius:6px;color:var(--ui-text-secondary);cursor:pointer;font-size:14px;padding:8px 12px}.es-btn:hover:not(:disabled){background:var(--ui-bg);border-color:var(--ui-primary)}.es-btn:disabled{cursor:not-allowed;opacity:.5}.es-state{color:var(--ui-text-muted);padding:48px 20px;text-align:center}.es-state h3{color:var(--ui-text);margin:0 0 8px}.es-state p{margin:0}.es-state__icon{font-size:3rem;margin-bottom:16px;opacity:.5}.es-spinner{animation:es-spin 1s linear infinite;border:4px solid var(--ui-border);border-radius:50%;border-top-color:var(--ui-primary);height:48px;margin:0 auto 16px;width:48px}@keyframes es-spin{to{transform:rotate(1turn)}}.pw-table--eligible td.td-check,.pw-table--eligible th.th-check{text-align:center;width:50px}.pw-table--eligible td.text-center,.pw-table--eligible th.text-center{text-align:center}.pw-table--eligible td.td-check input[type=checkbox],.pw-table--eligible th.th-check input[type=checkbox]{accent-color:var(--ui-primary);cursor:pointer;height:18px;width:18px}.pw-table--eligible tbody tr.employee-row.selected{background:var(--ui-primary-tint)}.pw-table--eligible .employee-id{font-feature-settings:"tnum";color:var(--ui-text-muted);font-size:14px;font-variant-numeric:tabular-nums}.pw-table--eligible .es-dtr--short{color:var(--ui-danger);font-weight:600}.es-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.es-status--ready{background:var(--ui-success-tint);color:var(--ui-success-text)}.es-status--warning{background:var(--ui-warning-tint);color:var(--ui-warning-text)}.es-status--partial{background:var(--ui-primary-tint);color:var(--ui-primary-hover)}.es-status--blocked,.es-status--incomplete{background:var(--ui-danger-tint);color:var(--ui-danger-text)}.pw-table--eligible tr.es-warning-row{background:var(--ui-warning-tint)}.pw-table--eligible tr.es-warning-row--blocking{background:var(--ui-danger-tint)}.pw-table--eligible tr.es-warning-row td{padding:8px 16px 8px 64px}.es-warning-pill{background:var(--ui-warning-tint);border-radius:4px;color:var(--ui-warning-text);display:inline-block;font-size:12px;margin-right:8px;padding:2px 8px}.es-warning-pill--blocking{background:var(--ui-danger-tint);color:var(--ui-danger-text);font-weight:600}.es-excluded{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:12px;margin-top:24px}.es-excluded__toggle{align-items:center;background:none;border:none;color:var(--ui-text-muted);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:16px 24px;width:100%}.es-excluded__body{padding:0 24px 16px}.es-excluded__table{border-collapse:collapse;width:100%}.es-excluded__table tr{border-bottom:1px solid var(--ui-border)}.es-excluded__table td{padding:12px 0}.es-excluded__emp{align-items:center;display:flex;gap:12px}.es-excluded__avatar{align-items:center;background:var(--ui-border);border-radius:50%;color:var(--ui-text-muted);display:flex;font-size:12px;font-weight:500;height:32px;justify-content:center;width:32px}.es-excluded__name{color:var(--ui-text-secondary);font-weight:500}.es-excluded__id{font-feature-settings:"tnum";background:var(--ui-border);border-radius:4px;color:var(--ui-text-muted);font-size:12px;font-variant-numeric:tabular-nums;padding:2px 6px}.es-excluded__reason{background:var(--ui-danger-tint);border-radius:4px;color:var(--ui-danger-text);font-size:12px;padding:4px 8px}.es-excluded__reason--conflict{background:var(--ui-warning-tint);color:var(--ui-warning-text)}.payroll-summary{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:30px;width:100%}.pw-table--summary th .sort-icon{margin-left:6px;opacity:.7}.pw-table--summary th.th-employee{width:22%}.pw-table--summary th.th-id{width:8%}.pw-table--summary th.th-department{width:14%}.pw-table--summary th.th-adjustments,.pw-table--summary th.th-deductions,.pw-table--summary th.th-gross,.pw-table--summary th.th-net{text-align:right;width:14%}.pw-table--summary td.td-id{font-feature-settings:"tnum";color:var(--ui-text-muted);font-variant-numeric:tabular-nums}.pw-table--summary td.td-department{color:var(--ui-text-muted)}.pw-table--summary td.td-currency{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.pw-table--summary td.td-adjustments .positive{color:var(--ui-success)}.pw-table--summary td.td-adjustments .negative{color:var(--ui-danger)}.pw-table--summary td.td-net{color:var(--ui-primary);font-weight:600}.summary-expansion-row{background:var(--ui-bg)}.summary-expansion-row td{padding:0!important}.summary-expansion-content{border-top:2px solid var(--ui-primary-tint);padding:20px 24px}.summary-expansion-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.summary-breakdown-card{background:#fff;border-radius:10px;box-shadow:0 1px 2px #0000000d;padding:16px}.summary-breakdown-card__header{align-items:center;border-bottom:1px solid var(--ui-surface-recessed);display:flex;gap:10px;margin-bottom:12px;padding-bottom:10px}.summary-breakdown-card__icon{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.summary-breakdown-card__icon--gross{background:var(--ui-success-tint);color:var(--ui-success)}.summary-breakdown-card__icon--deductions{background:var(--ui-danger-tint);color:var(--ui-danger)}.summary-breakdown-card__icon--adjustments{background:var(--ui-accent-tint);color:var(--ui-accent)}.summary-breakdown-card__icon--net{background:var(--ui-primary-tint);color:var(--ui-primary)}.summary-breakdown-card__title{color:var(--ui-text);font-size:14px;font-weight:600}.summary-breakdown-item{display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.summary-breakdown-item__label{color:var(--ui-text-muted)}.summary-breakdown-item__value{font-feature-settings:"tnum";color:var(--ui-text-secondary);font-variant-numeric:tabular-nums}.summary-breakdown-item__value.positive{color:var(--ui-success)}.summary-breakdown-item__value.negative{color:var(--ui-danger)}.summary-breakdown-item--total{border-top:1px solid var(--ui-border);font-weight:600;margin-top:8px;padding-top:10px}.summary-breakdown-item--total .summary-breakdown-item__value{color:var(--ui-text)}.summary-breakdown-card--net .summary-breakdown-item--total .summary-breakdown-item__value,.summary-net-pay-value{color:var(--ui-primary);font-size:18px}.summary-no-results{color:var(--ui-text-muted);padding:40px 20px;text-align:center}.summary-empty-state{padding:60px 20px;text-align:center}.summary-empty-state__icon{font-size:48px;margin-bottom:16px}.summary-empty-state__title{color:var(--ui-text);font-size:18px;font-weight:600;margin-bottom:8px}.summary-empty-state__message{color:var(--ui-text-muted);font-size:14px}@media (max-width:768px){.pw-table--summary td,.pw-table--summary th{font-size:12px;padding:12px 8px}}.payroll-list{width:100%}.pl-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.pl-page-title{color:var(--ui-primary);font-size:1.25rem;font-weight:700;margin:0}.pl-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.pl-stat-card{background:#fff;border-left:4px solid var(--ui-primary);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.pl-stat-card__label{color:var(--ui-text-muted);font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.pl-stat-card__value{font-feature-settings:"tnum";color:var(--ui-text);font-size:24px;font-variant-numeric:tabular-nums;font-weight:700}.pl-stat-card--runs{border-left-color:var(--ui-primary)}.pl-stat-card--employees{border-left-color:var(--ui-success)}.pl-stat-card--deductions{border-left-color:var(--ui-accent)}.pl-stat-card--net{background:var(--ui-gradient-primary);border-left-color:#0000}.pl-stat-card--net .pl-stat-card__label{color:#fffc}.pl-stat-card--net .pl-stat-card__value{color:#fff}.pl-error-banner{align-items:center;background:var(--ui-danger-tint);border-radius:8px;color:var(--ui-danger-text);display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.pl-error-banner button{background:none;border:none;color:var(--ui-danger-text);cursor:pointer;font-size:20px}.pl-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-x:auto;overflow-y:hidden}.pl-table{border-collapse:collapse;table-layout:fixed;width:100%}.pl-table thead{background:var(--ui-gradient-primary)}.pl-table th{color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.pl-table th.th-period{width:21%}.pl-table th.th-run-id{width:10%}.pl-table th.th-days{text-align:center;width:6%}.pl-table th.th-employees{text-align:center;width:10%}.pl-table th.th-net-pay{text-align:right;width:12%}.pl-table th.th-status{text-align:center;width:12%}.pl-table th.pl-th-date{text-align:left;width:12%}.pl-table td.pl-td-actions,.pl-table th.pl-th-actions{text-align:center;white-space:nowrap;width:17%}.pl-table tbody tr.pl-row{border-bottom:1px solid var(--ui-surface-recessed);cursor:pointer;transition:background-color .2s}.pl-table tbody tr.pl-row.expanded,.pl-table tbody tr.pl-row:hover{background-color:var(--ui-primary-tint)}.pl-table td{color:var(--ui-text-secondary);font-size:14px;padding:16px}.pl-table td.td-period{color:var(--ui-text);font-weight:500}.pl-table td.td-run-id{font-feature-settings:"tnum";color:var(--ui-text-muted);font-size:13px;font-variant-numeric:tabular-nums}.pl-table td.td-days,.pl-table td.td-employees{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center}.pl-table td.td-net-pay{font-feature-settings:"tnum";color:var(--ui-primary);font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.pl-table td.td-status{text-align:center}.pl-table td.td-date{color:var(--ui-text-muted);font-size:13px}.pl-status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;line-height:1.4;padding:3px 10px}.pl-status-badge--completed{background:var(--ui-success-tint);color:var(--ui-success-text)}.pl-status-badge--draft{background:var(--ui-warning-tint);color:var(--ui-warning-text)}.pl-table tbody tr.pl-row--draft:hover{background-color:var(--ui-warning-tint)}.pl-table .btn-delete-draft,.pl-table .btn-resume{padding:6px 12px}.pl-table .pl-td-actions .btn-action+.btn-action{margin-left:8px}.pl-table .btn-resume,.pl-table .btn-resume:hover:not(:disabled){background:var(--ui-accent);border:none;color:#fff}.pl-table .btn-resume:hover:not(:disabled){box-shadow:var(--ui-shadow-accent)}.btn-delete-draft{background:var(--ui-danger);color:#fff}.btn-delete-draft:hover:not(:disabled){box-shadow:var(--ui-shadow-danger)}.expand-icon{color:var(--ui-text-faint);display:inline-block;font-size:10px;margin-right:8px;transition:transform .2s}.pl-row.expanded .expand-icon{transform:rotate(90deg)}.pl-table .action-buttons{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center}.btn-action{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:transform .2s,box-shadow .2s}.btn-action:hover{transform:translateY(-1px)}.btn-action:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-view{background:#fff;border:1px solid var(--ui-primary);color:var(--ui-primary)}.btn-view:hover:not(:disabled){background:var(--ui-primary);box-shadow:var(--ui-shadow-primary);color:#fff}.btn-csv{background:var(--ui-success);color:#fff}.btn-csv:hover:not(:disabled){box-shadow:var(--ui-shadow-primary)}.pl-expansion-row{background:var(--ui-bg)}.pl-expansion-row td{padding:0!important}.pl-expansion-content{border-top:2px solid var(--ui-primary-tint);padding:20px 24px}.pl-expansion-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:280px 1fr}.pl-expansion-summary{background:#fff;border-radius:10px;box-shadow:0 1px 2px #0000000d;padding:16px}.pl-expansion-summary__title{border-bottom:1px solid var(--ui-surface-recessed);color:var(--ui-text);font-size:13px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.pl-summary-item{display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.pl-summary-item__label{color:var(--ui-text-muted)}.pl-summary-item__value{font-feature-settings:"tnum";color:var(--ui-text-secondary);font-variant-numeric:tabular-nums}.pl-summary-item--gross .pl-summary-item__value{color:var(--ui-accent)}.pl-summary-item--deductions .pl-summary-item__value{color:var(--ui-danger)}.pl-summary-item--net{border-top:1px solid var(--ui-border);font-weight:600;margin-top:8px;padding-top:12px}.pl-summary-item--net .pl-summary-item__value{color:var(--ui-primary);font-size:16px}.pl-summary-item--adjustments.pl-summary-item--positive .pl-summary-item__value{color:var(--ui-success)}.pl-summary-item--adjustments.pl-summary-item--negative .pl-summary-item__value{color:var(--ui-danger)}.pl-expansion-employees{background:#fff;border-radius:10px;box-shadow:0 1px 2px #0000000d;max-height:400px;overflow-y:auto;padding:0 16px 16px}.pl-expansion-employees__header{align-items:center;border-bottom:1px solid var(--ui-surface-recessed);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;padding-top:16px}.pl-expansion-employees__title{color:var(--ui-text);font-size:13px;font-weight:600}.pl-expansion-employees__count{color:var(--ui-text-muted);font-size:12px}.pl-mini-table{border-collapse:initial;border-spacing:0;font-size:13px;width:100%}.pl-mini-table th,.pl-mini-table thead{background:var(--ui-bg);position:-webkit-sticky;position:sticky;top:0;z-index:10}.pl-mini-table th{border-bottom:1px solid var(--ui-border);color:var(--ui-text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-align:left;text-transform:uppercase}.pl-mini-table th.th-currency{text-align:right}.pl-mini-table td{border-bottom:1px solid var(--ui-surface-recessed);color:var(--ui-text-secondary);padding:10px 12px}.pl-mini-table tr:last-child td{border-bottom:none}.pl-mini-table td.td-employee{align-items:center;display:flex;gap:10px}.pl-mini-avatar{align-items:center;background:linear-gradient(135deg,var(--ui-primary-tint) 0,var(--ui-primary-tint) 100%);border-radius:50%;color:var(--ui-primary);display:flex;flex-shrink:0;font-size:10px;font-weight:600;height:28px;justify-content:center;width:28px}.pl-mini-table td.td-id{font-feature-settings:"tnum";font-size:12px;font-variant-numeric:tabular-nums}.pl-mini-table td.td-dept,.pl-mini-table td.td-id{color:var(--ui-text-muted)}.pl-mini-table td.td-currency{font-feature-settings:"tnum";font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.pl-mini-table td.td-deduction{color:var(--ui-danger)}.pl-mini-table td.td-adjustment-positive{color:var(--ui-success)}.pl-mini-table td.td-adjustment-negative{color:var(--ui-danger)}.pl-mini-table td.td-net{color:var(--ui-primary);font-weight:600}.pl-mini-table-more{color:var(--ui-text-muted);font-size:13px;font-style:italic;padding:12px;text-align:center}.pl-footer{align-items:center;background:linear-gradient(135deg,var(--ui-bg) 0,var(--ui-surface-recessed) 100%);border-radius:0 0 12px 12px;border-top:1px solid var(--ui-border);display:flex;justify-content:space-between;padding:16px 20px}.pl-footer-stats{display:flex;gap:32px}.pl-footer-stat{display:flex;flex-direction:column;gap:2px}.pl-footer-stat__label{color:var(--ui-text-muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.pl-footer-stat__value{font-feature-settings:"tnum";color:var(--ui-text);font-size:16px;font-variant-numeric:tabular-nums;font-weight:600}.pl-footer-stat--total .pl-footer-stat__value{color:var(--ui-primary);font-size:20px}.pl-footer-info{color:var(--ui-text-muted);font-size:13px}.pl-empty-state{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:80px 20px;text-align:center}.pl-empty-state__icon{font-size:64px;margin-bottom:20px}.pl-empty-state__title{color:var(--ui-text);font-size:20px;font-weight:600;margin-bottom:8px}.pl-empty-state__message{color:var(--ui-text-muted);font-size:14px;margin-bottom:24px}.pl-loading{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:60px 20px;text-align:center}.pl-loading__spinner{animation:pl-spin 1s linear infinite;border:3px solid var(--ui-border);border-radius:50%;border-top-color:var(--ui-primary);height:40px;margin:0 auto 16px;width:40px}@keyframes pl-spin{to{transform:rotate(1turn)}}.pl-loading__text{color:var(--ui-text-muted);font-size:14px}.modal-overlay{inset:0;padding:20px}.modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:480px;overflow:hidden;width:100%}.modal-header{padding:20px 24px}.modal-header__title{align-items:center;color:var(--ui-text);display:flex;font-size:16px;font-weight:600;gap:10px}.modal-close,.modal-header__icon{font-size:20px}.modal-close{background:none;border-radius:6px;color:var(--ui-text-faint);height:32px;line-height:1;transition:all .15s;width:32px}.modal-close:hover{background:var(--ui-surface-recessed)}.modal-body{padding:20px 24px}.modal-section{margin-bottom:16px}.modal-section:last-child{margin-bottom:0}.modal-section__label{color:var(--ui-text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.template-row{align-items:center;display:flex;gap:10px}.template-row select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text);cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;padding:10px 36px 10px 14px;transition:all .15s}.template-row select:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}.template-default-badge{background:var(--ui-primary-tint);border-radius:10px;color:var(--ui-primary);flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.column-summary{background:var(--ui-bg);border:1px solid var(--ui-surface-recessed);border-radius:8px;color:var(--ui-text-muted);font-size:13px;line-height:1.5;padding:10px 14px}.column-summary__count{color:var(--ui-text-secondary);font-weight:600}.column-summary__list{color:var(--ui-text-faint)}.csv-warning{align-items:flex-start;background:var(--ui-warning-tint);border-radius:8px;display:flex;gap:10px;padding:10px 14px}.csv-warning__icon{flex-shrink:0;font-size:14px;margin-top:1px}.csv-warning__text{color:var(--ui-text-secondary);font-size:12px;line-height:1.5}.modal-footer{align-items:center;background:var(--ui-bg);border-top:1px solid var(--ui-border);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.btn-secondary{background:#fff;border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text-secondary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s}.btn-secondary:hover{background:var(--ui-bg)}.btn-download{align-items:center;background:var(--ui-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .15s}.btn-download:hover:not(:disabled){background:var(--ui-primary-hover)}.btn-download:disabled{cursor:not-allowed;opacity:.6}.error-modal-body{padding:24px;text-align:center}.error-modal-body__icon{font-size:40px;margin-bottom:12px}.error-modal-body__title{color:var(--ui-text);font-size:16px;font-weight:600;margin-bottom:8px}.error-modal-body__text{color:var(--ui-text-muted);font-size:14px;line-height:1.6;margin-bottom:20px}.error-modal-body__actions{display:flex;gap:10px;justify-content:center}.btn-go-settings{align-items:center;background:var(--ui-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .15s}.btn-go-settings:hover{background:var(--ui-primary-hover)}.payroll-details-row{align-items:center;background:var(--ui-bg);border-radius:8px;display:flex;gap:16px;padding:12px 16px}.payroll-detail-item{display:flex;flex-direction:column;gap:2px}.payroll-detail-item__label{color:var(--ui-text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.payroll-detail-item__value{color:var(--ui-text);font-size:14px;font-weight:600}.payroll-detail-item__value--mono{font-feature-settings:"tnum";color:var(--ui-primary);font-variant-numeric:tabular-nums}.payroll-detail-item__value--highlight{font-feature-settings:"tnum";color:var(--ui-success);font-variant-numeric:tabular-nums}.payroll-detail-divider{background:var(--ui-border);height:32px;width:1px}@media (max-width:1200px){.pl-stats{grid-template-columns:repeat(2,1fr)}.pl-expansion-layout{grid-template-columns:1fr}}@media (max-width:768px){.pl-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:1rem}.pl-page-title{font-size:1.125rem}.pl-stats{grid-template-columns:1fr 1fr}.pl-table-container{overflow-x:auto}.pl-table{min-width:800px}.pl-footer{flex-direction:column;gap:16px}.pl-footer-stats{flex-wrap:wrap;justify-content:center}.payroll-details-row{flex-wrap:wrap}}.pl-action-menu{display:inline-block;position:relative}.btn-menu{align-items:center;background:#0000;border:1px solid var(--ui-border);border-radius:6px;color:var(--ui-text-muted);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;line-height:1;padding:0;transition:background .15s,border-color .15s,color .15s;width:32px}.btn-menu:hover{background:var(--ui-surface-recessed);border-color:var(--ui-border);color:var(--ui-text-secondary)}.pl-action-dropdown{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:8px;box-shadow:0 4px 12px #0000001f;min-width:148px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.pl-action-dropdown__item{background:#0000;border:none;color:var(--ui-text-secondary);cursor:pointer;display:block;font-size:.8125rem;font-weight:500;padding:9px 14px;text-align:left;transition:background .12s;width:100%}.pl-action-dropdown__item:hover:not(:disabled){background:var(--ui-surface-recessed)}.pl-action-dropdown__item:disabled{color:var(--ui-text-faint);cursor:not-allowed}.pl-action-dropdown__item+.pl-action-dropdown__item{border-top:1px solid var(--ui-surface-recessed)}.ps-cutoff-chips{margin-bottom:16px}.ps-cutoff-chips__label{color:var(--ui-text-muted);font-size:12px;margin-bottom:6px}.ps-cutoff-chips__row{display:flex;flex-wrap:wrap;gap:8px}.ps-cutoff-chip{font-feature-settings:"tnum";background:var(--ui-surface);border:1.5px solid var(--ui-border);border-radius:999px;color:var(--ui-text-secondary);cursor:pointer;font-size:13px;font-variant-numeric:tabular-nums;padding:6px 14px}.ps-cutoff-chip.is-active,.ps-cutoff-chip.is-current,.ps-cutoff-chip:hover{border-color:var(--ui-primary)}.ps-cutoff-chip.is-active{background:var(--ui-primary-tint);color:var(--ui-primary-hover)}.ps-cutoff-chip__tag{color:var(--ui-primary);font-size:10px;letter-spacing:.04em;margin-left:6px;text-transform:uppercase}.ps-cutoff-note{border-radius:8px;font-size:13px;margin:10px 0 4px;padding:8px 12px}.ps-cutoff-note--official{background:var(--ui-success-tint);color:var(--ui-success-text)}.ps-cutoff-note--custom{background:var(--ui-accent-tint);color:var(--ui-warning-text)}.gib-monthly-base{font-feature-settings:"tnum";align-items:baseline;background:var(--ui-primary-tint);border-radius:8px;color:var(--ui-primary-hover);display:flex;flex-wrap:wrap;font-size:12.5px;font-variant-numeric:tabular-nums;gap:8px;margin-bottom:10px;padding:8px 12px}.gib-monthly-base__deduct{color:var(--ui-danger-text)}.gib-monthly-base__note{color:var(--ui-text-secondary);flex-basis:100%;font-size:11.5px}.holiday-calendar-container{width:100%}.settings-section-description{color:var(--ui-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6);margin-top:var(--space-2)}.holiday-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.holiday-year-selector{align-items:center;display:flex;gap:var(--space-2)}.holiday-year-selector label{color:var(--ui-text-secondary);font-weight:var(--font-medium)}.holiday-year-selector select{background-color:#fff;border:1px solid var(--ui-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.holiday-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.holiday-calendar{background:#fff;border:1px solid var(--ui-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);padding:var(--space-6)}.calendar-navigation{align-items:center;border-bottom:2px solid var(--ui-border-soft);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.calendar-nav-button{align-items:center;background:#fff;border:1px solid var(--ui-border);border-radius:var(--radius-md);color:var(--ui-text-secondary);cursor:pointer;display:flex;font-size:var(--text-lg);height:36px;justify-content:center;transition:all var(--transition-base);width:36px}.calendar-nav-button:hover{background:var(--ui-bg);border-color:var(--ui-primary);color:var(--ui-primary)}.calendar-month-title{color:var(--ui-text);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.calendar-grid{grid-gap:1px;background:var(--ui-border);border:1px solid var(--ui-border);border-radius:var(--radius-lg);display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.calendar-day-header{background:var(--ui-bg);color:var(--ui-text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-3);text-align:center}.calendar-date{background:#fff;cursor:pointer;min-height:80px;padding:var(--space-2);position:relative;transition:all var(--transition-base)}.calendar-date-empty,.calendar-date:hover:not(.calendar-date-empty){background:var(--ui-bg)}.calendar-date-empty{cursor:default}.calendar-date-number{color:var(--ui-text-secondary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.calendar-date-holiday{cursor:default}.calendar-date-regular{border:2px solid var(--ui-primary-tint)}.calendar-date-regular,.calendar-date-regular:hover{background:var(--ui-primary-tint)}.calendar-date-special{border:2px solid var(--ui-accent-tint)}.calendar-date-special,.calendar-date-special:hover{background:var(--ui-accent-tint)}.calendar-date-company{border:2px solid var(--ui-success)}.calendar-date-company,.calendar-date-company:hover{background:var(--ui-success-tint)}.calendar-holiday-info{border-radius:var(--radius-sm);cursor:pointer;padding:var(--space-1);transition:all var(--transition-base)}.calendar-holiday-info:hover{background:#0000000d}.calendar-holiday-name{color:var(--ui-text);display:block;font-size:var(--text-xs);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holiday-legend{border-top:1px solid var(--ui-border);display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-4);padding-top:var(--space-4)}.holiday-legend-item{align-items:center;color:var(--ui-text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-2)}.holiday-legend-color{border:2px solid #0000;border-radius:var(--radius-sm);height:16px;width:16px}.holiday-legend-regular{background:var(--ui-primary-tint);border-color:var(--ui-primary-tint)}.holiday-legend-special{background:var(--ui-accent-tint);border-color:var(--ui-accent-tint)}.holiday-legend-company{background:var(--ui-success-tint);border-color:var(--ui-success)}.holiday-list{background:var(--ui-bg);border-radius:var(--radius-xl);margin-top:var(--space-6);padding:var(--space-6)}.holiday-list h3{color:var(--ui-text);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.holiday-list-items{display:flex;flex-direction:column;gap:var(--space-2)}.holiday-list-item{align-items:center;background:#fff;border:1px solid var(--ui-border);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.holiday-list-item:hover{box-shadow:var(--shadow-sm)}.holiday-list-info{align-items:center;display:flex;gap:var(--space-4)}.holiday-list-date{color:var(--ui-text-secondary);font-weight:var(--font-medium);min-width:60px}.holiday-list-name{color:var(--ui-text);font-weight:var(--font-medium)}.holiday-list-type{border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);text-transform:uppercase}.holiday-type-badge-regular{background:var(--ui-primary-tint);color:var(--ui-primary-hover)}.holiday-type-badge-special{background:var(--ui-accent-tint);color:var(--ui-warning-hover)}.holiday-type-badge-company{background:var(--ui-success-tint);color:var(--ui-success-text)}.holiday-list-delete{align-items:center;background:#fff;border:1px solid var(--ui-danger-tint);border-radius:var(--radius-md);color:var(--ui-danger);cursor:pointer;display:flex;font-size:var(--text-xl);height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.holiday-list-delete:hover{background:var(--ui-danger);border-color:var(--ui-danger);color:#fff}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.holiday-modal{max-width:400px}.presets-modal{max-width:600px}.modal-header{align-items:center;border-bottom:1px solid var(--ui-border);display:flex;justify-content:space-between;padding:var(--space-6)}.modal-header h3{color:var(--ui-text);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.modal-close{align-items:center;background:var(--ui-border-soft);border:none;border-radius:var(--radius-md);color:var(--ui-text-muted);cursor:pointer;display:flex;font-size:var(--text-2xl);height:36px;justify-content:center;transition:all var(--transition-base);width:36px}.modal-close:hover{background:var(--ui-border);color:var(--ui-text-secondary)}.modal-actions,.modal-content form{padding:var(--space-6)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:0}.presets-content{flex:1 1;overflow-y:auto;padding:var(--space-6)}.presets-description{color:var(--ui-text-secondary)}.presets-description,.presets-section{margin-bottom:var(--space-6)}.presets-section h4{color:var(--ui-text);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.presets-list{grid-gap:var(--space-2);display:grid;gap:var(--space-2)}.preset-item{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-2);transition:all var(--transition-base)}.preset-item:hover{background:var(--ui-bg)}.preset-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.presets-note{color:var(--ui-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-2)}.presets-moveable{grid-gap:var(--space-1);display:grid;gap:var(--space-1);list-style:none;margin:0;padding:0}.presets-moveable li{background:var(--ui-border-soft);border-radius:var(--radius-md);color:var(--ui-text-secondary);font-size:var(--text-sm);padding:var(--space-2)}@media (max-width:768px){.holiday-controls{align-items:stretch;flex-direction:column}.holiday-actions{justify-content:center}.holiday-calendar{padding:var(--space-4)}.calendar-grid{gap:0}.calendar-date{min-height:60px;padding:var(--space-1)}.calendar-date-number{font-size:var(--text-xs)}.calendar-holiday-name{font-size:10px}.holiday-legend{font-size:var(--text-xs);gap:var(--space-3)}.holiday-list-info{flex-wrap:wrap;gap:var(--space-2)}.modal-content{margin:var(--space-2)}}@media (max-width:480px){.calendar-day-header{font-size:var(--text-xs);padding:var(--space-2)}.holiday-list-date{min-width:auto}.holiday-list-name{font-size:var(--text-sm)}}.settings-hub{display:flex;margin:-24px -32px 0;min-height:calc(100vh - 64px);min-height:calc(100vh - 64px - var(--sahod-banner-height, 0px))}.settings-hub-sidebar{background:#fff;border-right:1px solid var(--ui-border-soft);flex-shrink:0;height:calc(100vh - 64px);height:calc(100vh - 64px - var(--sahod-banner-height, 0px));left:280px;overflow-y:auto;padding:24px 0 32px;position:fixed;top:64px;top:calc(64px + var(--sahod-banner-height, 0px));width:240px;z-index:5}.settings-hub-nav-section{margin-bottom:24px}.settings-hub-nav-title{color:var(--ui-text-faint);font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:4px;padding:0 20px;text-transform:uppercase}.settings-hub-nav-link{align-items:center;border-left:3px solid #0000;color:var(--ui-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:8px 20px;text-decoration:none;transition:all .15s}.settings-hub-nav-link:hover{background:var(--ui-bg);color:var(--ui-text)}.settings-hub-nav-link.active{background:var(--ui-primary-tint);border-left-color:var(--ui-primary);color:var(--ui-primary);font-weight:600}.settings-hub-nav-link svg{flex-shrink:0;height:18px;width:18px}.settings-hub-content{flex:1 1;margin-left:240px;padding:24px 32px 0}.settings-hub-content .settings-floating-save-bar{left:520px}.settings-hub-mobile-nav{background:#fff;border-bottom:1px solid var(--ui-border);display:flex;gap:8px;margin:0 -16px;padding:4px 16px 12px}.settings-hub-mobile-tab{background:#fff;border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:500;padding:8px 12px;text-align:center;transition:all .15s}.settings-hub-mobile-tab:hover{background:var(--ui-bg)}.settings-hub-mobile-tab.active{background:var(--ui-primary-tint);border-color:var(--ui-primary);color:var(--ui-primary);font-weight:600}@media (max-width:1024px){.settings-hub{margin:-24px -24px 0}.settings-hub-sidebar{left:260px}.settings-hub-content{padding:24px 24px 0}.settings-hub-content .settings-floating-save-bar{left:500px}}@media (max-width:768px){.settings-hub{display:block;margin:-16px -16px 0}.settings-hub-sidebar{display:none}.settings-hub-content{margin-left:0;padding:16px 16px 0}.settings-hub-content .settings-floating-save-bar{left:0}.settings-hub-mobile-nav{margin:0 -16px;padding:4px 16px 12px}}.csv-page-title{color:var(--ui-primary);font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.csv-page-subtitle{color:var(--ui-text-muted);font-size:14px;margin:0 0 20px}.csv-card{background:#fff;border:1px solid var(--ui-border);border-radius:12px;margin-bottom:16px;overflow:hidden}.csv-card-header{align-items:center;border-bottom:1px solid var(--ui-surface-recessed);display:flex;justify-content:space-between;padding:16px 24px}.csv-card-header-left{align-items:center;display:flex;gap:12px}.csv-card-icon{align-items:center;background:var(--ui-primary-tint);border-radius:8px;color:var(--ui-primary);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.csv-card-icon svg{height:18px;width:18px}.csv-card-title{color:var(--ui-text);font-size:15px;font-weight:600}.csv-card-description{color:var(--ui-text-muted);font-size:13px;margin-top:1px}.csv-card-body{padding:12px 24px}.csv-card-footer{background:var(--ui-bg);border-top:1px solid var(--ui-border);display:flex;gap:10px;justify-content:flex-end;padding:14px 24px}.csv-template-list{list-style:none;margin:0;padding:0}.csv-template-item{align-items:center;border-bottom:1px solid var(--ui-surface-recessed);display:flex;justify-content:space-between;padding:14px 0}.csv-template-item:last-child{border-bottom:none}.csv-template-item-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.csv-template-icon{align-items:center;background:var(--ui-primary-tint);border-radius:8px;color:var(--ui-primary);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.csv-template-icon svg{height:18px;width:18px}.csv-template-info{min-width:0}.csv-template-name{align-items:center;color:var(--ui-text);display:flex;font-size:14px;font-weight:500;gap:8px}.csv-template-default-badge{background:var(--ui-primary-tint);border-radius:10px;color:var(--ui-primary);font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.csv-template-meta{color:var(--ui-text-muted);font-size:12px;margin-top:2px;max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csv-template-item-right{align-items:center;display:flex;flex-shrink:0;gap:4px}.csv-template-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--ui-text-faint);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.csv-template-action-btn:hover{background:var(--ui-surface-recessed);color:var(--ui-text-secondary)}.csv-template-action-btn.delete:hover{background:var(--ui-danger-tint);color:var(--ui-danger)}.csv-template-action-btn.set-default{color:var(--ui-text-muted);font-family:inherit;font-size:12px;font-weight:500;gap:4px;padding:4px 10px;width:auto}.csv-template-action-btn.set-default:hover{background:var(--ui-primary-tint);color:var(--ui-primary)}.csv-btn-add{align-items:center;background:var(--ui-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s}.csv-btn-add:hover:not(:disabled){background:var(--ui-primary-hover)}.csv-btn-add:disabled{cursor:not-allowed;opacity:.5}.csv-btn-add svg{height:14px;width:14px}.csv-limit-text{color:var(--ui-text-faint);font-size:12px;margin-left:8px}.csv-info-box{align-items:flex-start;background:var(--ui-primary-tint);border-radius:8px;display:flex;gap:10px;margin-bottom:16px;padding:12px 16px}.csv-info-box__icon{color:var(--ui-primary);flex-shrink:0;margin-top:1px}.csv-info-box__icon svg{height:18px;width:18px}.csv-info-box__text{color:var(--ui-text-secondary);font-size:13px;line-height:1.5}.csv-info-box__text strong{color:var(--ui-text)}.csv-editor-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.csv-editor-back{align-items:center;background:#fff;border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.csv-editor-back:hover{background:var(--ui-bg);color:var(--ui-text)}.csv-editor-title{color:var(--ui-text);font-size:16px;font-weight:600}.csv-name-input{border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text);font-family:inherit;font-size:14px;padding:10px 14px;transition:all .15s;width:100%}.csv-name-input:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}.csv-name-label{color:var(--ui-text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.csv-column-count{color:var(--ui-text-muted);font-size:13px;font-style:italic;margin-bottom:12px}.csv-column-list{list-style:none;margin:0;padding:0}.csv-column-item{align-items:center;background:#fff;border:1px solid var(--ui-border);border-radius:8px;cursor:grab;display:flex;gap:12px;margin-bottom:8px;padding:10px 12px;transition:all .15s}.csv-column-item:active{cursor:grabbing}.csv-column-item:hover{border-color:var(--ui-border)}.csv-column-item.disabled,.csv-column-item:hover{background:var(--ui-bg)}.csv-column-item.dragging{background:var(--ui-primary-tint);border-color:var(--ui-primary);opacity:.4}.csv-column-item.drag-over{border-top:2px solid var(--ui-primary);margin-top:-2px}.csv-drag-handle{align-items:center;color:var(--ui-text-faint);cursor:grab;display:flex;flex-shrink:0}.csv-drag-handle svg{height:16px;width:16px}.csv-column-name{color:var(--ui-text);flex:1 1;font-size:14px;font-weight:500}.csv-column-field{font-feature-settings:"tnum";background:var(--ui-surface-recessed);border-radius:4px;color:var(--ui-text-faint);font-size:12px;font-variant-numeric:tabular-nums;padding:2px 8px}.csv-toggle{background:var(--ui-border);border:none;border-radius:10px;cursor:pointer;flex-shrink:0;height:20px;position:relative;transition:background .2s;width:36px}.csv-toggle.active{background:var(--ui-primary)}.csv-toggle:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .2s;width:16px}.csv-toggle.active:after{transform:translateX(16px)}.csv-btn-primary{background:var(--ui-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s}.csv-btn-primary:hover:not(:disabled){background:var(--ui-primary-hover)}.csv-btn-primary:disabled{cursor:not-allowed;opacity:.5}.csv-btn-cancel{background:#fff;border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text-secondary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s}.csv-btn-cancel:hover{background:var(--ui-bg)}.csv-delete-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.csv-delete-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:400px;padding:24px;width:100%}.csv-delete-modal__title{color:var(--ui-text);font-size:16px;font-weight:600;margin-bottom:8px}.csv-delete-modal__text{color:var(--ui-text-muted);font-size:14px;line-height:1.5;margin-bottom:20px}.csv-delete-modal__actions{display:flex;gap:10px;justify-content:flex-end}.csv-btn-danger{border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s}.csv-btn-danger,.csv-btn-danger:hover{background:var(--ui-danger)}.csv-empty-state{padding:40px 20px;text-align:center}.csv-empty-state__icon{font-size:32px;margin-bottom:12px}.csv-empty-state__title{color:var(--ui-text);font-size:15px;font-weight:600;margin-bottom:4px}.csv-empty-state__text{color:var(--ui-text-muted);font-size:13px;margin-bottom:16px}.csv-loading{align-items:center;color:var(--ui-text-muted);display:flex;font-size:14px;gap:10px;justify-content:center;padding:60px 20px}.csv-loading__spinner{animation:csv-spin .6s linear infinite;border:2px solid var(--ui-border);border-radius:50%;border-top-color:var(--ui-primary);height:20px;width:20px}@keyframes csv-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.csv-page-title{font-size:1.125rem;margin-bottom:.25rem}.csv-card-header{flex-wrap:wrap;gap:10px}.csv-card-body,.csv-card-footer,.csv-card-header{padding:12px 16px}.csv-template-meta{max-width:200px}.csv-template-item{flex-wrap:wrap;gap:8px}.csv-template-item-right{margin-left:48px}.csv-column-field{display:none}.csv-editor-header{margin-bottom:16px}}.dept-page-title{color:var(--ui-primary);font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.dept-page-subtitle{color:var(--ui-text-muted);font-size:14px;margin:0 0 20px}.dept-card{background:#fff;border:1px solid var(--ui-border);border-radius:12px;margin-bottom:16px;overflow:hidden}.dept-card-header{align-items:center;border-bottom:1px solid var(--ui-surface-recessed);display:flex;justify-content:space-between;padding:16px 24px}.dept-card-header-left{align-items:center;display:flex;gap:12px}.dept-card-icon{align-items:center;background:var(--ui-primary-tint);border-radius:8px;color:var(--ui-primary);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.dept-card-icon svg{height:18px;width:18px}.dept-card-title{color:var(--ui-text);font-size:15px;font-weight:600}.dept-card-description{color:var(--ui-text-muted);font-size:13px;margin-top:1px}.dept-card-body{padding:12px 24px}.dept-list{list-style:none;margin:0;padding:0}.dept-item{align-items:center;border-bottom:1px solid var(--ui-surface-recessed);display:flex;justify-content:space-between;padding:12px 0}.dept-item:last-child{border-bottom:none}.dept-item-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.dept-color{border-radius:50%;flex-shrink:0;height:10px;width:10px}.dept-name{color:var(--ui-text);font-size:14px;font-weight:500}.dept-count{color:var(--ui-text-faint);font-size:12px;margin-left:4px}.dept-actions{align-items:center;display:flex;gap:2px;opacity:0;transition:opacity .15s}.dept-item:hover .dept-actions{opacity:1}.dept-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--ui-text-faint);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.dept-action-btn:hover{background:var(--ui-surface-recessed);color:var(--ui-text-secondary)}.dept-action-btn.delete:hover{background:var(--ui-danger-tint);color:var(--ui-danger)}.dept-inline-row{align-items:center;border-bottom:1px solid var(--ui-surface-recessed);display:none;gap:10px;padding:10px 0}.dept-inline-row.active{display:flex}.dept-inline-input{border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text);flex:1 1;font-family:inherit;font-size:14px;min-width:0;padding:8px 12px;transition:all .15s}.dept-inline-input:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint);outline:none}.dept-inline-input.error{border-color:var(--ui-danger);box-shadow:0 0 0 3px var(--ui-danger-tint)}.dept-inline-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.dept-inline-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.dept-inline-btn.save{background:var(--ui-primary);color:#fff}.dept-inline-btn.save:hover{background:var(--ui-primary-hover)}.dept-inline-btn.cancel{background:var(--ui-surface-recessed);color:var(--ui-text-muted)}.dept-inline-btn.cancel:hover{background:var(--ui-border);color:var(--ui-text-secondary)}.dept-inline-hint{color:var(--ui-text-faint);flex-shrink:0;font-size:11px;white-space:nowrap}.dept-inline-error{color:var(--ui-danger);display:none;font-size:12px;padding:4px 0 8px 22px}.dept-inline-error.active{display:block}.dept-btn-add{align-items:center;background:var(--ui-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s}.dept-btn-add:hover:not(:disabled){background:var(--ui-primary-hover)}.dept-btn-add:disabled{cursor:not-allowed;opacity:.5}.dept-btn-add svg{height:14px;width:14px}.dept-info-box{align-items:flex-start;background:var(--ui-primary-tint);border-radius:8px;display:flex;gap:10px;margin-bottom:16px;padding:12px 16px}.dept-info-box__icon{color:var(--ui-primary);flex-shrink:0;margin-top:1px}.dept-info-box__icon svg{height:18px;width:18px}.dept-info-box__text{color:var(--ui-text-secondary);font-size:13px;line-height:1.5}.dept-info-box__text strong{color:var(--ui-text)}.dept-empty-state{padding:40px 20px;text-align:center}.dept-empty-state__icon{font-size:32px;margin-bottom:12px}.dept-empty-state__title{color:var(--ui-text);font-size:15px;font-weight:600;margin-bottom:4px}.dept-empty-state__text{color:var(--ui-text-muted);font-size:13px;margin-bottom:16px}.dept-delete-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.dept-delete-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:400px;padding:24px;width:100%}.dept-delete-modal__title{color:var(--ui-text);font-size:16px;font-weight:600;margin-bottom:8px}.dept-delete-modal__text{color:var(--ui-text-muted);font-size:14px;line-height:1.5;margin-bottom:20px}.dept-delete-modal__actions{display:flex;gap:10px;justify-content:flex-end}.dept-btn-cancel{background:#fff;border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text-secondary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s}.dept-btn-cancel:hover{background:var(--ui-bg)}.dept-btn-danger{border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s}.dept-btn-danger,.dept-btn-danger:hover{background:var(--ui-danger)}.dept-btn-danger:disabled{cursor:not-allowed;opacity:.5}.dept-loading{align-items:center;color:var(--ui-text-muted);display:flex;font-size:14px;gap:10px;justify-content:center;padding:60px 20px}.dept-loading__spinner{animation:dept-spin .6s linear infinite;border:2px solid var(--ui-border);border-radius:50%;border-top-color:var(--ui-primary);height:20px;width:20px}@keyframes dept-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.dept-page-title{font-size:1.125rem;margin-bottom:.25rem}.dept-card-header{flex-wrap:wrap;gap:10px;padding:12px 16px}.dept-card-body{padding:12px 16px}.dept-actions{opacity:1}.dept-inline-hint{display:none}}.tm-controls{align-items:center;background:#fff;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:10px 16px}.tm-controls,.tm-search-input{border:1px solid var(--ui-border)}.tm-search-input{border-radius:8px;flex:1 1;font-family:inherit;font-size:.8125rem;min-width:160px;outline:none;padding:8px 12px}.tm-search-input:focus{border-color:var(--ui-primary);box-shadow:0 0 0 2px var(--ui-primary-tint)}.tm-role-filter{background:#fff;border:1px solid var(--ui-border);border-radius:8px;cursor:pointer;font-family:inherit;font-size:.8125rem;min-width:140px;outline:none;padding:8px 12px}.tm-role-filter:focus{border-color:var(--ui-primary);box-shadow:0 0 0 2px var(--ui-primary-tint)}.tm-divider{background:var(--ui-border);flex-shrink:0;height:24px;width:1px}.tm-add-btn{align-items:center;background:var(--ui-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.8125rem;font-weight:600;gap:6px;padding:8px 16px;transition:background .15s;white-space:nowrap}.tm-add-btn:hover{background:var(--ui-primary-hover)}.tm-card{background:#fff;border:1px solid var(--ui-border);border-radius:12px;overflow:hidden}.tm-results-count{color:var(--ui-text-muted);font-size:13px;font-style:italic;padding:10px 16px}.tm-results-count,.tm-user-row{border-bottom:1px solid var(--ui-surface-recessed)}.tm-user-row{align-items:center;display:flex;padding:12px 16px;transition:background .15s}.tm-user-row:last-child{border-bottom:none}.tm-user-row:hover{background:var(--ui-bg)}.tm-user-row--deactivated{opacity:.6}.tm-avatar{align-items:center;background:linear-gradient(135deg,var(--ui-primary-tint),var(--ui-primary-tint));border-radius:50%;color:var(--ui-primary);display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:36px;justify-content:center;margin-right:12px;width:36px}.tm-user-info{flex:1 1;min-width:0}.tm-user-name{color:var(--ui-text);font-size:.875rem;font-weight:500}.tm-user-email,.tm-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-user-email{color:var(--ui-text-muted);font-size:.75rem}.tm-badges{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:16px}.tm-role-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.tm-role-badge--superuser{background:var(--ui-primary);color:#fff}.tm-role-badge--admin{background:var(--ui-primary-tint);color:var(--ui-primary)}.tm-role-badge--viewer{background:var(--ui-surface-recessed);color:var(--ui-text-muted)}.tm-role-badge--custom{background:var(--ui-accent-tint);color:var(--ui-warning-text);font-size:11px;letter-spacing:0;text-transform:none}.tm-role-badge--unknown{background:var(--ui-danger-tint);color:var(--ui-danger-text);font-style:italic;letter-spacing:0;text-transform:none}.tm-form-link{background:none;border:none;color:var(--ui-primary);cursor:pointer;display:inline-block;font-family:inherit;font-size:12px;font-weight:500;margin-top:6px;padding:4px 0;text-decoration:none}.tm-form-link:hover{text-decoration:underline}.tm-status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.tm-status-dot--active{background:var(--ui-success)}.tm-status-dot--pending{background:var(--ui-warning)}.tm-status-dot--deactivated{background:var(--ui-text-muted)}.tm-status-dot--revoked{background:var(--ui-danger)}.tm-owner-label{color:var(--ui-primary);font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.tm-actions{align-items:center;display:flex;flex-shrink:0;gap:6px;margin-left:12px}.tm-action-btn{background:#fff;border:1px solid var(--ui-border);border-radius:6px;color:var(--ui-text-secondary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:5px 10px;transition:all .15s;white-space:nowrap}.tm-action-btn:hover{background:var(--ui-bg);border-color:var(--ui-border)}.tm-action-btn--primary{border-color:var(--ui-primary-tint);color:var(--ui-primary)}.tm-action-btn--primary,.tm-action-btn--primary:hover{background:var(--ui-primary-tint)}.tm-action-btn--danger{border-color:var(--ui-danger-tint);color:var(--ui-danger)}.tm-action-btn--danger:hover{background:var(--ui-danger-tint);border-color:var(--ui-border)}.tm-footer{align-items:center;background:linear-gradient(135deg,var(--ui-bg),var(--ui-surface-recessed));border-top:1px solid var(--ui-border);display:flex;justify-content:space-between;padding:12px 16px}.tm-footer-stat{align-items:baseline;display:flex;gap:6px}.tm-footer-stat__label{color:var(--ui-text-muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.tm-footer-stat__value{font-feature-settings:"tnum";color:var(--ui-primary);font-size:16px;font-variant-numeric:tabular-nums;font-weight:600}.tm-footer-hint{color:var(--ui-text-muted);font-size:13px;font-style:italic}.tm-loading{align-items:center;color:var(--ui-text-muted);display:flex;font-size:14px;gap:10px;justify-content:center;padding:60px 20px}.tm-loading__spinner{animation:tm-spin .6s linear infinite;border:2px solid var(--ui-border);border-radius:50%;border-top-color:var(--ui-primary);height:20px;width:20px}@keyframes tm-spin{to{transform:rotate(1turn)}}.tm-error{padding:60px 20px;text-align:center}.tm-error__icon{font-size:32px;margin-bottom:12px}.tm-error__title{color:var(--ui-text);font-size:15px;font-weight:600;margin-bottom:4px}.tm-error__text{color:var(--ui-text-muted);font-size:13px;margin-bottom:16px}.tm-retry-btn{border:none;border-radius:8px;color:var(--ui-primary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:8px 16px}.tm-retry-btn,.tm-retry-btn:hover{background:var(--ui-primary-tint)}.tm-empty{padding:48px 20px;text-align:center}.tm-empty__icon{font-size:36px;margin-bottom:12px}.tm-empty__title{color:var(--ui-text);font-size:15px;font-weight:600;margin-bottom:6px}.tm-empty__text{color:var(--ui-text-muted);font-size:13px;margin-bottom:16px}.tm-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.tm-modal{animation:tm-modal-in .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:480px;width:100%}@keyframes tm-modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tm-modal__header{border-bottom:1px solid var(--ui-border);padding:20px 24px}.tm-modal__title{color:var(--ui-text);font-size:16px;font-weight:600;margin:0}.tm-modal__body{padding:20px 24px}.tm-modal__footer{border-top:1px solid var(--ui-border);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.tm-form-group{margin-bottom:16px}.tm-form-group:last-child{margin-bottom:0}.tm-form-label{color:var(--ui-text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.tm-form-input,.tm-form-select{border:1px solid var(--ui-border);border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;width:100%}.tm-form-input:focus,.tm-form-select:focus{border-color:var(--ui-primary);box-shadow:0 0 0 2px var(--ui-primary-tint)}.tm-form-input:read-only{background:var(--ui-bg);color:var(--ui-text-muted)}.tm-form-error{color:var(--ui-danger);font-size:12px;margin-top:4px}.tm-info-box{background:var(--ui-primary-tint);color:var(--ui-primary)}.tm-info-box,.tm-warning-box{border-radius:8px;font-size:13px;line-height:1.5;padding:12px 14px}.tm-warning-box{background:var(--ui-warning-tint);color:var(--ui-warning-text)}.tm-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:9px 18px;transition:all .15s}.tm-btn:disabled{cursor:not-allowed;opacity:.5}.tm-btn--cancel{background:#fff;border:1px solid var(--ui-border);color:var(--ui-text-secondary)}.tm-btn--cancel:hover:not(:disabled){background:var(--ui-bg)}.tm-btn--primary{background:var(--ui-primary);color:#fff}.tm-btn--primary:hover:not(:disabled){background:var(--ui-primary-hover)}.tm-btn--danger{color:#fff}.tm-btn--danger,.tm-btn--danger:hover:not(:disabled){background:var(--ui-danger)}.tm-copy-link-area{display:flex;gap:8px;margin-top:12px}.tm-copy-link-input{font-feature-settings:"tnum";background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text-secondary);flex:1 1;font-size:12px;font-variant-numeric:tabular-nums;min-width:0;outline:none;padding:10px 12px}.tm-copy-btn{background:var(--ui-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:10px 14px;white-space:nowrap}.tm-copy-btn:hover{background:var(--ui-primary-hover)}.tm-copy-btn--copied,.tm-copy-btn--copied:hover{background:var(--ui-success)}.tm-link-hint{color:var(--ui-text-muted);font-size:12px;line-height:1.4;margin-top:8px}.tm-confirm-modal{max-width:400px}.tm-confirm-modal .tm-modal__body{padding:20px 24px}.tm-confirm-text{color:var(--ui-text-muted);font-size:14px;line-height:1.5}.tm-modal-divider{border:none;border-top:1px solid var(--ui-border);margin:20px 0}.tm-deactivate-section{padding-top:4px}.tm-deactivate-section__title{color:var(--ui-danger);font-size:13px;font-weight:600;margin-bottom:6px}.tm-deactivate-section__text{color:var(--ui-text-muted);font-size:12px;line-height:1.4;margin-bottom:12px}@media (max-width:768px){.tm-controls{align-items:stretch;flex-direction:column;gap:8px}.tm-divider{display:none}.tm-role-filter,.tm-search-input{width:100%}.tm-add-btn{justify-content:center}.tm-user-row{flex-wrap:wrap;gap:8px}.tm-badges{margin-left:auto}.tm-actions{margin-left:48px;margin-top:4px;width:100%}.tm-footer{align-items:flex-start;flex-direction:column;gap:8px}.tm-footer-hint{margin-left:0}}.ap-info-banner{align-items:flex-start;background:var(--ui-primary-tint);border:1px solid var(--ui-border);border-radius:10px;display:flex;gap:12px;margin-bottom:28px;padding:14px 16px}.ap-info-banner-icon{color:var(--ui-primary);flex-shrink:0;height:20px;margin-top:1px;width:20px}.ap-info-banner-text{color:var(--ui-primary-hover);font-size:13px;line-height:1.6}.ap-leeway-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.ap-leeway-item{border:1px solid var(--ui-border);border-radius:10px;cursor:pointer;padding:18px 20px;position:relative;transition:all .15s}.ap-leeway-item:focus-within,.ap-leeway-item:hover{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint)}.ap-leeway-item-label{color:var(--ui-text-secondary);font-size:13px;font-weight:500;margin-bottom:12px}.ap-leeway-input-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.ap-leeway-input{font-feature-settings:"tnum";background:#0000;border:2px dashed #0000;border-radius:6px;color:var(--ui-primary);font-size:20px;font-variant-numeric:tabular-nums;font-weight:700;outline:none;padding:6px 10px;text-align:right;transition:all .15s;width:80px}.ap-leeway-input:focus{background:var(--ui-primary-tint);border-color:var(--ui-primary)}select.ap-leeway-input{cursor:pointer;font-size:16px;text-align:left;width:130px}.ap-leeway-unit{color:var(--ui-text-muted);font-size:14px;font-weight:500}.ap-leeway-item-desc{color:var(--ui-text-muted);font-size:12px;line-height:1.5}.ap-leeway-item-example{color:var(--ui-text-faint);font-size:11px;font-style:italic;margin-top:6px}.ap-leeway-item-example span{color:var(--ui-primary);font-style:normal;font-weight:500}.ap-leeway-item.has-error{border-color:var(--ui-danger);box-shadow:0 0 0 3px var(--ui-danger-tint)}.ap-leeway-error-msg,.ap-leeway-item.has-error .ap-leeway-input{color:var(--ui-danger)}.ap-leeway-error-msg{display:none;font-size:12px;font-weight:500;margin-top:6px}.ap-leeway-item.has-error .ap-leeway-error-msg{display:block}.ap-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:900px){.ap-form-grid,.ap-leeway-grid{grid-template-columns:1fr}}.settings-card-icon svg{height:20px;width:20px}.pss-option-group{display:flex;flex-direction:column;gap:10px}.pss-option-group--row{flex-direction:row}.pss-option-group--row>.pss-option-card{flex:1 1;min-width:0}.pss-option-group--3>.pss-option-card{flex:1 1}.pss-option-card{align-items:center;background:var(--ui-surface);border:1.5px solid var(--ui-border);border-radius:10px;cursor:pointer;display:flex;gap:14px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,background .15s;-webkit-user-select:none;user-select:none}.pss-option-card:hover{background:var(--ui-primary-tint);border-color:var(--ui-border)}.pss-option-card--selected{background:var(--ui-primary-tint);border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-tint)}.pss-option-radio{align-items:center;border:2px solid var(--ui-border);border-radius:50%;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:border-color .15s;width:18px}.pss-option-card--selected .pss-option-radio{border-color:var(--ui-primary)}.pss-radio-dot{background:#0000;border-radius:50%;height:9px;transition:background .15s;width:9px}.pss-radio-dot--on{background:var(--ui-primary)}.pss-option-body{flex:1 1;min-width:0}.pss-option-label{color:var(--ui-text);font-size:14px;font-weight:600;margin-bottom:2px}.pss-option-hint{color:var(--ui-text-muted);font-size:13px;line-height:1.4}.pss-paper-preview{align-items:center;background:var(--ui-surface);border:1.5px solid var(--ui-border);border-radius:4px;box-sizing:border-box;display:flex;flex-shrink:0;height:80px;justify-content:center;padding:5px;width:56px}.pss-option-card--selected .pss-paper-preview{border-color:var(--ui-border)}.pss-paper-grid{grid-gap:2px;display:grid;gap:2px;height:100%;width:100%}.pss-paper-grid--3x2{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.pss-paper-grid--2x2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.pss-grid-cell{background:var(--ui-border);border-radius:1px}.pss-option-card--selected .pss-grid-cell{background:var(--ui-primary-tint)}.pss-paper-preview--a4,.pss-paper-preview--long,.pss-paper-preview--short{background:var(--ui-bg);border:1.5px solid var(--ui-border);border-radius:3px;flex-shrink:0;width:48px}.pss-paper-preview--a4{height:68px}.pss-paper-preview--short{height:62px}.pss-paper-preview--long{height:73px}.pss-option-card--selected .pss-paper-preview--a4,.pss-option-card--selected .pss-paper-preview--long,.pss-option-card--selected .pss-paper-preview--short{background:var(--ui-primary-tint);border-color:var(--ui-border)}.pss-format-preview{border:1.5px solid var(--ui-border);border-radius:4px;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:80px;overflow:hidden;width:56px}.pss-fp-header{flex-shrink:0;height:18px}.pss-fp-lines{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;padding:4px 6px}.pss-fp-line{background:var(--ui-border);border-radius:2px;height:4px}.pss-fp-line--short{width:60%}.pss-fp-net{flex-shrink:0;height:16px;margin:0}.pss-format-preview--bw .pss-fp-header{background:var(--ui-border)}.pss-format-preview--bw .pss-fp-net{background:var(--ui-text-faint)}.pss-format-preview--colored .pss-fp-header,.pss-format-preview--colored .pss-fp-net{background:var(--ui-primary)}.pss-option-card--selected .pss-format-preview--bw .pss-fp-header{background:var(--ui-text-faint)}.pss-option-card--selected .pss-format-preview--bw .pss-fp-net{background:var(--ui-text-muted)}@media (max-width:600px){.pss-option-group--row{flex-direction:column}.pss-format-preview,.pss-paper-preview,.pss-paper-preview--a4,.pss-paper-preview--long,.pss-paper-preview--short{display:none}}.roles-page{padding-bottom:40px}.roles-page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.roles-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.roles-search{background:#fff;border:1px solid var(--ui-border);border-radius:8px;flex:1 1 240px;font-family:inherit;font-size:.875rem;min-width:180px;outline:none;padding:8px 12px}.roles-search:focus{border-color:var(--ui-primary);box-shadow:0 0 0 2px var(--ui-primary-tint)}.roles-filter{background:#fff;border:1px solid var(--ui-border);border-radius:8px;cursor:pointer;font-family:inherit;font-size:.875rem;outline:none;padding:8px 12px}.roles-controls-spacer{flex:1 1}.roles-banner{border-radius:8px;font-size:13px;margin-bottom:12px;padding:10px 16px}.roles-banner-warn{background:var(--ui-warning-tint);border:1px solid var(--ui-border);color:var(--ui-warning-text)}.roles-banner-error{background:var(--ui-danger-tint);border:1px solid var(--ui-border);color:var(--ui-danger-text)}.roles-loading{align-items:center;color:var(--ui-text-muted);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.roles-loading .spinner{animation:role-editor-spin .8s linear infinite;border:3px solid var(--ui-border);border-radius:50%;border-top-color:var(--ui-primary);height:28px;margin-bottom:10px;width:28px}.roles-card{background:#fff;border:1px solid var(--ui-border);border-radius:12px;overflow:hidden}.roles-section{border-bottom:1px solid var(--ui-border-soft)}.roles-section:last-child{border-bottom:none}.roles-section-header{align-items:center;background:var(--ui-bg);color:var(--ui-text-secondary);display:flex;font-size:11px;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase}.roles-section-count{font-feature-settings:"tnum";color:var(--ui-text-muted);font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:0;text-transform:none}.role-row{align-items:center;border-bottom:1px solid var(--ui-border-soft);display:flex;gap:14px;padding:14px 20px}.role-row:last-child{border-bottom:none}.role-row-icon{align-items:center;background:var(--ui-primary);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;letter-spacing:.5px;width:36px}.role-row-main{flex:1 1;min-width:0}.role-row-name{color:var(--ui-text);font-size:13px;font-weight:500;margin-bottom:2px}.role-row-meta{align-items:center;color:var(--ui-text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:6px}.role-row-desc{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-row-desc-empty{color:var(--ui-text-faint);font-style:italic}.role-row-meta-sep{color:var(--ui-border)}.role-row-badge{border-radius:12px;flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.4px;padding:3px 10px;text-transform:uppercase}.role-row-badge-predefined{background:var(--ui-border-soft);color:var(--ui-text-secondary)}.role-row-badge-custom{background:var(--ui-primary-tint);color:var(--ui-primary)}.role-row-actions{display:flex;flex-shrink:0;gap:6px}.role-row-readonly{color:var(--ui-text-faint);font-size:11px;font-style:italic;padding:4px 8px}.role-row-delete:not(:disabled):hover{border-color:var(--ui-danger);color:var(--ui-danger)}.roles-empty{color:var(--ui-text-muted);padding:60px 20px;text-align:center}.roles-empty h3{color:var(--ui-text);font-size:16px;margin:12px 0 6px}.roles-empty p{font-size:13px;margin:0 auto 20px;max-width:360px}.roles-empty-icon{font-size:40px;line-height:1}.roles-empty-search{padding:40px 20px}.role-modal-backdrop{align-items:center;background:#11182780;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.role-modal{background:#fff;border-radius:12px;box-shadow:0 20px 48px #0003;display:flex;flex-direction:column;max-height:calc(100vh - 40px);max-width:480px;overflow:hidden;width:100%}.role-modal-header{border-bottom:1px solid var(--ui-border-soft);padding:16px 20px}.role-modal-title{color:var(--ui-text);font-size:16px;font-weight:600;margin:0}.role-modal-body{overflow-y:auto;padding:16px 20px}.role-modal-banner{border-radius:8px;font-size:13px;margin-bottom:12px;padding:10px 12px}.role-modal-banner-danger{background:var(--ui-danger-tint);border:1px solid var(--ui-border);color:var(--ui-danger-text)}.role-modal-meta{color:var(--ui-text-muted);font-size:12px}.role-modal-footer{border-top:1px solid var(--ui-border-soft);display:flex;gap:10px;justify-content:flex-end;padding:12px 20px}.settings-btn-danger{background:var(--ui-danger);border:1px solid var(--ui-danger);color:#fff}.settings-btn-danger:hover:not(:disabled){background:var(--ui-danger);border-color:var(--ui-danger)}.settings-btn-danger:disabled{background:var(--ui-danger-tint);border-color:var(--ui-border);cursor:not-allowed}.role-editor{padding-bottom:40px}.role-editor-breadcrumb{margin-bottom:12px}.role-editor-back{background:none;border:none;color:var(--ui-primary);cursor:pointer;font-family:inherit;font-size:13px;padding:4px 0}.role-editor-back:hover{text-decoration:underline}.role-editor-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.role-editor-header>div:first-child{flex:1 1;min-width:240px}.role-editor-actions{align-items:center;display:flex;gap:10px}.role-editor-card{background:#fff;border:1px solid var(--ui-border);border-radius:12px;margin-bottom:16px;padding:20px 24px}.role-editor-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.role-editor-form-row .form-field:last-child{grid-column:1/-1;margin-top:0}.role-editor .form-field label{color:var(--ui-text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.role-editor .form-field input[type=text]{border:1px solid var(--ui-border);border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.875rem;outline:none;padding:8px 12px;width:100%}.role-editor .form-field input[type=text]:focus{border-color:var(--ui-primary);box-shadow:0 0 0 2px var(--ui-primary-tint)}.role-editor .form-field input[aria-invalid=true]{border-color:var(--ui-danger)}.role-editor .form-hint{color:var(--ui-text-muted);font-size:11px;margin-top:4px}.role-editor .form-error{color:var(--ui-danger);font-size:12px;margin-top:6px}.role-editor-permissions-error{background:var(--ui-danger-tint);border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-danger-text);font-weight:500;margin:0 0 16px;padding:10px 14px}.role-editor-loading{align-items:center;color:var(--ui-text-muted);display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.role-editor-loading .spinner{animation:role-editor-spin .8s linear infinite;border:3px solid var(--ui-border);border-radius:50%;border-top-color:var(--ui-primary);height:32px;margin-bottom:12px;width:32px}@keyframes role-editor-spin{to{transform:rotate(1turn)}}.matrix-info-banner{background:var(--ui-primary-tint);border-bottom:1px solid var(--ui-border);color:var(--ui-primary-hover);font-size:12px;line-height:1.6;padding:10px 20px}.matrix-section{border-bottom:1px solid var(--ui-border-soft)}.matrix-section:last-child{border-bottom:none}.matrix-section-header{align-items:center;background:var(--ui-border-soft);border-bottom:1px solid var(--ui-border);border-top:1px solid var(--ui-border);display:flex;justify-content:space-between;padding:14px 20px}.matrix-section:first-child .matrix-section-header{border-top:none}.matrix-section-title{align-items:center;color:var(--ui-text);display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.01em}.matrix-section-meta{font-feature-settings:"tnum";color:var(--ui-text-muted);font-size:11px;font-variant-numeric:tabular-nums}.matrix-rows{padding:0}.matrix-row{grid-gap:12px;align-items:center;border-bottom:1px solid var(--ui-border-soft);display:grid;gap:12px;grid-template-columns:1fr 260px;padding:10px 20px 10px 48px}.matrix-row:last-child{border-bottom:none}.matrix-row:nth-child(2n){background:var(--ui-bg)}.matrix-row:hover{background:var(--ui-border-soft)}.matrix-row-label{align-items:flex-start;color:var(--ui-text);display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:3px}.matrix-floor-lock{align-items:center;background:var(--ui-accent-tint);border:1px solid var(--ui-border);border-radius:9999px;color:var(--ui-warning-text);display:inline-flex;font-size:11px;font-weight:600;gap:3px;line-height:1.5;padding:1px 8px 1px 6px}.matrix-floor-pop__title{color:var(--ui-text);font-size:13px;font-weight:700;margin-bottom:4px}.matrix-floor-pop__body{color:var(--ui-text-secondary);font-size:12px;line-height:1.5;margin:0}.matrix-segmented{background:var(--ui-border-soft);border-radius:8px;display:flex;gap:0;padding:2px}.seg-btn{background:#0000;border:none;border-radius:6px;color:var(--ui-text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:12px;font-weight:600;padding:6px 12px;transition:background .12s ease;white-space:nowrap}.seg-btn:hover:not(.active):not(.na):not(:disabled){background:#fff9;color:var(--ui-text)}.seg-btn.active{background:var(--ui-primary);box-shadow:0 1px 3px #0000001f;color:#fff}.seg-btn.na{color:var(--ui-border);cursor:not-allowed}.seg-btn.locked{color:var(--ui-text-faint);cursor:not-allowed}.matrix-advanced-details{border-top:1px solid var(--ui-border-soft)}.matrix-advanced-details[open] .matrix-advanced-toggle:before{content:"▾ "}.matrix-advanced-details:not([open]) .matrix-advanced-toggle:before{content:"▸ "}.matrix-advanced{align-items:center;background:var(--ui-bg);cursor:pointer;display:flex;font-size:12px;justify-content:space-between;list-style:none;padding:12px 20px}.matrix-advanced::-webkit-details-marker{display:none}.matrix-advanced-label{align-items:center;color:var(--ui-text-secondary);display:flex;gap:8px}.matrix-advanced-count{font-feature-settings:"tnum";background:var(--ui-border);border-radius:10px;color:var(--ui-text-secondary);font-size:11px;font-variant-numeric:tabular-nums;padding:2px 8px}.matrix-advanced-toggle{color:var(--ui-primary);font-size:12px;font-weight:500}.matrix-advanced-body{background:#fff;border-top:1px solid var(--ui-border-soft);padding:12px 20px 16px}.matrix-advanced-hint{color:var(--ui-text-muted);font-size:12px;line-height:1.5;margin:0 0 12px}.matrix-advanced-list{list-style:none;margin:0;padding:0}.matrix-advanced-item{align-items:center;border-bottom:1px solid var(--ui-border-soft);display:flex;justify-content:space-between;padding:8px 0}.matrix-advanced-item:last-child{border-bottom:none}.matrix-advanced-remove{background:#fff;border:1px solid var(--ui-danger-tint);border-radius:6px;color:var(--ui-danger);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:4px 10px}.matrix-advanced-remove:hover:not(:disabled){background:var(--ui-danger-tint)}.matrix-advanced-remove:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.matrix-row{gap:8px;grid-template-columns:1fr;padding:12px 16px 12px 28px}.matrix-row-meta{justify-self:start}.matrix-segmented{width:100%}}.picker-card{background:#fff;border:1px solid var(--ui-border);border-radius:12px;overflow:hidden}.picker-card-header{align-items:center;border-bottom:1px solid var(--ui-border);display:flex;justify-content:space-between;padding:16px 20px}.picker-title{color:var(--ui-text);font-size:14px;font-weight:600}.picker-count{color:var(--ui-text-muted);font-size:12px}.picker-count strong{font-feature-settings:"tnum";color:var(--ui-primary);font-variant-numeric:tabular-nums}.picker-header-right{align-items:center;display:flex;gap:16px}.picker-reset-btn{background:#fff;border:1px solid var(--ui-border);border-radius:6px;color:var(--ui-text-secondary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .15s,color .15s,border-color .15s}.picker-reset-btn:hover:not(:disabled){background:var(--ui-danger-tint);border-color:var(--ui-danger);color:var(--ui-danger)}.picker-reset-btn:disabled{color:var(--ui-border);cursor:not-allowed}.perm-key{font-feature-settings:"tnum";background:var(--ui-border-soft);border-radius:4px;color:var(--ui-text-muted);font-variant-numeric:tabular-nums}.perm-key,.perm-tag{font-size:10px;padding:2px 6px}.perm-tag{border-radius:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.perm-tag.auto{background:var(--ui-primary-tint);color:var(--ui-primary)}@media (max-width:768px){.roles-page{padding:16px}.roles-controls{align-items:stretch;flex-direction:column}.roles-controls-spacer{display:none}.role-row{flex-wrap:wrap;row-gap:8px}.role-row-main{flex-basis:calc(100% - 50px)}.role-row-badge{margin-left:50px;order:2}.role-row-actions{flex-basis:100%;justify-content:flex-end;padding-left:50px}.role-row-desc{max-width:none;white-space:normal}.role-modal{max-height:calc(100vh - 24px)}.role-modal-backdrop{align-items:flex-end;padding:12px}.role-editor{padding:16px}.role-editor-header{align-items:stretch;flex-direction:column}.role-editor-actions{flex-wrap:wrap;justify-content:flex-end}.role-editor-form-row{grid-template-columns:1fr}.picker-card-header{padding:12px 14px}.perm-key{word-break:break-all}}@media (max-width:420px){.role-editor{padding:12px}.role-editor-back{font-size:12px}.picker-card-header{align-items:flex-start;flex-direction:column;gap:4px}.perm-category-counts{font-size:10px}}.ot-row{border-bottom:1px solid var(--ui-surface-recessed);cursor:pointer;transition:background-color .2s}.ot-row.expanded,.ot-row:hover{background-color:var(--ui-primary-tint)}.psl-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 24px}.psl-loading__spinner{animation:psl-spin .75s linear infinite;border:3px solid var(--ui-border);border-radius:50%;border-top-color:var(--ui-primary);height:36px;width:36px}@keyframes psl-spin{to{transform:rotate(1turn)}}.psl-loading__text{color:var(--ui-text-muted);font-size:.875rem}.psl-error-state{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:80px 24px;text-align:center}.psl-error-state__icon{font-size:2.5rem}.psl-error-state__message{color:var(--ui-text-secondary);font-size:.9375rem;max-width:400px}.psl-error-state__back{background:#fff;border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text-secondary);cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:500;margin-top:8px;padding:8px 20px;transition:background .15s,border-color .15s}.psl-error-state__back:hover{background:var(--ui-bg);border-color:var(--ui-border)}.psl-page{padding-bottom:80px}.psl-breadcrumb{align-items:center;display:flex;font-size:.8125rem;gap:6px;margin-bottom:20px}.psl-breadcrumb__link{background:none;border:none;color:var(--ui-primary);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;padding:0}.psl-breadcrumb__link:hover{text-decoration:underline}.psl-breadcrumb__sep{color:var(--ui-border)}.psl-breadcrumb__current{color:var(--ui-text-secondary);font-weight:500}.psl-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.psl-title{color:var(--ui-text);font-size:1.375rem;font-weight:700;margin:0 0 4px}.psl-subtitle{color:var(--ui-text-muted);font-size:.875rem;margin:0}.psl-dl-wrap{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:5px}.psl-btn-download-all{background:var(--ui-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:600;padding:8px 18px;transition:background .15s}.psl-btn-download-all:hover{background:var(--ui-primary-hover)}.psl-btn-download-all:disabled{background:var(--ui-text-faint);cursor:not-allowed}.psl-dl-hint{color:var(--ui-text-muted);font-size:.6875rem}.psl-dl-hint__link{background:none;border:none;color:var(--ui-primary);cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:none}.psl-dl-hint__link:hover{text-decoration:underline}.psl-controls{align-items:center;background:#fff;border:1px solid var(--ui-border);border-bottom:none;border-radius:12px 12px 0 0;display:flex;gap:12px;padding:12px 20px}.psl-search{background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") 10px no-repeat;border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text-secondary);flex:1 1;font-family:inherit;font-size:.8125rem;outline:none;padding:8px 12px 8px 36px;transition:border-color .15s}.psl-search:focus{border-color:var(--ui-primary)}.psl-count{color:var(--ui-text-muted);font-size:.8125rem;margin-left:auto;white-space:nowrap}.psl-table-wrapper{background:#fff;border:1px solid var(--ui-border);border-radius:0 0 0 0;overflow:visible}.psl-table{border-collapse:collapse;font-size:.8125rem;width:100%}.psl-table thead th{background:var(--ui-primary);color:#fff;font-size:.6875rem;font-weight:600;letter-spacing:.05em;padding:11px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.psl-th-right{text-align:right!important}.psl-table tbody tr{border-bottom:1px solid var(--ui-surface-recessed);cursor:pointer;transition:background .1s}.psl-table tbody tr:hover{background:var(--ui-bg)}.psl-table tbody tr:last-child{border-bottom:none}.psl-table tbody td{padding:14px 16px;vertical-align:middle}.psl-td-right{text-align:right}.psl-td-secondary{color:var(--ui-text-secondary)}.psl-employee-cell{gap:10px}.psl-avatar,.psl-employee-cell{align-items:center;display:flex}.psl-avatar{background:linear-gradient(135deg,var(--ui-primary-tint) 0,var(--ui-primary-tint) 100%);border-radius:50%;color:var(--ui-primary);flex-shrink:0;font-size:.6875rem;font-weight:600;height:32px;justify-content:center;width:32px}.psl-employee-name{color:var(--ui-text);font-weight:500}.psl-employee-id{color:var(--ui-text-faint);font-size:.6875rem}.psl-currency,.psl-employee-id{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.psl-currency{font-size:.8125rem}.psl-currency--gross{color:var(--ui-accent);font-weight:600}.psl-currency--deduction{color:var(--ui-danger)}.psl-currency--net{color:var(--ui-primary-hover);font-weight:700}.psl-btn-download{background:var(--ui-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:500;padding:5px 12px;transition:background .15s;white-space:nowrap}.psl-btn-download:hover{background:var(--ui-primary-hover)}.psl-btn-download:disabled{background:var(--ui-text-faint);cursor:not-allowed}.psl-empty-cell{color:var(--ui-text-muted);font-style:italic;padding:48px 16px!important;text-align:center}.psl-footer{align-items:center;background:#fff;border:1px solid var(--ui-border);border-radius:0 0 12px 12px;border-top:none;display:flex;gap:16px;justify-content:space-between;padding:14px 20px}.psl-footer-stats{display:flex;gap:28px}.psl-footer-stat{display:flex;flex-direction:column;gap:1px}.psl-footer-stat__label{color:var(--ui-text-faint);font-size:.625rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.psl-footer-stat__value{font-feature-settings:"tnum";color:var(--ui-text);font-size:.9375rem;font-variant-numeric:tabular-nums;font-weight:700}.psl-footer-stat__value--gross{color:var(--ui-accent)}.psl-footer-stat__value--net{color:var(--ui-primary-hover)}.psl-footer-hint{color:var(--ui-text-faint);font-size:.75rem;font-style:italic;text-align:right}@media (min-width:769px){.psl-table thead th{top:64px}.psl-footer,.psl-table thead th{position:-webkit-sticky;position:sticky;z-index:2}.psl-footer{bottom:0}}@media (max-width:768px){.psl-header{flex-direction:column}.psl-dl-wrap,.psl-footer,.psl-header{align-items:flex-start}.psl-footer{flex-direction:column;gap:12px}.psl-footer-stats{flex-wrap:wrap;gap:16px}.psl-footer-hint{text-align:left}.psl-table-wrapper{overflow-x:auto}.psl-table{min-width:700px}}.psm-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:900}.psm-modal{border-radius:14px;box-shadow:0 20px 60px #0003;flex-direction:column;max-height:90vh;max-width:100%;overflow:hidden;width:680px}.psm-header,.psm-modal{background:#fff;display:flex}.psm-header{align-items:center;border-bottom:1px solid var(--ui-surface-recessed);flex-shrink:0;gap:12px;justify-content:space-between;padding:20px 24px}.psm-header__left{display:flex;flex-direction:column;gap:2px}.psm-header__title{color:var(--ui-text);font-size:1rem;font-weight:700}.psm-header__subtitle{color:var(--ui-text-muted);font-size:.8125rem}.psm-header__actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.psm-btn-download{background:var(--ui-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:600;padding:7px 16px;transition:background .15s;white-space:nowrap}.psm-btn-download:hover{background:var(--ui-primary-hover)}.psm-btn-download:disabled{background:var(--ui-text-faint);cursor:not-allowed}.psm-btn-close{align-items:center;background:#fff;border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text-faint);cursor:pointer;display:flex;font-family:inherit;font-size:1.125rem;height:32px;justify-content:center;line-height:1;transition:background .12s,color .12s;width:32px}.psm-btn-close:hover{background:var(--ui-bg);color:var(--ui-text-secondary)}.psm-body{flex:1 1;overflow-y:auto}.psm-doc{padding:28px 32px}.psm-company-header{align-items:flex-start;border-bottom:2px solid var(--ui-primary);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.psm-company-name{color:var(--ui-primary-hover);font-size:1.125rem;font-weight:700;margin-bottom:2px}.psm-company-address{color:var(--ui-text-muted);font-size:.75rem}.psm-company-header__right{text-align:right}.psm-payslip-title{color:var(--ui-primary);font-size:1.25rem;font-weight:700;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.psm-run-id{font-feature-settings:"tnum";color:var(--ui-text-faint);font-size:.6875rem;font-variant-numeric:tabular-nums}.psm-run-period{color:var(--ui-text-secondary);font-size:.75rem;margin-top:2px}.psm-section{margin-bottom:20px}.psm-section-label{color:var(--ui-text-faint);font-size:.625rem;font-weight:700;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.psm-emp-grid{grid-gap:8px 32px;display:grid;gap:8px 32px;grid-template-columns:1fr 1fr}.psm-emp-field{display:flex;flex-direction:column;gap:1px}.psm-emp-field__label{color:var(--ui-text-faint);font-size:.625rem;letter-spacing:.05em;text-transform:uppercase}.psm-emp-field__value{color:var(--ui-text);font-size:.8125rem;font-weight:500}.psm-mono{font-feature-settings:"tnum";font-size:.75rem!important;font-variant-numeric:tabular-nums}.psm-gov-ids{grid-gap:6px 32px;background:var(--ui-bg);border-radius:8px;display:grid;gap:6px 32px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:12px 16px}.psm-gov-id{align-items:center;display:flex;gap:8px}.psm-gov-id__label{color:var(--ui-text-muted);font-size:.625rem;font-weight:700;letter-spacing:.05em;min-width:64px;text-transform:uppercase}.psm-gov-id__value{font-feature-settings:"tnum";color:var(--ui-text-secondary);font-size:.75rem;font-variant-numeric:tabular-nums}.psm-table{border:1px solid var(--ui-border);border-collapse:collapse;border-radius:8px 8px 0 0;font-size:.8125rem;margin-bottom:0;overflow:hidden;width:100%}.psm-table thead th{background:var(--ui-primary);color:#fff;font-size:.625rem;font-weight:700;letter-spacing:.05em;padding:8px 12px;text-align:left;text-transform:uppercase}.psm-th-num{text-align:right!important}.psm-table tbody td{border-bottom:1px solid var(--ui-surface-recessed);color:var(--ui-text-secondary);padding:9px 12px}.psm-table tbody tr:last-child td{border-bottom:none}.psm-td-num{font-feature-settings:"tnum";font-size:.75rem;font-variant-numeric:tabular-nums;text-align:right}.psm-td-amount{font-weight:500}.psm-td-monthly{color:var(--ui-text-faint)!important}.psm-row-sublabel{color:var(--ui-text-faint);font-size:.6875rem;margin-left:4px}.psm-row--negative td{color:var(--ui-danger)}.psm-subtotal{align-items:center;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:0 0 8px 8px;border-top:none;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 12px}.psm-subtotal span:first-child{color:var(--ui-text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.psm-subtotal span:last-child{font-feature-settings:"tnum";font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:700}.psm-subtotal--gross span:last-child{color:var(--ui-accent)}.psm-subtotal--deduction span:last-child{color:var(--ui-danger)}.psm-net-pay{align-items:center;background:var(--ui-primary);border-radius:10px;display:flex;justify-content:space-between;margin-top:4px;padding:16px 20px}.psm-net-pay__label{color:#fff;font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.psm-net-pay__value{font-feature-settings:"tnum";color:#fff;font-size:1.375rem;font-variant-numeric:tabular-nums;font-weight:700}.psm-confidential{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text-faint);font-size:.6875rem;font-style:italic;margin-top:20px;padding:10px 16px;text-align:center}.psm-footer{align-items:center;background:#fff;border-top:1px solid var(--ui-surface-recessed);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:16px 24px}.psm-footer__id{color:var(--ui-text-faint);font-size:.75rem}.psm-footer__actions{display:flex;gap:8px}.psm-footer__btn-close{background:#fff;border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-text-secondary);cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:500;padding:7px 16px;transition:background .12s,border-color .12s}.psm-footer__btn-close:hover{background:var(--ui-bg);border-color:var(--ui-border)}.psm-footer__btn-download{background:var(--ui-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:600;padding:7px 16px;transition:background .15s}.psm-footer__btn-download:hover{background:var(--ui-primary-hover)}.psm-footer__btn-download:disabled{background:var(--ui-text-faint);cursor:not-allowed}@media (max-width:768px){.psm-overlay{align-items:flex-end;padding:0}.psm-modal{border-radius:14px 14px 0 0;max-height:95vh;width:100%}.psm-doc{padding:20px 16px}.psm-emp-grid{gap:8px}.psm-emp-grid,.psm-gov-ids{grid-template-columns:1fr}}.psl-bulk-overlay{align-items:center;background:#11182780;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.psl-bulk-overlay__card{align-items:center;background:var(--ui-surface);border-radius:14px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;gap:14px;min-width:240px;padding:32px 40px}.psl-bulk-overlay__spinner{animation:psl-spin .75s linear infinite;border:3px solid var(--ui-border);border-radius:50%;border-top-color:var(--ui-primary);height:36px;width:36px}.psl-bulk-overlay__label{color:var(--ui-text);font-size:.9375rem;font-weight:600}.psl-bulk-overlay__sub{color:var(--ui-text-muted);font-size:.8125rem;text-align:center}
/*# sourceMappingURL=main.476e36eb.css.map*/