.auth-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.auth-sliding-container{animation:authModalPop .4s ease-out;background-color:#fff;border-radius:30px;box-shadow:0 25px 50px -12px #00000040;max-width:100%;min-height:480px;overflow:hidden;position:relative;width:768px}@keyframes authModalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.auth-form-container{height:100%;position:absolute;top:0;transition:all .6s ease-in-out}.auth-form-container form{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 50px;text-align:center}.auth-title{color:#1e3a8a;font-size:2rem;font-weight:800;margin-bottom:5px}.auth-subtitle{color:#64748b;font-size:14px;margin-bottom:25px}.auth-input-group{margin:8px 0;width:100%}.auth-input-group input{background-color:#f1f5f9;border:1.5px solid #0000;border-radius:10px;font-size:14px;outline:none;padding:12px 15px;transition:border-color .2s;width:100%}.auth-input-group input:focus{background-color:#fff;border-color:#2563eb}.auth-link{color:#64748b;font-size:13px;margin:15px 0;text-decoration:none;transition:color .2s}.auth-link:hover{color:#2563eb}.password-wrapper{position:relative}.password-wrapper input{padding-right:45px!important}.pwd-toggle{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;padding:5px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s}.pwd-toggle:hover{color:#2563eb}.auth-btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;box-shadow:0 10px 15px -3px #2563eb4d;color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;margin-top:10px;padding:12px 45px;text-transform:uppercase;transition:transform .2s,box-shadow .2s}.auth-btn-primary:active{transform:scale(.95)}.auth-btn-ghost{background-color:initial;border:2px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;margin-top:10px;padding:10px 45px;text-transform:uppercase;transition:background .2s,color .2s}.auth-btn-ghost:hover{background-color:#fff;color:#2563eb}.sign-in{left:0;width:50%;z-index:2}.auth-sliding-container.active .sign-in{transform:translateX(100%)}.sign-up{left:0;opacity:0;width:50%;z-index:1}.auth-sliding-container.active .sign-up{animation:showSignUp .6s;opacity:1;transform:translateX(100%);z-index:5}@keyframes showSignUp{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.auth-toggle-container{border-radius:150px 0 0 100px;height:100%;left:50%;overflow:hidden;position:absolute;top:0;transition:all .6s ease-in-out;width:50%;z-index:1000}.auth-sliding-container.active .auth-toggle-container{border-radius:0 150px 100px 0;transform:translateX(-100%)}.auth-toggle-overlay{background-position:50%;background-size:cover;color:#fff;height:100%;left:-100%;position:relative;transform:translateX(0);transition:all .6s ease-in-out;width:200%}.auth-toggle-overlay:before{background:#1e3a8a4d;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.auth-sliding-container.active .auth-toggle-overlay{transform:translateX(50%)}.auth-toggle-panel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 40px;position:absolute;text-align:center;top:0;transform:translateX(0);transition:all .6s ease-in-out;width:50%}.auth-toggle-panel h1{font-weight:800;margin-bottom:10px}.auth-toggle-panel p{font-size:14px;line-height:1.5;margin-bottom:20px}.panel-left{transform:translateX(-200%)}.auth-sliding-container.active .panel-left,.panel-right{transform:translateX(0)}.panel-right{right:0}.auth-sliding-container.active .panel-right{transform:translateX(200%)}.auth-error{color:#dc2626;font-size:12px;font-weight:600;margin-top:10px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-container{background:linear-gradient(135deg,#eff6ff,#e0e7ff);min-height:100vh}.hero-section{overflow:hidden;position:relative}.hero-content{margin:0 auto;max-width:1280px;padding:2rem 1rem}.hero-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr}@media (min-width:768px){.hero-grid{grid-template-columns:1fr 1fr}}.hero-text h1{color:#111827;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.2rem}.hero-text p{color:#374151;font-size:1.25rem;line-height:1.6;margin-bottom:1.2rem}.hero-features{display:flex;flex-direction:column;gap:1rem}.feature-item{align-items:start;display:flex;gap:.75rem}.feature-icon{align-items:center;background-color:#2563eb;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;height:1.5rem;justify-content:center;margin-top:.25rem;width:1.5rem}.feature-content h3{color:#111827;font-weight:600;margin-bottom:.25rem}.feature-content p{color:#6b7280;font-size:.875rem}.hero-image img{border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;height:auto;width:100%}.features-section{background-color:#fff;padding:3rem 0}.features-content{margin:0 auto;max-width:1280px;padding:0 1rem}.features-content h2{color:#111827;font-size:2rem;font-weight:700;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{padding:1.5rem;text-align:center}.feature-card-icon{align-items:center;background-color:#dbeafe;border-radius:50%;display:flex;font-size:2rem;height:4rem;justify-content:center;margin:0 auto 1rem;width:4rem}.feature-card h3{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.feature-card p{color:#6b7280}.main-content{margin:0 auto;max-width:1280px;padding:2rem 1rem}.content-header{margin-bottom:2rem;text-align:center}.content-header h2{color:#111827;font-size:2rem;font-weight:700;margin-bottom:.5rem}.content-header p{color:#6b7280}.btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;padding:.625rem 1.25rem;transition:all .2s}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8}.btn-back{margin-bottom:1rem}.form-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;margin:0 auto;max-width:56rem;padding:2rem}.form-card h2{color:#111827;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.form-container{gap:1.5rem}.form-container,.form-group{display:flex;flex-direction:column}.form-label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.625rem .75rem;transition:all .2s;width:100%}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.form-grid{grid-template-columns:1fr 1fr}}.form-section{border-top:1px solid #e5e7eb;padding-top:1rem}.form-section h3{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.letterhead-preview{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.letterhead-preview img{height:5rem;width:auto}.color-preview-wrapper{align-items:center;display:flex;gap:.5rem}.color-preview-wrapper span{color:#6b7280;font-size:.875rem}.color-preview{border:1px solid #d1d5db;border-radius:.25rem;height:2rem;width:2rem}.btn-submit{margin-top:.5rem;padding:.75rem;width:100%}:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:0.5rem;--sidebar-background:0 0% 98%;--sidebar-foreground:240 5.3% 26.1%;--sidebar-primary:240 5.9% 10%;--sidebar-primary-foreground:0 0% 98%;--sidebar-accent:240 4.8% 95.9%;--sidebar-accent-foreground:240 5.9% 10%;--sidebar-border:220 13% 91%;--sidebar-ring:217.2 91.2% 59.8%}.payslip-container{background:#fff;box-sizing:border-box;color:#333;font-family:Arial,sans-serif;height:297mm;margin:0 auto;overflow:hidden;position:relative;width:210mm}.payslip-letterhead-bg{height:297mm;left:0;object-fit:fill;position:absolute;top:0;width:210mm;z-index:0}.payslip-body{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding-left:20mm;padding-right:20mm;position:relative;z-index:1}.payslip-header{border-bottom:3px solid;border-color:var(--primary-color);padding-bottom:20px;text-align:center}.payslip-title{color:var(--primary-color);font-size:24px;font-weight:700;letter-spacing:2px;margin:10px 0;text-transform:uppercase}.payslip-content{flex-grow:1;padding-top:30px}.payslip-section{margin-bottom:25px}.payslip-section-title{border-bottom:2px solid;border-color:var(--primary-color);color:var(--primary-color);font-size:16px;font-weight:700;margin-bottom:15px;padding-bottom:5px;text-transform:uppercase}.payslip-info-grid{grid-gap:10px 20px;display:grid;gap:10px 20px;grid-template-columns:1fr 1fr}.payslip-info-item{display:flex;justify-content:space-between;padding:8px 0}.payslip-label{color:#555;font-weight:600}.payslip-value{color:#000;font-weight:500}.payslip-table{border-collapse:collapse;margin-top:20px;width:100%}.payslip-table td,.payslip-table th{border:1px solid #ddd;font-size:13px;padding:10px}.payslip-table th{font-size:14px;font-weight:700;text-transform:uppercase}.payslip-table td{font-size:14px}.payslip-table tr:nth-child(2n){background-color:#f9f9f9}.payslip-total-row{background-color:#f5f5f5;font-weight:700}.payslip-signature-wrapper{text-align:center;width:60mm;z-index:5}.payslip-footer-signature{align-items:center;display:flex;flex-direction:column}.payslip-footer-signature img{margin-bottom:5px;max-height:25mm;max-width:100%;object-fit:contain}.signature-label{color:#333;font-size:11px;font-weight:700;padding-top:5px;text-align:center;width:100%}@media print{.payslip-container{box-shadow:none;margin:0}}.history-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:56rem;padding:2rem}.history-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.history-header h2{color:#111827;font-size:1.25rem;font-weight:700;margin:0}.history-badge{background-color:#eff6ff;border-radius:9999px;color:#2563eb;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.history-table-wrapper{overflow-x:auto}.history-table{border-collapse:collapse;text-align:left;width:100%}.history-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-transform:uppercase}.history-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:.9rem;padding:1rem;vertical-align:middle}.history-table tr:hover{background-color:#f9fafb}.history-table tr:last-child td{border-bottom:none}.date-cell{color:#6b7280;font-size:.85rem;white-space:nowrap}.history-thumbnail{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;height:2.5rem;max-width:80px;object-fit:contain;width:auto}.no-img{color:#9ca3af;font-size:.75rem;font-style:italic}.font-medium{color:#111827;font-weight:500}.text-right{text-align:right}.action-buttons{display:flex;gap:.5rem;justify-content:flex-end}.btn-action{border:none;border-radius:.375rem;cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .2s}.btn-load{background-color:#eff6ff;color:#2563eb}.btn-load:hover{background-color:#dbeafe}.btn-delete{background-color:#fef2f2;color:#ef4444}.btn-delete:hover{background-color:#fee2e2}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#374151;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.empty-state p{color:#9ca3af;font-size:.9rem}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-card{animation:slideUp .3s ease-out;background:#fff;border-radius:.5rem;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;padding:1.5rem;width:100%}.modal-header h3{color:#dc2626;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.modal-body p{color:#000;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-modal{border:1px solid #0000;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-modal-cancel{background-color:#fff;border-color:#d1d5db;color:#374151}.btn-modal-cancel:hover{background-color:#f3f4f6}.btn-modal-delete{background-color:#dc2626;color:#fff}.btn-modal-delete:hover{background-color:#b91c1c}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;z-index:10000}.modal-card{border:1px solid #f3f4f6;box-shadow:0 25px 50px -12px #00000040}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.5823c4f5.css.map*/