body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#eff6ff;--text:#172033;--text-secondary:#64748b;--text-light:#94a3b8;--border:#dbe2ea;--border-light:#e8edf3;--background:#f4f7fb;--white:#fff;--danger:#dc2626;--radius:10px;--shadow:0 12px 40px #0f172a12}html{scroll-behavior:smooth}body{background:#f4f7fb;background:var(--background);color:#172033;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;min-height:100vh}.employee-page{min-height:100vh;padding:45px 20px;width:100%}.employee-card{background:#fff;background:var(--white);border:1px solid #e5eaf0;border-radius:18px;box-shadow:0 12px 40px #0f172a12;box-shadow:var(--shadow);margin:0 auto;overflow:hidden;width:min(1180px,100%)}.employee-header{align-items:center;background:linear-gradient(135deg,#fff,#f8fbff);border-bottom:1px solid #e8edf3;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:38px 42px}.employee-badge{background:#eff6ff;background:var(--primary-light);border-radius:6px;color:#2563eb;color:var(--primary);display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:10px;padding:5px 10px}.employee-header h1{color:#172033;color:var(--text);font-size:30px;font-weight:700;line-height:1.2;margin-bottom:6px}.employee-header p{color:#64748b;color:var(--text-secondary);font-size:14px}.header-icon{align-items:center;background:#eff6ff;background:var(--primary-light);border-radius:14px;color:#2563eb;color:var(--primary);display:flex;font-size:30px;font-weight:300;height:58px;justify-content:center;width:58px}.form-section{border-bottom:1px solid #e8edf3;border-bottom:1px solid var(--border-light);padding:35px 42px}.section-heading{align-items:center;display:flex;gap:14px;margin-bottom:28px}.section-number{align-items:center;background:#eff6ff;background:var(--primary-light);border-radius:10px;color:#2563eb;color:var(--primary);display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:42px;justify-content:center;width:42px}.section-heading h2{color:#172033;color:var(--text);font-size:18px;font-weight:700;margin-bottom:2px}.section-heading p{color:#64748b;color:var(--text-secondary);font-size:13px}.form-grid{grid-gap:22px 24px;display:grid;gap:22px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-group{min-width:0}.form-group.full-width{grid-column:1/-1}.form-group>label{color:#334155;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.form-group>label span{color:#dc2626;color:var(--danger)}.form-group>label small{color:#94a3b8;color:var(--text-light);font-weight:400}.form-group input[type=date],.form-group input[type=email],.form-group input[type=number],.form-group input[type=tel],.form-group input[type=text],.form-group select,.form-group textarea{background:#fff;border:1px solid #dbe2ea;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#172033;color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.form-group input[type=date],.form-group input[type=email],.form-group input[type=number],.form-group input[type=tel],.form-group input[type=text],.form-group select{height:46px;padding:0 14px}.form-group textarea{display:block;min-height:95px;padding:12px 14px;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0aec0}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#b8c4d2}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-group select{cursor:pointer}.radio-group{align-items:center;display:flex;gap:22px;min-height:46px;padding:0 4px}.radio-option{align-items:center;color:#475569;cursor:pointer;display:inline-flex;font-size:14px;gap:8px}.radio-option input{accent-color:#2563eb;accent-color:var(--primary);cursor:pointer;height:17px;margin:0;width:17px}.radio-option span{color:#475569}.upload-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:26px}.upload-box{align-items:center;background:#fafcff;border:1px dashed #cbd5e1;border-radius:12px;display:flex;gap:14px;min-width:0;padding:18px;transition:border-color .2s ease,background .2s ease}.upload-box:hover{background:#f8fbff;border-color:#2563eb;border-color:var(--primary)}.upload-icon{align-items:center;background:#eff6ff;background:var(--primary-light);border-radius:9px;color:#2563eb;color:var(--primary);display:flex;flex-shrink:0;font-size:22px;font-weight:600;height:42px;justify-content:center;width:42px}.upload-content{flex:1 1;min-width:0}.upload-content h3{color:#172033;color:var(--text);font-size:13px;font-weight:600;margin-bottom:2px}.upload-content p{color:#94a3b8;color:var(--text-light);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-button{align-items:center;background:#fff;border:1px solid #d8e0e9;border-radius:7px;color:#475569;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;justify-content:center;min-height:34px;padding:0 12px;position:relative;transition:border-color .2s ease,color .2s ease,background .2s ease}.file-button:hover{background:#eff6ff;background:var(--primary-light);border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.file-button input{height:1px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:1px}.file-actions{align-items:center;display:flex;flex-shrink:0;gap:7px}.remove-button{align-items:center;background:snow;border:1px solid #fecaca;border-radius:7px;color:#dc2626;color:var(--danger);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;justify-content:center;min-height:34px;padding:0 10px;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .15s ease}.remove-button:hover{background:#fef2f2;border-color:#dc2626;border-color:var(--danger);color:#b91c1c}.remove-button:active{transform:translateY(1px)}.remove-button:focus-visible{border-color:#dc2626;border-color:var(--danger);box-shadow:0 0 0 3px #dc26261a;outline:none}.input-error{background:snow!important}.input-error,.input-error:focus{border-color:#dc2626!important;border-color:var(--danger)!important}.input-error:focus{box-shadow:0 0 0 3px #dc26261a!important}.error-message{color:#dc2626;color:var(--danger);display:block;font-size:11px;font-weight:500;margin-top:6px}.upload-box:has(.error-message){background:snow;border-color:#dc2626;border-color:var(--danger)}.experience-group{min-width:0}.experience-group>label{color:#334155;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.experience-fields{align-items:flex-start;display:flex;gap:20px}.experience-item{align-items:center;display:flex;gap:8px}.experience-item .form-group{margin:0;width:60px}.experience-item span{color:#475569;font-size:14px;font-weight:500;white-space:nowrap}.experience-item input[type=number]{width:60px}.experience-item input[type=number]::-webkit-inner-spin-button,.experience-item input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.experience-item input[type=number]{appearance:textfield}.ifsc-group{min-width:0}.ifsc-input-row{align-items:flex-start;display:flex;gap:0}.ifsc-input-row .form-group{flex:1 1;margin:0;min-width:0}.ifsc-input-row .form-group input{border-radius:10px 0 0 10px;border-radius:var(--radius) 0 0 var(--radius)}.ifsc-input-row .form-group input:disabled{cursor:default}.ifsc-edit-button{align-items:center;background:#fff;border:1px solid #dbe2ea;border:1px solid var(--border);border-left:0;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:46px;justify-content:center;margin-top:27.5px;padding:0;transition:background .2s ease,color .2s ease,border-color .2s ease;width:44px}.ifsc-edit-button img{display:block;height:17px;opacity:.75;transition:transform .2s ease,opacity .2s ease;width:17px}.ifsc-edit-button:hover{background:#f8fafc;color:#2563eb;color:var(--primary)}.ifsc-edit-button:hover img{opacity:1;transform:scale(1.06)}.ifsc-check-button{align-items:center;background:#fff;border:1px solid #dbe2ea;border:1px solid var(--border);border-left:0;border-radius:0 10px 10px 0;border-radius:0 var(--radius) var(--radius) 0;cursor:pointer;display:flex;flex-shrink:0;height:46px;justify-content:center;margin-top:27.5px;padding:0;transition:background .2s ease,border-color .2s ease,opacity .2s ease;width:46px}.ifsc-check-button img{display:block;height:19px;transition:transform .2s ease,opacity .2s ease;width:19px}.ifsc-check-button.idle{background:#fff;border-color:#dbe2ea;border-color:var(--border)}.ifsc-check-button.idle:hover{background:#eff6ff;background:var(--primary-light);border-color:#dbe2ea;border-color:var(--border)}.ifsc-check-button.idle:hover img{transform:scale(1.08)}.ifsc-check-button.loading{background:#eff6ff;background:var(--primary-light);border-color:#2563eb;border-color:var(--primary);cursor:wait}.ifsc-check-button.loading img{animation:ifsc-loading .8s linear infinite}@keyframes ifsc-loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ifsc-check-button.success{background:#16a34a;border-color:#16a34a;cursor:default}.ifsc-check-button.success img{filter:brightness(0) invert(1)}.ifsc-check-button.success:hover{background:#15803d;border-color:#15803d}.ifsc-check-button.error{background:snow;border-color:#dc2626;border-color:var(--danger)}.ifsc-check-button.error:hover{background:#fef2f2;border-color:#dc2626;border-color:var(--danger)}.ifsc-check-button:disabled{cursor:not-allowed;opacity:.7}.ifsc-input-row .form-group input:disabled{background:#f8fafc;color:#172033;color:var(--text);cursor:not-allowed;opacity:1}.ifsc-details-card{background:#f8fafc;border:1px solid #e8edf3;border:1px solid var(--border-light);border-radius:12px;margin-top:16px;padding:18px}.ifsc-details-header{align-items:center;border-bottom:1px solid #e8edf3;border-bottom:1px solid var(--border-light);display:flex;gap:12px;margin-bottom:15px;padding-bottom:15px}.ifsc-bank-icon{align-items:center;background:#eff6ff;background:var(--primary-light);border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:42px;justify-content:center;width:42px}.ifsc-details-header h3{color:#172033;color:var(--text);font-size:14px;font-weight:700;margin:0 0 2px}.ifsc-details-header p{color:#64748b;color:var(--text-secondary);font-size:12px;margin:0}.ifsc-details-grid{grid-gap:14px 24px;display:grid;gap:14px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}.ifsc-details-grid>div{display:flex;flex-direction:column;gap:3px;min-width:0}.ifsc-details-grid span{color:#94a3b8;color:var(--text-light);font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.ifsc-details-grid strong{color:#172033;color:var(--text);font-size:13px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}.ifsc-details-grid .ifsc-address{grid-column:1/-1}.form-footer{align-items:center;background:#fafbfc;display:flex;gap:20px;justify-content:space-between;padding:24px 42px}.form-footer p{color:#64748b;color:var(--text-secondary);font-size:12px}.form-footer p span{color:#dc2626;color:var(--danger)}.form-actions{align-items:center;display:flex;gap:10px}.btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:9px;justify-content:center;min-height:44px;padding:0 18px;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease,box-shadow .2s ease}.btn:active{transform:translateY(1px)}.btn-secondary{background:#fff;border:1px solid #d8e0e9;color:#475569}.btn-secondary:hover{background:#f8fafc;border-color:#c2ccd8}.btn-primary{background:#2563eb;background:var(--primary);border:1px solid #2563eb;border:1px solid var(--primary);box-shadow:0 4px 12px #2563eb2e;color:#fff}.btn-primary:hover{background:#1d4ed8;background:var(--primary-dark);border-color:#1d4ed8;border-color:var(--primary-dark);box-shadow:0 6px 16px #2563eb40}@media (max-width:900px){.employee-page{padding:25px 15px}.employee-header,.form-section{padding:30px}.form-footer{padding:22px 30px}.upload-grid{grid-template-columns:1fr}}@media (max-width:650px){.employee-page{padding:0}.employee-card{border-left:0;border-radius:0;border-right:0}.employee-header{padding:25px 20px}.employee-header h1{font-size:24px}.header-icon{display:none}.form-section{padding:28px 20px}.form-grid{gap:18px;grid-template-columns:1fr}.form-group.full-width{grid-column:auto}.radio-group{flex-wrap:wrap;gap:15px}.upload-grid{grid-template-columns:1fr}.upload-box{align-items:flex-start}.upload-content{min-width:0}.file-button{align-self:center}.file-actions{align-items:stretch;flex-direction:column;gap:6px}.file-button,.remove-button{width:100%}.experience-fields{gap:12px}.experience-item .form-group,.experience-item input[type=number]{width:60px}.ifsc-check-button{height:46px;width:44px}.ifsc-edit-button{height:46px;width:42px}.ifsc-details-grid{grid-template-columns:1fr}.ifsc-details-grid .ifsc-address{grid-column:auto}.form-footer{align-items:stretch;flex-direction:column;padding:22px 20px}.form-actions{width:100%}.form-actions .btn{flex:1 1}}
/*# sourceMappingURL=main.d7a49bec.css.map*/