body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background-color:#f4f6f9 !important;color:#333}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000}.delete-model{background:#fff;padding:30px;border-radius:10px;text-align:center;max-width:400px;box-shadow:0 5px 15px rgba(0,0,0,.3)}.delete-model{width:400px !important}.cert-name{font-weight:bold;color:#d9534f;display:block;margin:10px 0;font-size:1.1em}.modal-buttons{margin-top:20px}.confirm-button,.cancel-button{padding:8px 16px;margin:5px;border:none;border-radius:5px;font-weight:bold;cursor:pointer}.confirm-button{background-color:#d9534f;color:#fff}.cancel-button{background-color:#6c757d;color:#fff}.password-hide-btn{background-color:#027dbf !important;padding:5px 5px !important;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.copy-icon{cursor:pointer !important;color:#027dbf !important}.certificatiocontainer{max-width:800px;margin:20px auto;background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:25px 30px}.mobile-only{display:none}.panel-header{background-color:#027dbf;color:#fff;padding:12px 15px;border-radius:8px 8px 0 0;margin:0 0 20px 0;font-size:18px;font-weight:bold;text-align:center;display:flex;align-items:center;justify-content:space-between}.panel-header h1{margin:0;font-size:18px}.panel-header button{background-color:#fff;color:#027dbf;border:none;padding:8px 15px;border-radius:5px;font-size:14px;cursor:pointer;transition:background-color .3s ease,color .3s ease;display:flex;align-items:center;justify-content:center}.panel-header button i{margin-right:8px}.panel-header button:hover{background-color:#025f8c;color:#fff}table{width:100%;border-collapse:collapse;margin-bottom:20px;display:table !important}table th,table td{padding:12px 15px;text-align:left;border:1px solid #ddd}table th{background-color:#027dbf;color:#fff}table td a{color:#027dbf;text-decoration:none}table td a:hover{text-decoration:underline}.delete-button{background-color:#dc3545 !important;color:#fff !important;border:none;padding:8px 12px;border-radius:5px;font-size:12px;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;margin-top:5px}.delete-button i{margin-right:6px}.delete-button:hover{background-color:#a71d2a}.edit-button{background-color:green !important;color:#fff !important;border:none;border-radius:5px;font-size:12px;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;margin:-10px 0px 15px 0px;width:71px}.edit-button:hover{background-color:#556b2f}.card{display:none;border:1px solid #ddd;border-radius:8px;background-color:#fff;padding:15px;margin-bottom:15px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.card h3{margin:0 0 10px;font-size:16px;color:#027dbf}.card p{margin:5px 0;font-size:14px}.card .delete-button{display:inline-block;margin-top:10px}@media(max-width: 768px){.mobile-edit-button{background-color:green;padding:6px !important;width:29% !important;color:#fff !important;border:none;border-radius:5px;font-size:12px;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}table{display:none}.certificatiocontainer{width:400px}.card{display:block}.content-card{min-height:0px !important;max-height:0px !important}.mobile-only{display:block}.panel-header{flex-direction:column;align-items:flex-start;gap:10px}.panel-header h1{font-size:16px}}.action-btn{background:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px}.action-btn:hover{background:#0056b3}.share-btn{background:#28a745;margin-top:2px}.share-btn:hover{background:#218838}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);justify-content:center;align-items:center}.modal-content{background:#fff;padding:20px;border-radius:12px;width:500px !important;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.2)}.modal h3{margin-bottom:15px}.modal select{width:100%;padding:10px;margin-bottom:15px}.modal button{background:#007bff;color:#fff;border:none;padding:10px;border-radius:6px;cursor:pointer;width:100%}.modal button:hover{background:#0056b3}.close{background:#dc3545;margin-top:10px}.close:hover{background:#b02a37}.shared-list{margin-top:15px;text-align:left;border-top:1px solid #ddd;padding-top:10px}.shared-list ul{list-style-type:none;padding:0}.shared-list li{background:#f8f9fa;padding:8px;border-radius:5px;margin-top:5px}.modal.show{display:flex}.cert-block{border:1px solid #ddd;border-radius:8px;background-color:#fff;padding:15px;margin-bottom:15px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.cert-block-body{padding:12px 14px}.cert-title{margin-bottom:8px;font-size:15px;color:#027dbf}.cert-text{margin-bottom:6px;font-size:13px}@media(max-width: 768px){.cert-container{padding:0 10px}.cert-block{padding:10px;margin-bottom:12px}.cert-block-body{padding:12px 14px}}
.Company-management-outer-container .company-management-container{padding:20px;max-width:100%}@media(max-width: 768px){.Company-management-outer-container .company-management-container{padding:15px}}.Company-management-outer-container .panel-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:15px 20px;background:linear-gradient(135deg, #027dbf 0%, rgb(2.5284974093, 158.0310880829, 241.4715025907) 100%);color:#fff;border-radius:.375rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}.Company-management-outer-container .panel-header i{font-size:1.2em}.Company-management-outer-container .panel-header h1{margin:0;font-size:18px;font-weight:600}@media(max-width: 768px){.Company-management-outer-container .panel-header{padding:12px 15px}.Company-management-outer-container .panel-header h1{font-size:16px}}.Company-management-outer-container .certificatiocontainer{background:#fff;border-radius:.375rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);padding:20px;margin-bottom:20px}@media(max-width: 768px){.Company-management-outer-container .certificatiocontainer{padding:15px}}.Company-management-outer-container .tab-navigation .btn{border-radius:.375rem;font-weight:500;transition:all .3s ease}.Company-management-outer-container .tab-navigation .btn.btn-primary{background-color:#027dbf;border-color:#027dbf}.Company-management-outer-container .tab-navigation .btn.btn-primary:hover,.Company-management-outer-container .tab-navigation .btn.btn-primary:focus{background-color:rgb(1.4715025907,91.9689119171,140.5284974093);border-color:rgb(1.4715025907,91.9689119171,140.5284974093)}.Company-management-outer-container .tab-navigation .btn.btn-outline-primary{color:#027dbf;border-color:#027dbf}.Company-management-outer-container .tab-navigation .btn.btn-outline-primary:hover,.Company-management-outer-container .tab-navigation .btn.btn-outline-primary:focus{background-color:#027dbf;border-color:#027dbf;color:#fff}.Company-management-outer-container .tab-navigation .btn i{margin-right:.25rem}@media(max-width: 768px){.Company-management-outer-container .tab-navigation .btn{font-size:.875rem;padding:.5rem .75rem}.Company-management-outer-container .tab-navigation .btn.me-2{margin-right:.5rem !important}}.Company-management-outer-container .content-section{background:#fff;border-radius:.375rem;padding:20px;margin-top:15px}@media(max-width: 768px){.Company-management-outer-container .content-section{padding:15px}}.Company-management-outer-container .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}@media(max-width: 768px){.Company-management-outer-container .section-header{flex-direction:column;align-items:flex-start}}.Company-management-outer-container .section-title{color:#343a40;font-size:1.25rem;font-weight:600;margin:0}.Company-management-outer-container .section-title i{margin-right:.5rem;color:#027dbf}@media(max-width: 768px){.Company-management-outer-container .section-title{font-size:1.1rem}}.Company-management-outer-container .subsection-title{color:#343a40;font-size:1.1rem;font-weight:600;margin:20px 0 15px 0;padding-top:15px;border-top:1px solid #dee2e6}.Company-management-outer-container .subsection-title i{margin-right:.5rem;color:#027dbf}@media(max-width: 768px){.Company-management-outer-container .subsection-title{font-size:1rem;margin:15px 0 10px 0}}.Company-management-outer-container .company-form .form-label{font-weight:500;color:#343a40;margin-bottom:.5rem}.Company-management-outer-container .company-form .form-label.required::after{content:" *";color:#dc3545}.Company-management-outer-container .company-form .form-control,.Company-management-outer-container .company-form .form-select{border-radius:.375rem;border:1px solid #dee2e6;padding:.5rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.Company-management-outer-container .company-form .form-control:focus,.Company-management-outer-container .company-form .form-select:focus{border-color:#027dbf;box-shadow:0 0 0 .2rem rgba(2,125,191,.25)}@media(max-width: 768px){.Company-management-outer-container .company-form .row{margin:0 -0.5rem}.Company-management-outer-container .company-form .row [class*=col-]{padding:0 .5rem}}.Company-management-outer-container .form-actions{margin-top:30px;padding-top:20px;border-top:1px solid #dee2e6;display:flex;gap:10px;flex-wrap:wrap}.Company-management-outer-container .form-actions .btn{border-radius:.375rem;font-weight:500;padding:.5rem 1rem}.Company-management-outer-container .form-actions .btn.btn-primary{background-color:#027dbf;border-color:#027dbf}.Company-management-outer-container .form-actions .btn.btn-primary:hover,.Company-management-outer-container .form-actions .btn.btn-primary:focus{background-color:rgb(1.4715025907,91.9689119171,140.5284974093);border-color:rgb(1.4715025907,91.9689119171,140.5284974093)}@media(max-width: 768px){.Company-management-outer-container .form-actions{flex-direction:column}.Company-management-outer-container .form-actions .btn{width:100%}}.Company-management-outer-container .licenses-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:20px;margin-top:20px}@media(max-width: 768px){.Company-management-outer-container .licenses-grid{grid-template-columns:1fr;gap:15px}}.Company-management-outer-container .cert-block{background:#fff;border:1px solid #dee2e6;border-radius:.375rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);transition:transform .2s ease,box-shadow .2s ease}.Company-management-outer-container .cert-block:hover{transform:translateY(-2px);box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}.Company-management-outer-container .cert-block.expiring{border-color:#ffc107;background-color:rgb(255,250.375,236.5)}.Company-management-outer-container .cert-block-body{padding:20px}@media(max-width: 768px){.Company-management-outer-container .cert-block-body{padding:15px}}.Company-management-outer-container .cert-title{font-size:1.1rem;font-weight:600;margin-bottom:10px;color:#343a40}.Company-management-outer-container .cert-text{margin-bottom:.5rem;color:#343a40;font-size:.9rem}.Company-management-outer-container .license-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.Company-management-outer-container .license-header h5{margin:0;color:#343a40;font-weight:600}.Company-management-outer-container .license-actions{margin-top:15px;display:flex;gap:8px;flex-wrap:wrap}.Company-management-outer-container .license-actions .btn{border-radius:.375rem;font-size:.875rem}@media(max-width: 768px){.Company-management-outer-container .license-actions .btn{flex:1}}.Company-management-outer-container .contracts-filters{background:#f8f9fa;padding:15px;border-radius:.375rem;margin-bottom:20px}.Company-management-outer-container .contracts-filters .form-control,.Company-management-outer-container .contracts-filters .form-select{border-radius:.375rem;border:1px solid #dee2e6}.Company-management-outer-container .contracts-filters .form-control:focus,.Company-management-outer-container .contracts-filters .form-select:focus{border-color:#027dbf;box-shadow:0 0 0 .2rem rgba(2,125,191,.25)}@media(max-width: 768px){.Company-management-outer-container .contracts-filters{padding:12px}.Company-management-outer-container .contracts-filters .row{margin:0 -0.25rem}.Company-management-outer-container .contracts-filters .row [class*=col-]{padding:0 .25rem;margin-bottom:.5rem}}.Company-management-outer-container .contract-card{border:1px solid #dee2e6;border-radius:.375rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}.Company-management-outer-container .contract-card .card-title{color:#027dbf;font-weight:600;margin-bottom:10px}.Company-management-outer-container .contract-card .card-text{font-size:.9rem;line-height:1.5}.Company-management-outer-container .action-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.Company-management-outer-container .action-buttons .action-btn{background:#027dbf;color:#fff;border:none;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.Company-management-outer-container .action-buttons .action-btn:hover{background:rgb(1.4715025907,91.9689119171,140.5284974093)}.Company-management-outer-container .action-buttons .action-btn i{margin-right:.25rem}@media(max-width: 768px){.Company-management-outer-container .action-buttons .action-btn{flex:1;text-align:center}}.Company-management-outer-container .modal{z-index:20000 !important}.Company-management-outer-container .modal.show{display:block !important;position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important}@media(min-width: 769px){.Company-management-outer-container .modal.show{padding-left:398px}}.Company-management-outer-container .modal .modal-dialog{margin:2.5vh auto !important;max-width:95vw !important;width:95vw !important;height:95vh !important}@media(max-width: 768px){.Company-management-outer-container .modal .modal-dialog{margin:1vh auto !important;max-width:98vw !important;width:98vw !important;height:98vh !important}}.Company-management-outer-container .modal .modal-content{border-radius:.375rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border:none;display:flex !important;flex-direction:column !important}@media(max-width: 768px){.Company-management-outer-container .modal .modal-content{height:70% !important;width:86% !important;margin:59px 30px}}@media(min-width: 769px){.Company-management-outer-container .modal .modal-content{width:1200px !important;height:100% !important}}.Company-management-outer-container .modal .modal-header{background-color:#027dbf;color:#fff;border-bottom:none;border-radius:.375rem .375rem 0 0;flex-shrink:0}.Company-management-outer-container .modal .modal-header .modal-title{font-weight:600}.Company-management-outer-container .modal .modal-header .modal-title i{margin-right:.5rem}.Company-management-outer-container .modal .modal-header .btn-close{filter:invert(1);opacity:.8}.Company-management-outer-container .modal .modal-header .btn-close:hover{opacity:1}.Company-management-outer-container .modal .modal-body{padding:1.5rem;flex:1 !important;overflow-y:auto !important}.Company-management-outer-container .modal .modal-body .form-label{font-weight:500;color:#343a40;margin-bottom:.5rem;float:left}.Company-management-outer-container .modal .modal-body .form-label.required::after{content:" *";color:#dc3545}.Company-management-outer-container .modal .modal-body .form-control,.Company-management-outer-container .modal .modal-body .form-select{border-radius:.375rem;border:1px solid #dee2e6}.Company-management-outer-container .modal .modal-body .form-control:focus,.Company-management-outer-container .modal .modal-body .form-select:focus{border-color:#027dbf;box-shadow:0 0 0 .2rem rgba(2,125,191,.25)}.Company-management-outer-container .modal .modal-body .input-group-text{background-color:#f8f9fa;border-color:#dee2e6}@media(max-width: 768px){.Company-management-outer-container .modal .modal-body{padding:1rem;max-height:75vh}.Company-management-outer-container .modal .modal-body .row{margin:0 -0.25rem}.Company-management-outer-container .modal .modal-body .row [class*=col-]{padding:0 .25rem;margin-bottom:.75rem}}@media(max-width: 576px){.Company-management-outer-container .modal .modal-body{padding:.75rem;max-height:80vh}.Company-management-outer-container .modal .modal-body .row [class*=col-]{flex:0 0 100%;max-width:100%}}.Company-management-outer-container .modal .modal-footer{border-top:1px solid #dee2e6;padding:1rem 1.5rem;flex-shrink:0 !important}.Company-management-outer-container .modal .modal-footer .btn{border-radius:.375rem;font-weight:500}.Company-management-outer-container .modal .modal-footer .btn.btn-primary{background-color:#027dbf;border-color:#027dbf}.Company-management-outer-container .modal .modal-footer .btn.btn-primary:hover,.Company-management-outer-container .modal .modal-footer .btn.btn-primary:focus{background-color:rgb(1.4715025907,91.9689119171,140.5284974093);border-color:rgb(1.4715025907,91.9689119171,140.5284974093)}@media(max-width: 768px){.Company-management-outer-container .modal .modal-footer{padding:1rem}.Company-management-outer-container .modal .modal-footer .btn{width:100%;margin-bottom:.5rem}.Company-management-outer-container .modal .modal-footer .btn:last-child{margin-bottom:0}}.Company-management-outer-container .form-check .form-check-input:checked{background-color:#027dbf;border-color:#027dbf}.Company-management-outer-container .form-check .form-check-input:focus{box-shadow:0 0 0 .25rem rgba(2,125,191,.25)}.Company-management-outer-container .empty-state{text-align:center;padding:40px 20px;color:rgb(97.724137931,109,120.275862069)}@media(max-width: 768px){.Company-management-outer-container .empty-state .add-license-button{font-size:1.5rem !important;margin-bottom:7px !important;margin-top:9px !important;margin-right:10px}}.Company-management-outer-container .empty-state i{font-size:1rem !important;margin-bottom:10px !important;color:#f8f9fa !important;margin-top:10px}.Company-management-outer-container .empty-state h4,.Company-management-outer-container .empty-state h5{color:#343a40;margin-bottom:.5rem}.Company-management-outer-container .empty-state p{margin-bottom:1.5rem}@media(max-width: 768px){.Company-management-outer-container .empty-state{padding:30px 15px}.Company-management-outer-container .empty-state i{font-size:2.5rem}.Company-management-outer-container .empty-state h4,.Company-management-outer-container .empty-state h5{font-size:1.1rem}}.Company-management-outer-container .table-responsive{border-radius:.375rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}.Company-management-outer-container .table-responsive .table{margin-bottom:0}.Company-management-outer-container .table-responsive .table th{background-color:#f8f9fa;color:#343a40;font-weight:600;border-top:none;padding:12px}.Company-management-outer-container .table-responsive .table td{padding:12px;vertical-align:middle}.Company-management-outer-container .badge{font-size:.75rem;padding:.375em .75em;border-radius:.1875rem}.Company-management-outer-container .badge.bg-success{background-color:#28a745 !important}.Company-management-outer-container .badge.bg-warning{background-color:#ffc107 !important;color:#343a40}.Company-management-outer-container .badge.bg-danger{background-color:#dc3545 !important}.Company-management-outer-container .badge.bg-info{background-color:#17a2b8 !important}.Company-management-outer-container .badge.bg-secondary{background-color:hsl(210,10.3448275862%,52.7450980392%) !important}.Company-management-outer-container .spinner-border{color:#027dbf}.Company-management-outer-container .alert{border-radius:.375rem}.Company-management-outer-container .alert.alert-info{background-color:rgb(167,233.4782608696,244);border-color:rgb(76.3333333333,211.3043478261,232.6666666667);color:rgb(11.6666666667,82.1739130435,93.3333333333)}.Company-management-outer-container .alert.alert-warning{background-color:rgb(255,237.625,185.5);border-color:rgb(255,212.125,83.5);color:rgb(109,81.75,0)}
.completed-course-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg, #f3f4f6, #e9ecef);font-family:"Arial",sans-serif;margin:0}.completed-course-card{background-color:#fff;border-radius:15px;padding:40px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center;max-width:400px;width:90%}.completed-course-icon{font-size:80px;color:#28a745;margin-bottom:20px}.completed-course-title{font-size:28px;font-weight:bold;color:#333;margin-bottom:10px}.completed-course-message{font-size:16px;color:#555;margin-bottom:30px}.course-name{font-weight:bold;color:#007bff}.btn-return{background-color:#007bff;color:#fff;font-size:16px;font-weight:bold;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.btn-return:hover{background-color:#0056b3}
*{box-sizing:border-box;margin:0;padding:0;font-family:"Roboto",sans-serif}body,html{height:100%;display:flex;align-items:center;justify-content:center;background-color:#f4f6f8 !important}.course-details-screen .title{text-align:center;font-size:2rem;margin-bottom:1.5rem;color:#333}.course-details-screen .course-details{background-color:#f8fafc;padding:2rem;border-radius:8px;box-shadow:0px 4px 12px rgba(0,0,0,.15);max-width:600px;margin:2rem auto}.course-details-screen .course-details .course-info{text-align:center;margin-bottom:2.5rem}.course-details-screen .course-details .course-info h3{font-size:1.75rem;margin-bottom:.5rem;color:#333}.course-details-screen .course-details .course-info p{font-size:1.1rem;color:#555;line-height:1.6}.course-details-screen .course-details .course-form .form-group{margin-bottom:1.5rem}.course-details-screen .course-details .course-form .form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#444}.course-details-screen .course-details .course-form .form-group input,.course-details-screen .course-details .course-form .form-group textarea{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;transition:border .3s}.course-details-screen .course-details .course-form .form-group input:focus,.course-details-screen .course-details .course-form .form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0px 0px 4px rgba(0,123,255,.25)}.course-details-screen .course-details .course-form button{display:block;width:100%;padding:.75rem;background-color:#007bff;border:none;color:#fff;font-size:1.1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:background-color .3s,transform .2s}.course-details-screen .course-details .course-form button:hover{background-color:#0056b3;transform:translateY(-2px)}.course-details-screen .course-details .course-form button:active{transform:translateY(0)}
.course-container{max-width:800px;margin:2rem auto;padding:1.5rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.course-header h1{font-size:2.5rem;color:#333;margin-bottom:1rem;text-align:center;font-family:"Arial",sans-serif}.course-description p{font-size:1.2rem;line-height:1.6;color:#555;margin-bottom:2rem;font-family:"Georgia",serif}.course-actions{display:flex;justify-content:center}.btn-register{font-size:1.2rem;padding:.75rem 2rem;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.btn-register:hover{background-color:#0056b3}.success-message{position:sticky;top:0;z-index:1000;background-color:#28a745;color:#fff;font-size:1rem;text-align:center;padding:10px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.completed-message{font-size:1.2rem}.fixed-buttons{position:fixed;bottom:0;left:0;width:100%;background-color:#f8f9fa;z-index:1000;box-shadow:0 -2px 5px rgba(0,0,0,.1);padding:10px 20px}.fixed-buttons .btn{padding:10px 20px;font-size:1rem;font-weight:500}.fixed-buttons{display:flex;justify-content:center;gap:20px}.course-container{padding-bottom:70px}.course-description-home{display:block;position:fixed;bottom:70px;right:20px;background-color:#027dbf;border-radius:50%;width:60px;height:60px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.course-description-home button{border:none;background:none;color:#fff;font-size:24px;width:75%;height:100%;cursor:pointer}@media(max-width: 768px){.fixed-buttons{padding:15px;height:60px;gap:10px}.fixed-buttons .btn{font-size:.9rem;padding:8px 15px}}
body,html{margin:0;padding:0;font-family:Arial,sans-serif;overflow-x:hidden}.user-company{display:flex;justify-content:center;align-items:center;gap:10px}.company-badge{background:#e3f2fd;padding:8px 12px;border-radius:5px;display:inline-block}#sidebar{width:250px;height:100vh;position:fixed;top:0;left:0;background-color:#fff;color:#fff;z-index:10000;transition:left .3s ease;overflow-y:auto;transition:background-color .3s ease,transform .3s ease}@media(max-width: 992px){#sidebar{left:-250px}#sidebar.toggled{left:0}}#sidebar .sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px;font-size:1.25rem}#sidebar ul.components{padding:0;list-style-type:none}#sidebar ul li{white-space:nowrap}#sidebar ul li a{color:#2c2f33;text-decoration:none;display:block;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:15px 20px;position:relative}#sidebar ul li a:hover{background-color:#495057;color:#fff;text-decoration:none;white-space:normal;overflow:visible;z-index:10;padding-left:20px;padding-right:20px}#sidebarCollapse{font-size:1.25rem;color:#fff}#content{margin-left:250px;padding:20px;transition:margin-left .3s ease;width:calc(100% - 250px);background-color:#f1f3f7;padding:20px;min-height:100vh}@media(max-width: 992px){#content{margin-left:0;width:100%;padding-top:100px}}.navbar{position:fixed !important;top:0;left:0;width:100%;z-index:1050;background-color:#fff}@media(min-width: 992px){.navbar{display:none !important}}@media(max-width: 991px){.navbar{display:flex !important}}.profile-dropdown{width:250px;padding:10px}.profile-dropdown .profile-info{text-align:center}.profile-dropdown .profile-info img{width:60px;height:60px}.profile-dropdown .profile-info h6{margin-top:5px;font-size:1rem;font-weight:600}.profile-dropdown .profile-info small{font-size:.9rem;color:#6c757d}.profile-dropdown .sign-out{color:#d9534f;font-weight:600}.profile-dropdown .dropdown-footer{text-align:center;font-size:.75rem;color:#6c757d}.profile-dropdown{width:250px;padding:10px;position:absolute;top:60px;right:20px;background-color:#fff;border-radius:8px;box-shadow:0px 4px 8px rgba(0,0,0,.1);z-index:1050;display:none;position:relative}.profile-dropdown::before{content:"";position:absolute;top:-10px;right:20px;border-width:0 12px 12px 12px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0);filter:drop-shadow(0px -2px 2px rgba(0, 0, 0, 0.2))}.dashboard-logo{max-height:100px;width:auto;margin:0 auto;display:block}@media(max-width: 768px){#sidebar{background-color:#fff;color:#333}#sidebar ul li a{color:#333}.hero{margin-top:0px !important}.card{margin-right:0px !important;min-height:460px !important}}#sidebarToggleClose.btn-close{filter:invert(20%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(0%);background-color:rgba(0,0,0,0)}#sidebarToggleClose.btn-close:hover{filter:brightness(0.8)}.training-badge,.practice-badge,.renewal-badge{background-color:#495057;border:1px solid #e0e0e0;color:#fff;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:bold;border-radius:12px}.card-title{color:#027dbf;font-size:1.3rem;font-weight:600;margin-bottom:10px}.dashboard-training-badge{height:80px;width:80px;background-color:#027dbf;border:1px solid #e0e0e0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:10px;justify-content:center;align-items:center;margin:0 auto}.dashboard-btn{background-color:#027dbf !important;color:#fff !important}.card{max-width:500px !important;min-height:510px;margin-right:50px;padding:2rem !important;border-radius:12px !important;box-shadow:0 0 12px rgba(0,0,0,.1) !important;background-color:#fff !important;font-family:Arial,sans-serif !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important}.card-header{display:flex !important;align-items:center !important}.icon-badge{background-color:#007bff !important;color:#fff !important;width:40px !important;height:40px !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:1.25rem !important}.card-title{font-size:1.25rem !important;font-weight:bold !important;margin:0 !important}.warning{color:#f90 !important}.info{color:#06c !important}.text-success{color:green !important}.text-danger{color:red !important}.site-dropdown{padding:.5rem !important;font-size:1rem !important;border-radius:6px !important;width:100% !important}.actions{display:flex !important;gap:1rem !important;flex-wrap:wrap !important}.btn{padding:.5rem 1.5rem !important;font-size:1rem !important;border:none !important;border-radius:6px !important;cursor:pointer !important}.btn-checkin{background-color:#28a745 !important;color:#fff !important}.btn-checkout{background-color:#dc3545 !important;color:#fff !important}#status{font-style:italic !important}.modal{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;background-color:rgba(0,0,0,.4) !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:1000 !important}.modal-content{background-color:#fff !important;padding:2rem !important;border-radius:10px !important;width:300px !important;text-align:center !important}.modal-buttons{margin-top:1.5rem !important;display:flex !important;justify-content:space-around !important;gap:1rem !important}.modal.hide{display:none !important}.modal.show{display:flex !important}.confirm{background-color:#007bff !important;color:#fff !important;padding:.5rem 1rem !important;border-radius:6px !important;cursor:pointer !important}.cancel{background-color:#6c757d !important;color:#fff !important;padding:.5rem 1rem !important;border-radius:6px !important;cursor:pointer !important}
.certificate-document-outer-container{left:80% !important;margin-left:620px !important}.certificate-document-outer-container *{margin:0;padding:0;box-sizing:border-box}.certificate-document-outer-container body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;color:#333;line-height:1.6}.certificate-document-outer-container .doc-out-container{max-width:1200px;margin:0 auto;padding:20px}@media(min-width: 991px){.certificate-document-outer-container .doc-out-container{width:1020px !important;margin-left:84px !important}}@media(max-width: 990px){.certificate-document-outer-container .doc-out-container{margin-top:10px}}.certificate-document-outer-container .page-header{background:linear-gradient(135deg, #027dbf 0%, #0391d1 100%);color:#fff;padding:20px;border-radius:12px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.certificate-document-outer-container .page-title{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:600}.certificate-document-outer-container .add-btn{background:#fff;color:#027dbf;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;text-decoration:none}.certificate-document-outer-container .add-btn:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.certificate-document-outer-container .doc-filters{background:#fff;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.certificate-document-outer-container .filter-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:15px;align-items:end}.certificate-document-outer-container .filter-group{display:flex;flex-direction:column;gap:5px}.certificate-document-outer-container .filter-label{font-weight:500;color:#555;font-size:.9rem}.certificate-document-outer-container .filter-select,.certificate-document-outer-container .filter-input{padding:10px 12px;border:2px solid #e9ecef;border-radius:8px;background:#fff;transition:border-color .3s ease;font-size:.95rem}.certificate-document-outer-container .filter-select:focus,.certificate-document-outer-container .filter-input:focus{outline:none;border-color:#027dbf;box-shadow:0 0 0 3px rgba(2,125,191,.1)}.certificate-document-outer-container .clear-btn{background:#6c757d;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;transition:background .3s ease;height:fit-content}.certificate-document-outer-container .clear-btn:hover{background:#5a6268}.certificate-document-outer-container .certifications-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:20px}.certificate-document-outer-container .cert-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease;border-left:4px solid rgba(0,0,0,0)}.certificate-document-outer-container .cert-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.certificate-document-outer-container .cert-card.pending{border-left-color:#ffc107;background:linear-gradient(145deg, #fff 0%, #fffbf0 100%)}.certificate-document-outer-container .cert-card.approved{border-left-color:#28a745;background:linear-gradient(145deg, #fff 0%, #f8fff9 100%)}.certificate-document-outer-container .cert-card.rejected{border-left-color:#dc3545;background:linear-gradient(145deg, #fff 0%, #fff8f8 100%)}.certificate-document-outer-container .cert-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:10px}.certificate-document-outer-container .cert-category{background:#e3f2fd;color:#027dbf;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;white-space:nowrap}.certificate-document-outer-container .cert-status{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.certificate-document-outer-container .status-pending{background:#fff3cd;color:#856404}.certificate-document-outer-container .status-approved{background:#d4edda;color:#155724}.certificate-document-outer-container .status-rejected{background:#f8d7da;color:#721c24}.certificate-document-outer-container .cert-document{font-size:1.1rem;font-weight:600;color:#027dbf;margin-bottom:10px;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.certificate-document-outer-container .cert-document:hover{color:#025a87}.certificate-document-outer-container .cert-meta{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.certificate-document-outer-container .meta-item{display:flex;flex-direction:column;gap:3px}.certificate-document-outer-container .meta-label{font-size:.8rem;color:#6c757d;font-weight:500}.certificate-document-outer-container .meta-value{font-weight:600;color:#333}.certificate-document-outer-container .password-field{display:flex;align-items:center;gap:8px}.certificate-document-outer-container .password-toggle{background:none;border:none;color:#027dbf;cursor:pointer;padding:4px;border-radius:4px;transition:background .3s ease}.certificate-document-outer-container .password-toggle:hover{background:#e3f2fd}.certificate-document-outer-container .cert-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.certificate-document-outer-container .action-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:5px}.certificate-document-outer-container .btn-view{background:#007bff;color:#fff}.certificate-document-outer-container .btn-view:hover{background:#0056b3}.certificate-document-outer-container .btn-edit{background:#28a745;color:#fff}.certificate-document-outer-container .btn-edit:hover{background:#1e7e34}.certificate-document-outer-container .btn-delete{background:#dc3545;color:#fff}.certificate-document-outer-container .btn-delete:hover{background:#c82333}.certificate-document-outer-container .btn-reupload{background:#fd7e14;color:#fff}.certificate-document-outer-container .btn-reupload:hover{background:#e8650e}.certificate-document-outer-container .btn-approve{background:#28a745;color:#fff}.certificate-document-outer-container .btn-approve:hover{background:#1e7e34}.certificate-document-outer-container .btn-reject{background:#dc3545;color:#fff}.certificate-document-outer-container .btn-reject:hover{background:#c82333}.certificate-document-outer-container .admin-actions{border-top:1px solid #e9ecef;padding-top:15px;margin-top:15px}.certificate-document-outer-container .admin-label{color:#6c757d;font-size:.8rem;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.certificate-document-outer-container .modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);animation:fadeIn .3s ease-out}.certificate-document-outer-container .modal.show{display:flex;align-items:center;justify-content:center}.certificate-document-outer-container .reupload-modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;border-radius:12px;padding:0;width:66% !important;max-width:100% !important;max-height:calc(100vh - 40px);overflow:auto;animation:slideIn .3s ease-out;box-shadow:0 10px 30px rgba(0,0,0,.3);margin:0 !important}@media(max-width: 768px){.certificate-document-outer-container .reupload-modal-content{width:95% !important;top:55%}}@media(min-width: 769px){.certificate-document-outer-container .reupload-modal-content{margin-left:100px !important}}.certificate-document-outer-container .modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;border-radius:12px;padding:0;width:66% !important;max-width:100% !important;max-height:calc(100vh - 40px);overflow:hidden;animation:slideIn .3s ease-out;box-shadow:0 10px 30px rgba(0,0,0,.3);margin:0 !important}@media(max-width: 768px){.certificate-document-outer-container .modal-content{width:95% !important}}@media(min-width: 769px){.certificate-document-outer-container .modal-content{margin-left:100px !important}}.certificate-document-outer-container .modal-content.compact{max-width:900px;max-height:calc(100vh - 40px);overflow:hidden}.certificate-document-outer-container .compact .modal-body{padding:1rem;max-height:calc(90vh - 140px);overflow:hidden;display:flex;flex-direction:column}.certificate-document-outer-container .compact .form-group{margin-bottom:.75rem}.certificate-document-outer-container .compact .form-input,.certificate-document-outer-container .compact .form-select,.certificate-document-outer-container .compact .form-textarea{padding:.5rem;font-size:.85rem}.certificate-document-outer-container .compact .form-label{font-size:.8rem;margin-bottom:.25rem;font-weight:600}.certificate-document-outer-container .compact .form-textarea{min-height:50px}.certificate-document-outer-container .modal-header{background-color:#027dbf !important;color:#fff;padding:20px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.certificate-document-outer-container .modal-title{font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:10px}.certificate-document-outer-container .modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:50%;transition:background .3s ease;width:30px}.certificate-document-outer-container .modal-close:hover{background:hsla(0,0%,100%,.2)}.certificate-document-outer-container .modal-body{padding:20px}.certificate-document-outer-container .form-group{margin-bottom:20px}.certificate-document-outer-container .form-label{display:block;margin-bottom:5px;font-weight:500;color:#333;font-size:.9rem}.certificate-document-outer-container .form-input,.certificate-document-outer-container .form-select,.certificate-document-outer-container .form-textarea{width:100%;padding:10px 12px;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;transition:border-color .3s ease;background:#fff}.certificate-document-outer-container .form-input:focus,.certificate-document-outer-container .form-select:focus,.certificate-document-outer-container .form-textarea:focus{outline:none;border-color:#027dbf;box-shadow:0 0 0 3px rgba(2,125,191,.1)}.certificate-document-outer-container .form-textarea{resize:vertical;min-height:80px}.certificate-document-outer-container .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.certificate-document-outer-container .modal-footer{padding:20px;border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;float:left}.certificate-document-outer-container .btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px}@media(min-width: 768px){.certificate-document-outer-container .btn{width:206px}}.certificate-document-outer-container .btn-secondary{background:#6c757d;color:#fff}.certificate-document-outer-container .btn-secondary:hover{background:#5a6268}.certificate-document-outer-container .btn-primary{background:#027dbf;color:#fff}.certificate-document-outer-container .btn-primary:hover{background:#025a87}.certificate-document-outer-container .btn-success{background:#28a745;color:#fff}.certificate-document-outer-container .btn-success:hover{background:#1e7e34}.certificate-document-outer-container .btn-danger{background:#dc3545;color:#fff}.certificate-document-outer-container .btn-danger:hover{background:#c82333}.certificate-document-outer-container .btn-edit-review{background:#17a2b8;color:#fff}.certificate-document-outer-container .btn-edit-review:hover{background:#138496}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.certificate-document-outer-container .review-status{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;padding:4px 8px;border-radius:12px;background:#e3f2fd;color:#027dbf;margin-bottom:10px}.certificate-document-outer-container .needs-review{background:#fff3cd;color:#856404}.certificate-document-outer-container .current-doc-info{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px;border-left:4px solid #027dbf}.certificate-document-outer-container .current-doc-info h6{margin-bottom:10px;color:#333;font-weight:600}.certificate-document-outer-container .doc-info-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.certificate-document-outer-container .doc-name{font-weight:600;color:#027dbf}.certificate-document-outer-container .upload-section-modal{margin:20px 0}.certificate-document-outer-container .upload-area-modal{border:2px dashed #027dbf;border-radius:8px;padding:30px 20px;text-align:center;background:#f0f8ff;cursor:pointer;transition:all .3s ease}.certificate-document-outer-container .upload-area-modal:hover{background:#e6f3ff;border-color:#025d8f}.certificate-document-outer-container .upload-area-modal.dragover{background:#e6f3ff;border-color:#025d8f;transform:scale(1.02)}.certificate-document-outer-container .upload-area-modal .upload-icon{font-size:2.5rem;color:#027dbf;margin-bottom:10px}.certificate-document-outer-container .upload-area-modal h6{color:#027dbf;margin-bottom:5px}.certificate-document-outer-container .upload-area-modal p{color:#6c757d;margin-bottom:5px}.certificate-document-outer-container .upload-area-modal small{color:#6c757d;font-size:.8rem}.certificate-document-outer-container .selected-file-info{margin-top:15px;padding:15px;background:#d4edda;border-radius:8px;border-left:4px solid #28a745}.certificate-document-outer-container .file-preview{display:flex;align-items:center;gap:12px}.certificate-document-outer-container .file-preview i{font-size:1.5rem;color:#28a745}.certificate-document-outer-container .file-details{flex:1;display:flex;flex-direction:column}.certificate-document-outer-container .file-name{font-weight:600;color:#333}.certificate-document-outer-container .file-size{font-size:.85rem;color:#6c757d}.certificate-document-outer-container .remove-file{background:#dc3545;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.certificate-document-outer-container .remove-file:hover{background:#c82333}.certificate-document-outer-container .upload-progress{margin-top:15px;display:none}.certificate-document-outer-container .progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.certificate-document-outer-container .progress-fill{height:100%;background:linear-gradient(90deg, #027dbf, #0391d1);width:0%;transition:width .3s ease}.certificate-document-outer-container .progress-text{text-align:center;margin-top:8px;font-size:.85rem;color:#6c757d}.certificate-document-outer-container .timeline-notes-icon{margin-left:auto;cursor:pointer;color:#027dbf;transition:all .3s ease;font-size:.9rem;padding:4px;border-radius:4px}.certificate-document-outer-container .timeline-notes-icon:hover{background:rgba(2,125,191,.1);transform:scale(1.1);color:#025a87}.certificate-document-outer-container .cert-timeline h6{color:#027dbf;font-weight:600;margin-bottom:.75rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.certificate-document-outer-container .timeline-notes-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:2000;align-items:center;justify-content:center;backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.certificate-document-outer-container .timeline-notes-content{background:#fff;border-radius:16px;padding:0;width:95%;max-width:700px;max-height:85vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3),0 8px 20px rgba(0,0,0,.15);animation:slideInUp .4s ease-out;border:1px solid hsla(0,0%,100%,.2)}@media(min-width: 768px){.certificate-document-outer-container .timeline-notes-content{margin-left:34%;margin-top:4%}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.certificate-document-outer-container .timeline-notes-header{background:linear-gradient(135deg, #027dbf, #025a87);color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.15);position:relative}.certificate-document-outer-container .timeline-notes-header::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);pointer-events:none}.certificate-document-outer-container .timeline-notes-header h5{margin:0;display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1.25rem;position:relative;z-index:1}.certificate-document-outer-container .timeline-notes-header h5 i{font-size:1.1rem;opacity:.9}.certificate-document-outer-container .timeline-notes-body{padding:2rem;max-height:65vh;overflow-y:auto;background:linear-gradient(to bottom, #fafbfc 0%, #f8f9fa 100%)}.certificate-document-outer-container .timeline-notes-body::-webkit-scrollbar{width:6px}.certificate-document-outer-container .timeline-notes-body::-webkit-scrollbar-track{background:#f1f3f4;border-radius:10px}.certificate-document-outer-container .timeline-notes-body::-webkit-scrollbar-thumb{background:#c1c8d1;border-radius:10px}.certificate-document-outer-container .timeline-notes-body::-webkit-scrollbar-thumb:hover{background:#a8b3c1}.certificate-document-outer-container .notes-section{margin-bottom:2rem;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 12px rgba(0,0,0,.08);border:1px solid #e8ecf0;transition:all .3s ease}.certificate-document-outer-container .notes-section:hover{box-shadow:0 4px 20px rgba(0,0,0,.12);transform:translateY(-1px)}.certificate-document-outer-container .notes-section:last-child{margin-bottom:0}.certificate-document-outer-container .notes-section h6{color:#027dbf;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e8ecf0;padding-bottom:.5rem}.certificate-document-outer-container .notes-section h6 i{font-size:1.1rem;opacity:.8}.certificate-document-outer-container .notes-content{background:#f8f9fa;border-radius:6px;padding:1rem;border-left:4px solid #027dbf;font-size:.9rem;line-height:1.5}.certificate-document-outer-container .notes-empty{color:#6c757d;font-style:italic;text-align:center;padding:2rem}.certificate-document-outer-container .timeline-note-item{margin-bottom:1.25rem;padding:1rem 1.25rem;background:linear-gradient(145deg, #f8f9fa 0%, #ffffff 100%);border-radius:10px;border-left:4px solid #027dbf;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease;position:relative}.certificate-document-outer-container .timeline-note-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateX(2px)}.certificate-document-outer-container .timeline-note-item:last-child{margin-bottom:0}.certificate-document-outer-container .note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e8ecf0}.certificate-document-outer-container .note-header strong{color:#027dbf;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.certificate-document-outer-container .note-header strong i{opacity:.8}.certificate-document-outer-container .note-header small{color:#6c757d;font-size:.8rem;background:#f1f3f5;padding:.25rem .5rem;border-radius:6px;font-weight:500}.certificate-document-outer-container .note-content{color:#2c3e50;font-size:.9rem;line-height:1.6;margin:0;font-weight:400}.certificate-document-outer-container .timeline-notes .timeline-note-item:last-child{margin-bottom:0}.certificate-document-outer-container .notes-empty{text-align:center;padding:3rem 2rem;color:#6c757d;background:#fff;border-radius:12px;border:2px dashed #dee2e6}.certificate-document-outer-container .notes-empty i{font-size:3rem;margin-bottom:1rem;color:#dee2e6;opacity:.7}.certificate-document-outer-container .notes-empty p{margin:0;font-style:italic;font-size:1.1rem;color:#8e9ba7}.certificate-document-outer-container .notes-empty .empty-subtitle{font-size:.9rem;color:#adb5bd;margin-top:.5rem}@media(max-width: 768px){.certificate-document-outer-container .modal-content{width:95%;margin:20px}.certificate-document-outer-container .form-row{grid-template-columns:1fr}.certificate-document-outer-container .modal-footer{flex-direction:column}.certificate-document-outer-container .btn{width:100%;justify-content:center}.certificate-document-outer-container .timeline-notes-content{width:98%;max-height:90vh}.certificate-document-outer-container .timeline-notes-header{padding:1rem 1.5rem}.certificate-document-outer-container .timeline-notes-header h5{font-size:1.1rem}.certificate-document-outer-container .timeline-notes-body{padding:1.5rem}.certificate-document-outer-container .notes-section{padding:1rem;margin-bottom:1.5rem}.certificate-document-outer-container .timeline-note-item{padding:.875rem 1rem}.certificate-document-outer-container .btn-close-notes{width:36px;height:36px;padding:8px}}.certificate-document-outer-container .timeline-note-item.employee-feedback{border-left-color:#28a745}.certificate-document-outer-container .timeline-note-item.employee-feedback .note-header strong{color:#28a745}.certificate-document-outer-container .timeline-note-item.rejection-reason{border-left-color:#dc3545;background:linear-gradient(145deg, #fff5f5 0%, #ffffff 100%)}.certificate-document-outer-container .timeline-note-item.rejection-reason .note-header strong{color:#dc3545}.certificate-document-outer-container .timeline-note-item.timeline-note{border-left-color:#6c757d}.certificate-document-outer-container .timeline-note-item.timeline-note .note-header strong{color:#6c757d}@media(max-width: 768px){.certificate-document-outer-container .doc-out-containercontainer{padding:15px}.certificate-document-outer-container .page-header{padding:15px;flex-direction:column;align-items:stretch;text-align:center}.certificate-document-outer-container .page-title{justify-content:center;font-size:1.3rem}.certificate-document-outer-container .add-btn{justify-content:center}.certificate-document-outer-container .certifications-grid{grid-template-columns:1fr;gap:15px}.certificate-document-outer-container .cert-card{padding:15px}.certificate-document-outer-container .cert-meta{grid-template-columns:1fr;gap:10px}.certificate-document-outer-container .cert-actions{justify-content:center}.certificate-document-outer-container .filter-grid{grid-template-columns:1fr}}@media(max-width: 480px){.certificate-document-outer-container .cert-header{flex-direction:column;align-items:flex-start;gap:8px}.certificate-document-outer-container .action-btn{flex:1;justify-content:center;min-width:0}.certificate-document-outer-container .cert-actions{width:100%}}.certificate-document-outer-container .cert-card{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.certificate-document-outer-container .loading{display:flex;justify-content:center;align-items:center;padding:40px}.certificate-document-outer-container .spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #027dbf;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.certificate-document-outer-container .document-section{background:#f8f9fa;border-radius:8px;padding:1rem;border:1px solid #e9ecef}.certificate-document-outer-container .document-link-container{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:.5rem}.certificate-document-outer-container .document-link{display:block;color:#027dbf;text-decoration:none;font-size:.85rem;font-weight:500;padding:.25rem 0;border-radius:3px;transition:all .3s ease;word-break:break-all}.certificate-document-outer-container .document-link:hover{color:#025d8f;background:rgba(2,125,191,.1);text-decoration:underline;padding:.25rem .5rem}.certificate-document-outer-container .document-link i{color:#027dbf;font-size:.8rem}.certificate-document-outer-container .password-container{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:.5rem}.certificate-document-outer-container .password-field{position:relative;display:flex;align-items:center}.certificate-document-outer-container .password-input{flex:1;border:none !important;padding:.4rem .5rem !important;font-size:.8rem !important;font-family:"Courier New",monospace;background:#f8f9fa;margin:0 !important}.certificate-document-outer-container .password-input:focus{box-shadow:none !important;background:#fff}.certificate-document-outer-container .password-actions{display:flex;gap:3px;margin-left:5px}.certificate-document-outer-container .btn-password-action{background:#027dbf;color:#fff;border:none;border-radius:3px;padding:.25rem .4rem;cursor:pointer;transition:all .2s ease;font-size:.7rem;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}.certificate-document-outer-container .btn-password-action:hover{background:#025d8f;transform:scale(1.05)}.certificate-document-outer-container .btn-password-action:active{transform:scale(0.95)}.certificate-document-outer-container .btn-password-action.copied{background:#28a745}.certificate-document-outer-container .cert-timeline{background:#f8f9fa;border-radius:8px;padding:1rem;border:1px solid #e9ecef}.certificate-document-outer-container .cert-timeline h6{color:#027dbf;font-weight:600;margin-bottom:.75rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.certificate-document-outer-container .timeline-item{position:relative;padding-left:1.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-left:2px solid #e9ecef;transition:all .3s ease}.certificate-document-outer-container .timeline-item:last-child{margin-bottom:0;padding-bottom:0}.certificate-document-outer-container .timeline-item::before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:#e9ecef;border:2px solid #fff;box-shadow:0 0 0 2px #e9ecef;transition:all .3s ease}.certificate-document-outer-container .timeline-item small{font-size:.75rem;text-transform:uppercase;letter-spacing:.3px;font-weight:500;display:flex;align-items:center;gap:.4rem}.certificate-document-outer-container .timeline-item strong{font-size:.85rem;display:block;margin-top:2px}.certificate-document-outer-container .timeline-item.approved{border-left-color:#28a745}.certificate-document-outer-container .timeline-item.approved::before{background:#28a745;box-shadow:0 0 0 2px #28a745}.certificate-document-outer-container .timeline-item.approved small{color:#28a745}.certificate-document-outer-container .timeline-item.pending::before{background:#ffc107;box-shadow:0 0 0 2px #ffc107;animation:pulse 2s infinite}.certificate-document-outer-container .timeline-item.pending small{color:#ffc107}.certificate-document-outer-container .timeline-item.rejected{border-left-color:#dc3545}.certificate-document-outer-container .timeline-item.rejected::before{background:#dc3545;box-shadow:0 0 0 2px #dc3545}.certificate-document-outer-container .timeline-item.rejected small{color:#dc3545}.certificate-document-outer-container .timeline-item.expired{border-left-color:#6c757d}.certificate-document-outer-container .timeline-item.expired::before{background:#6c757d;box-shadow:0 0 0 2px #6c757d}.certificate-document-outer-container .timeline-item.expired small{color:#6c757d}.certificate-document-outer-container .modal-content.compact{max-width:900px;max-height:90vh}@media(min-width: 768px){.certificate-document-outer-container .modal-content.compact{width:1050px !important}}@media(max-width: 767px){.certificate-document-outer-container .modal-content.compact{margin-top:49px !important}}.certificate-document-outer-container .compact .modal-body{padding:1rem;max-height:calc(90vh - 140px);overflow-y:auto}.certificate-document-outer-container .status-badge{border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.certificate-document-outer-container .status-pending{background:linear-gradient(135deg, #ffc107, #ffdb4d);color:#856404;border:1px solid #ffeaa7}.certificate-document-outer-container .status-approved{background:linear-gradient(135deg, #28a745, #34ce57);color:#fff;border:1px solid #c3e6cb}.certificate-document-outer-container .status-rejected{background:linear-gradient(135deg, #dc3545, #e74c3c);color:#fff;border:1px solid #f5c6cb}.certificate-document-outer-container .status-expired{background:linear-gradient(135deg, #6c757d, #95a5a6);color:#fff;border:1px solid #d6d8db}.certificate-document-outer-container .btn-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:50%;transition:background .3s ease;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.certificate-document-outer-container .btn-close:hover{background:hsla(0,0%,100%,.2)}.certificate-document-outer-container .btn-close::before{content:"×"}.certificate-document-outer-container .btn-close-notes{background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);color:#fff;font-size:1.1rem;cursor:pointer;padding:10px;border-radius:50%;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;backdrop-filter:blur(10px)}.certificate-document-outer-container .btn-close-notes:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.4);transform:scale(1.1) rotate(90deg);box-shadow:0 4px 12px rgba(0,0,0,.2)}.certificate-document-outer-container .btn-close-notes:active{transform:scale(0.95) rotate(90deg)}.certificate-document-outer-container .btn-close-notes i{font-size:1rem;transition:transform .3s ease}@media(max-width: 768px){.certificate-document-outer-container .modal-content.compact{margin:10px;max-height:calc(100vh - 20px)}.certificate-document-outer-container .compact .modal-body{max-height:calc(100vh - 160px)}.certificate-document-outer-container .compact .row>.col-md-4:last-child{margin-top:1rem}}.certificate-document-outer-container .timeline-item.future{border-left-color:#dee2e6;opacity:.6}.certificate-document-outer-container .timeline-item.future::before{background:#dee2e6;box-shadow:0 0 0 2px #dee2e6}.certificate-document-outer-container .timeline-item.future small{color:#6c757d}.certificate-document-outer-container .row{display:flex;flex-wrap:wrap;margin:0 -0.5rem}.certificate-document-outer-container .col-md-8{flex:0 0 66.666667%;max-width:66.666667%;padding:0 .5rem}.certificate-document-outer-container .col-md-4{flex:0 0 33.333333%;max-width:33.333333%;padding:0 .5rem}.certificate-document-outer-container .col-md-6{flex:0 0 50%;max-width:50%;padding:0 .5rem}.certificate-document-outer-container .col-12{flex:0 0 100%;max-width:100%;padding:0 .5rem}.certificate-document-outer-container .mb-3{margin-bottom:1rem !important}.certificate-document-outer-container .me-1{margin-right:.25rem !important}.certificate-document-outer-container .me-2{margin-right:.5rem !important}.certificate-document-outer-container .d-block{display:block !important}.certificate-document-outer-container .text-center{text-align:center !important}.certificate-document-outer-container .text-muted{color:#6c757d !important}.certificate-document-outer-container .fs-6{font-size:1rem !important}.certificate-document-outer-container .py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.certificate-document-outer-container .px-3{padding-left:1rem !important;padding-right:1rem !important}@media(max-width: 768px){.certificate-document-outer-container .col-md-8,.certificate-document-outer-container .col-md-4,.certificate-document-outer-container .col-md-6{flex:0 0 100%;max-width:100%}}.certificate-document-outer-container .admin-only-section{border:2px solid #ffc107;border-radius:12px;padding:1.5rem;background:linear-gradient(145deg, #fff9c4 0%, #fffef7 100%);position:relative;overflow:hidden}.certificate-document-outer-container .admin-only-section::before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle, rgba(255, 193, 7, 0.1) 0%, transparent 70%);pointer-events:none}.certificate-document-outer-container .admin-only-section h6{color:#856404 !important;border-bottom-color:#ffeaa7 !important}.certificate-document-outer-container .admin-badge{background:linear-gradient(135deg, #ffc107, #ffdb4d);color:#856404;font-size:.65rem;font-weight:700;padding:.3rem .75rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;margin-left:auto;box-shadow:0 2px 6px rgba(255,193,7,.3);border:1px solid rgba(255,193,7,.5)}.certificate-document-outer-container .admin-notes-content{background:linear-gradient(145deg, #ffffff 0%, #fffef7 100%);border-left-color:#ffc107;border:1px solid #ffeaa7;box-shadow:0 2px 8px rgba(255,193,7,.15)}.certificate-document-outer-container .demo-toggle{background:#6c757d;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;transition:background .3s ease;height:fit-content;display:flex;align-items:center;gap:8px}.certificate-document-outer-container .demo-toggle:hover{background:#5a6268}.certificate-document-outer-container .admin-view .cert-card{background:#e8f5e9;border-left-color:#28a745}.certificate-document-outer-container .admin-view .cert-status{background:#d4edda;color:#155724}.certificate-document-outer-container .admin-view .cert-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start}.certificate-document-outer-container .admin-view .action-btn{flex:1;min-width:120px}.certificate-document-outer-container .admin-view .btn-view{background:#007bff;color:#fff}.certificate-document-outer-container .admin-view .btn-view:hover{background:#0056b3}.certificate-document-outer-container .admin-view .btn-edit{background:#28a745;color:#fff}.certificate-document-outer-container .admin-view .btn-edit:hover{background:#1e7e34}.certificate-document-outer-container .admin-view .btn-delete{background:#dc3545;color:#fff}.certificate-document-outer-container .admin-view .btn-delete:hover{background:#c82333}.certificate-document-outer-container .admin-view .btn-reupload{background:#fd7e14;color:#fff}.certificate-document-outer-container .admin-view .btn-reupload:hover{background:#e8650e}.certificate-document-outer-container .admin-view .btn-approve{background:#28a745;color:#fff}.certificate-document-outer-container .admin-view .btn-approve:hover{background:#1e7e34}.certificate-document-outer-container .admin-view .btn-reject{background:#dc3545;color:#fff}.certificate-document-outer-container .admin-view .btn-reject:hover{background:#c82333}.certificate-document-outer-container .user-view .cert-card{background:#f8f9fa;border-left-color:rgba(0,0,0,0)}.certificate-document-outer-container .user-view .cert-status{background:#d1ecf1;color:#0c5460}.certificate-document-outer-container .user-view .cert-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.certificate-document-outer-container .user-view .action-btn{flex:1;min-width:100px}.certificate-document-outer-container .user-view .btn-view{background:#007bff;color:#fff}.certificate-document-outer-container .user-view .btn-view:hover{background:#0056b3}.certificate-document-outer-container .user-view .btn-edit{background:#28a745;color:#fff}.certificate-document-outer-container .user-view .btn-edit:hover{background:#1e7e34}.certificate-document-outer-container .user-view .btn-delete{background:#dc3545;color:#fff}.certificate-document-outer-container .user-view .btn-delete:hover{background:#c82333}.certificate-document-outer-container .user-view .btn-reupload{background:#fd7e14;color:#fff}.certificate-document-outer-container .user-view .btn-reupload:hover{background:#e8650e}.certificate-document-outer-container .user-view .btn-approve{background:#28a745;color:#fff}.certificate-document-outer-container .user-view .btn-approve:hover{background:#1e7e34}.certificate-document-outer-container .user-view .btn-reject{background:#dc3545;color:#fff}.certificate-document-outer-container .user-view .btn-reject:hover{background:#c82333}.certificate-document-outer-container .admin-user-toggle{display:flex;align-items:center;gap:10px;margin-left:auto}.certificate-document-outer-container .admin-user-toggle .toggle-btn{background:#6c757d;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;transition:background .3s ease;height:fit-content;display:flex;align-items:center;gap:8px}.certificate-document-outer-container .admin-user-toggle .toggle-btn:hover{background:#5a6268}.certificate-document-outer-container .admin-user-toggle .toggle-icon{font-size:1.2rem}.certificate-document-outer-container .admin-user-toggle .toggle-text{font-size:.9rem;font-weight:500}.certificate-document-outer-container .cert-actions.admin-only{display:none}.certificate-document-outer-container .admin-view .cert-actions.admin-only{display:flex}.certificate-document-outer-container .admin-view .cert-actions.user-only{display:none}.certificate-document-outer-container .cert-actions.user-only{display:flex}@media(max-width: 768px){.certificate-document-outer-container .admin-user-toggle{flex-direction:column;align-items:stretch;gap:5px}.certificate-document-outer-container .admin-user-toggle .toggle-btn{width:100%;justify-content:center}}
.fab{position:fixed;bottom:30px;right:30px;background-color:#027dbf;color:#fff;border:none;padding:16px;border-radius:50%;font-size:24px;cursor:pointer;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.2)}.admin-modal{position:fixed;z-index:1050;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4);display:flex;align-items:flex-start;justify-content:center;padding-top:100px}.admin-modal-content{background-color:#fff;padding:30px 30px 25px 30px;border-radius:12px;width:500px;position:relative;box-shadow:0 5px 20px rgba(0,0,0,.3)}.admin-close{position:absolute;top:15px;right:20px;font-size:26px;font-weight:bold;color:#333;cursor:pointer;transition:color .3s}.admin-close:hover{color:red}.admin-input,.admin-select,.admin-button{width:100%;padding:12px;margin:12px 0;border-radius:6px;font-size:16px;box-sizing:border-box}.admin-input,.admin-select{border:1px solid #ccc}.admin-button{border:none;cursor:pointer;transition:background-color .3s}.add-btn{background-color:#027dbf;color:#fff}.add-btn:hover{background-color:#025f90}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#c82333}.equipment-panel{font-family:"Segoe UI",sans-serif;font-size:14px;color:#333;padding:20px;background-color:#fefefe}.equipment-panel h1{font-size:20px;margin-bottom:16px;font-weight:600}.equipment-panel h2{font-size:16px;margin-top:30px;margin-bottom:10px;font-weight:500}.equipment-panel select{width:100%;max-width:400px;padding:10px;font-size:14px;border-radius:6px;border:1px solid #ccc;margin-bottom:12px;outline:none;box-shadow:0 1px 3px rgba(0,0,0,.05)}.IssueButton{padding:10px 16px;font-size:14px;margin-top:8px;margin-right:10px;border:none;border-radius:6px;background-color:#027dbf;color:#fff;cursor:pointer;transition:background-color .3s}.IssueButton:hover{background-color:#025f90}#issuedList{display:flex;flex-direction:column;gap:20px}.issued-card{box-shadow:0 2px 10px rgba(0,0,0,.1);padding:20px 24px;border-radius:10px;background-color:#fff;font-size:16px;line-height:1.6;color:#333}.issued-card p{margin:6px 0;font-size:16px}.return-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:12px;flex-wrap:wrap}.not-returned{margin:0;font-size:16px;color:#555}.mark-returned-btn{background-color:#027dbf;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s ease-in-out}.mark-returned-btn:hover{background-color:#025f90}.mark-returned-btn i{font-size:16px}.accordion-section{margin-bottom:1rem;border:1px solid #ccc;border-radius:5px;background:#fff}.accordion-toggle{width:100%;background:#027dbf;color:#fff;font-weight:bold;text-align:left;padding:10px 16px;border:none;cursor:pointer;outline:none;font-size:16px;border-radius:5px 5px 0 0;display:flex;justify-content:space-between;align-items:center}.arrow-icon{font-size:18px;margin-left:8px}.site-cards-container{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px}.site-info-card{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;padding:12px;width:300px;box-shadow:2px 2px 6px rgba(0,0,0,.1)}.accordion-content{padding:16px;border-top:1px solid #ccc;background:#f9f9f9;width:700px}.form-group{margin-bottom:10px}.serialno{width:60% !important}.btn-save{padding:8px 12px;background-color:#027dbf;color:#fff;border:none;border-radius:4px}@media screen and (max-width: 768px){.serialno{width:100% !important}.admin-modal-content{margin-left:10px;margin-right:10px}.accordion-content{width:100%;padding:12px}.site-cards-container{flex-direction:column;gap:12px}.site-info-card{width:100%}.accordion-toggle{font-size:15px;padding:10px 12px}.arrow-icon{font-size:16px}.form-group label{font-size:14px}.btn-save{width:100%;font-size:15px}}.company-cards-container{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px}.company-info-card{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;padding:12px;width:calc(33.33% - 16px);box-shadow:2px 2px 6px rgba(0,0,0,.1);box-sizing:border-box}.company-cards-container.single-card .company-info-card,.site-cards-container.single-card .site-info-card{width:100%}.manage-sites-modal-overlay{display:block;position:fixed;z-index:1050;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);overflow-y:auto;padding:20px}.manage-sites-modal-overlay .manage-sites-modal-content{background-color:#fff;margin:5% auto;padding:20px;width:90%;max-width:500px;border-radius:8px;position:relative}.manage-sites-modal-overlay .manage-sites-modal-content h2{margin-top:0}.manage-sites-modal-overlay .manage-sites-modal-content .manage-sites-modal-close{position:absolute;top:10px;right:15px;font-size:24px;color:#333;cursor:pointer}.manage-sites-modal-overlay .manage-sites-modal-content .manage-sites-form-group{margin:20px 0;display:flex;flex-wrap:wrap;gap:10px}.manage-sites-modal-overlay .manage-sites-modal-content .manage-sites-form-group select{padding:6px;border-radius:4px;border:1px solid #ccc;flex:1}.manage-sites-modal-overlay .manage-sites-modal-content .manage-sites-table{width:100%;border-collapse:collapse;margin-top:10px}.manage-sites-modal-overlay .manage-sites-modal-content .manage-sites-table th,.manage-sites-modal-overlay .manage-sites-modal-content .manage-sites-table td{padding:8px;text-align:left;border-bottom:1px solid #ddd}.fab-btn{position:fixed;bottom:20px;right:20px;background-color:#027dbf;color:#fff;border:none;padding:12px 20px;border-radius:50px;box-shadow:0 4px 6px rgba(0,0,0,.2);z-index:1000;cursor:pointer;transition:background .3s}.fab-btn:hover{background-color:#025f90}@media(max-width: 600px){.manage-sites-modal-overlay .manage-sites-modal-content{width:95%;margin-top:20%}}@media screen and (max-width: 768px){.company-cards-container{flex-direction:column;gap:12px}.company-info-card{width:100%}.accordion-content{width:100%;padding:12px}.site-cards-container{flex-direction:column;gap:12px}.site-info-card{width:100%}.accordion-toggle{font-size:15px;padding:10px 12px}.arrow-icon{font-size:16px}.form-group label{font-size:14px}.btn-save{width:100%;font-size:15px}}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background-color:#f4f6f9 !important;color:#333;width:100%}body .employment-details-container{background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);width:100%}body .employment-details-container .form-group{margin-bottom:20px;display:flex;flex-direction:column;width:100%}body .employment-details-container .form-group label{display:block;margin-bottom:8px;font-weight:bold}body .employment-details-container .form-group input,body .employment-details-container .form-group select{width:100%;box-sizing:border-box;padding:12px;border:1px solid #ccc;border-radius:5px;font-size:14px;transition:border-color .3s ease}body .employment-details-container .form-group input:focus,body .employment-details-container .form-group select:focus{border-color:#027dbf;outline:none}body .employment-details-container .empolyment-details-button{background-color:green;color:#fff;border:none;padding:15px;border-radius:5px;font-size:16px;cursor:pointer;width:100%;font-weight:bold;transition:background-color .3s ease;margin-top:20px;display:flex;align-items:center;justify-content:center}body .employment-details-container .empolyment-details-button i{margin-right:8px}body .employment-details-container .empolyment-details-button:hover{background-color:#228b22}body .change-company{background:#e3f2fd;padding:15px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-weight:bold;margin-top:45px}@media(min-width: 991px){.employment-details-container{margin-right:400px;padding:25px 30px}}@media(max-width: 768px){.employment-details-container{padding:8px 12px}}
*{box-sizing:border-box;margin:0;padding:0;font-family:"Roboto",sans-serif}body,html{height:100%;display:flex;align-items:center;justify-content:center;background-color:#f4f6f8 !important}.forgot-container{display:flex;width:100%;max-width:1200px;height:80vh;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.2);margin-top:30px}.forgot-container .forgot-info-section{flex:1;position:relative;background:linear-gradient(135deg, #027dbf, #005f8d);color:#f0f0f0;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.forgot-container .forgot-info-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);z-index:1}.forgot-container .confirmation-message{margin-top:2rem;text-align:left;width:100% !important}.forgot-container .confirmation-message h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#333}.forgot-container .confirmation-message p{font-size:1rem;color:#555;display:flex;align-items:center;gap:.5rem}.forgot-container .info-icon{font-size:1.2rem;color:#007bff}.forgot-container .forgot-info-section img{width:130px;margin-bottom:20px;filter:drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));position:relative;z-index:2}.forgot-container .form-info-message{font-size:1rem;margin-bottom:1.5rem;color:#333;line-height:1.5;font-weight:600}.forgot-container .forgot-info-section h2,.forgot-container .forgot-info-section p,.forgot-container .forgot-catchy-message{position:relative;z-index:2}.forgot-container .forgot-info-section h2{font-size:2.2rem;font-weight:700}.forgot-container .forgot-info-section p{font-size:1.1rem;line-height:1.6;margin-top:10px;max-width:80%}.forgot-container .forgot-catchy-message{font-size:1rem;margin-top:20px;color:#e0e0e0}.forgot-container .forgot-form-section{flex:1;background-color:#fff;padding:40px;display:flex;align-items:center;justify-content:center}.forgot-container .forgot-form-section form{width:150%;padding-right:200px}.forgot-container .forgot-form-group{margin-bottom:20px;position:relative;width:80%;margin-left:20px}.forgot-container .forgot-form-group label{font-size:.9rem;color:#333}.forgot-container .forgot-form-group input{width:100%;padding:12px 12px 12px 40px;border:1px solid #ccc;border-radius:6px;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.forgot-container .forgot-form-group input:focus{border-color:#027dbf;outline:none}.forgot-container .forgot-form-group .login-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:1.2rem;color:#666}.forgot-container .forgot-form-group button{width:100%;padding:12px;background-color:#027dbf;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s,transform .2s;display:flex;align-items:center;justify-content:center;gap:8px}.forgot-container .forgot-form-group button:hover{background-color:#02689f;transform:scale(1.02)}@media(max-width: 768px){.forgot-container{flex-direction:column;height:105vh;border-radius:0}.forgot-container .forgot-info-section{padding:20px;height:30vh;justify-content:center}.forgot-container .forgot-info-section h2{display:none}.forgot-container .forgot-info-section .forgot-catchy-message{display:none}.forgot-container .forgot-info-section img{width:80px;margin-bottom:10px}.forgot-container .forgot-info-section p{font-size:1rem;max-width:100%;margin-top:0}.forgot-container .forgot-form-section{padding:20px;height:auto;justify-content:flex-start}}
*{box-sizing:border-box;margin:0;padding:0;font-family:"Roboto",sans-serif}body,html{height:100%;display:flex;align-items:center;justify-content:center;background-color:#f4f6f8 !important}.login-container{display:flex;width:100%;max-width:1200px;height:80vh;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.2);margin-top:30px}.login-container .login-info-section{flex:1;position:relative;background:linear-gradient(135deg, #027dbf, #005f8d);color:#f0f0f0;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.login-container .login-info-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);z-index:1}.login-container .forgot-password{padding-right:10px !important}.login-container .login-info-section img{width:130px;margin-bottom:20px;filter:drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));position:relative;z-index:2}.login-container .login-info-section h2,.login-container .login-info-section p,.login-container .login-catchy-message{position:relative;z-index:2}.login-container .login-info-section h2{font-size:2.2rem;font-weight:700}.login-container .login-info-section p{font-size:1.1rem;line-height:1.6;margin-top:10px;max-width:80%}.login-container .login-catchy-message{font-size:1rem;margin-top:20px;color:#e0e0e0}.login-container .login-login-section{flex:1;background-color:#fff;padding:40px;display:flex;align-items:center;justify-content:center}.login-container .login-login-section form{width:150%;padding-right:200px}.login-container .login-form-group{margin-bottom:20px;position:relative}.login-container .login-form-group label{font-size:.9rem;color:#333}.login-container .login-form-group input{width:100%;padding:12px 12px 12px 40px;border:1px solid #ccc;border-radius:6px;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.login-container .login-form-group input:focus{border-color:#027dbf;outline:none}.login-container .login-form-group .login-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:1.2rem;color:#666}.login-container .login-form-group button{width:100%;padding:12px;background-color:#027dbf;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s,transform .2s;display:flex;align-items:center;justify-content:center;gap:8px}.login-container .login-form-group button:hover{background-color:#02689f;transform:scale(1.02)}.login-container .login-google-btn{background-color:#db4437;margin-top:10px;border-radius:6px;width:100%}.login-container .login-google-btn:hover{background-color:#c53d30}.login-container .login-footer-text{text-align:center;font-size:.8rem;color:#777;margin-top:10px}.login-container .login-signup-link{text-align:center;font-size:.9rem;color:#555;margin-top:15px}.login-container .login-signup-link a{color:#027dbf;text-decoration:none;font-weight:bold}.login-container .login-signup-link a:hover{text-decoration:underline}@media(max-width: 768px){.login-container{flex-direction:column;height:105vh;border-radius:0}.login-container .login-info-section{padding:20px;height:30vh;justify-content:center}.login-container .login-info-section h2{display:none}.login-container .login-info-section .login-catchy-message{display:none}.login-container .login-info-section img{width:80px;margin-bottom:10px}.login-container .login-info-section p{font-size:1rem;max-width:100%;margin-top:0}.login-container .login-login-section{padding:20px;height:auto;justify-content:flex-start}}
*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background-color:#f4f4f9;display:flex;justify-content:center;align-items:center;height:100vh;padding:20px}.Companycontainer{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);width:300%;max-width:500px;margin-top:50px;margin-left:100px}.header{text-align:center;font-size:20px;font-weight:bold;margin-bottom:20px}.current-company{background:#e3f2fd;padding:15px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-weight:bold}.company-list{margin-bottom:20px}.company-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-radius:8px;margin-bottom:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:background .3s ease-in-out}.company-item.selected{background:#d1e7dd;border:2px solid #28a745}.company-item span{flex:1}.company-item button{background:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px}.company-item button.default{background:#28a745;cursor:default}.company-code{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.company-code input{padding:10px;border:1px solid #ccc;border-radius:6px}.company-code .join-btn{background:#007bff;color:#fff;border:none;padding:10px;border-radius:6px;cursor:pointer;width:100%}.save-btn{width:100%;padding:12px;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer}.save-btn:hover{background:#218838}.default-checkbox{display:flex;align-items:center;gap:8px}@media(max-width: 768px){.Companycontainer{width:auto;margin-left:0}}
:root{--primary-blue: #027dbf;--primary-blue-dark: #025d8f;--light-blue: #f0f8ff;--success-green: #28a745;--warning-orange: #ffc107;--danger-red: #dc3545;--gray-light: #f8f9fa;--gray-medium: #6c757d;--gray-dark: #343a40}@media(max-width: 768px){.manage-document-container{padding-left:0 !important;margin-top:1rem}}.manage-document-container{top:0;left:0;max-width:100%;padding-left:245px;z-index:1000;height:100%}.manage-document-container .custom-dropdown{position:relative}.manage-document-container .custom-dropdown select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10'%3E%3Cpolygon fill='%236c757d' points='7,10 0,0 14,0'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:10px 7px;padding-right:2rem}.manage-document-container body{background-color:#f5f7fa;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.manage-document-container .main-header{background:linear-gradient(135deg, var(--primary-blue), var(--primary-blue-dark));color:#fff;padding:2rem 0;margin-bottom:2rem}.manage-document-container .page-title{font-size:2.5rem;font-weight:300;margin-bottom:.5rem}.manage-document-container #certificationsContainer{scroll-behavior:smooth}.manage-document-container .page-subtitle{opacity:.9;font-size:1.1rem}.manage-document-container .filter-section{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.05);padding:1.5rem;margin-bottom:2rem}.manage-document-container .filter-title{color:var(--primary-blue);font-weight:600;margin-bottom:1rem}.manage-document-container .timeline-item{position:relative;padding-left:1.75rem}.manage-document-container .timeline-dot{width:16px;height:16px;border-radius:50%;background-color:#fff;border:4px solid currentColor;position:absolute;left:-2px;top:0;z-index:2;box-sizing:border-box}.manage-document-container .inner-dot{width:6px;height:6px;background-color:currentColor;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.manage-document-container .timeline-line{width:3px;position:absolute;left:5px;top:14px;bottom:-10px;z-index:1;border-radius:2px}.manage-document-container .close-model{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;opacity:.8}.manage-document-container .close-model:hover{background:hsla(0,0%,100%,.2);opacity:1;transform:scale(1.1)}.manage-document-container .modal-notes-wrapper{padding:1rem}.manage-document-container .custom-modal-width{width:160%}.manage-document-container .section-title{font-size:1.1rem;font-weight:600;color:#004085}.manage-document-container .note-box{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;padding-left:1rem}.manage-document-container .note-title{font-size:.95rem}.manage-document-container .note-content{font-size:.9rem}.manage-document-container .status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:relative;box-shadow:0 2px 4px rgba(0,0,0,.1)}.manage-document-container .status-pending{background:linear-gradient(135deg, var(--warning-orange), #ffdb4d);color:#856404;border:1px solid #ffeaa7}.manage-document-container .status-approved{background:linear-gradient(135deg, var(--success-green), #34ce57);color:#fff;border:1px solid #c3e6cb}.manage-document-container .status-rejected{background:linear-gradient(135deg, var(--danger-red), #e74c3c);color:#fff;border:1px solid #f5c6cb}.manage-document-container .status-expired{background:linear-gradient(135deg, var(--gray-medium), #95a5a6);color:#fff;border:1px solid #d6d8db}.manage-document-container .cert-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.05);border:1px solid #e9ecef;transition:all .3s ease;margin-bottom:1.5rem;overflow:hidden;position:relative}.manage-document-container .cert-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.1)}.manage-document-container .cert-card.status-pending{border-left:5px solid var(--warning-orange);background:linear-gradient(to right, rgba(255, 193, 7, 0.05), white)}.manage-document-container .cert-card.status-approved{border-left:5px solid var(--success-green);background:linear-gradient(to right, rgba(40, 167, 69, 0.05), white)}.manage-document-container .cert-card.status-rejected{border-left:5px solid var(--danger-red);background:linear-gradient(to right, rgba(220, 53, 69, 0.05), white)}.manage-document-container .cert-card.status-expired{border-left:5px solid var(--gray-medium);background:linear-gradient(to right, rgba(108, 117, 125, 0.05), white)}.manage-document-container .cert-card.status-pending:hover{box-shadow:0 4px 20px rgba(255,193,7,.2);border-left-color:#e0a800}.manage-document-container .cert-card.status-approved:hover{box-shadow:0 4px 20px rgba(40,167,69,.2);border-left-color:#1e7e34}.manage-document-container .cert-card.status-rejected:hover{box-shadow:0 4px 20px rgba(220,53,69,.2);border-left-color:#c82333}.manage-document-container .cert-card.status-expired:hover{box-shadow:0 4px 20px rgba(108,117,125,.2);border-left-color:#5a6268}.manage-document-container .cert-card:active{transform:scale(0.98)}.manage-document-container .cert-card-header{background:rgba(0,0,0,0);padding:1.5rem;border-bottom:1px solid #e9ecef;position:relative}.manage-document-container .cert-card.status-pending .cert-card-header{background:linear-gradient(135deg, rgba(255, 193, 7, 0.1), rgba(255, 193, 7, 0.05))}.manage-document-container .cert-card.status-approved .cert-card-header{background:linear-gradient(135deg, rgba(40, 167, 69, 0.1), rgba(40, 167, 69, 0.05))}.manage-document-container .cert-card.status-rejected .cert-card-header{background:linear-gradient(135deg, rgba(220, 53, 69, 0.1), rgba(220, 53, 69, 0.05))}.manage-document-container .cert-card.status-expired .cert-card-header{background:linear-gradient(135deg, rgba(108, 117, 125, 0.1), rgba(108, 117, 125, 0.05))}.manage-document-container .cert-title{color:var(--primary-blue);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.manage-document-container .cert-employee{color:var(--gray-medium);font-size:.95rem;margin-bottom:0}.manage-document-container .cert-card-body{padding:1.5rem}.manage-document-container .cert-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.manage-document-container .cert-meta-item{display:flex;align-items:center;gap:.5rem;color:var(--gray-medium);font-size:.9rem}.manage-document-container .cert-meta-item i{color:var(--primary-blue);width:16px}.manage-document-container .cert-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem;padding:1rem;background:#f8f9fa;border-top:1px solid #e9ecef;border-radius:0 0 12px 12px}.manage-document-container .btn-action{padding:.6rem 1.2rem;border-radius:6px;border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;flex:1;justify-content:center;min-width:120px}.manage-document-container .btn-edit{background-color:var(--primary-blue);color:#fff}.manage-document-container .btn-edit:hover{background-color:var(--primary-blue-dark)}.manage-document-container .btn-quick-approve{background-color:var(--success-green);color:#fff}.manage-document-container .btn-quick-approve:hover{background-color:#218838}.manage-document-container .btn-quick-reject{background-color:var(--danger-red);color:#fff}.manage-document-container .btn-quick-reject:hover{background-color:#c82333}.manage-document-container .btn-approve{background-color:var(--success-green);color:#fff}.manage-document-container .btn-approve:hover{background-color:#218838}.manage-document-container .btn-reject{background-color:var(--danger-red);color:#fff}.manage-document-container .btn-reject:hover{background-color:#c82333}.manage-document-container .btn-view{background-color:var(--primary-blue);color:#fff}.manage-document-container .btn-view:hover{background-color:var(--primary-blue-dark)}.manage-document-container .btn-reupload{background-color:var(--warning-orange);color:#212529}.manage-document-container .btn-reupload:hover{background-color:#e0a800}.manage-document-container .modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);animation:fadeIn .3s ease-out;overflow-y:auto;padding:20px 0}.manage-document-container .modal.show{display:flex;align-items:center;justify-content:center;min-height:100vh}.manage-document-container .modal-content{background:#fff;border-radius:12px;width:90% !important;max-width:600px;max-height:calc(100vh - 40px);margin:auto;animation:slideIn .3s ease-out;box-shadow:0 10px 30px rgba(0,0,0,.3);display:flex;flex-direction:column}.manage-document-container .modal-header{background:linear-gradient(135deg, var(--primary-blue), var(--primary-blue-dark));color:#fff;border-bottom:none;padding:1.25rem;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.manage-document-container .modal-title{font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:10px;margin:0}.manage-document-container .modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:50%;transition:background .3s ease;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.manage-document-container .modal-close:hover{background:hsla(0,0%,100%,.2)}.manage-document-container .modal-body{padding:1.5rem;overflow-y:auto;flex:1}.manage-document-container .modal-footer{border-top:1px solid #e9ecef;display:flex;gap:8px;justify-content:flex-end;flex-shrink:0;flex-wrap:wrap}.manage-document-container .btn-close{filter:invert(1)}.manage-document-container .form-group{margin-bottom:1.25rem}.manage-document-container .form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#333;font-size:.9rem}.manage-document-container .form-input,.manage-document-container .form-select,.manage-document-container .form-textarea{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:6px;font-size:.9rem;transition:border-color .3s ease;background:#fff}.manage-document-container .form-input:focus,.manage-document-container .form-select:focus,.manage-document-container .form-textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(2,125,191,.1)}.manage-document-container .form-textarea{resize:vertical;min-height:70px}.manage-document-container .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.manage-document-container .cert-timeline{background:#f8f9fa;border-radius:8px;padding:1rem;border:1px solid #e9ecef}.manage-document-container .cert-timeline h6{color:var(--primary-blue);font-weight:600;margin-bottom:.75rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.manage-document-container .timeline-item{position:relative;padding-left:1.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-left:2px solid #e9ecef;transition:all .3s ease}.manage-document-container .timeline-item:last-child{margin-bottom:0;padding-bottom:0}.manage-document-container .timeline-item::before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:#e9ecef;border:2px solid #fff;box-shadow:0 0 0 2px #e9ecef;transition:all .3s ease}.manage-document-container .timeline-item small{color:var(--gray-medium);font-size:.75rem;text-transform:uppercase;letter-spacing:.3px;font-weight:500;display:flex;align-items:center;gap:.4rem}.manage-document-container .timeline-item strong{color:var(--gray-dark);font-size:.85rem;display:block;margin-top:2px}.manage-document-container .timeline-item.completed{border-left-color:var(--success-green)}.manage-document-container .timeline-item.completed::before{background:var(--success-green);box-shadow:0 0 0 2px var(--success-green)}.manage-document-container .timeline-item.completed small{color:var(--success-green)}.manage-document-container .timeline-item.pending{border-left-color:var(--warning-orange)}.manage-document-container .timeline-item.pending::before{background:var(--warning-orange);box-shadow:0 0 0 2px var(--warning-orange);animation:pulse 2s infinite}.manage-document-container .timeline-item.pending small{color:var(--warning-orange)}.manage-document-container .timeline-item.rejected{border-left-color:var(--danger-red)}.manage-document-container .timeline-item.rejected::before{background:var(--danger-red);box-shadow:0 0 0 2px var(--danger-red)}.manage-document-container .timeline-item.rejected small{color:var(--danger-red)}.manage-document-container .timeline-item.expired{border-left-color:var(--gray-medium)}.manage-document-container .timeline-item.expired::before{background:var(--gray-medium);box-shadow:0 0 0 2px var(--gray-medium)}.manage-document-container .timeline-item.expired small{color:var(--gray-medium)}.manage-document-container .timeline-item.future{border-left-color:#dee2e6;opacity:.6}.manage-document-container .timeline-item.future::before{background:#dee2e6;box-shadow:0 0 0 2px #dee2e6}.manage-document-container .timeline-item.future small{color:#adb5bd}.manage-document-container .timeline-item.future strong{color:#adb5bd}.manage-document-container .timeline-icon{font-size:.7rem;width:12px;text-align:center}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}100%{transform:scale(1);opacity:1}}.manage-document-container .document-preview{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease}.manage-document-container .document-preview:hover{border-color:var(--primary-blue);background:rgba(2,125,191,.05)}.manage-document-container .document-preview i{color:var(--gray-medium);transition:color .3s ease}.manage-document-container .document-preview:hover i{color:var(--primary-blue)}.manage-document-container .modal-content.compact{max-width:900px;max-height:90vh}.manage-document-container .compact .modal-body{padding:1rem;max-height:calc(90vh - 140px);overflow-y:auto}.manage-document-container .compact .form-group{margin-bottom:.75rem}.manage-document-container .compact .form-input,.manage-document-container .compact .form-select,.manage-document-container .compact .form-textarea{padding:.5rem;font-size:.85rem}.manage-document-container .compact .form-label{font-size:.8rem;margin-bottom:.25rem;font-weight:600}.manage-document-container .compact .form-textarea{min-height:50px}.manage-document-container .status-badge{border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media(max-width: 768px){.manage-document-container .modal-content.compact{margin:10px;max-height:calc(100vh - 20px)}.manage-document-container .compact .modal-body{max-height:calc(100vh - 160px)}.manage-document-container .compact .row>.col-md-4:last-child{margin-top:1rem}}.manage-document-container .btn{padding:.75rem 1rem !important;border:none !important;border-radius:6px !important;cursor:pointer !important;font-weight:500 !important;transition:all .3s ease !important;display:flex !important;align-items:center !important;gap:6px !important;font-size:.9rem !important;white-space:nowrap !important;flex:0 0 auto !important;width:auto}.manage-document-container .btn-secondary{background:#6c757d;color:#fff}.manage-document-container .btn-secondary:hover{background:#5a6268}.manage-document-container .btn-primary{background:var(--primary-blue);color:#fff}.manage-document-container .btn-primary:hover{background:var(--primary-blue-dark)}.manage-document-container .btn-success{background:var(--success-green);color:#fff}.manage-document-container .btn-success:hover{background:#1e7e34}.manage-document-container .btn-danger{background:var(--danger-red);color:#fff}.manage-document-container .btn-danger:hover{background:#c82333}.manage-document-container .review-status{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;padding:.4rem .6rem;border-radius:4px;background:#e3f2fd;color:var(--primary-blue);border:1px solid rgba(2,125,191,.2);font-weight:500}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{opacity:0;transform:translateY(-30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width: 768px){.manage-document-container .modal{padding:10px}.manage-document-container .modal-content{width:95%;max-height:calc(100vh - 20px)}.manage-document-container .form-row{grid-template-columns:1fr;gap:.75rem}.manage-document-container .modal-footer{flex-direction:column;gap:.75rem}.manage-document-container .btn{width:100%;justify-content:center}.manage-document-container .modal-header{padding:1rem}.manage-document-container .modal-body{padding:1rem}.manage-document-container .modal-footer{padding:1rem}}@media(max-width: 480px){.manage-document-container .modal{padding:5px}.manage-document-container .form-group{margin-bottom:1rem}.manage-document-container .form-input,.manage-document-container .form-select,.manage-document-container .form-textarea{padding:.625rem;font-size:16px}}.manage-document-container .stats-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.05);padding:1.5rem;text-align:center;border-left:4px solid var(--primary-blue);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.manage-document-container .stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.1)}.manage-document-container .stats-card:active{transform:scale(0.98)}.manage-document-container .stats-card.pending-card{border-left:4px solid var(--warning-orange);background:linear-gradient(135deg, rgba(255, 193, 7, 0.03), white)}.manage-document-container .stats-card.pending-card:hover{box-shadow:0 4px 20px rgba(255,193,7,.2);background:linear-gradient(135deg, rgba(255, 193, 7, 0.08), white)}.manage-document-container .stats-card.approved-card{border-left:4px solid var(--success-green);background:linear-gradient(135deg, rgba(40, 167, 69, 0.03), white)}.manage-document-container .stats-card.approved-card:hover{box-shadow:0 4px 20px rgba(40,167,69,.2);background:linear-gradient(135deg, rgba(40, 167, 69, 0.08), white)}.manage-document-container .stats-card.rejected-card{border-left:4px solid var(--danger-red);background:linear-gradient(135deg, rgba(220, 53, 69, 0.03), white)}.manage-document-container .stats-card.rejected-card:hover{box-shadow:0 4px 20px rgba(220,53,69,.2);background:linear-gradient(135deg, rgba(220, 53, 69, 0.08), white)}.manage-document-container .stats-card.expired-card{border-left:4px solid var(--gray-medium);background:linear-gradient(135deg, rgba(108, 117, 125, 0.03), white)}.manage-document-container .stats-card.expired-card:hover{box-shadow:0 4px 20px rgba(108,117,125,.2);background:linear-gradient(135deg, rgba(108, 117, 125, 0.08), white)}.manage-document-container .stats-number{font-size:2rem;font-weight:700;margin-bottom:.5rem;transition:all .3s ease}.manage-document-container .stats-card.pending-card .stats-number{color:var(--warning-orange)}.manage-document-container .stats-card.approved-card .stats-number{color:var(--success-green)}.manage-document-container .stats-card.rejected-card .stats-number{color:var(--danger-red)}.manage-document-container .stats-card.expired-card .stats-number{color:var(--gray-medium)}.manage-document-container .stats-label{color:var(--gray-medium);font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;transition:all .3s ease}.manage-document-container .stats-card:hover .stats-label{color:var(--gray-dark)}.manage-document-container .stats-icon{font-size:1.2rem;margin-bottom:.5rem;opacity:.7;transition:all .3s ease}.manage-document-container .stats-card:hover .stats-icon{opacity:1;transform:scale(1.1)}.manage-document-container .stats-card.pending-card .stats-icon{color:var(--warning-orange)}.manage-document-container .stats-card.approved-card .stats-icon{color:var(--success-green)}.manage-document-container .stats-card.rejected-card .stats-icon{color:var(--danger-red)}.manage-document-container .stats-card.expired-card .stats-icon{color:var(--gray-medium)}.manage-document-container .stats-card::after{content:"Click to filter";position:absolute;top:10px;right:10px;background:rgba(0,0,0,.7);color:#fff;padding:3px 6px;border-radius:3px;font-size:.7rem;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.manage-document-container .stats-card:hover::after{opacity:1}.manage-document-container .stats-card:focus{outline:3px solid rgba(2,125,191,.5);outline-offset:2px}.manage-document-container .detail-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f8f9fa}.manage-document-container .detail-row:last-child{border-bottom:none}.manage-document-container .detail-row strong{min-width:140px;flex-shrink:0}.manage-document-container .status-display{display:flex;justify-content:center;align-items:center}.manage-document-container .document-preview{cursor:pointer;padding:1rem;border:2px dashed #dee2e6;border-radius:8px;transition:all .3s ease}.manage-document-container .document-preview:hover{border-color:var(--primary-blue);background:var(--light-blue)}.manage-document-container .cert-card:focus{outline:3px solid rgba(2,125,191,.5);outline-offset:2px}.manage-document-container .cert-card:focus::after{opacity:1}@media(max-width: 768px){.manage-document-container .page-title{font-size:2rem}.manage-document-container .cert-meta{flex-direction:column;gap:.5rem}.manage-document-container .cert-actions{justify-content:space-between}.manage-document-container .btn-action{flex:1;justify-content:center;min-width:auto}.manage-document-container .filter-section{padding:1rem}}@media(max-width: 576px){.manage-document-container .main-header{padding:1.5rem 0}.manage-document-container .page-title{font-size:1.75rem}.manage-document-container .cert-card-header{padding:1rem}.manage-document-container .cert-card-body{padding:1rem}}.manage-document-container .cert-card.status-updated{animation:statusUpdate .5s ease-in-out}@keyframes statusUpdate{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}.manage-document-container .loading{opacity:.6;pointer-events:none}.manage-document-container .spinner-border-sm{width:1rem;height:1rem}.manage-document-container .stats-card.active-filter{transform:translateY(-3px) !important;box-shadow:0 6px 25px rgba(0,0,0,.15) !important}.manage-document-container .stats-card.pending-card.active-filter{box-shadow:0 6px 25px rgba(255,193,7,.3) !important}.manage-document-container .stats-card.approved-card.active-filter{box-shadow:0 6px 25px rgba(40,167,69,.3) !important}.manage-document-container .stats-card.rejected-card.active-filter{box-shadow:0 6px 25px rgba(220,53,69,.3) !important}.manage-document-container .stats-card.expired-card.active-filter{box-shadow:0 6px 25px rgba(108,117,125,.3) !important}.manage-document-container .document-section{background:#f8f9fa;border-radius:8px;padding:1rem;border:1px solid #e9ecef}.manage-document-container .document-link-container{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:.5rem}.manage-document-container .document-link{display:block;color:var(--primary-blue);text-decoration:none;font-size:.85rem;font-weight:500;padding:.25rem 0;border-radius:3px;transition:all .3s ease;word-break:break-all}.manage-document-container .document-link:hover{color:var(--primary-blue-dark);background:rgba(2,125,191,.1);text-decoration:underline;padding:.25rem .5rem}.manage-document-container .document-link i{color:var(--primary-blue);font-size:.8rem}.manage-document-container .password-container{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:.5rem}.manage-document-container .password-field{position:relative;align-items:center}.manage-document-container .password-input{flex:1;border:none !important;padding:.4rem .5rem !important;font-size:.8rem !important;font-family:"Courier New",monospace;background:#f8f9fa;margin:0 !important}.manage-document-container .password-input:focus{box-shadow:none !important;background:#fff}.manage-document-container .password-actions{display:flex;gap:3px;margin-left:5px}.manage-document-container .btn-password-action{background:var(--primary-blue);color:#fff;border:none;border-radius:3px;padding:.25rem .4rem;cursor:pointer;transition:all .2s ease;font-size:.7rem;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}.manage-document-container .btn-password-action:hover{background:var(--primary-blue-dark);transform:scale(1.05)}.manage-document-container .btn-password-action:active{transform:scale(0.95)}.manage-document-container .btn-password-action.copied{background:var(--success-green)}.manage-document-container .password-strength{font-size:.7rem;margin-top:.25rem;color:var(--gray-medium)}.manage-document-container .timeline-notes-icon{margin-left:auto;cursor:pointer;color:var(--primary-blue);transition:all .3s ease;font-size:.9rem;padding:4px;border-radius:4px}.manage-document-container .timeline-notes-icon:hover{background:rgba(2,125,191,.1);transform:scale(1.1);color:var(--primary-blue-dark)}.manage-document-container .timeline-notes-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2000;display:none;align-items:center;justify-content:center}.manage-document-container .timeline-notes-content{background:#fff;border-radius:12px;padding:0;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3)}.manage-document-container .timeline-notes-header{background:linear-gradient(135deg, var(--primary-blue), var(--primary-blue-dark));color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1)}.manage-document-container .timeline-notes-header h5{margin:0;display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem}.manage-document-container .btn-close-notes{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;opacity:.8}.manage-document-container .btn-close-notes:hover{background:hsla(0,0%,100%,.2);opacity:1;transform:scale(1.1)}.manage-document-container .btn-close-notes:active{transform:scale(0.95)}.manage-document-container .btn-close-notes i{font-size:1rem}.manage-document-container .timeline-notes-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.manage-document-container .notes-section{margin-bottom:1.5rem}.manage-document-container .notes-section h6{color:var(--primary-blue);font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.manage-document-container .notes-content{background:#f8f9fa;border-radius:6px;padding:1rem;border-left:4px solid var(--primary-blue);font-size:.9rem;line-height:1.5}.manage-document-container .notes-empty{color:var(--gray-medium);font-style:italic;text-align:center;padding:2rem}.manage-document-container .timeline-note-item{margin-bottom:1rem;padding:.75rem;background:#f8f9fa;border-radius:8px;border-left:4px solid var(--primary-blue)}.manage-document-container .note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.manage-document-container .note-header strong{color:var(--primary-blue);font-size:.9rem}.manage-document-container .note-header small{color:var(--gray-medium);font-size:.75rem}.manage-document-container .note-content{color:#333;font-size:.85rem;line-height:1.4}.manage-document-container .notes-empty i{font-size:2.5rem;margin-bottom:.5rem;color:#dee2e6}.manage-document-container .notes-empty p{margin:0;font-style:italic}.manage-document-container .admin-only-section{border:2px solid var(--warning-orange);border-radius:8px;padding:1rem;background:linear-gradient(145deg, #fff9c4 0%, #fffef7 100%)}.manage-document-container .admin-badge{background:var(--warning-orange);color:#856404;font-size:.6rem;font-weight:600;padding:.2rem .5rem;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;margin-left:auto}.manage-document-container .admin-notes-content{background:#fff;border-left-color:var(--warning-orange);border:1px solid #ffeaa7}
.violation-link{color:#000;text-decoration:none}.violation-link i{color:#000;transition:color .3s ease}.violation-link:hover{color:#fff}.violation-link:hover i{color:#fff}

@media(min-width: 769px){.NewManageUser{margin-left:217px}.NewManageUser .modal-body{padding-left:169px}}@media(max-width: 768px){.NewManageUser{width:365px;margin-top:62px}}.NewManageUser .modal-footer{border:unset}.NewManageUser body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background:#f4f7fa;color:#333;max-width:1000px;margin:0 auto;padding:20px}.NewManageUser h2{margin-bottom:20px}.NewManageUser .filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 8px 20px}.NewManageUser .filters select,.NewManageUser .filters input{padding:10px;border:1px solid #ccc;border-radius:6px;min-width:160px;flex:1}.NewManageUser .filters .btn{padding:10px 16px;background:#027dbf;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s;flex-shrink:0}.NewManageUser .filters .btn:hover{background-color:#025f90}.NewManageUser .hidden{display:none}.NewManageUser .user-card{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:15px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin:8px;transition:.2s}.NewManageUser .user-card .user-content{display:flex;align-items:center;gap:15px;flex:1}.NewManageUser .user-card .avatar-wrapper{position:relative;width:50px;height:50px}.NewManageUser .user-card .avatar-wrapper .avatar-img,.NewManageUser .user-card .avatar-wrapper .avatar-fallback{width:50px;height:50px;border-radius:50%}.NewManageUser .user-card .avatar-wrapper .avatar-fallback{background:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:16px;position:absolute;top:0;left:0}.NewManageUser .user-card .user-details{display:flex;flex-direction:column;gap:4px}.NewManageUser .user-card .user-details .user-meta{font-size:13px;color:#555}.NewManageUser .user-card .user-details .badge{background:#edf2fa;color:#004085;padding:3px 8px;border-radius:12px;font-size:12px;display:inline-flex;align-items:center;gap:4px;margin-top:2px}.NewManageUser .user-card .user-details .status{font-size:12px;padding:4px 8px;border-radius:4px;display:inline-block;background:#f0f0f0;color:#333}.NewManageUser .user-card .user-details .status.complete{background:#d4edda;color:#155724}.NewManageUser .user-card .user-details .status.not-complete{background:#f8d7da;color:#721c24}.NewManageUser .details-panel{position:relative;background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin:8px;margin-top:20px}.NewManageUser .details-panel .back-float{position:absolute;top:10px;right:10px;background:#007bff;color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px}.NewManageUser .details-panel .custom-dropdown{position:relative;display:inline-block;width:auto}.NewManageUser .details-panel .custom-dropdown .dropdown-toggle{padding:8px 12px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;gap:6px}.NewManageUser .details-panel .custom-dropdown .dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 5px rgba(0,0,0,.1);margin-top:4px;z-index:100;list-style:none;padding:0}.NewManageUser .details-panel .custom-dropdown .dropdown-options li{padding:10px;cursor:pointer;display:flex;align-items:center;gap:8px}.NewManageUser .details-panel .custom-dropdown .dropdown-options li:hover{background:#f0f0f0}@media(max-width: 768px){.NewManageUser .filters{flex-direction:column;margin:0;padding:0 10px}.NewManageUser .user-card{flex-direction:column;align-items:flex-start;padding:10px}.NewManageUser .user-card .user-content{flex-direction:column;align-items:flex-start;gap:10px}.NewManageUser .details-panel{margin:0 0 12px;padding:10px}.NewManageUser body{padding:12px}.NewManageUser .view-profile-button{width:100%}.NewManageUser .add-site-button{width:100%}.NewManageUser .remove-site-button{width:100%}}.NewManageUser .view-profile-button{background:#027dbf;color:#fff}.NewManageUser .view-profile-button:hover{background-color:#025f90}
.action-bar{position:fixed;bottom:0;left:0;width:100%;background:#fff;box-shadow:0 -2px 8px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:space-between;padding:10px 20px;padding-bottom:calc(10px + env(safe-area-inset-bottom));gap:8px;z-index:100000000000000000000000}.action-bar button{flex:1;min-width:80px;padding:10px 16px;border:none;border-radius:4px;font-size:16px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-cancel{background:#f0f0f0}.btn-save{background:#28a745;color:#fff}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background-color:#f4f6f9 !important;color:#333;width:100%}body .profilecontainer{margin:20px auto;background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:25px 30px;margin-right:400px;width:100%}body .profilecontainer .loader-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:1050}body .profilecontainer .loader-spinner{width:3rem;height:3rem}body .profilecontainer .update-Profile-button{background-color:green;color:#fff;border:none;padding:15px;border-radius:5px;font-size:16px;cursor:pointer;width:100%;font-weight:bold;transition:background-color .3s ease;margin-top:20px;display:flex;align-items:center;justify-content:center}body .profilecontainer .update-Profile-button i{margin-right:8px}body .profilecontainer .update-Profile-button:hover{background-color:#228b22}body .profilecontainer .profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #ccc}body .profilecontainer .Uploadimage{width:25%;padding:5px;background-color:#027dbf;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s,transform .2s}body .profilecontainer .Uploadimage:hover{background-color:#02689f;transform:scale(1.02)}body .profilecontainer .Uploadimage i{margin-right:8px}body .profilecontainer .panel-header{background-color:#027dbf;color:#fff;padding:12px 15px;border-radius:8px 8px 0 0;margin:0 0 20px 0;font-size:18px;font-weight:bold;text-align:center;display:flex;align-items:center;justify-content:center}body .profilecontainer .panel-header i{margin-right:8px}body .profilecontainer .profile-header{text-align:center;margin-bottom:20px}body .profilecontainer .profile-header .logo-placeholder{width:120px;height:120px;border-radius:50%;background-color:#e9eef2;display:flex;justify-content:center;align-items:center;font-size:14px;color:#555;border:2px dashed #027dbf;margin:0 auto 10px}body .profilecontainer .profile-header button{background-color:#027dbf;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;margin:0 auto}body .profilecontainer .profile-header button i{margin-right:8px}body .profilecontainer .profile-header button:hover{background-color:#025f8c}body .profilecontainer .form-group{margin-bottom:20px;display:flex;flex-direction:column;width:100%}body .profilecontainer .form-group label{display:block;margin-bottom:8px;font-weight:bold}body .profilecontainer .form-group input,body .profilecontainer .form-group select{width:100%;box-sizing:border-box;padding:12px;border:1px solid #ccc;border-radius:5px;font-size:14px;transition:border-color .3s ease}body .profilecontainer .form-group input:focus,body .profilecontainer .form-group select:focus{border-color:#027dbf;outline:none}body .profilecontainer .ssn-container .input-button-group{display:flex;align-items:center;gap:10px}body .profilecontainer .ssn-container input{flex:1;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px}body .profilecontainer .SSN-button{background-color:#027dbf;color:#fff;border:none;padding:10px 15px;border-radius:5px;font-size:16px;cursor:pointer;font-weight:bold;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;white-space:nowrap}body .profilecontainer .SSN-button:hover{background-color:#025f8c}body .profilecontainer .update-button{background-color:#027dbf;color:#fff;border:none;padding:15px;border-radius:5px;font-size:16px;cursor:pointer;width:100%;font-weight:bold;transition:background-color .3s ease;margin-top:20px;display:flex;align-items:center;justify-content:center}body .profilecontainer .update-button i{margin-right:8px}body .profilecontainer .update-button:hover{background-color:#025f8c}@media(max-width: 768px){body .profilecontainer{margin:10px;padding:30px;width:350px}body .Uploadimage{width:auto !important}body .profile-header .logo-placeholder{width:100px;height:100px}body .panel-header{font-size:16px;padding:10px 12px}}body .profile-image{width:120px;height:120px;object-fit:cover;border-radius:50%;border:3px dashed #39f;cursor:pointer;transition:transform .3s ease}body .profile-image:hover{transform:scale(1.05)}body .upload-image-button{display:inline-block;margin-top:15px;cursor:pointer;background-color:#007bff;color:#fff;padding:10px 20px;border-radius:5px;font-weight:500}body .modal-backdrop-custom{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999}body .modal-dialog-custom{background:#fff;border-radius:12px;max-width:90%;max-height:90%;overflow:auto;padding:20px}body .modal-content-custom{display:flex;flex-direction:column;align-items:center;text-align:center}body .modal-image{max-width:100%;max-height:80vh;border-radius:10px;margin-bottom:20px}body .modal-image:hover{transform:scale(1.05)}body .modal-close-button{background-color:#027dbf;color:#fff;padding:10px 20px;font-size:16px;margin-top:20px;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}body .modal-close-button:hover{background-color:#026aad}
body{font-family:"Roboto",sans-serif;line-height:1.6;margin:0;padding:0;color:#333;background-color:#f9f9f9}.privacy-container{margin-top:1290px !important;max-width:800px !important;margin:20px auto;padding:20px !important;background-color:#fff !important;box-shadow:0 4px 8px rgba(0,0,0,.1) !important;border-radius:8px !important}.privacy-container h1,.privacy-container h2{color:#027dbf !important;font-weight:1000 !important}.privacy-container h1{font-size:2rem !important;margin-bottom:10px !important}.privacy-container h2{font-size:1.5rem !important;margin-top:20px !important}.privacy-container p{margin-bottom:10px !important}.floating-button-privacypolicy{display:block;display:none}@media screen and (max-width: 768px){.privacy-container{margin-top:1600px !important;margin-bottom:0px}.floating-button-privacypolicy{display:block;position:fixed;bottom:70px;right:20px;background-color:#027dbf;border-radius:50%;width:60px;height:60px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.floating-button-privacypolicy button{border:none;background:none;color:#fff;font-size:24px;width:100%;height:100%;cursor:pointer}}@media screen and (min-width: 390px)and (max-width: 429px){.privacy-container{padding-top:1950px !important;margin-top:0px !important}}@media screen and (min-width: 430px)and (max-width: 932px){.privacy-container{padding-top:1600px !important;margin-top:0px !important}}@media screen and (min-width: 360px)and (max-width: 389px){.privacy-container{padding-top:2200px !important;margin-top:0px !important}}@media screen and (min-width: 768px)and (max-width: 1024px){.privacy-container{padding-top:1240px !important;margin-top:0px !important}}
*{box-sizing:border-box;margin:0;padding:0;font-family:"Roboto",sans-serif}body,html{height:100%;display:flex;align-items:center;justify-content:center;background-color:#f4f6f9 !important}@media(max-width: 768px){.reg-container{margin-top:20px;margin-bottom:10px}}.status-message{margin-bottom:5px;color:red;background-color:#f8d7da;padding:5px;border-radius:4px;font-weight:bold}.reg-container{display:flex;width:100%;max-width:1200px;height:100vh;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.2)}.reg-form-group{margin-bottom:1rem;position:relative}.reg-error-message{position:absolute;bottom:-1.5rem;left:0;width:100%;font-size:.875rem;color:red}.reg-info-section{flex:1;position:relative;background:linear-gradient(135deg, #027dbf, #005f8d);color:#f0f0f0;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.reg-info-section img{width:130px;margin-bottom:20px;filter:drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));position:relative;z-index:2}.reg-info-section h2,.reg-info-section p,.reg-catchy-message{position:relative;z-index:2}.reg-info-section h2{font-size:2.2rem;font-weight:700}.reg-info-section p{font-size:1.1rem;line-height:1.6;margin-top:10px;max-width:80%}.reg-catchy-message{font-size:1rem;margin-top:20px;color:#e0e0e0}.reg-register-section{flex:1;background-color:#fff;padding:20px;display:flex;align-items:center;justify-content:center}.reg-register-section form{width:100%;max-width:400px;padding-top:25px}.reg-form-group{margin-bottom:10px;position:relative}.reg-form-group label{font-size:.9rem;color:#333}.reg-form-group input{width:100%;padding:12px 12px 12px 40px;border:1px solid #ccc;border-radius:6px;font-size:1rem;transition:border-color .3s}.reg-form-group input:focus{border-color:#027dbf;outline:none}.reg-form-group .reg-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:1.2rem;color:#666}.reg-form-group button{width:100%;padding:12px;background-color:#027dbf;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s,transform .2s;display:flex;align-items:center;justify-content:center;gap:8px}.reg-form-group button:hover{background-color:#02689f;transform:scale(1.02)}.reg-footer-text{text-align:center;font-size:.8rem;color:#777;margin-top:10px}.reg-login-link{text-align:center;font-size:.9rem;color:#555;margin-top:10px}.reg-login-link a{color:#027dbf;text-decoration:none;font-weight:bold}.reg-login-link a:hover{text-decoration:underline}@media(max-width: 768px){.reg-container{flex-direction:column;height:auto;border-radius:0;width:100%}.reg-info-section{padding:20px;height:auto;justify-content:center;margin-top:80px}.reg-info-section img{width:100px}.reg-info-section h2{font-size:1.8rem}.reg-info-section p,.reg-catchy-message{font-size:.9rem}.reg-register-section{padding:20px;height:auto;justify-content:flex-start}.reg-register-section form{max-width:100%;padding:0 10px}.reg-form-group{margin-bottom:15px}.reg-form-group label{font-size:.8rem}.reg-form-group input{padding:10px 10px 10px 36px;font-size:.9rem}.reg-form-group button{padding:10px;font-size:.9rem}.reg-footer-text,.reg-login-link{font-size:.8rem}}@media screen and (min-width: 390px)and (max-width: 429px){.reg-info-section{padding-top:150px !important;margin-top:90px !important}}@media screen and (min-width: 360px)and (max-width: 389px){.reg-info-section{padding-top:270px !important;margin-top:40px !important}}
body,html{height:100%;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}@media(min-width: 993px){.incident-container{width:100%}}@media(max-width: 767px){.incident-container{margin-top:-230px}}.incident-container .container-fluid{height:100vh}.incident-container .sidebar{height:100vh;box-shadow:2px 0 5px rgba(0,0,0,.1)}@media(min-width: 993px){.incident-container .sidebar{overflow-y:auto}}.incident-container .sidebar h5{color:#495057;font-weight:600}.incident-container .chat-container{height:100vh}.incident-container .chat-header{min-height:80px;background:linear-gradient(135deg, #0d6efd 0%, #0b5ed7 100%)}.incident-container .chat-messages{overflow-y:auto;background-color:#f8f9fa;min-height:0;padding-bottom:0}.incident-container .message{margin-bottom:20px;animation:fadeIn .3s ease-in}.incident-container .message.user-message{margin-left:20%;margin-right:0}.incident-container .message.user-message .d-flex{flex-direction:row-reverse;justify-content:flex-start}.incident-container .message.user-message .message-content{text-align:right}.incident-container .message.user-message .message-bubble{background-color:#0d6efd !important;color:#fff}.incident-container .avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.incident-container .user-avatar{background-color:#6c757d !important}.incident-container .message-bubble{max-width:100%;word-wrap:break-word;box-shadow:0 2px 4px rgba(0,0,0,.1);border:none}.incident-container .message-content small{font-size:.75rem}.incident-container .chat-input{background-color:#fff;border-top:2px solid #e9ecef}.incident-container .input-group .form-control:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}.incident-container .form-label{font-weight:600;color:#495057}.incident-container .form-control:focus,.incident-container .form-select:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}.incident-container .severity-critical{background-color:#dc3545 !important}.incident-container .severity-high{background-color:#fd7e14 !important}.incident-container .severity-medium{background-color:#ffc107 !important;color:#000 !important}.incident-container .severity-low{background-color:#198754 !important}.incident-container .status-indicator{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px}.incident-container .status-active{background-color:#28a745;animation:pulse 2s infinite}.incident-container .status-pending{background-color:#ffc107}.incident-container .status-resolved{background-color:#6c757d}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(40,167,69,.7)}70%{box-shadow:0 0 0 10px rgba(40,167,69,0)}100%{box-shadow:0 0 0 0 rgba(40,167,69,0)}}.incident-container .typing-indicator{display:flex;align-items:center;gap:4px}.incident-container .typing-indicator span{width:8px;height:8px;border-radius:50%;background-color:#6c757d;animation:typing 1.4s infinite ease-in-out}.incident-container .typing-indicator span:nth-child(1){animation-delay:0s}.incident-container .typing-indicator span:nth-child(2){animation-delay:.2s}.incident-container .typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,100%{transform:scale(1);opacity:.5}30%{transform:scale(1.2);opacity:1}}.incident-container .message-bubble{max-width:100%;word-wrap:break-word;box-shadow:0 2px 4px rgba(0,0,0,.1);border:none}.incident-container .bot-message .message-bubble{background-color:#f8f9fa !important;border-left:4px solid #0d6efd}.incident-container .user-message .message-bubble{background:linear-gradient(135deg, #0d6efd 0%, #0b5ed7 100%) !important}.incident-container .avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.incident-container .progress-bar{transition:width .3s ease}.incident-container .btn:hover{transform:translateY(-1px);transition:transform .2s ease}.incident-container .d-lg-none .btn-outline-primary{border-width:2px;font-weight:500}.incident-container .d-lg-none .btn-outline-primary:hover{transform:none;box-shadow:0 2px 4px rgba(13,110,253,.3)}@media(max-width: 576px){.incident-container .p-3{padding:.6rem !important}.incident-container .mb-3{margin-bottom:.8rem !important}.incident-container .mt-4{margin-top:1rem !important}}@media(max-width: 768px){.incident-container .sidebar{height:auto;position:relative}.incident-container .chat-container{height:calc(100vh - 400px);min-height:500px}.incident-container .message.user-message{margin-left:10%}}@media(max-width: 992px){.incident-container .container-fluid{height:100vh;padding:0}.incident-container .sidebar{height:auto;max-height:35vh;overflow:visible;border-bottom:2px solid #dee2e6;border-right:none;position:relative;padding:.75rem !important}.incident-container .sidebar .p-3{padding:.75rem !important}.incident-container .sidebar h5{font-size:1rem;margin-bottom:.75rem !important}.incident-container .sidebar h6{font-size:.9rem;margin-bottom:.5rem !important}.incident-container .chat-container{height:65vh;min-height:65vh}.incident-container .chat-messages{height:calc(65vh - 140px);overflow-y:auto;padding:1rem !important}.incident-container .chat-header{padding:.75rem !important}.incident-container .chat-input{padding:.75rem !important}.incident-container .d-grid.gap-2{grid-template-columns:repeat(2, 1fr);gap:.5rem}.incident-container .btn-sm{padding:.4rem .6rem;font-size:.8rem}.incident-container .d-lg-none .btn{margin-bottom:.5rem !important;padding:.5rem !important;font-size:.85rem}.incident-container #sidebarContent.collapse:not(.show){display:none}.incident-container #sidebarContent.collapse.show{max-height:none;overflow:visible}.incident-container .sidebar .mb-3{margin-bottom:.5rem !important}.incident-container .sidebar .mt-4{margin-top:.5rem !important}.incident-container .sidebar .d-grid{gap:.3rem !important}.incident-container .sidebar .btn-sm{padding:.3rem .5rem !important;font-size:.75rem !important;line-height:1.2}.incident-container .sidebar .card{font-size:.75rem}.incident-container .sidebar .card-body{padding:.5rem !important}}@media(max-width: 768px){.incident-container .sidebar{max-height:35vh;padding:.8rem !important}.incident-container .chat-container{height:65vh;min-height:65vh}.incident-container .chat-messages{height:calc(65vh - 130px)}.incident-container .chat-header{padding:.8rem !important;min-height:60px}.incident-container .chat-input{padding:.6rem !important}.incident-container .message.user-message{margin-left:5%}}@media(max-width: 576px){.incident-container .container-fluid{padding:0;margin:0}.incident-container .sidebar{max-height:25vh;padding:.5rem !important}.incident-container .sidebar .p-3{padding:.5rem !important}.incident-container .chat-container{height:75vh;min-height:75vh}.incident-container .chat-messages{height:calc(75vh - 120px);padding:.75rem !important}.incident-container .chat-header{padding:.6rem !important;min-height:50px}.incident-container .chat-header h4{font-size:1rem}.incident-container .chat-input{padding:.5rem !important}.incident-container .d-grid{grid-template-columns:1fr !important;gap:.4rem !important}.incident-container .sidebar h5{font-size:.9rem !important}.incident-container .sidebar h6{font-size:.8rem !important}.incident-container #sidebarContent.collapse.show{max-height:none;overflow:visible}.incident-container .message.user-message{margin-left:0}.incident-container .message-bubble{padding:.6rem !important;font-size:.9rem}.incident-container .avatar{width:28px;height:28px;font-size:12px}.incident-container .d-grid{grid-template-columns:1fr;gap:.4rem !important}.incident-container .sidebar h5{font-size:1rem;margin-bottom:.8rem !important}.incident-container .sidebar h6{font-size:.85rem;margin-bottom:.5rem !important}.incident-container .card-body{padding:.6rem !important}.incident-container .small{font-size:.75rem !important}.incident-container .d-lg-none .btn{font-size:.9rem;padding:.6rem}}@media(hover: none)and (pointer: coarse){.incident-container .btn{min-height:44px;touch-action:manipulation}.incident-container .form-control{min-height:44px}.incident-container .message-bubble{font-size:16px}}@media(max-width: 992px)and (orientation: landscape){.incident-container .sidebar{max-height:25vh}.incident-container .chat-container{height:75vh}.incident-container .chat-messages{height:calc(75vh - 110px)}.incident-container #sidebarContent.collapse.show{max-height:20vh}}.incident-container .chat-messages::-webkit-scrollbar{width:6px}.incident-container .chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.incident-container .chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.incident-container .chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.incident-container .typing-indicator{display:flex;align-items:center;gap:4px}.incident-container .typing-dot{width:8px;height:8px;background-color:#6c757d;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.incident-container .typing-dot:nth-child(1){animation-delay:-0.32s}.incident-container .typing-dot:nth-child(2){animation-delay:-0.16s}@keyframes typing{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}.incident-container .quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.incident-container .quick-action{background-color:#fff;border:1px solid #dee2e6;border-radius:20px;padding:6px 12px;font-size:.875rem;color:#495057;cursor:pointer;transition:all .2s}.incident-container .quick-action:hover{background-color:#0d6efd;color:#fff;border-color:#0d6efd}.incident-container .timeline{position:relative;padding-left:30px}.incident-container .timeline::before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background-color:#dee2e6}.incident-container .timeline-item{position:relative;margin-bottom:20px}.incident-container .timeline-item::before{content:"";position:absolute;left:-26px;top:5px;width:12px;height:12px;background-color:#0d6efd;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 3px #dee2e6}.incident-container .timeline-item.completed::before{background-color:#198754}.incident-container .timeline-item.current::before{background-color:#ffc107;animation:pulse 2s infinite}.incident-container .fab-container{position:fixed;bottom:20px;right:20px;z-index:1050}.incident-container .fab-main{width:56px;height:56px;border:none;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);font-size:1.2rem;display:flex;align-items:center;justify-content:center}.incident-container .fab-main:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,.4)}.incident-container .fab-main.active{transform:rotate(45deg);background-color:#dc3545 !important}.incident-container .fab-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1040;opacity:0;visibility:hidden;transition:all .3s ease}.incident-container .fab-menu.show{opacity:1;visibility:visible}.incident-container .fab-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(2px)}.incident-container .fab-content{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(135deg, #0d6efd 0%, #0b5ed7 100%);border-radius:20px 20px 0 0;max-height:85vh;overflow-y:auto;transform:translateY(100%);transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1);margin:0;padding:0}.incident-container .fab-menu.show .fab-content{transform:translateY(0)}.incident-container .fab-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid hsla(0,0%,100%,.2);color:#fff;margin:0;background:rgba(0,0,0,.1)}.incident-container .fab-header h6{margin:0;font-weight:600;font-size:1rem}.incident-container .fab-header button{font-size:1.2rem;line-height:1;margin:0;padding:0}.incident-container .fab-body{padding:0;margin:0}.incident-container .fab-section{padding:1rem 1.25rem;margin:0;border-bottom:1px solid hsla(0,0%,100%,.1)}.incident-container .fab-section:last-child{border-bottom:none;padding-bottom:1.5rem}.incident-container .fab-section-title{color:hsla(0,0%,100%,.9);font-size:.8rem;font-weight:600;margin:0 0 .75rem 0;text-transform:uppercase;letter-spacing:.5px}.incident-container .fab-buttons{display:grid;grid-template-columns:repeat(2, 1fr);gap:.6rem;margin:0;padding:0}.incident-container .fab-button{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:10px;padding:.75rem .5rem;color:#fff;text-align:center;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.4rem;min-height:70px;backdrop-filter:blur(10px);margin:0}.incident-container .fab-button i{font-size:1.3rem;margin:0}.incident-container .fab-button span{font-size:.75rem;font-weight:500;line-height:1.1;margin:0}.incident-container .fab-button:hover,.incident-container .fab-button:focus{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);transform:translateY(-1px);color:#fff}.incident-container .fab-button.btn-emergency:hover{background:rgba(220,53,69,.8);border-color:#dc3545}.incident-container .fab-button.btn-incident:hover{background:rgba(255,193,7,.8);border-color:#ffc107}.incident-container .fab-button.btn-investigation:hover{background:rgba(13,202,240,.8);border-color:#0dcaf0}.incident-container .fab-button.btn-information:hover{background:rgba(108,117,125,.8);border-color:#6c757d}.incident-container .fab-button.btn-help:hover{background:rgba(32,201,151,.8);border-color:#20c997}.incident-container .fab-button.btn-success:hover{background:rgba(25,135,84,.8);border-color:#198754}.incident-container .fab-button.btn-warning:hover{background:rgba(255,193,7,.8);border-color:#ffc107}.incident-container .fab-button.btn-danger:hover{background:rgba(220,53,69,.8);border-color:#dc3545}.incident-container .fab-report-card{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:.75rem;color:#fff;backdrop-filter:blur(10px);margin:0}.incident-container .fab-report-card .small{font-size:.8rem;margin:0}.incident-container .fab-report-card .badge{font-size:.7rem}.incident-container .fab-report-card p{margin:0 0 .25rem 0}.incident-container .fab-report-card p:last-of-type{margin-bottom:.5rem}@keyframes fabSlideUp{from{opacity:0;transform:translateY(100px) scale(0.8)}to{opacity:1;transform:translateY(0) scale(1)}}.incident-container .fab-container{animation:fabSlideUp .5s ease-out}@media(max-width: 576px){.incident-container .fab-container{bottom:12px;right:12px}.incident-container .fab-content{border-radius:16px 16px 0 0;max-height:88vh}.incident-container .fab-header{padding:.75rem 1rem}.incident-container .fab-section{padding:.75rem 1rem}.incident-container .fab-section:last-child{padding-bottom:1.25rem}.incident-container .fab-buttons{grid-template-columns:1fr;gap:.5rem}.incident-container .fab-button{padding:.6rem .4rem;min-height:60px;border-radius:8px}.incident-container .fab-button i{font-size:1.2rem}.incident-container .fab-button span{font-size:.7rem}}@media(min-width: 992px){.incident-container .fab-container{display:none !important}}@media(max-width: 991.98px){.incident-container .chat-container{width:100% !important;max-width:100% !important;flex:0 0 100% !important;padding:0 !important;margin:0 !important}.incident-container .container-fluid{padding:0 !important;margin:0 !important}.incident-container .row{margin:0 !important}.incident-container .chat-input{margin-bottom:0 !important;padding:.5rem !important;position:fixed;bottom:70px;left:0;right:0;background:#fff;border-top:1px solid #dee2e6;z-index:1000}.incident-container .chat-messages{padding-bottom:140px !important}.incident-container .fab-container{bottom:15px;right:15px}}@media(max-width: 576px){.incident-container .fab-container{bottom:12px;right:12px}.incident-container .fab-main{width:50px;height:50px;font-size:1.1rem}.incident-container .chat-input{padding:.4rem !important;bottom:65px}.incident-container .chat-messages{padding-bottom:120px !important}}.incident-container .page-header{min-height:80px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.incident-container .page-content{background-color:#f8f9fa;min-height:calc(100vh - 80px);overflow-y:auto}.incident-container .emergency-steps{list-style:none;counter-reset:step-counter;padding-left:0}.incident-container .emergency-steps li{counter-increment:step-counter;margin-bottom:.5rem;padding-left:2rem;position:relative}.incident-container .emergency-steps li::before{content:counter(step-counter);position:absolute;left:0;top:0;background:#007bff;color:#fff;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:bold}.incident-container .practices-list{list-style:none;padding-left:0}.incident-container .practices-list li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.incident-container .practices-list li::before{content:"�";position:absolute;left:0;color:#007bff;font-weight:bold}.incident-container .contact-card,.incident-container .team-member,.incident-container .support-contact{transition:transform .2s ease-in-out}.incident-container .contact-card:hover,.incident-container .team-member:hover,.incident-container .support-contact:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.incident-container .report-type-card{transition:transform .2s ease-in-out;height:100%}.incident-container .report-type-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.incident-container .info-item{padding:1rem;border-radius:.5rem;background:rgba(0,0,0,.02);transition:background-color .2s ease-in-out}.incident-container .info-item:hover{background:rgba(0,0,0,.05)}@media(max-width: 768px){.incident-container .page-header h4{font-size:1.25rem}.incident-container .page-header .btn{font-size:.875rem;padding:.375rem .75rem}.incident-container .contact-card,.incident-container .team-member,.incident-container .support-contact{margin-bottom:1rem}.incident-container .emergency-steps li{padding-left:1.75rem;font-size:.9rem}.incident-container .emergency-steps li::before{width:1.25rem;height:1.25rem;font-size:.7rem}}@media(max-width: 576px){.incident-container .page-content{padding:1rem !important}.incident-container .card{margin-bottom:1rem}.incident-container .team-member .d-flex{flex-direction:column;text-align:center}.incident-container .team-member .avatar-placeholder{margin-bottom:.5rem;margin-right:0 !important}}
body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f6f9 !important}.report-model{width:100% !important}.remarks{padding-right:325px !important}.Reportscontainer{max-width:900px;margin:20px auto;padding:10px}.Reportscontainer .company{background:#f1f8ff;padding:15px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-weight:bold;color:#027dbf;margin-left:175px;margin-right:170px}.Reportscontainer .header{text-align:center;padding:20px;background-color:#027dbf;color:#fff;border-radius:8px}.Reportscontainer .header h1{color:#fff !important}.Reportscontainer .section{margin-top:20px;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.Reportscontainer .section h2{font-size:1.5rem;margin-bottom:10px;display:flex;align-items:center}.Reportscontainer .section h2 i{margin-right:10px;color:#027dbf}.Reportscontainer .info-row{display:flex;justify-content:space-between;margin-bottom:10px;align-items:center}.Reportscontainer .info-row span{font-weight:bold}.Reportscontainer .status{display:flex;align-items:center}.Reportscontainer .status i{margin-right:5px}.Reportscontainer .completed{color:#4caf50}.Reportscontainer .pending{color:#ff9800}.Reportscontainer .btn{display:inline-block;margin-top:10px;padding:10px 15px;background-color:#027dbf;color:#fff;text-decoration:none;border-radius:5px;text-align:center}.Reportscontainer .btn:hover{background-color:#025f90}.Reportscontainer .password-section{margin-top:15px}.Reportscontainer .password-section input{border:1px solid #ccc;padding:5px;border-radius:4px;width:80%;margin-right:10px;-webkit-text-security:disc;text-security:disc}.Reportscontainer .copy-icon{cursor:pointer;color:#027dbf}.Reportscontainer .copy-icon:hover{color:#025f90}@media(max-width: 600px){.Reportscontainer .info-row{flex-direction:column;align-items:flex-start}}.Reportscontainer .styled-remarks{width:100%;height:100px;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:5px;resize:none;background-color:#f9f9f9;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);transition:border-color .3s,box-shadow .3s}.Reportscontainer .styled-remarks:focus{border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.5);outline:none}@media(max-width: 768px){.Reportscontainer .company{margin-left:0;margin-right:0}}
.site-card{border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin-bottom:20px;min-height:0px !important;max-width:1000px !important;margin-right:0px !important}.Edit-model{width:100% !important;margin-top:200px !important}.user-model{width:150% !important}.user-search{width:30% !important}.user-search-btn{background-color:#027dbf !important;padding:6px !important}.inactive-site{background-color:#d3d3d3 !important}.Remove-user{background-color:red !important}.btn-close{background-color:#fff !important;color:#000 !important;border:none;font-size:1.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.btn-close:hover{background-color:rgba(0,0,0,0) !important}.location-group{background-color:#f8f9fa;padding:15px;border-radius:8px;border:1px solid #dee2e6}.location-group h6{margin-bottom:15px;display:flex;align-items:center;gap:8px}.location-group .form-label{font-weight:500}.add-button{background-color:#027dbf !important;color:#fff;padding:8px 12px;border:none;border-radius:4px;font-size:14px}.custom-dialog{align-items:flex-start !important;margin:1rem auto}.custom-body{max-height:none;overflow:visible}.modal.show{display:flex !important;align-items:flex-start !important}.modal.custom-modal{display:block !important;position:fixed;top:0;left:0;right:0;overflow-y:auto}.modal.custom-modal .custom-modal-dialog{margin:1rem auto;align-items:flex-start}.modal.custom-modal .custom-modal-content{max-height:none;overflow:visible;width:100% !important}.user-modal{max-height:none !important;height:auto !important;display:flex;flex-direction:column;margin-top:70px !important}.user-modal-body{flex-grow:1;padding:1rem;overflow:visible !important}.modal-dialog.modal-lg{max-width:800px}.modal.show{display:flex !important;align-items:flex-start !important;justify-content:center}.add-button:hover{background-color:#026aa7 !important}.save-cancell-btn{background-color:#027dbf !important;width:100% !important}.save-cancell-btn:hover{background-color:#026aa7 !important}@media(min-width: 1400px){.site-container{width:948px !important}}@media(max-width: 768px){.Edit-model{margin-top:560px !important}.modal.custom-modal .custom-modal-content{margin-top:65px !important}#site-list .card.site-card .d-flex>div:first-child{margin-right:35px}#site-list .card.site-card .d-flex .add-button{padding:4px 8px;font-size:14px}#site-list .card.site-card .d-flex .add-button{padding:4px 12px;font-size:14px;min-width:100px;text-align:center}.site-card-content{flex-direction:column;align-items:flex-start}.site-actions{width:100%;justify-content:flex-start;margin-top:.5rem}.site-actions button{width:auto}}

body{font-family:"Roboto",sans-serif;line-height:1.6;margin:0;padding:0;color:#333;background-color:#f9f9f9}.term-container{margin-top:700px !important;max-width:800px;margin:20px auto;padding:20px;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px}.term-container h1,.term-container h2{color:#027dbf;font-weight:1000 !important}.term-container h1{font-size:2rem;margin-bottom:10px}.term-container h2{font-size:1.5rem;margin-top:20px}.term-container p{margin-bottom:10px}.floating-button{display:none}.floating-button-termservice{display:block;display:none}@media screen and (max-width: 768px){.floating-button-termservice{display:block;position:fixed;bottom:calc(env(safe-area-inset-bottom, 10px) + 60px);right:20px;background-color:#027dbf;border-radius:50%;width:60px;height:60px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.floating-button-termservice button{border:none;background:none;color:#fff;font-size:24px;width:100%;height:100%;cursor:pointer}}@media screen and (max-width: 480px){.term-container{display:flow;padding-top:1300px !important;margin-top:0px !important}}@media screen and (min-width: 320px)and (max-width: 359px){.term-container{padding-top:1200px !important;margin-top:0px !important}}@media screen and (min-width: 360px)and (max-width: 389px){.term-container{padding-top:1550px !important;margin-top:0px !important}}@media screen and (min-width: 390px)and (max-width: 429px){.term-container{padding-top:1300px !important;margin-top:0px !important}}@media screen and (min-width: 430px)and (max-width: 480px){.term-container{padding-top:1000px !important;margin-top:0px !important}}
body,html{margin:0;padding:0;font-family:Arial,sans-serif;overflow-x:hidden}.user-current-company{background:#e3f2fd;padding:15px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-weight:bold;margin-left:270px;margin-right:40px}.training-container{margin:50px auto}.header{text-align:center;margin-bottom:20px}.header h1{margin:0;color:#027dbf}.panel{background:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);flex-grow:1;box-sizing:border-box}.panel-heading{background-color:#027dbf;color:#fff;padding:15px;font-size:1.2rem;font-weight:bold;display:flex;align-items:center;border-radius:8px}.panel-heading i{margin-right:10px}.panel-content{padding:15px}.training-card{display:flex;justify-content:space-between;align-items:center;background:#f9f9f9;padding:15px;margin-bottom:10px;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.training-card:last-child{margin-bottom:0}.training-details{display:flex;flex-direction:column}.training-details span{margin-bottom:5px;font-size:1rem}.training-details span.title{font-weight:bold}.training-actions{display:flex;align-items:center}.view-certificate{margin-left:100px}.training-actions button{padding:8px 12px;font-size:.9rem;color:#fff;background-color:#027dbf;border:none;border-radius:4px;cursor:pointer}.training-actions button:hover{background-color:#025f90}.panels-wrapper{display:flex;gap:20px;max-width:100%;margin:20px auto;padding:20px}@media(max-width: 768px){.training-card{flex-direction:column;align-items:flex-start}.user-current-company{margin-left:0}.training-actions{margin-top:10px}.panels-wrapper{flex-direction:column}.course-container{display:flex;flex-direction:column;gap:1rem;border:1px solid #ccc;padding:1rem;border-radius:5px;background-color:#f9f9f9;max-width:500px;margin:1rem auto}.course-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.course-label{font-weight:bold;flex:1}.course-value{flex:2}.course-action{text-align:center}.course-button{padding:.5rem 1rem;background-color:#027dbf;color:#fff;border:none;border-radius:3px;cursor:pointer}.course-button:hover{background-color:#025f90}}@media(max-width: 600px){.panel-heading{font-size:1rem;padding:10px}}@media(min-width: 769px){.panels-wrapper{margin-left:250px}.panel{max-width:calc(50% - 20px);min-width:300px}.course-container{display:flex;flex-direction:column;gap:1rem;border:1px solid #ccc;padding:1rem;border-radius:5px;background-color:#f9f9f9;max-width:500px;margin:1rem auto}.course-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.course-label{font-weight:bold;flex:1}.course-value{flex:2}.course-action{text-align:center}.course-button{padding:.5rem 1rem;background-color:#027dbf;color:#fff;border:none;border-radius:3px;cursor:pointer}.course-button:hover{background-color:#025f90}}

.loader-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:1050}.loader-spinner{width:3rem;height:3rem}.uploadcontainer{margin:20px auto;background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:25px 30px;width:600px}.uploadcontainer .pdfSecure{display:inline-block !important;margin-left:.5rem;vertical-align:middle;margin-top:5px !important}.uploadcontainer .pdf-convert-note{font-weight:bold;display:block;margin-bottom:1rem}.uploadcontainer .form-check-input{width:20px !important;height:20px !important;vertical-align:middle}.uploadcontainer .panel-header{background-color:#027dbf;color:#fff;padding:12px 15px;border-radius:8px 8px 0 0;font-size:18px;font-weight:bold;text-align:center;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.uploadcontainer .panel-header i{margin-right:8px}.uploadcontainer .form-group{margin-bottom:20px}.uploadcontainer .form-group label{display:block;margin-bottom:8px;font-weight:bold}.uploadcontainer .form-group input,.uploadcontainer .form-group textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:5px;font-size:14px;transition:border-color .3s ease}.uploadcontainer .form-group input:focus,.uploadcontainer .form-group textarea:focus{border-color:#027dbf;outline:none}.uploadcontainer .form-group textarea{resize:none;height:100px}.uploadcontainer .form-group .file-input{display:flex;align-items:center;justify-content:flex-start}.uploadcontainer input[type=file]{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px}.uploadcontainer .upload-button{background-color:green;color:#fff;border:none;padding:15px;border-radius:5px;font-size:16px;cursor:pointer;width:100%;font-weight:bold;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.uploadcontainer .upload-button i{margin-right:8px}.uploadcontainer .upload-button:hover{background-color:#228b22}@media(max-width: 768px){.uploadcontainer{margin:10px;padding:20px;width:400px !important}.panel-header{font-size:16px;padding:10px 12px}}
body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4 !important}.user-card{border-radius:15px !important;box-shadow:0 4px 8px rgba(0,0,0,.1) !important;margin-bottom:20px !important;transition:transform .2s !important;min-height:0px !important;max-width:1000px !important;margin-right:0px !important}.dropdown-item{cursor:pointer}.dropdown-item:active{background-color:rgba(0,0,0,0) !important;color:inherit}.user-card:hover{transform:scale(1.02) !important;z-index:100000000000000000000000000000000}.usermanagmentcontainer{max-width:1200px;margin:20px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.usermanagmentcontainer .header{margin-bottom:20px;text-align:center}.usermanagmentcontainer .header h1{margin:0;color:#027dbf}.usermanagmentcontainer .search-section{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.usermanagmentcontainer .search-section select,.usermanagmentcontainer .search-section input,.usermanagmentcontainer .search-section button{padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:4px;flex:1}.usermanagmentcontainer .search-section button{background-color:#027dbf;color:#fff;border:none;cursor:pointer;flex-basis:120px}.usermanagmentcontainer .search-section button:hover{background-color:#025f90}.usermanagmentcontainer .search-results{margin-top:20px}.usermanagmentcontainer .search-results table{width:100%;border-collapse:collapse}.usermanagmentcontainer .search-results th,.usermanagmentcontainer .search-results td{border:1px solid #ddd;padding:10px;text-align:left}.usermanagmentcontainer .search-results th{background-color:#027dbf;color:#fff}.usermanagmentcontainer .action-buttons{display:flex;gap:5px;flex-wrap:wrap}.usermanagmentcontainer .action-buttons button{padding:5px 10px;font-size:.8rem;color:#fff;border:none;border-radius:4px;cursor:pointer}.usermanagmentcontainer .action-buttons .personal{background-color:#4caf50}.usermanagmentcontainer .action-buttons .certifications{background-color:#ff9800}.usermanagmentcontainer .action-buttons .training{background-color:#027dbf}.usermanagmentcontainer .action-buttons .reports{background-color:#f44336}.usermanagmentcontainer .action-buttons .emplomentdetials{background-color:#3f51b5}.usermanagmentcontainer .action-buttons .equipment-btn{background-color:#4a90e2}.usermanagmentcontainer .action-buttons button:hover{opacity:.8}.usermanagmentcontainer .search-results .card{display:none}@media(max-width: 768px){.usermanagmentcontainer .action-buttons .emplomentdetials{background-color:#3f51b5}.usermanagmentcontainer table{display:none !important}.usermanagmentcontainer .card{display:block !important;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:15px;margin-bottom:10px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.usermanagmentcontainer .card-row{margin-bottom:10px}.usermanagmentcontainer .card .card-row:last-child{margin-bottom:0}.usermanagmentcontainer .card-row span{display:block;font-weight:bold;color:#027dbf}.usermanagmentcontainer .card-row .value{font-weight:normal;color:#333}.usermanagmentcontainer .action-buttons{margin-top:10px;display:flex;gap:5px}.usermanagmentcontainer .action-buttons button{flex:1}}
.section-header{background:#f0f0f0;padding:10px;font-weight:bold;margin-top:20px}.detail-container{width:720px !important}.detail-box{background:#fff;padding:15px;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:15px}.nav-arrows{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.image-preview{max-width:100%;height:auto;border-radius:5px}.caption{font-style:italic;font-size:14px;margin-top:5px}.image-preview{max-width:100%;max-height:400px}.cursor-pointer{cursor:pointer}.image-frame{width:500px;height:300px;position:relative;overflow:hidden;border:1px solid #ddd;border-radius:8px;background-color:#f8f8f8}.image-preview{width:81%;height:100%;object-fit:contain}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:2rem;color:#333;padding:.3rem .5rem;border-radius:50%;cursor:pointer;z-index:10}.left-arrow{left:10px}.right-arrow{right:10px}.SSN-button{background-color:#027dbf;color:#fff;border:none;padding:10px 15px;border-radius:5px;font-size:16px;cursor:pointer;font-weight:bold;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;white-space:nowrap}.SSN-button:hover{background-color:#025f8c}@media(max-width: 768px){.detail-container{width:420px !important;margin-top:30px !important}.image-frame{width:383px;height:300px;position:relative;overflow:hidden;border:1px solid #ddd;border-radius:8px;background-color:#f8f8f8}}.image-frame{width:500px;height:300px;position:relative;overflow:hidden;border:1px solid #ddd;border-radius:8px;background-color:#f8f8f8;margin:0 auto}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:25px;color:#333;background-color:hsla(0,0%,100%,.8);padding:.3rem .6rem;border-radius:50%;cursor:pointer;z-index:10;transition:background-color .2s ease}.nav-arrow:hover{background-color:rgba(200,200,200,.8)}.left-arrow{left:10px}.right-arrow{right:10px}@media(max-width: 768px){.detail-container{width:100% !important;padding:0 10px;margin-top:30px !important}.image-frame{width:100%;height:250px}.left-arrow{left:5px}.right-arrow{right:5px}.image-preview{width:90%;height:100%}}
.navbar-custom{background-color:#027dbf;color:#fff;padding:10px}.search-button{background-color:#027dbf !important;color:#fff !important}.violation-container{width:820px !important}.back-link{color:#027dbf;cursor:pointer;text-decoration:underline;margin-bottom:10px;display:inline-block}.search-container,.report-container{background:#fff;padding:15px;border-radius:5px;margin-bottom:20px}.violation-entry{padding:10px 0;border-bottom:1px solid #dee2e6;display:flex;align-items:center}.violation-entry i{font-size:24px;margin-right:10px}.violation-text{font-size:14px}.highlight{color:#027dbf;font-weight:bold}.conditional-field{display:none}@media(max-width: 768px){.violation-container{width:420px !important}}
:root{--bg: #f5f7fb;--surface: #ffffff;--text: #0f172a;--muted: #6b7280;--primary: #0ea5e9;--primary-600: #0284c7;--ring: rgba(14,165,233,.35);--success: #16a34a;--warn: #f59e0b;--danger: #ef4444;--border: #e5e7eb;--chip: #eef6ff}.bulk-schedule-container{max-width:1200px;padding:0 16px;margin-left:256px;margin-top:49px}@media(min-width: 961px){.bulk-schedule-container{width:1120px}}@media(max-width: 960px){.bulk-schedule-container{margin-right:20px}}.bulk-schedule-container .bulk-schedule-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;display:grid;gap:12px;grid-template-columns:repeat(12, 1fr);align-items:end}.bulk-schedule-container .bulk-schedule-toolbar .bulk-schedule-field{display:flex;flex-direction:column;gap:6px;grid-column:span 3}.bulk-schedule-container .bulk-schedule-toolbar .bulk-schedule-field label{font-size:12px;color:var(--muted)}.bulk-schedule-container .bulk-schedule-toolbar .bulk-schedule-field input,.bulk-schedule-container .bulk-schedule-toolbar .bulk-schedule-field select{appearance:none;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;outline:none}.bulk-schedule-container .bulk-schedule-toolbar .bulk-schedule-field input:focus,.bulk-schedule-container .bulk-schedule-toolbar .bulk-schedule-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.bulk-schedule-container .bulk-schedule-toolbar .bulk-schedule-actions{grid-column:span 3;display:flex;gap:8px;justify-content:flex-end}.bulk-schedule-container .bulk-schedule-btn{border:1px solid var(--border);background:var(--surface);padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.bulk-schedule-container .bulk-schedule-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.bulk-schedule-container .bulk-schedule-btn.primary:hover{background:var(--primary-600)}.bulk-schedule-container .bulk-schedule-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-top:16px;overflow:hidden}.bulk-schedule-container .bulk-schedule-table{width:100%;border-collapse:separate;border-spacing:0}.bulk-schedule-container .bulk-schedule-table thead th{background:#f9fafb;text-align:left;font-size:12px;color:var(--muted);font-weight:700;padding:12px;border-bottom:1px solid var(--border);position:sticky;top:0}.bulk-schedule-container .bulk-schedule-table tbody td{padding:12px;border-bottom:1px solid var(--border);vertical-align:middle}.bulk-schedule-container .bulk-schedule-table tbody tr:hover{background:#fbfdff}.bulk-schedule-container .bulk-schedule-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:12px;background:var(--chip);color:#0369a1;border:1px solid #dbeafe}.bulk-schedule-container .bulk-schedule-chip.status-assigned{background:#ecfdf5;color:#065f46;border-color:#d1fae5}.bulk-schedule-container .bulk-schedule-chip.status-unassigned{background:#fff7ed;color:#9a3412;border-color:#ffedd5}.bulk-schedule-container .bulk-schedule-bulkbar{position:sticky;bottom:12px;margin-top:12px;padding:12px;border:1px solid var(--border);background:var(--surface);border-radius:14px;display:none;box-shadow:0 8px 30px rgba(2,8,23,.08);grid-template-columns:1fr 1fr 1fr 1fr 2fr auto;gap:10px;align-items:end}.bulk-schedule-container .bulk-schedule-bulkbar.active{display:grid}.bulk-schedule-container .bulk-schedule-bulkbar .bulk-schedule-meta{grid-column:1/-1;font-size:13px;color:var(--muted);margin-bottom:4px}.bulk-schedule-container .bulk-schedule-bulkbar select,.bulk-schedule-container .bulk-schedule-bulkbar textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border)}@media(max-width: 960px){.bulk-schedule-container .bulk-schedule-toolbar{grid-template-columns:1fr 1fr}.bulk-schedule-container .bulk-schedule-toolbar .bulk-schedule-actions{grid-column:span 2}.bulk-schedule-container .bulk-schedule-bulkbar{grid-template-columns:1fr 1fr}}
@media(max-width: 768px){.CreateShift{margin-top:70px}}.CreateShift .create-shift-select{width:unset;margin:unset;width:98%;margin:13px 0px}.CreateShift .CreateShift-card{width:500px;background:#fff !important;padding:1.5rem !important;border-radius:12px !important;box-shadow:0 8px 20px rgba(0,0,0,.1) !important;margin:1rem auto;font-family:"Segoe UI",sans-serif !important;max-height:110vh;margin-top:100px}.CreateShift .CreateShift-card .Site-category-title{text-shadow:0 0 #000;border-radius:9px;box-shadow:0 8px 20px rgba(0,0,0,.1);padding:10px}.CreateShift .CreateShift-card .Site-category-title .category-title-name{font-weight:bolder;font-style:italic;color:#027dbf}.CreateShift .CreateShift-card .Site-category-title .site-title-name{font-weight:bolder;font-style:italic;color:#027dbf;margin:10px 0px 10px 0px}.CreateShift .CreateShift-card .createshift-save-button{margin:9px 0px 0px 358px;padding:5px 21px 5px 20px;background:#027dbf;color:#fff}.CreateShift .CreateShift-card .createshift-save-button .createshift-save-button-icon{color:#fff;margin-right:8px;vertical-align:middle}@media(max-width: 768px){.CreateShift .CreateShift-card .createshift-save-button{margin:18px 0px 0px 263px;padding:5px 21px 5px 19px}}.CreateShift .repeat-section.hidden{opacity:0 !important;pointer-events:none !important}.CreateShift .repeat-section.visible{opacity:1 !important;pointer-events:auto !important}.CreateShift .field{margin-bottom:1rem !important;display:flex !important;align-items:center !important;margin-top:31px}.CreateShift .field label{margin-right:.5rem !important;font-weight:500 !important}.CreateShift .input{flex:2 !important;padding:.5rem !important;border:1px solid #ccc !important;border-radius:6px !important;font-size:1rem !important}.CreateShift .input.small{width:80px !important}.CreateShift .time-group input{margin-right:.5rem !important}.CreateShift .repeat-toggle{justify-content:flex-start !important;gap:1rem !important}.CreateShift .switch{position:relative;display:inline-block;width:46px;height:24px}.CreateShift .switch input{opacity:0;width:0;height:0}.CreateShift .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.CreateShift .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.CreateShift .switch input:checked+.slider{background-color:#28a745}.CreateShift .switch input:checked+.slider:before{transform:translateX(22px)}.CreateShift .freq-options,.CreateShift .weekday-options{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem;margin-bottom:15px}.CreateShift .weekday-options label{display:flex;align-items:center;gap:.25rem}.CreateShift .radio-group{display:flex;flex-direction:column;gap:.5rem}@media(max-width: 768px){.CreateShift-card{width:400px !important;margin-top:50px !important}}
.shift-category-page{font-family:"Segoe UI",sans-serif;background-color:#f4f4f4;padding:2rem}@media(min-width: 769px){.shift-category-page{margin-left:236px}}.shift-category-page .content{position:relative;width:400px;margin-top:20px;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.1);min-height:300px}@media(min-width: 769px){.shift-category-page .content{margin-top:46px;width:717px}}.shift-category-page .content .new-shift-category-list{background:#fff;padding:22px 17px 15px 17px;margin-bottom:18px;border-radius:13px;box-shadow:1px 13px 10px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .3s ease;margin-top:10px}.shift-category-page .content .new-shift-category-list p{margin:0;font-weight:500;font-size:1rem}.shift-category-page .content .new-shift-category-list svg{flex-shrink:0;margin-left:10px}.shift-category-page .content .new-shift-category-list:hover{background-color:#f2f2f2}.shift-category-page .category-btn{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:.75rem;background-color:#eaeaea;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.shift-category-page .category-btn:hover{background-color:#d6d6d6}.shift-category-page .category-btn .label{font-weight:500;font-size:1rem}.shift-category-page .category-btn .icon{font-size:1.2rem;color:#666}.shift-category-page .new-category-btn{position:static;bottom:1rem;right:1rem;background-color:#007bff;color:#fff;border:none;border-radius:20px;padding:.5rem .1rem;font-size:.9rem;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:background-color .3s ease}@media(min-width: 769px){.shift-category-page .new-category-btn{padding:.5rem 17rem}}@media(max-width: 768px){.shift-category-page .new-category-btn{padding:.8rem 7.1rem 13px 112px}}.shift-category-page .new-category-btn:hover{background-color:#0056b3}.shift-category-page .dialog-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}.shift-category-page .dialog{background:#fff;padding:2rem;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 2px 10px rgba(0,0,0,.2)}.shift-category-page .input-row{display:flex;gap:.5rem;margin-bottom:1rem}.shift-category-page .input-row input{flex:1;padding:.5rem;word-break:break-word}.shift-category-page .input-row button{padding:.4rem .8rem;background-color:#006400;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.shift-category-page .input-row button:hover{background-color:#228b22}.shift-category-page table{width:100%;border-collapse:collapse;margin-bottom:1rem;word-break:break-word}.shift-category-page table th,.shift-category-page table td{border:1px solid #ccc;padding:.5rem;text-align:left;word-break:break-word}.shift-category-page table button{padding:.4rem .8rem;background-color:brown;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.shift-category-page table button:hover{background-color:red}.shift-category-page .dialog-actions{text-align:right}.shift-category-page .dialog-actions button{padding:.4rem .8rem;background-color:dimgray;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.shift-category-page .dialog-actions button:hover{background-color:gray}@media(max-width: 768px){.shift-category-page .content{margin-top:30px}.shift-category-page .dialog{max-width:90vw;padding:1rem}}
.create-shift-confirmation{margin-top:112px;background:#fff;padding-top:10px}@media(min-width: 769px){.create-shift-confirmation{width:974px;border-radius:12px !important;box-shadow:0 8px 20px rgba(0,0,0,.1);margin-left:244px}}.create-shift-confirmation .shift-confirmation-note{color:#000;font-style:italic;padding:10px}.create-shift-confirmation .shift-confirmation-navbar{background-color:#027dbf;color:#fff;padding:1rem;margin-top:-8px}.create-shift-confirmation .shift-confirmation-navbar .shift-total-value{float:right}.create-shift-confirmation .shift-confirmation-navbar .shift-confirmation-navbar-brand{font-size:1.5rem;font-weight:600}.create-shift-confirmation .shift-confirmation-table-container{padding:1.5rem}.create-shift-confirmation .shift-confirmation-table-container .shift-confirmation-table{width:100%;border-collapse:collapse}.create-shift-confirmation .shift-confirmation-table-container .shift-confirmation-table thead{background-color:#f8f9fa}.create-shift-confirmation .shift-confirmation-table-container .shift-confirmation-table thead th{font-weight:600;padding:.75rem;border:1px solid #dee2e6;text-align:center}.create-shift-confirmation .shift-confirmation-table-container .shift-confirmation-table tbody tr:nth-child(even){background-color:#f2f2f2}.create-shift-confirmation .shift-confirmation-table-container .shift-confirmation-table tbody tr td{padding:.75rem;border:1px solid #dee2e6;text-align:center}
.manage-category-page{padding:20px}.manage-category-page .accordion-content{margin-top:20px}@media(min-width: 769px){.manage-category-page .accordion-content{width:972px;margin-left:214px}}.manage-category-page .manage-site-cards-container{display:grid;grid-template-columns:repeat(3, minmax(300px, 1fr));gap:20px;margin:30px auto}.manage-category-page .manage-site-cards-container.single-card{grid-template-columns:1fr}@media(max-width: 768px){.manage-category-page .manage-site-cards-container{grid-template-columns:1fr}}.manage-category-page .manage-site-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:11px;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s;cursor:pointer;display:flex;flex-direction:column;gap:10px}.manage-category-page .manage-site-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.manage-category-page .manage-site-card p{margin:0}.manage-category-page .manage-site-card p strong{color:#333}.manage-category-page .manage-site-card .site-name{color:#007bff;font-weight:bold}
:root{--header-bg: #0a2240;--header-text: #0fb840;--primary: #4a90e2;--primary-hover: #357ab8;--card-bg: #ffffff;--bg: #f2f5f8;--shadow: rgba(0, 0, 0, 0.1);--text: #333333;--divider: #e0e0e0;--link: #007bff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background:var(--bg);display:flex;min-height:100vh}.schedule{min-width:80%;margin-top:64px}.schedule-content{width:100%;max-width:none;margin:0 auto;padding:2rem}.schedule-card{border-radius:8px;box-shadow:0 2px 5px var(--shadow);margin-bottom:1.5rem;overflow:hidden;width:94%}.schedule-header{padding:1rem;background:var(--card-bg);border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;align-items:center}.schedule-title{font-size:1.5rem;font-weight:bold}.schedule-view-schedule{color:var(--link);font-size:1rem;text-decoration:none;display:inline-flex;align-items:center}.schedule-sub-shifts{display:flex;flex-direction:column}.schedule-shift-card{background:var(--card-bg);padding:1.25rem}.schedule-shift-details{font-size:1rem;color:var(--text);line-height:1.5}.schedule-shift-details strong{display:block;margin-bottom:.5rem}.schedule-no-shifts-message{display:flex;justify-content:center;align-items:center;min-height:150px;text-align:center;font-size:1.1rem}.schedule .schedule-no-shifts-message{background-color:#fff}.schedule-actions{display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.schedule-action-btn{text-decoration:none;background:var(--card-bg);border:1px solid var(--divider);border-radius:8px;padding:1rem;font-size:1rem;display:flex;align-items:center;box-shadow:0 1px 3px var(--shadow);cursor:pointer;width:100%;transition:background .2s;color:var(--text)}.schedule-action-btn:hover{background:var(--divider)}.schedule-action-btn .icon{margin-right:.75rem;font-size:1.2rem}.schedule-today-group{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.schedule-today-group-header{display:flex;font-size:1.1rem}.schedule-today-row{display:flex;align-items:center;margin-bottom:.25rem}.schedule-today-label{font-weight:600;min-width:50px;margin-right:.5rem;color:#2c3e50}.schedule-today-value{flex:1;color:#34495e}@media(min-width: 768px){.schedule{margin-left:264px}.schedule-actions{flex-direction:row;flex-wrap:wrap}.schedule-action-btn{flex:1 1 calc(32% - 1rem);max-width:calc(32% - 1rem)}}
.schedule-navbar{font-family:sans-serif}.schedule-navbar header{position:fixed;top:0;left:0;right:0;height:64px;background:#027dbf;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:1001}@media(max-width: 768px){.schedule-navbar header .hide-on-mobile{display:none !important}}.schedule-navbar header .back-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:#e9ecef;color:#0d6efd;font-size:1.25rem;text-decoration:none;transition:background-color .2s ease,color .2s ease}.schedule-navbar header .back-button:hover{color:#fff;background-color:rgba(0,0,0,0)}.schedule-navbar header .back-button i{pointer-events:none}.schedule-navbar header .title{flex:1;text-align:center;font-size:1.5rem;font-weight:600}.schedule-navbar header .hamburger{font-size:1.5rem;cursor:pointer;display:none}.schedule-navbar .sidebar{position:fixed;top:64px;left:0;bottom:0;width:260px;background:#f9f9f9;transform:translateX(-100%);transition:transform .3s ease-in-out;z-index:1000;padding:1rem}.schedule-navbar .sidebar.visible{transform:translateX(0)}.schedule-navbar .sidebar ul{list-style:none;padding:0;margin:0}.schedule-navbar .sidebar li{padding:.75rem 0;border-bottom:1px solid #ddd;display:flex;align-items:center;cursor:pointer}.schedule-navbar .sidebar li .icon{margin-right:.75rem;font-size:1.2rem}.schedule-navbar .sidebar li span{font-size:1rem}.schedule-navbar .sidebar .sidebar-tag-link{text-decoration:none;color:#333;display:flex;align-items:center}.schedule-navbar .sidebar .sidebar-tag-link:hover{color:#0d6efd}.schedule-navbar .sidebar .sidebar-item:hover{background-color:#e9ecef}.schedule-navbar .overlay{position:fixed;top:64px;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:999}@media(max-width: 767px){.schedule-navbar header .hamburger{display:block}}@media(min-width: 768px){.schedule-navbar .sidebar{transform:translateX(0) !important}.schedule-navbar .hamburger{display:none !important}.schedule-navbar .overlay{display:none !important}}
.manage-category-page{padding:20px}.manage-category-page .accordion-content{margin-top:20px}@media(min-width: 769px){.manage-category-page .accordion-content{width:972px;margin-left:214px}}.manage-category-page .manage-site-cards-container{display:grid;grid-template-columns:repeat(3, minmax(300px, 1fr));gap:20px;margin:30px auto}.manage-category-page .manage-site-cards-container.single-card{grid-template-columns:1fr}@media(max-width: 768px){.manage-category-page .manage-site-cards-container{grid-template-columns:1fr}}.manage-category-page .manage-site-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:11px;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s;cursor:pointer;display:flex;flex-direction:column;gap:10px}.manage-category-page .manage-site-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.manage-category-page .manage-site-card p{margin:0}.manage-category-page .manage-site-card p strong{color:#333}.manage-category-page .manage-site-card .site-name{color:#007bff;font-weight:bold}.btn-link{float:right;margin-bottom:50px}.request-shift-button{background-color:#007bff;color:#fff;border:none;padding:6px 12px;font-size:14px;font-weight:500;border-radius:4px;cursor:pointer;transition:background-color .3s ease;float:right}.request-shift-button:hover{background-color:#0056b3}.open-shift-modal{background-color:rgba(0,0,0,.5);z-index:1050;position:fixed;top:0;left:0;width:100%;height:100%}.open-shift-dialog{margin:10% auto;max-width:500px}.open-shift-content{border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.3);overflow:hidden;background:#fff;width:420px}.open-shift-body{padding:1.5rem;font-size:16px;text-align:center}.open-shift-footer{float:right;justify-content:space-between;padding:1rem}.open-shift-cancel,.open-shift-confirm{min-width:100px}
@media(min-width: 769px){.schedule-view{margin-left:233px;margin-top:120px;width:937px}}@media(max-width: 768px){.schedule-view{margin-top:69px;width:392px}}@media(min-width: 769px){.schedule-view .select-category-for-schedule{margin-right:-197px;max-width:180px;margin-left:12px}}.schedule-view .select-category-for-schedule .select-category-for-schedule-inner{max-height:39px;height:39px}.schedule-view .toolbar-bottom{display:flex;gap:10px;margin-top:10px}@media(max-width: 768px){.schedule-view .toolbar{display:flex;flex-direction:column}.schedule-view .btn-group{display:flex;justify-content:center;margin-bottom:10px}.schedule-view .toolbar-bottom{display:flex;justify-content:space-between;align-items:center}.schedule-view .select-category-for-schedule{flex:1}.schedule-view .calendar-picker{flex:1;text-align:right;margin-right:4px}}.schedule-view .navbar{background-color:#061f3d !important}.schedule-view .sticky-header{position:sticky;top:0;z-index:100}.schedule-view .sticky-header .toolbar{display:flex;justify-content:center;position:relative}.schedule-view .sticky-header .calendar-picker{position:absolute;right:0;margin-right:4px}.schedule-view .tabs-container{display:flex;background-color:#027dbf}.schedule-view .tabs-container .tab-btn{flex:1;position:relative;padding:12px 0;font-weight:bold;border:none;background-color:#027dbf;color:#fff;text-align:center;cursor:pointer}.schedule-view .tabs-container .tab-btn.active{color:#000;border-color:#027dbf}.schedule-view .tabs-container .tab-btn.active::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#000}.schedule-view .toolbar{background:#fff;padding:16px 0;display:flex;justify-content:center}.schedule-view .toolbar .btn-group{display:flex}.schedule-view .toolbar .btn-group .btn{margin:0;background:#fff;color:#027dbf;font-size:1rem;padding:.75rem 1.5rem;border:none !important;margin:2px 3px}.schedule-view .toolbar .btn-group .btn:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px;border-right:none}.schedule-view .toolbar .btn-group .btn:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.schedule-view .toolbar .btn-group .btn.active,.schedule-view .toolbar .btn-group .btn:hover,.schedule-view .toolbar .btn-group .btn:focus{background:#027dbf;color:#fff;border:none !important;outline:none;box-shadow:none}.schedule-view .schedule-entry{font-weight:bold;background:#061f3d;color:#fff;cursor:pointer;padding:8px;margin-bottom:4px;border-radius:4px}.schedule-view .no-shifts{padding:8px;background:#f8f9fa;color:#333;border-radius:4px;text-align:center}.schedule-view .shift-detail{background:#fff;color:#000;padding:.5rem;margin-bottom:.5rem;border-radius:.25rem;box-shadow:0 1px 2px rgba(0,0,0,.1);justify-content:space-between}.schedule-view .shift-detail .schedule-post-select{min-width:244px;margin-left:11px;padding:4px;margin-top:10px}.schedule-view .shift-detail .schedule-post-select .schedule-post-select-option{text-align:center}.schedule-view .shift-detail .schedule-post-comments{width:371px;padding:12px}.schedule-view .week-schedule{list-style:none;padding:0}.schedule-view .week-schedule li{margin:.5rem 0;padding:.5rem;background:#f1f1f1;border-radius:4px;color:#000}.schedule-view .content{height:calc(100vh - 120px);overflow-y:auto}.schedule-view .content .container{padding:10px}.open-shift-text{color:red;padding:5px}.blazored-toast-container{z-index:100000000000000000000000000000000000 !important}