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}*{box-sizing:border-box;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.login-page{align-items:center;background:#f4f6f8;display:flex;height:100vh;justify-content:center;width:100%}.login-container{max-width:500px;padding:20px;width:100%}.login-card{background:#fffffff2;border-radius:16px;box-shadow:0 12px 25px #00000026;height:auto;padding:40px 30px;transition:transform .3s ease,box-shadow .3s ease;width:500px}.login-card:hover{box-shadow:0 16px 35px #0003;transform:translateY(-3px)}.logo-wrapper{display:flex;justify-content:center;margin-bottom:25px}.login-logo{height:auto;width:250px}.login-title{color:#1e3c72;font-size:1.8rem;font-weight:700;margin-bottom:30px;text-align:center}.login-form input{background:#fff;border:1px solid #ccc;border-radius:12px;color:#333;font-size:1rem;margin-bottom:20px;padding:14px 18px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.login-form input::placeholder{color:#999}.login-form input:focus{border-color:#1e3c72;box-shadow:0 0 8px #1e3c724d;outline:none}.password-wrapper{position:relative}.password-toggle{color:#1e3c72;cursor:pointer;font-size:1.2rem;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:transform .2s ease;-webkit-user-select:none;user-select:none}.password-toggle:hover{transform:translateY(-50%) scale(1.2)}.login-btn{background:#1e3c72;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 0;transition:all .3s ease;width:100%}.login-btn:hover{background:#2a5298;box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.custom-alert{background:#ff4d4f;border-radius:12px;box-shadow:0 6px 15px #0003;left:50%;padding:12px 22px;top:20px;transform:translateX(-50%);z-index:999}@media screen and (max-width:480px){.login-card{padding:30px 20px}.login-title{font-size:1.5rem}}.alert-overlay{align-items:center;animation:fadeIn .3s ease;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.alert-box{animation:popIn .4s ease;-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);background:#ffffff1f;border-radius:20px;box-shadow:0 8px 25px #00000080;color:#fff;max-width:350px;padding:2rem 2.5rem;text-align:center;width:90%}.alert-box p{font-size:1.1rem;margin-bottom:1.5rem}.alert-btn{background:linear-gradient(135deg,#4cc9f0,#4361ee,#7209b7);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:10px 25px;transition:transform .3s ease,box-shadow .3s ease}.alert-btn:hover{box-shadow:0 8px 20px #0006;transform:scale(1.05)}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.transloader-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.loader-wrapper,.transloader-overlay{align-items:center;display:flex;justify-content:center}.loader-wrapper{height:200px;position:relative;width:200px}.loader-logo{border-radius:12px;height:140px;object-fit:contain;width:140px;z-index:2}.loader-ring{animation:spin 1s linear infinite;border:6px solid #1e3c7233;border-radius:50%;border-top-color:#1e3c72;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:480px){.loader-wrapper{height:140px;width:140px}.loader-logo{height:100px;width:100px}.loader-ring{border-width:4px}}.dashboard-container{display:flex;font-family:Arial,sans-serif;height:100vh}.sidebar{background-color:#0d1b2a;color:#fff;flex-direction:column;padding:1rem;width:220px}.company-logo-wrapper,.sidebar{align-items:center;display:flex}.company-logo-wrapper{background-color:#ffffff1a;border-radius:12px;height:80px;justify-content:center;margin-bottom:2rem;width:80px}.company-logo-wrapper img{border-radius:10px;height:60px;object-fit:cover;width:60px}.sidebar-options{display:flex;flex-direction:column;gap:.5rem;width:100%}.sidebar-btn{background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1rem;text-align:left;transition:.3s ease;width:100%}.sidebar-btn:hover{background:#ffffff1a}.sidebar-btn.active{background:#fff3}.logout-btn{background-color:#1b263b;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;margin-top:auto;padding:.7rem;width:100%}.logout-btn:hover{box-shadow:0 4px 12px #fff6;transform:translateY(-2px)}.main-content{background-color:#fff;flex:1 1;overflow-y:auto;padding:2rem;position:relative}.top-bar{align-items:center;display:flex;height:60px;justify-content:center;margin-bottom:2rem}.page-title{font-size:1.8rem;font-weight:700;left:50%;position:absolute;transform:translateX(-50%)}.top-bar{border-bottom:1px solid #ddd;padding:10px 20px;position:relative}.employee-info-top-right{align-items:center;display:flex;gap:10px;position:absolute;right:20px;top:10px}.profile-img{border-radius:50%;height:50px;object-fit:cover;width:50px}.employee-details{display:flex;flex-direction:column;text-align:right}.employee-name{font-size:14px;font-weight:600}.employee-id{color:#666;font-size:12px}.employee-role{color:#999;font-size:12px}.content-card{background:#f5f5f5;box-shadow:0 4px 12px #0000001a;font-size:1.1rem;padding:2rem}.no-image-pi{align-items:center;background-color:#f0f0f0;border:2px dashed #ccc;border-radius:8px;box-shadow:0 2px 6px #00000014;color:#999;display:flex;font-size:14px;font-weight:600;height:75px;justify-content:center;text-align:center;transition:all .2s ease-in-out;width:75px}.no-image-pi:hover{background-color:#eaeaea;border-color:#bbb;color:#666;transform:scale(1.03)}.profile-card{background:#fff;border-radius:12px;box-shadow:0 8px 25px #0000001a;font-family:Arial,sans-serif;margin:30px auto;max-width:900px;padding:30px}.profile-header{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.profile-header h2{color:#1f2c56;font-size:24px;margin-top:10px}.profile-img-main{border:3px solid #1f2c56;border-radius:50%;object-fit:cover}.no-image,.profile-img-main{height:120px;margin-bottom:10px;width:120px}.no-image{align-items:center;background-color:#e0e0e0;border-radius:50%;color:#666;display:flex;font-size:14px;justify-content:center}.progress-bar-container{background:#f0f0f0;border-radius:8px;height:12px;margin-bottom:5px;overflow:hidden;width:100%}.progress-bar-fill{background:#1f78ff;border-radius:8px;height:100%;transition:width .3s ease}.profile-completion-text{color:#1f78ff;font-size:14px;font-weight:700;margin-bottom:20px;text-align:right}.profile-grid{display:flex;flex-direction:column;gap:15px}.profile-grid .row{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.profile-grid label{font-weight:700;width:150px}.profile-grid input[type=date],.profile-grid input[type=text]{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:14px;padding:8px 10px}.profile-grid input:disabled{background-color:#69c7f3;color:#000;font-weight:600px}.image-group{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.image-group .image-field{align-items:center;display:flex;flex-direction:column;width:150px}.profile-img-preview{border:2px solid #1f78ff;border-radius:8px;height:120px;margin-bottom:5px;object-fit:cover;width:120px}.profile-card .update-btn{background:linear-gradient(135deg,#1e90ff,#4dabf7);border:none;border-radius:8px;box-shadow:0 5px 15px #007bff4d;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;margin:20px auto 0;padding:12px 28px;transition:all .3s ease}.profile-card .update-btn:hover{background:linear-gradient(135deg,#4dabf7,#1e90ff);box-shadow:0 8px 20px #007bff66;transform:translateY(-2px)}.profile-card .update-btn:disabled{background:#999;box-shadow:none;cursor:not-allowed}@media screen and (max-width:768px){.profile-grid .row{flex-direction:column;gap:10px}.profile-grid label{width:100%}}.manage-employees-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px}.add-btn{background-color:#1d72b8;border:none;border-radius:6px;box-shadow:0 3px 6px #00000029;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.add-btn:hover{background-color:#155a8a;box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.modal-overlay{animation:fadeIn .3s forwards;background:#1e1e1e99;opacity:0;z-index:999}.modal-content{animation:slideDown .3s forwards;border-radius:10px;padding:25px 35px;transform:translateY(-30px);width:420px}@keyframes slideDown{to{transform:translateY(0)}}.modal-content h2{color:#1d72b8;font-size:24px;margin-bottom:20px;margin-top:0;text-align:center}.modal-content form label{color:#333;display:block;font-weight:600;margin-bottom:6px;margin-top:12px}.modal-content form input,.modal-content form select{border:1px solid #ccc;border-radius:6px;font-size:15px;padding:10px 12px;transition:all .2s ease;width:100%}.modal-content form input:focus,.modal-content form select:focus{border-color:#1d72b8;box-shadow:0 0 6px #1d72b84d;outline:none}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.modal-buttons button{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:8px 18px;transition:all .3s ease}.modal-buttons button[type=submit]{background-color:#1d72b8;color:#fff}.modal-buttons button[type=submit]:hover{background-color:#155a8a;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.modal-buttons button[type=button]{background-color:#e0e0e0;color:#333}.modal-buttons button[type=button]:hover{background-color:#c8c8c8;transform:translateY(-2px)}@media (max-width:480px){.modal-content{padding:20px 25px;width:90%}}.table-search{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:15px;padding:8px 12px;transition:all .3s ease;width:300px}.table-search:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.rdt_Table{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.rdt_TableHead{background:linear-gradient(135deg,#667eea,#764ba2)!important;font-weight:600}.rdt_TableHead .rdt_TableCol{border-right:1px solid #ffffff1a;color:#fff!important;font-size:14px;font-weight:600;padding:12px 15px}.rdt_TableHead .rdt_TableCol:last-child{border-right:none}.rdt_TableHeader{color:#fff!important;font-size:16px;font-weight:600;padding:12px 15px!important}.rdt_TableHeadRow,.rdt_TableHeader{background:linear-gradient(135deg,#667eea,#764ba2)!important}.rdt_TableHeadRow .rdt_TableCol{background:#0000!important;color:#fff!important}.rdt_TableBody{background-color:#fff}.rdt_TableRow{border-bottom:1px solid #f0f0f0;transition:all .3s ease}.rdt_TableRow:hover{background-color:#f8f9fa!important;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.rdt_TableCell{border-right:1px solid #f0f0f0;color:#333;font-size:14px;padding:12px 15px}.rdt_TableCell:last-child{border-right:none}.deactivate-btn,.reactivate-btn,.update-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.5px;margin:2px;padding:6px 12px;text-transform:uppercase;transition:all .3s ease}.update-btn{background-color:#ffc107;color:#212529}.update-btn:hover{background-color:#e0a800;box-shadow:0 2px 4px #ffc1074d;transform:translateY(-1px)}.deactivate-btn{background-color:#dc3545;color:#fff}.deactivate-btn:hover{background-color:#c82333;box-shadow:0 2px 4px #dc35454d;transform:translateY(-1px)}.reactivate-btn{background-color:#28a745;color:#fff}.reactivate-btn:hover{background-color:#218838;box-shadow:0 2px 4px #28a7454d;transform:translateY(-1px)}.rdt_Pagination{background-color:#f8f9fa;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1px solid #e0e0e0;padding:10px}.rdt_Pagination button{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;margin:0 2px;padding:6px 12px;transition:all .3s ease}.rdt_Pagination button:hover:not(:disabled){background-color:#007bff;border-color:#007bff;color:#fff}.rdt_Pagination button:disabled{cursor:not-allowed;opacity:.5}.rdt_Pagination select{border:1px solid #ddd;border-radius:4px;margin:0 5px;padding:4px 8px}.rdt_TableCell .rdt_Checkbox,.rdt_TableCol .rdt_Checkbox{border:2px solid #ddd;border-radius:3px;height:18px;transition:all .3s ease;width:18px}.rdt_TableCell .rdt_Checkbox input,.rdt_TableCol .rdt_Checkbox input{opacity:0}.rdt_TableCell .rdt_Checkbox.checked,.rdt_TableCol .rdt_Checkbox.checked{background-color:#007bff;border-color:#007bff}.rdt_TableCell .rdt_Checkbox.checked:after,.rdt_TableCol .rdt_Checkbox.checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.table-search{margin-bottom:10px;width:100%}.rdt_TableCell{font-size:13px;padding:8px 10px}.deactivate-btn,.reactivate-btn,.update-btn{font-size:11px;margin:1px;padding:4px 8px}.rdt_TableHead .rdt_TableCol{color:#fff!important;font-size:13px;padding:10px 12px}}.rdt_TableCol,div[role=columnheader]{color:#fff!important}.rdt_TableCol{background:linear-gradient(135deg,#667eea,#764ba2)!important}.rdt_TableHead *{color:#fff!important}.rdt_TableRow.rdt_TableRow--loading{opacity:.6;pointer-events:none}.rdt_Table .rdt_EmptyState{color:#6c757d;font-style:italic;padding:40px 20px;text-align:center}.rdt_TableCol_Sortable{cursor:pointer;padding-right:20px!important;position:relative}.rdt_TableCol_Sortable:hover{background-color:#ffffff1a!important}.rdt_TableCol_Sortable:after{color:#fff!important;content:"↕";font-size:12px;opacity:.7;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.rdt_TableCol_Sortable.sort-asc:after{color:#fff!important;content:"↑";opacity:1}.rdt_TableCol_Sortable.sort-desc:after{color:#fff!important;content:"↓";opacity:1}.content-card{font-family:Segoe UI,Arial,sans-serif}.content-card h2{color:#2c3e50;font-size:22px;font-weight:700;margin-bottom:20px;text-align:center}.dropdown-container{display:flex;flex-direction:column}.dropdown-container label{color:#555;font-weight:600;margin-bottom:6px}.dropdown-container select{background:#f9f9f9;border:1px solid #ccc;border-radius:8px;font-size:14px;outline:none;padding:10px}.dropdown-container select:focus{border-color:#007bff;box-shadow:0 0 4px #007bff4d}.task-details-card{background:#fff;border-radius:12px;box-shadow:0 6px 18px #00000014;margin-top:20px;padding:20px}.task-title{border-bottom:2px solid #f0f0f0;color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:8px}.task-row{grid-gap:15px;display:grid;font-size:14px;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:15px}.task-row.single{grid-template-columns:1fr}.task-row div{background:#f9fafb;border:1px solid #eee;border-radius:8px;padding:10px 12px}.task-row strong{color:#2c3e50}.task-images{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.task-images img{border:1px solid #ddd;border-radius:6px;cursor:pointer;height:100px;object-fit:cover;transition:transform .2s ease;width:120px}.task-images img:hover{transform:scale(1.05)}.no-image{color:#888;font-style:italic;margin-top:5px}.lightbox-overlay{background:#000000e6;inset:0;position:fixed;z-index:2000}.lightbox-content,.lightbox-overlay{align-items:center;display:flex;justify-content:center}.lightbox-content{max-height:90%;max-width:90%;position:relative}.lightbox-content img{border-radius:8px;box-shadow:0 4px 15px #00000080;max-height:80vh;max-width:100%;pointer-events:none}.lightbox-close,.lightbox-next,.lightbox-prev{background:#1e90ff;border:none;border-radius:50%;color:#333;cursor:pointer;font-size:28px;font-weight:700;padding:10px 15px;position:absolute;transition:background .2s;-webkit-user-select:none;user-select:none}.lightbox-close:hover,.lightbox-next:hover,.lightbox-prev:hover{background:#fff}.lightbox-close{right:-50px;top:-75px}.lightbox-prev{left:-50px}.lightbox-next,.lightbox-prev{top:50%;transform:translateY(-50%)}.lightbox-next{right:-50px}@media screen and (max-width:768px){.task-row{grid-template-columns:1fr}.task-images img{height:80px;width:100px}}.content-card{box-shadow:0 8px 20px #00000014;padding:25px}.task-section{margin-bottom:40px}.task-section h3{color:#333;font-size:20px;font-weight:600;margin-bottom:15px}.task-table{background:#fafafa;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.task-table thead{background:#007bff;color:#fff}.task-table td,.task-table th{border-bottom:1px solid #e5e5e5;font-size:14px;padding:12px 15px;text-align:left}.task-table th{font-size:13px;font-weight:600;text-transform:uppercase}.task-table tr:hover{background:#f1f7ff}.no-data{color:#777;font-style:italic;padding:20px;text-align:center}.task-table button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:background .2s ease-in-out}.task-table button:hover{background:#0056b3}.task-table td:nth-child(7){font-weight:600}.task-table td:nth-child(7).status-pending{color:#d9534f}.task-table td:nth-child(7).status-completed{color:#28a745}.modal-overlay{background:#000000d9}.modal-content{box-shadow:0 8px 25px #00000040;max-width:700px;padding:25px;text-align:center;width:90%}.modal-content img{border:2px solid #eee;border-radius:10px;max-height:450px;max-width:100%}.close-btn{color:#666;font-size:26px;right:18px}.image-container{gap:20px;margin:15px 0}.nav-btn{background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;padding:12px 16px;transition:background .2s ease-in-out}.nav-btn:hover{background:#0056b3}.modal-content p{color:#555;font-size:14px;margin-top:10px}.status-pending{color:#d9534f;font-weight:600}.status-completed{color:#28a745;font-weight:600}.content-card{background-color:#fff;box-shadow:0 8px 30px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:900px}.content-card h3{color:#333}.content-card h3,.task-dropdown{margin-bottom:20px}.task-dropdown label{color:#555;display:block;font-weight:600;margin-bottom:6px}.task-dropdown select{border:1px solid #ccc;border-radius:8px;font-size:15px;outline:none;padding:10px 12px;transition:border-color .2s ease;width:100%}.task-dropdown select:focus{border-color:#007bff}.updates-section h4{color:#444;margin-bottom:12px}.updates-table{border-collapse:collapse;margin-bottom:20px;width:100%}.updates-table td,.updates-table th{border:1px solid #e0e0e0;font-size:14px;padding:12px 10px;text-align:left}.updates-table th{background-color:#0062ff;color:#fff;font-weight:600}.updates-table tr:nth-child(2n){background-color:#fafafa}.updates-table button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .2s ease}.updates-table button:hover{background-color:#0056b3}.add-update-btn{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:background-color .2s ease}.add-update-btn:hover{background-color:#218838}.modal-overlay{background-color:#00000080;padding:15px;z-index:9999}.modal-content{box-shadow:0 10px 35px #0000001f;padding:25px 30px}.modal-content textarea{font-size:14px;margin-bottom:12px;outline:none;padding:12px}.modal-content textarea:focus{border-color:#007bff}.modal-content button{padding:10px 18px;transition:background-color .2s ease}.close-btn{color:#777;font-size:22px;top:12px;transition:color .2s ease}.close-btn:hover{color:#000}.image-container{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:10px}.image-container img{border-radius:10px;box-shadow:0 5px 15px #00000026;max-height:300px;max-width:300px;object-fit:contain}.image-container button{background-color:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .2s ease}.image-container button:hover{background-color:#117a8b}.custom-alert{background-color:#ff4d4f;border-radius:8px;box-shadow:0 5px 15px #0000001f;color:#fff;font-weight:600;padding:12px 20px;position:fixed;right:25px;top:25px;z-index:10000}.task-details{background-color:#f9f9f9;border-radius:10px;box-shadow:0 6px 20px #0000000d;margin-bottom:20px;padding:20px 25px}.task-details .task-title{color:#333;font-size:18px;font-weight:600;margin-bottom:8px}.task-details .task-description{color:#555;font-size:14px;line-height:1.5}.content-card{background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000014;font-family:Arial,sans-serif;margin:50px auto;max-width:100%;padding:30px;transition:transform .2s ease}.content-card:hover{transform:translateY(-3px)}h2{color:#333;margin-bottom:20px;text-align:center}.dropdown-container{margin-bottom:20px;position:relative}.dropdown-search{border:1px solid #ccc;border-radius:8px;outline:none;padding:12px 15px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.dropdown-search:focus{border-color:#007bff;box-shadow:0 0 8px #007bff33}.dropdown-list{border:1px solid #ddd;border-radius:6px;list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.dropdown-item{border-bottom:1px solid #eee;cursor:pointer;display:block;padding:10px 12px;transition:background .2s ease}.dropdown-item:hover{background-color:#f5f5f5}.emp-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:minmax(60px,1fr) minmax(120px,1fr) minmax(80px,1fr) minmax(80px,1fr)}.emp-dept,.emp-emp_code,.emp-name,.emp-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item.no-result{color:#999;cursor:default;text-align:center}.task-allocation-card{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;margin:30px auto;max-width:600px;padding:25px 30px;transition:transform .2s ease,box-shadow .2s ease}.task-allocation-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-3px)}.task-allocation-card h3{color:#333;font-size:1.25rem;margin-bottom:20px;text-align:center}.form-group{display:flex;flex-direction:column;margin-bottom:18px}.form-group label{color:#555;font-weight:600;margin-bottom:6px}.form-group input[type=date],.form-group input[type=file],.form-group input[type=text],.form-group textarea{border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 8px #007bff33}.form-group textarea{min-height:80px;resize:vertical}.allocate-btn{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 0;transition:background-color .2s ease,transform .2s ease;width:100%}.allocate-btn:hover{background-color:#0056b3;transform:translateY(-2px)}.table-container{margin-top:20px;overflow-x:auto;width:100%}.tasks-table{border-collapse:collapse;color:#374151;font-size:14px;width:100%}.tasks-table td,.tasks-table th{border:1px solid #d1d5db;padding:12px 10px;text-align:left;transition:background-color .2s ease}.tasks-table th{background-color:#1e40af;color:#fff;font-weight:600}.tasks-table tr{background-color:#fff;transition:background-color .2s ease,transform .15s,box-shadow .15s}.tasks-table tr:hover{background-color:#e0e7ff;transform:translateY(-1px)}.tasks-table button{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:6px 12px;transition:all .2s ease}.tasks-table button:hover{background-color:#2563eb}.modal-backdrop{align-items:center;background-color:#1f293799;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:10000}.modal-content{background-color:#fff;box-shadow:0 12px 32px #00000026;max-width:500px;padding:30px;transition:all .3s ease;width:100%}.modal-content h3{color:#1f2937;font-size:18px;margin-bottom:25px}.modal-content label{color:#374151;display:block;font-weight:500;margin-bottom:6px}.modal-content input[type=date],.modal-content input[type=file],.modal-content input[type=text],.modal-content textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;margin-bottom:18px;padding:12px 14px;width:100%}.modal-content textarea{min-height:90px}.modal-content button{border-radius:6px;font-weight:500;margin-right:10px;padding:8px 16px;transition:all .2s ease}.modal-content button:first-child{background-color:#3b82f6;color:#fff}.modal-content button:first-child:hover{background-color:#2563eb}.modal-content button:last-child{background-color:#ef4444;color:#fff}.modal-content button:last-child:hover{background-color:#b91c1c}.selected-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.selected-images span{background-color:#f3f4f6;border-radius:6px;font-size:13px;padding:4px 10px}@media (max-width:768px){.tasks-table td,.tasks-table th{padding:10px 8px}.modal-content{max-width:90%;padding:25px}.task-allocation-card{padding:20px}}.passbox{background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000014;font-family:Arial,sans-serif;margin:50px auto;max-width:500px;padding:30px 25px;transition:transform .2s ease,box-shadow .2s ease}.passbox:hover{box-shadow:0 12px 30px #0000001f;transform:translateY(-3px)}.passbox h3{color:#333;font-size:1.6rem;font-weight:700;margin-bottom:25px;text-align:center}.password-field{margin-bottom:20px}.password-field label{color:#555;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{border:1px solid #ccc;border-radius:8px;flex:1 1;font-size:1rem;padding:10px 12px;transition:border .2s,box-shadow .2s}.input-wrapper input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff66;outline:none}.input-wrapper button{background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;font-size:1rem;margin-left:8px;padding:8px 10px;transition:background .2s,transform .2s}.input-wrapper button:hover{background:#e0e0e0;transform:scale(1.05)}.update-btn{background-color:#007bff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px;transition:background .3s,transform .2s,box-shadow .2s;width:100%}.update-btn:hover{background-color:#0056b3;box-shadow:0 6px 15px #0000001a;transform:translateY(-2px)}.update-btn:disabled{background-color:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.modal-overlay{align-items:center;background-color:#00000073;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000026;max-width:90%;padding:25px 20px;position:relative;width:400px}.modal-content h4{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:15px}.modal-content textarea{border:1px solid #ccc;border-radius:8px;font-size:1rem;margin-bottom:15px;padding:10px;resize:vertical;width:100%}.modal-content input[type=file]{margin-bottom:15px}.modal-content button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 15px;transition:background .3s,transform .2s}.modal-content button:hover{background-color:#0056b3;transform:translateY(-1px)}.close-btn{color:#333;cursor:pointer;font-size:1.5rem;font-weight:700;position:absolute;right:15px;top:10px;transition:color .2s}.close-btn:hover{color:#007bff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:500px){.modal-content,.passbox{padding:20px 15px}.modal-content{width:90%}}
/*# sourceMappingURL=main.262cdde9.css.map*/