@charset "UTF-8";body{margin:0;min-height:100vh;height:100vh}.App{height:100%;width:100%;font-family:Poppins,sans-serif;box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;padding:0}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.primary-button{justify-content:center;align-items:center;border:none;background-color:#3b82f6;color:#fff;padding:10px 15px;border-radius:5px;display:flex;gap:20px;margin-right:10px}.main-card-container{display:flex;align-items:center;width:100%;justify-content:space-between;height:100%}.card-container{display:flex;align-items:center;height:100%;gap:10%;width:22%;border:solid .5px #ececec;justify-content:flex-start;border-radius:5px;background-color:#fff;padding-left:2%;box-shadow:0 3px 6px #0000001a}.card-icon{background-color:#dbeafe;color:#3b82f6;padding:10px;border-radius:100%}.page-heading-container{display:flex;justify-content:space-between;align-items:center;padding-top:2%}.form-heading{border-bottom:solid 2px #c1c1c1;height:10%;display:flex;gap:10px;align-items:center;margin-top:5px;box-sizing:border-box}.form-main-container{width:100%;padding-right:1%;box-sizing:border-box;height:90%}.form{width:100%;display:flex;flex-wrap:wrap;gap:20px;background-color:#fff;border-radius:10px;padding:2%;margin-top:2%;border:solid 2px rgb(185,185,185);box-sizing:border-box;margin-right:1%;max-height:90%;overflow:auto}.form-input-elements{display:flex;flex-direction:column;flex:0 1 32%;height:auto;margin-bottom:10px}.input-element{height:40px;padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin-top:5px}select.input-element{padding-right:30px}select.input-element::-ms-expand{display:none}.navbar-main-component{height:100%;width:12%;border-right:solid .5px #e5e5e5}.navbar-components{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.nav-sub-heading{font-size:100%;color:#86929c;padding-top:10px}.nav-links{display:flex;flex-direction:column;height:calc(100% - 30px);width:100%;box-sizing:border-box;gap:3%;align-items:center;padding:5%}.nav-link{text-decoration:none;color:#000;font-size:80%;padding:3% 4%;display:flex;align-items:center;gap:10px;border-radius:5px;width:80%}.size{width:20%;height:auto}.active{background-color:#397eee!important;color:#fff}.nav-link:hover{background-color:#cedefa}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center}.tooltip-text.portal{background-color:#333;color:#fff;border-radius:5px;padding:5px 8px;white-space:nowrap;pointer-events:none;transition:opacity .3s;font-family:Poppins,sans-serif;z-index:9999;box-shadow:0 2px 8px #00000026}.new-navbar-container{width:7%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;scrollbar-width:thin;align-items:center;gap:2%;padding-top:1%;border-right:solid .5px #e5e5e5;padding-bottom:1%}.new-nav-link{border:solid 1px #dfe6e9;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#000;padding:10px}.new-active{background-color:#397eee!important;color:#fff}.new-nav-role-label{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.new-nav-role-toggle{padding:4px 8px;border:1px solid #ddd;background:#f8f9fa;color:#666;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;margin:2px 0;width:100%}.new-nav-role-toggle:hover{background:#e9ecef;border-color:#adb5bd}.new-nav-role-toggle.active{background:#397eee;color:#fff;border-color:#397eee;box-shadow:0 2px 4px #397eee33}.new-nav-role-toggle.active:hover{background:#2d5bb8;border-color:#2d5bb8}.topbar-container{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:solid 1px #dfe6e9;padding-left:10px;padding-right:10px;box-sizing:border-box}.topbar-title{font-size:clamp(1.2rem,2vw,1.5rem)}.topbar-user{display:flex;align-items:center;gap:10px}.topbar-logo{width:10%;height:auto}.logo-component{display:flex}.topbar-switch-btn{background:#397eee;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;margin-left:12px;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.topbar-switch-btn:hover{background:#2d5bb8;transform:translateY(-1px);box-shadow:0 2px 4px #397eee4d}.topbar-user{display:flex;align-items:center;gap:8px}.layout-container{width:100%;height:100%;display:flex;flex-direction:column}.layout-topbar-container{width:100%;height:10%}.layout-navbar-child-container{width:100%;height:90%;display:flex}.layout-child-container{padding-left:1%;width:93%;height:100%;background-color:#f8fafc;box-sizing:border-box}.dashboard-admin-actions-container{height:100%;width:100%}.admin-actions-cards{display:flex;justify-content:space-between;align-items:center;margin-top:2%}.action-card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:20%;text-align:center;border:solid .5px #ececec;border-radius:5px;gap:10%;height:70%;padding:1%;background-color:#fff;box-shadow:0 3px 6px #0000001a}.action-card-icon{background-color:#dceaff;border-radius:100%;padding:5%;color:#1177fd;display:flex;justify-content:center;align-items:center}.para{margin:5%}.action-card-content-header{font-size:.75rem;font-weight:700}.action-card-content-tag{font-size:.6rem}.add-employee{background-color:#dcfce7;color:#0fb981}.assign-training{background-color:#fef9c2;color:#e9a323}.generate-report{background-color:#f4e8ff;color:#9334ea}.dashboard-container{height:100%;width:100%;box-sizing:border-box;overflow:auto}.dashboard-header-container{background-image:linear-gradient(to right,#3a7ff4,#1e42b1);width:100%;border-radius:20px;padding-left:3%;padding-top:3%;padding-bottom:3%;box-sizing:border-box;margin-top:20px;color:#fff}.banner-buttons-container{display:flex;gap:3%}.banner-button{background-color:#fff;color:#4585e7;width:fit-content;padding:8px 10px;border-radius:5px;display:flex;align-items:flex-end;gap:10px;margin-top:2%}.dashboard-system-overview-main-container{width:100%;height:fit-content;margin-top:1%;height:40%}.dashboard-admin-actions-main-container{width:100%;height:40%;margin-top:1%}.dashboard-recent-activity-main-container{width:100%;height:auto;margin-bottom:2%}.recent-activities-container{width:50%}.activity{display:flex;align-items:center;gap:5%}.dashboard-system-overview-container{display:flex;flex-direction:column;gap:10%;height:100%}.system-overview-cards{display:flex;width:100%;justify-content:space-between;height:40%}.card{display:flex;justify-content:space-evenly;align-items:center;padding:1%;border:solid .5px #ececec;border-radius:10px;width:20%;height:100%;background-color:#fff;box-shadow:0 3px 6px #0000001a}.card-icon{padding:15px;clip-path:circle();background-color:#dbeaff;display:flex}.card-content{display:flex;flex-direction:column;align-items:flex-start}.card-content-heading{font-size:12px}.card-content-count{font-size:18px}.card-content-insite{color:green;font-size:12px}.pending{color:#e91e2c}.documents{color:#2563ea}.total-employees{color:#3b82f6}.compliant-users{background-color:#dcfce7;color:#10b981}.pending-trainings{background-color:#fef9c2;color:#f49e0b}.active-documents{background-color:#f4e8ff;color:#a758ee}.clickable-card{cursor:pointer;transition:all .3s ease}.clickable-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026;border-color:#3b82f6}.clickable-card:active{transform:translateY(0);box-shadow:0 3px 6px #0000001a}.employee-management-container{height:100%;width:100%;overflow:auto;padding-right:.5%;box-sizing:border-box}.employee-management-heading-container{display:flex;justify-content:space-between;align-items:center;padding-top:2%}.employee-management-cards-1{width:100%;height:30%;display:flex}.employee-mangement-search{height:80%;width:100%;padding-bottom:1%}.employee-management-button-container{display:flex;gap:10px}.bulk-upload-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.bulk-upload-modal-content{background:#fff;border-radius:12px;padding:0;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.bulk-upload-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.bulk-upload-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.bulk-upload-close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s}.bulk-upload-close-btn:hover{background-color:#f3f4f6;color:#374151}.bulk-upload-modal-body{padding:0 24px 24px}.bulk-upload-template-section{text-align:center;margin-bottom:24px}.bulk-upload-template-section p{margin:0 0 16px;color:#6b7280;font-size:14px}.bulk-upload-template-btn{display:inline-flex;align-items:center;gap:8px;background-color:#3b82f6;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.bulk-upload-template-btn:hover{background-color:#2563eb}.bulk-upload-divider{text-align:center;margin:24px 0;position:relative}.bulk-upload-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#e5e7eb}.bulk-upload-divider span{background-color:#fff;padding:0 16px;color:#6b7280;font-size:14px;font-weight:500}.bulk-upload-drop-zone{border:2px dashed #d1d5db;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s;background-color:#fafafa}.bulk-upload-drop-zone:hover{border-color:#3b82f6;background-color:#f8faff}.bulk-upload-drop-zone.drag-over{border-color:#3b82f6;background-color:#eff6ff;transform:scale(1.02)}.bulk-upload-drop-zone.has-file{border-color:#10b981;background-color:#f0fdf4}.bulk-upload-cloud-icon{margin-bottom:16px}.bulk-upload-drop-text p{margin:8px 0;color:#374151}.bulk-upload-drop-text p:first-child{font-size:16px;margin-bottom:8px}.bulk-upload-link{color:#3b82f6;text-decoration:underline;cursor:pointer}.bulk-upload-format-text{font-size:14px;color:#6b7280}.bulk-upload-format-link{color:#3b82f6;text-decoration:underline;cursor:pointer}.bulk-upload-file-selected{margin-top:16px}.bulk-upload-file-selected p{margin:4px 0;color:#374151}.bulk-upload-file-size{font-size:14px;color:#6b7280}.bulk-upload-actions{display:flex;gap:12px;margin-top:24px;justify-content:center}.bulk-upload-submit-btn{display:flex;align-items:center;gap:8px;background-color:#10b981;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.bulk-upload-submit-btn:hover:not(:disabled){background-color:#059669}.bulk-upload-submit-btn:disabled{opacity:.6;cursor:not-allowed}.bulk-upload-cancel-btn{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.bulk-upload-cancel-btn:hover{background-color:#e5e7eb}.bulk-upload-spinner{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 640px){.bulk-upload-modal-content{width:95%;margin:20px}.bulk-upload-modal-header,.bulk-upload-modal-body{padding-left:16px;padding-right:16px}.bulk-upload-drop-zone{padding:30px 15px}.bulk-upload-actions{flex-direction:column}}.employee-managment-cards{display:flex;align-items:center;width:100%;justify-content:space-between}.managment-card{display:flex;align-items:center;height:60%;gap:10%;width:22%;border:solid .5px #ececec;justify-content:flex-start;border-radius:5px;background-color:#fff;padding-left:2%;box-shadow:0 3px 6px #0000001a}.managment-card-icon{background-color:#dbeafe;color:#3b82f6;padding:10px;border-radius:100%}.management-content-count{font-weight:800}.active-employee{background-color:#dcfce7;color:#0fb881}.pending-training{background-color:#fdf9c2;color:#f29d0a}.inactive{background-color:#fee2e1;color:#e44}.employee-search-container{height:100%;width:100%}.serach-container{height:15%;border:solid .5px #ececec;margin-bottom:1%;border-radius:10px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 1%;box-sizing:border-box;gap:2%}.search-list{height:85%;border:solid .5px #ececec;border-radius:10px;background-color:#fff;width:100%;padding:0% 1%;box-sizing:border-box;overflow:auto}.search-input{height:40%;width:40%;border:solid 1px rgb(201,201,201);border-radius:5px}.select-options{width:15%;height:40%;border:solid 1px rgb(201,201,201);border-radius:5px}.filter-button{height:40%;border:solid 1px rgb(201,201,201);border-radius:5px;display:flex;justify-content:center;align-items:center}.filter-size{height:70%}.table-top-container{display:flex;align-items:center;justify-content:space-between;height:20%;box-sizing:border-box;border-bottom:solid .5px rgb(201,201,201)}.table-icons{display:flex;align-items:center;gap:10%;width:5%}.table-head-icon{height:14px}.heading-text{font-weight:700}.employee-table-container{background:#fff;border-radius:10px;font-family:Poppins,sans-serif}.employee-table-container h3{margin-bottom:15px;font-size:18px}.employee-table{width:100%;border-collapse:collapse}.employee-table thead{background-color:#f9fafb}.employee-table th{padding:12px 15px;text-align:left;font-size:14px;color:#848484}.employee-table td{padding:12px 15px;text-align:left;font-size:14px;color:#333}.employee-info{display:flex;align-items:center}.employee-info .avatar{width:40px;height:40px;border-radius:50%;margin-right:10px}.employee-name{font-weight:600}.employee-email{font-size:12px;color:#888}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;display:inline-block;position:relative}.progress-bar{background-color:#e5e7eb;border-radius:10px;width:100px;height:8px;overflow:hidden;display:inline-block;margin-right:5px;vertical-align:middle}.progress-fill{background-color:#22c55e;height:100%;border-radius:10px 0 0 10px}.progress-text{font-size:12px;vertical-align:middle}.actions .icon{margin-right:8px;cursor:pointer;color:#555;transition:color .3s ease}.actions .icon:hover{color:#0ea5e9}.table-action-icons{height:22px}.avatar-placeholder{width:40px;height:40px;border-radius:50%;background-color:#6ca5de;display:flex;align-items:center;justify-content:center;margin-right:10px;font-size:14px;font-weight:700}.document-cards-container{height:100%;width:100%;display:flex;justify-content:space-between;align-items:center}.document-card{background-color:#fff;height:100%;width:15%;border:solid .5px #e5e5e5;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:5px;box-shadow:0 3px 6px #0000001a}.draft{color:#6c7481}.review{color:#2563ea}.approved{color:#269a50}.pending{color:#c48b0f}.effective{color:#3b82f6}.retired{color:#c92f29}.pending-effective{color:#c48b0f}.document-library-main-container{height:100%;width:100%;box-sizing:border-box;overflow:auto;padding-right:1%}.document-library-heading-button-container{padding:1%;background-color:#3b82f6;color:#fff;height:fit-content;margin-right:1%;border-radius:10px;display:flex;align-items:center;border:none}.document-library-file-label{margin-left:10px}.document-library-heading-container{display:flex;align-items:center;justify-content:space-between;margin-top:2%}.document-library-cards-main-container{height:15%;width:100%;margin-top:2%}.document-library-search-main-container{height:100%;width:100%;margin-top:1%}.document-tabs-container{margin:20px 0;border-bottom:2px solid #e5e7eb}.document-tabs{display:flex;gap:0}.tab-button{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:16px;font-weight:500;color:#6b7280;transition:all .3s ease;position:relative}.tab-button:hover{color:#374151;background-color:#f9fafb}.tab-button.active{color:#fff;border-bottom-color:#2563eb;background-color:#eff6ff}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background-color:#000}@media (max-width: 768px){.tab-button{padding:10px 16px;font-size:14px}}.document-library-search-container{height:100%;width:100%;box-sizing:border-box}.document-table{width:100%;border-collapse:collapse;margin-top:2%;background:#fff;border-radius:5px;border:solid .5px #e5e5e5;overflow:auto}.document-table th{text-align:left;padding:2% 8px;border-bottom:solid .5px #e5e5e5;color:#70717c}.document-table td{border-bottom:1px solid #ddd;padding:8px}.status-pill{padding:4px 8px;border-radius:4px;color:#333;font-size:12px}.status-pill.effective{background-color:#d1fae5}.status-pill.review{background-color:#e0e7ff}.owner-info{display:flex;align-items:center}.owner-info img{width:30px;height:30px;border-radius:50%;margin-right:8px}.action-icon{cursor:pointer;margin-right:10px}.document-filters{display:flex;gap:10px;padding:10px;border:1px solid #ddd;border-radius:8px;background-color:#fff;align-items:center;margin-top:1%;margin-bottom:1%}.search-input{flex:1;padding:8px 12px;border:1px solid #ccc;border-radius:4px}.filter-select{padding:8px 12px;border:1px solid #ccc;border-radius:4px}.loading-spinner-small{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #5b96dc;border-radius:50%;animation:spin 1s linear infinite}.action-buttons{display:flex;gap:8px;align-items:center}.action-btn{padding:6px 8px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn:disabled{opacity:.6;cursor:not-allowed}.view-btn{background-color:#e3f2fd;color:#1976d2}.view-btn:hover:not(:disabled){background-color:#bbdefb}.edit-btn{background-color:#fff3e0;color:#f57c00}.edit-btn:hover:not(:disabled){background-color:#ffe0b2}.download-btn{background-color:#e8f5e8;color:#2e7d32}.download-btn:hover:not(:disabled){background-color:#c8e6c9}.delete-btn{background-color:#ffebee;color:#d32f2f}.delete-btn:hover:not(:disabled){background-color:#ffcdd2}.error-message,.success-message{margin-bottom:16px;padding:12px;border-radius:6px;font-size:14px;line-height:1.4}.error-message{background-color:#fdeaea;color:#e74c3c;border:1px solid #f5c6cb}.success-message{background-color:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.results-count{margin-bottom:12px;color:#666;font-size:14px}.no-results{text-align:center;padding:40px;color:#666;font-style:italic}.new-main-form-container{height:100%;width:100%;box-sizing:border-box;padding-top:2%;overflow:auto;padding-bottom:2%}.form-title-container{height:10%;display:flex;align-items:center;gap:1%}.new-form-container{box-sizing:border-box;border:solid 1.5px #e8e9ec;border-radius:5px;padding-bottom:1%;background-color:#fff}.new-form-heading-container{border-bottom:solid 1.5px #e8e9ec;padding:2%;box-sizing:border-box;width:100%;margin-bottom:2%}.new-form{padding:2%}.form-section{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.input-label-container{display:flex;flex-direction:column;flex:0 1 calc(33.333% - 14px);margin-bottom:15px;min-width:250px}.input-label{font-weight:500;margin-bottom:8px;color:#333;font-size:14px}.input-element{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%;box-sizing:border-box;transition:border-color .2s ease}.input-element:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.react-datepicker__input-container input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box;transition:border-color .2s ease}.react-datepicker__input-container input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.mandatory{color:red}.new-form-heading{font-weight:700}.full-width{min-height:200px}.full-width-container{flex:0 0 100%}.file-upload-container{position:relative;border:2px dashed #ccc;border-radius:8px;padding:20px;text-align:center;cursor:pointer;box-sizing:border-box}.file-input{opacity:0;position:absolute;width:100%;height:100%;left:0;top:0;cursor:pointer}.file-upload-box{pointer-events:none}.upload-icon{font-size:30px;display:block;margin-bottom:10px}.browse-text{color:#007bff;text-decoration:underline;pointer-events:none}.file-format-info{color:#888;font-size:12px}.multi-select-input{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:5px;border:1px solid #ccc;border-radius:4px;min-height:40px}.employee-chip{background-color:#e0e0e0;border-radius:16px;padding:4px 8px;display:flex;align-items:center}.employee-chip button{background:none;border:none;margin-left:4px;cursor:pointer}.chip-input{flex:1;min-width:120px;border:none;outline:none}.submit-button-container,.css-b62m3t-container{width:100%}.checkbox-container{display:flex;align-items:center;gap:8px;margin-top:5px}.checkbox-input{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.checkbox-label{font-size:14px;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.4}.checkbox-container:hover .checkbox-label{color:#333}.version-history-container{width:100%}.version-history-entry{border:1px solid #e8e9ec;border-radius:8px;margin-bottom:20px;background-color:#fafafa;overflow:hidden}.version-history-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f5f5f5;border-bottom:1px solid #e8e9ec}.version-history-header h4{margin:0;font-size:16px;font-weight:600;color:#333}.remove-version-btn{background:#f44;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background-color .2s ease}.remove-version-btn:hover{background:#c00}.version-history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px}.version-history-grid .input-label-container{margin-bottom:0;flex:none}.add-version-button-container{display:flex;justify-content:center;margin-top:20px;padding:20px}.add-version-btn{background:#28a745;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:8px}.add-version-btn:hover{background:#218838}.add-version-btn:disabled{background:#6c757d;cursor:not-allowed}.submit-button{background:#007bff;color:#fff;border:none;border-radius:6px;padding:12px 30px;font-size:16px;font-weight:500;cursor:pointer;width:100%;transition:background-color .2s ease}.submit-button:hover{background:#0056b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px;content:"";z-index:-1;border-width:8px;left:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.completed{background-color:#dcfce7}.trick-icon{background-color:#17a34a;color:#fff;border-radius:100%}.pending{background-color:#fef9c2}.overdue{color:#d92627;background-color:#fee2e1}.training-management-main-container{height:100%;width:100%;padding-right:1%;box-sizing:border-box;overflow:auto}.training-management-heading-container{display:flex;justify-content:space-between;align-items:center;padding-top:2%}.training-management-button-container{display:flex}.export-report-button{border:solid 2px #d1d4db;color:#384152;background-color:transparent}.create-training-button{border:none;color:#fff}.training-main-card-container{height:20%;width:100%;margin-top:2%}.training-main-search-container{height:100%;width:100%}.training-search-container{width:100%;height:100%;border-radius:8px;box-sizing:border-box;margin-top:2%}.training-search-filters{display:flex;gap:12px;align-items:center;background:#fff;margin-bottom:2%;width:100%;height:10%;border:solid 1px #d6d6d8;padding:1%;border-radius:5px;box-sizing:border-box}.training-search-bar{width:10%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;outline:none;font-size:14px}.training-dropdown{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;font-size:14px;color:#374151}.training-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;border:solid 1px #d6d6d8;padding:1%}.training-table th{text-align:left;padding:12px 8px;color:#6b7280;font-size:14px;border-bottom:1px solid #e5e7eb}.training-table td{padding:12px 8px;border-bottom:1px solid #f3f4f6;font-size:14px}.training-name{display:flex;align-items:center;gap:10px}.training-icon{width:32px;height:32px;background-color:#e0e7ff;border-radius:8px}.progress-bar.green{background-color:#10b981}.progress-bar.yellow{background-color:#facc15}.progress-bar.red{background-color:#ef4444}.status-pill{padding:4px 8px;border-radius:12px;color:#fff;font-size:12px}.status-pill.active{background-color:#34d399}.status-pill.overdue{background-color:#f87171}.due-date-overdue{color:#ef4444;font-weight:500}.action-icon{cursor:pointer;margin-right:8px;font-size:16px}.compliance-main-container{background-color:#f8fafc;height:100%;font-family:Poppins,sans-serif;padding:24px;overflow:auto;box-sizing:border-box}.compliance-loading,.compliance-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.compliance-loading p,.compliance-error p{color:#6b7280;font-size:16px;margin:0}.compliance-report-buttons{display:flex;gap:8px}.compliance-training-code{font-size:12px;color:#6b7280;margin-top:2px}.compliance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.compliance-title-section{flex:1}.compliance-title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px;font-family:Poppins,sans-serif}.compliance-subtitle{font-size:16px;color:#6b7280;margin:0;line-height:1.5;font-family:Poppins,sans-serif}.compliance-actions{display:flex;gap:12px;align-items:center}.compliance-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;font-family:Poppins,sans-serif}.compliance-btn.secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.compliance-btn.secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.compliance-btn.primary{background-color:#3b82f6;color:#fff}.compliance-btn.primary:hover{background-color:#2563eb}.compliance-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.compliance-summary-card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:16px}.compliance-summary-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.compliance-summary-content{flex:1}.compliance-summary-title{font-size:14px;font-weight:500;color:#6b7280;margin:0 0 4px;font-family:Poppins,sans-serif}.compliance-summary-value{font-size:24px;font-weight:700;margin:0;font-family:Poppins,sans-serif}.compliance-parameters-section{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;margin-bottom:32px}.compliance-section-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px;font-family:Poppins,sans-serif}.compliance-parameters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.compliance-parameter-group{display:flex;flex-direction:column;gap:8px}.compliance-parameter-label{font-size:14px;font-weight:500;color:#374151;font-family:Poppins,sans-serif}.compliance-parameter-select{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;background-color:#fff;cursor:pointer;outline:none;transition:border-color .2s ease;font-family:Poppins,sans-serif}.compliance-parameter-select:focus{border-color:#3b82f6}.compliance-charts-section{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:32px}.compliance-chart-card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;flex:1;min-width:45%;max-width:100%;min-height:300px;max-height:400px;display:flex;flex-direction:column}.compliance-chart-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px;font-family:Poppins,sans-serif}.compliance-chart-container{flex:1;width:100%;height:100%;min-height:250px;position:relative}.compliance-chart-placeholder{height:200px;background-color:#f9fafb;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px;font-family:Poppins,sans-serif}.compliance-table-section{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.compliance-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.compliance-table-count{background-color:#ef4444;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;font-family:Poppins,sans-serif}.compliance-table-container{overflow-x:auto}.compliance-table{width:100%;border-collapse:collapse;font-size:14px;font-family:Poppins,sans-serif}.compliance-table-header-row{background-color:#f9fafb}.compliance-table-header-cell{padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-family:Poppins,sans-serif}.compliance-table-body{background-color:#fff}.compliance-table-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.compliance-table-row:hover{background-color:#f9fafb}.compliance-table-cell{padding:16px;vertical-align:middle}.compliance-employee{display:flex;align-items:center;gap:12px}.compliance-employee-avatar{width:40px;height:40px;border-radius:50%;background-color:#8b5cf6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;font-family:Poppins,sans-serif}.compliance-employee-info{display:flex;flex-direction:column;gap:2px}.compliance-employee-name{font-weight:500;color:#1f2937;font-family:Poppins,sans-serif}.compliance-employee-id{font-size:12px;color:#6b7280;font-family:Poppins,sans-serif}.compliance-department,.compliance-training,.compliance-date{color:#374151;font-weight:500;font-family:Poppins,sans-serif}.compliance-days{font-weight:500;font-size:13px;font-family:Poppins,sans-serif}.compliance-days.overdue{color:#ef4444}.compliance-days.pending{color:#f59e0b}.compliance-status-tag{display:inline-block;padding:4px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-family:Poppins,sans-serif}.compliance-actions-cell{display:flex;gap:12px}.compliance-action-link{background:none;border:none;color:#3b82f6;font-size:13px;font-weight:500;cursor:pointer;padding:0;text-decoration:none;transition:color .2s ease;font-family:Poppins,sans-serif}.compliance-action-link:hover{color:#2563eb;text-decoration:underline}@media (max-width: 768px){.compliance-header{flex-direction:column;gap:16px}.compliance-actions{width:100%;justify-content:flex-start}.compliance-summary-cards,.compliance-parameters-grid,.compliance-charts-section{grid-template-columns:1fr}.compliance-table-container{font-size:12px}.compliance-table-cell{padding:12px 8px}}.form-button-container{width:100%}.form-submit-button{padding:1% 2%;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.toggle-container{display:flex;align-items:center;gap:12px}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-input{opacity:0;width:0;height:0}.toggle-label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-label:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-input:checked+.toggle-label{background-color:#4caf50}.toggle-input:focus+.toggle-label{box-shadow:0 0 1px #4caf50}.toggle-input:checked+.toggle-label:before{transform:translate(26px)}.toggle-text{font-weight:600;font-size:14px;transition:color .3s ease}.toggle-text.active{color:#4caf50}.toggle-text.inactive{color:#f44336}.confirmation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.confirmation-popup{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:400px;width:90%;max-height:90vh;overflow-y:auto}.confirmation-content{padding:24px;text-align:center}.confirmation-content h3{margin:0 0 16px;color:#333;font-size:18px;font-weight:600}.confirmation-content p{margin:0 0 24px;color:#666;font-size:14px;line-height:1.5}.confirmation-buttons{display:flex;gap:12px;justify-content:center}.confirm-button{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:80px}.yes-button{background-color:#f44336;color:#fff}.yes-button:hover{background-color:#da190b}.no-button{background-color:#6c757d;color:#fff}.no-button:hover{background-color:#545b62}.confirm-button:focus{outline:none;box-shadow:0 0 0 2px #007bff40}@media (max-width: 480px){.confirmation-popup{width:95%}.confirmation-content{padding:20px}.confirmation-buttons{flex-direction:column}.confirm-button{width:100%}}.create-new-training-main-container{height:100%;width:100%}.file-selector-modal{position:absolute;z-index:2;width:80%;display:flex;gap:20px;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:30px;height:70%;overflow:auto;border:solid 1px gray}.file-selector-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#f5f5f5;border-bottom:1px solid #ddd}.file-selector-filters{display:flex;align-items:center}.file-item{display:flex;align-items:center;padding:10px 20px;border-bottom:1px solid #ddd;cursor:pointer}.file-info-select-training{display:flex;align-items:center;padding:10px 15px;background:#f8f9fa;border-radius:6px;margin-bottom:15px;font-size:14px;color:#6c757d;gap:5px;flex-grow:1}.selected-file-item{display:flex}.training-assignments-main-container{height:100%;width:100%;box-sizing:border-box;padding-right:1%;padding-top:1%;padding-bottom:1%;overflow:auto}.employee-details-card{display:flex;gap:1%;border:solid .5px #ececec;padding:1%;background-color:#fff;border-radius:5px;margin-top:1%}.employee-avathar{background-color:#9aa7e4;border-radius:100%;display:flex;justify-content:center;align-items:center;padding:10px}.employee-name-details-card{display:flex;gap:5px;font-weight:800}.employee-job-details-card,.assig-employee-info{display:flex;gap:10px}.color{color:#4c5667}.assig-active{background-color:#aef1ae}.trainiings-button{border:none}.trainiings-button{padding:8px;margin-top:1%;margin-bottom:1%}.available-trainings-container{padding:16px}.trainings-list{display:flex;flex-direction:column;gap:12px}.training-item.selectable{display:flex;align-items:flex-start;position:relative;gap:12px;padding:12px;border-radius:8px;background-color:#f9f9f9;cursor:pointer;transition:background-color .2s ease;border:1px solid transparent}.training-item.selectable.selected{background-color:#e6f4ff;border-color:#4a90e2}.checkbox-top-right{position:absolute;top:12px;right:12px;pointer-events:none}.icon-container{margin-top:6px;flex-shrink:0}.assigned-training-info-text-container h3{margin:0}.assigned-training-description{font-size:14px;margin:6px 0;color:#555}.assigned-training-tags{display:flex;gap:16px;margin-top:8px}.training-tag{font-size:13px;display:flex;align-items:center;gap:6px;color:#444}.submit-button-container{display:flex;justify-content:flex-end;margin-top:20px}.submit-btn{background-color:#007bff;border:none;padding:10px 18px;color:#fff;font-weight:500;border-radius:6px;cursor:pointer;transition:background .2s ease}.submit-btn:hover{background-color:#005bb5}.assigned-training-item{background-color:#fff;margin-top:10px;padding:1%;display:flex;gap:2%;border-radius:5px;box-shadow:0 3px 6px #0000001a;align-items:center}.icon-container{background-color:#e0f2fe;color:#0783c2;height:80px;width:80px;display:flex;align-items:center;justify-content:center;border-radius:5px}.assigned-training-tags{display:flex;align-items:center;gap:20px;margin-top:10px}.assigned-training-info-text-container{display:flex;flex-direction:column}.training-tag{display:flex;justify-content:center;align-items:center;gap:5px}.status-spacing{margin-left:auto;margin-bottom:auto}.assigned{background-color:#b1ddfa;color:#0378b3}.in-progress{background-color:#f7d6a1;color:#c47e0d}.completed{background-color:#9bf7c1;color:#11c05a}.over-due{background-color:#eca097;color:#e0200a}.assigned-training-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-height:2.8em}.checkbox-container{display:flex;align-items:center;margin-right:10px}.training-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#0783c2}.checkbox-label{cursor:pointer;margin-left:5px}.unassign-button-container{margin-top:20px;display:flex}.unassign-button{background-color:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s ease}.unassign-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.confirm-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.confirm-button:disabled:hover{background-color:#dc3545}.cancel-button:disabled:hover{background-color:#6c757d}.dropdown-main-container{width:100%;max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dropdown-tabs-container{display:flex;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:0;margin:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.dropdown-tabs-container::-webkit-scrollbar{display:none}.dropdown-tab{flex:1;min-width:150px;padding:16px 24px;border:none;background:transparent;color:#64748b;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px;border-bottom:3px solid transparent}.dropdown-tab:hover{background:#f1f5f9;color:#334155;transform:translateY(-1px)}.dropdown-tab.active{background:#fff;color:#1e293b;font-weight:600;box-shadow:0 -2px 4px #0000000d}.dropdown-tab.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:40px;height:3px;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:2px}.dropdown-tab:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.dropdown-tab.active:focus{box-shadow:0 0 0 3px #3b82f61a,0 -2px 4px #0000000d}.dropdown-content-container{background:#fff;min-height:400px;padding:32px;border-radius:0 0 12px 12px}@media (max-width: 768px){.dropdown-main-container{margin:16px;border-radius:8px}.dropdown-tab{min-width:120px;padding:12px 16px;font-size:13px}.dropdown-content-container{padding:24px 16px;min-height:300px}}@media (max-width: 480px){.dropdown-tabs-container{flex-direction:column}.dropdown-tab{min-width:auto;border-bottom:1px solid #e2e8f0;border-right:none}.dropdown-tab.active{border-bottom-color:#e2e8f0;border-left:3px solid #3b82f6}.dropdown-tab.active:after{display:none}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-content-container>*{animation:slideIn .3s ease-out}.dropdown-tab.active{background:linear-gradient(135deg,#fff,#f8fafc)}.dropdown-tab.active{box-shadow:0 -2px 4px #0000000d,0 1px 2px #0000001a}.dropdown-content-container.loading{display:flex;align-items:center;justify-content:center;color:#64748b;font-size:14px}.dropdown-content-container.error{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#dc2626;font-size:14px;text-align:center}.admin-settings{padding:16px}.admin-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.admin-settings-card{background:#fff;border:1px solid #eee;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}.admin-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-settings-row input{width:120px;padding:6px 8px}.admin-settings-card button{align-self:flex-end;background:#3b82f6;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}:root{--rpv-core__annotation--link-hover-background-color: rgba(255, 255, 0, .2);--rpv-core__annotation-popup-wrapper-background-color: #faf089;--rpv-core__annotation-popup-wrapper-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--rpv-core__annotation-popup-content-border-top-color: #1a202c;--rpv-core__arrow-border-color: rgba(0, 0, 0, .3);--rpv-core__asking-password-color: #000;--rpv-core__asking-password-wrapper-background-color: #fff;--rpv-core__asking-password-wrapper-border-color: rgba(0, 0, 0, .3);--rpv-core__button-background-color: rgba(0, 0, 0, .3);--rpv-core__button-color: #000;--rpv-core__doc-error-background-color: #fff;--rpv-core__doc-error-text-background-color: #c02424;--rpv-core__doc-error-text-color: #fff;--rpv-core__doc-loading-background-color: #fff;--rpv-core__full-screen-target-background-color: #fff;--rpv-core__inner-page-background-color: #fff;--rpv-core__menu-divider-border-bottom-color: rgba(0, 0, 0, .3);--rpv-core__menu-item-color: #000;--rpv-core__menu-item--hover-background-color: rgba(0, 0, 0, .1);--rpv-core__menu-item--disabled-color: rgba(0, 0, 0, .3);--rpv-core__minimal-button-color: #000;--rpv-core__minimal-button--hover-background-color: rgba(0, 0, 0, .1);--rpv-core__minimal-button--disabled-color: rgba(0, 0, 0, .3);--rpv-core__minimal-button--selected-background-color: rgba(0, 0, 0, .1);--rpv-core__modal-body-background-color: #fff;--rpv-core__modal-body-border-color: rgba(0, 0, 0, .3);--rpv-core__modal-overlay-background-color: rgba(0, 0, 0, .5);--rpv-core__page-layer-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);--rpv-core__popover-body-background-color: #fff;--rpv-core__popover-body-border-color: rgba(0, 0, 0, .3);--rpv-core__popover-body-color: #000;--rpv-core__primary-button-background-color: #2566e8;--rpv-core__primary-button-color: #fff;--rpv-core__progress-bar-background-color: rgba(0, 0, 0, .1);--rpv-core__progress-bar-progress-background-color: #2566e8;--rpv-core__progress-bar-progress-color: #fff;--rpv-core__separator-border-bottom-color: rgba(0, 0, 0, .3);--rpv-core__spinner-border-color: rgba(0, 0, 0, .4);--rpv-core__spinner-border-transparent-color: transparent;--rpv-core__splitter-background-color: transparent;--rpv-core__splitter--hover-background-color: rgba(0, 0, 0, .2);--rpv-core__text-layer-text--selection-background-color: rgb(0, 0, 255, 1);--rpv-core__text-layer-text--selection-color: transparent;--rpv-core__textbox-background-color: #fff;--rpv-core__textbox-border-color: rgba(0, 0, 0, .2);--rpv-core__textbox-color: #000;--rpv-core__tooltip-body-background-color: #000;--rpv-core__tooltip-body-color: #fff}.rpv-core__viewer--dark{--rpv-core__asking-password-background-color: #363636;--rpv-core__asking-password-color: #fff;--rpv-core__asking-password-wrapper-border-color: #191919;--rpv-core__asking-password-wrapper-background-color: #191919;--rpv-core__button-background-color: #171717;--rpv-core__button-color: #fff;--rpv-core__doc-error-background-color: #191919;--rpv-core__doc-error-text-background-color: #c02323;--rpv-core__doc-error-text-color: #fff;--rpv-core__doc-loading-background-color: #191919;--rpv-core__full-screen-target-background-color: #1a1a1a;--rpv-core__inner-page-background-color: #1a1a1a;--rpv-core__menu-divider-border-bottom-color: #000;--rpv-core__menu-item-color: #fff;--rpv-core__menu-item--hover-background-color: #2566e8;--rpv-core__menu-item--disabled-color: #5e5e5e;--rpv-core__minimal-button-color: #fff;--rpv-core__minimal-button--disabled-color: #5e5e5e;--rpv-core__minimal-button--hover-background-color: #191919;--rpv-core__minimal-button--selected-background-color: #1657bb;--rpv-core__modal-body-background-color: #363636;--rpv-core__primary-button-background-color: #2566e8;--rpv-core__popover-body-background-color: #363636;--rpv-core__popover-body-color: #fff;--rpv-core__progress-bar-background-color: #000;--rpv-core__separator-border-bottom-color: #000;--rpv-core__spinner-border-color: #fff;--rpv-core__splitter-background-color: #1a1a1a;--rpv-core__splitter--hover-background-color: #2566e8;--rpv-core__textbox-background-color: #121212;--rpv-core__textbox-border-color: #121212;--rpv-core__textbox-color: #fff;--rpv-core__tooltip-body-background-color: #414141;--rpv-core__tooltip-body-color: #fff}.rpv-core__annotation{position:absolute}.rpv-core__annotation-layer{z-index:1}.rpv-core__arrow{border-bottom:1px solid var(--rpv-core__arrow-border-color);border-left-color:var(--rpv-core__arrow-border-color);border-right:1px solid var(--rpv-core__arrow-border-color);border-top-color:var(--rpv-core__arrow-border-color);height:10px;position:absolute;width:10px;z-index:0}.rpv-core__arrow--tl{bottom:0;left:0;transform:translate(50%,50%) rotate(45deg)}.rpv-core__arrow--tc{bottom:0;left:50%;transform:translate(-50%,50%) rotate(45deg)}.rpv-core__arrow--tr{bottom:0;right:0;transform:translate(-50%,50%) rotate(45deg)}.rpv-core__arrow--rt{left:0;top:0;transform:translate(-50%,50%) rotate(135deg)}.rpv-core__arrow--rc{left:0;top:50%;transform:translate(-50%,-50%) rotate(135deg)}.rpv-core__arrow--rb{bottom:0;left:0;transform:translate(-50%,-50%) rotate(135deg)}.rpv-core__arrow--bl{left:0;top:0;transform:translate(50%,-50%) rotate(225deg)}.rpv-core__arrow--bc{left:50%;top:0;transform:translate(-50%,-50%) rotate(225deg)}.rpv-core__arrow--br{right:0;top:0;transform:translate(-50%,-50%) rotate(225deg)}.rpv-core__arrow--lt{right:0;top:0;transform:translate(50%,50%) rotate(315deg)}.rpv-core__arrow--lc{right:0;top:50%;transform:translate(50%,-50%) rotate(315deg)}.rpv-core__arrow--lb{bottom:0;right:0;transform:translate(50%,-50%) rotate(315deg)}.rpv-core__asking-password{background-color:var(--rpv-core__asking-password-background-color);border-radius:.25rem;color:var(--rpv-core__asking-password-color);padding:2rem}.rpv-core__asking-password--rtl{direction:rtl}.rpv-core__asking-password-wrapper{align-items:center;background-color:var(--rpv-core__asking-password-wrapper-background-color);border:1px solid var(--rpv-core__asking-password-wrapper-border-color);display:flex;height:100%;justify-content:center;width:100%}.rpv-core__asking-password-message{margin:.5rem 0}.rpv-core__asking-password-body{align-items:center;display:flex;justify-content:center}.rpv-core__asking-password-input{width:15rem}.rpv-core__asking-password-input--ltr{margin-right:.5rem}.rpv-core__asking-password-input--rtl{margin-left:.5rem}.rpv-core__button{background-color:var(--rpv-core__button-background-color);border:none;border-radius:.25rem;color:var(--rpv-core__button-color);cursor:pointer;height:2rem;padding:0 1rem}.rpv-core__button--rtl{direction:rtl}.rpv-core__canvas-layer{direction:ltr;left:0;position:absolute;overflow:hidden;top:0}.rpv-core__doc-error{align-items:center;background-color:var(--rpv-core__doc-error-background-color);display:flex;justify-content:center;height:100%}.rpv-core__doc-error--rtl{direction:rtl}.rpv-core__doc-error-text{background-color:var(--rpv-core__doc-error-text-background-color);border-radius:.25rem;color:var(--rpv-core__doc-error-text-color);line-height:1.5;max-width:50%;padding:.5rem}.rpv-core__doc-loading{background-color:var(--rpv-core__doc-loading-background-color);align-items:center;display:flex;justify-content:center;height:100%;width:100%;min-height:inherit}.rpv-core__doc-loading--rtl{direction:rtl}.rpv-core__icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1;text-align:center}.rpv-core__icon--rtl{transform:scaleX(-1)}.rpv-core__inner-container{min-height:inherit}.rpv-core__inner-pages{overflow:auto}.rpv-core__inner-pages--rtl{direction:rtl}.rpv-core__inner-pages--single{overflow:hidden}.rpv-core__inner-page-container--single{overflow:auto}.rpv-core__inner-page{background-color:var(--rpv-core__inner-page-background-color)}.rpv-core__inner-page--single{display:flex;align-items:center;justify-content:center}.rpv-core__inner-page--dual-even{display:flex;align-items:center;justify-content:flex-end}.rpv-core__inner-page--dual-odd{display:flex;align-items:center;justify-content:flex-start}.rpv-core__inner-page--dual-cover{display:flex;align-items:center;justify-content:center}.rpv-core__inner-page--dual-cover-odd{display:flex;align-items:center;justify-content:flex-end}.rpv-core__inner-page--dual-cover-even{display:flex;align-items:center;justify-content:flex-start}.rpv-core__annotation--link a{height:100%;left:0;position:absolute;top:0;width:100%}.rpv-core__annotation--link a:hover{background-color:var(--rpv-core__annotation--link-hover-background-color)}.rpv-core__menu{display:flex;flex-direction:column}.rpv-core__menu--rtl{direction:rtl;text-align:right}.rpv-core__menu-divider{border-bottom:1px solid var(--rpv-core__menu-divider-border-bottom-color);margin:.25rem 0}.rpv-core__menu-item{align-items:center;background-color:#0000;color:var(--rpv-core__menu-item-color);border:none;cursor:pointer;display:flex;justify-content:center;padding:.25rem 0;width:100%}.rpv-core__menu-item:focus{background-color:var(--rpv-core__menu-item--hover-background-color);outline:0}.rpv-core__menu-item:hover{background-color:var(--rpv-core__menu-item--hover-background-color)}.rpv-core__menu-item-icon{align-items:center;display:flex}.rpv-core__menu-item-icon--ltr{padding-left:1rem;padding-right:.5rem}.rpv-core__menu-item-icon--rtl{padding-left:.5rem;padding-right:1rem}.rpv-core__menu-item-label{flex-grow:1;flex-shrink:1;white-space:nowrap}.rpv-core__menu-item-label--ltr{padding-right:2rem}.rpv-core__menu-item-label--rtl{padding-left:2rem}.rpv-core__menu-item-check--ltr{padding-right:1rem}.rpv-core__menu-item-check--rtl{padding-left:1rem}.rpv-core__menu-item--disabled{color:var(--rpv-core__menu-item--disabled-color)}.rpv-core__menu-item--disabled:hover{background-color:#0000}.rpv-core__menu-item--ltr{text-align:left}.rpv-core__menu-item--rtl{direction:rtl;text-align:right}.rpv-core__minimal-button{background-color:#0000;border:none;border-radius:.25rem;color:var(--rpv-core__minimal-button-color);cursor:pointer;height:2rem;padding:0 .5rem}.rpv-core__minimal-button:hover{background-color:var(--rpv-core__minimal-button--hover-background-color)}.rpv-core__minimal-button--disabled{color:var(--rpv-core__minimal-button--disabled-color)}.rpv-core__minimal-button--rtl{direction:rtl}.rpv-core__minimal-button--selected{background-color:var(--rpv-core__minimal-button--selected-background-color)}.rpv-core__modal-body{background-color:var(--rpv-core__modal-body-background-color);border:1px solid var(--rpv-core__modal-body-border-color);border-radius:.25rem;margin:1rem;max-width:32rem;overflow:auto}.rpv-core__modal-body--rtl{direction:rtl}.rpv-core__modal-overlay{background-color:var(--rpv-core__modal-overlay-background-color);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;align-items:center;display:flex;justify-content:center}.rpv-core__page-layer{align-items:center;display:flex;justify-content:center;overflow:visible;position:relative}.rpv-core__page-layer:after{content:"";position:absolute;bottom:.25rem;left:.25rem;right:.25rem;top:.25rem;box-shadow:var(--rpv-core__page-layer-box-shadow)}.rpv-core__page-layer--single{margin:0 auto}.rpv-core__page-size-calculator{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.rpv-core__popover-body{background-color:var(--rpv-core__popover-body-background-color);border:1px solid var(--rpv-core__popover-body-border-color);border-radius:.25rem;color:var(--rpv-core__popover-body-color);left:0;padding:.5rem 0;position:absolute;top:-9999px;z-index:9999}.rpv-core__popover-body-arrow{background-color:var(--rpv-core__popover-body-background-color)}.rpv-core__popover-body--rtl{direction:rtl}.rpv-core__popover-overlay{bottom:0;left:0;position:fixed;right:0;top:0}.rpv-core__annotation-popup-wrapper{background-color:var(--rpv-core__annotation-popup-wrapper-background-color);box-shadow:var(--rpv-core__annotation-popup-wrapper-box-shadow);font-size:.75rem;padding:.25rem;word-break:break-word}.rpv-core__annotation-popup-wrapper--rtl{direction:rtl}.rpv-core__annotation-popup-title{font-weight:600;margin-bottom:.25rem}.rpv-core__annotation-popup-date{font-size:.5rem}.rpv-core__annotation-popup-content{border-top:1px solid var(--rpv-core__annotation-popup-content-border-top-color);padding:.25rem;max-height:16rem;overflow:auto}.rpv-core__primary-button{background-color:var(--rpv-core__primary-button-background-color);border:none;border-radius:.25rem;color:var(--rpv-core__primary-button-color);cursor:pointer;height:2rem;padding:0 1rem}.rpv-core__primary-button--rtl{direction:rtl}.rpv-core__progress-bar{background-color:var(--rpv-core__progress-bar-background-color);border-radius:9999px;padding:.125rem}.rpv-core__progress-bar--rtl{direction:rtl}.rpv-core__progress-bar-progress{align-items:center;background-color:var(--rpv-core__progress-bar-progress-background-color);border-radius:9999px;color:var(--rpv-core__progress-bar-progress-color);display:flex;font-size:.75rem;justify-content:center;height:.75rem}.rpv-core__separator{border-bottom:1px solid var(--rpv-core__separator-border-bottom-color)}.rpv-core__spinner{border-bottom:2px solid var(--rpv-core__spinner-border-transparent-color);border-left:2px solid var(--rpv-core__spinner-border-transparent-color);border-right:2px solid var(--rpv-core__spinner-border-color);border-top:2px solid var(--rpv-core__spinner-border-color);border-radius:9999px}.rpv-core__spinner--animating{animation-duration:.4s;animation-name:rpv-core__spinner-transform;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes rpv-core__spinner-transform{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rpv-core__splitter{background-color:var(--rpv-core__splitter-background-color);cursor:ew-resize;height:100%;width:.25rem}.rpv-core__splitter:hover,.rpv-core__splitter--resizing{cursor:col-resize;background-color:var(--rpv-core__splitter--hover-background-color)}.rpv-core__splitter-body--resizing{cursor:col-resize}.rpv-core__splitter-sibling--resizing{pointer-events:none;-webkit-user-select:none;user-select:none}.rpv-core__textbox{background-color:var(--rpv-core__textbox-background-color);border:1px solid var(--rpv-core__textbox-border-color);box-sizing:border-box;border-radius:.25rem;color:var(--rpv-core__textbox-color);padding:0 .5rem;height:2rem;width:100%}.rpv-core__textbox--rtl{direction:rtl}.rpv-core__text-layer{left:0;position:absolute;top:0;height:100%;width:100%;opacity:.2;line-height:1;z-index:1}.rpv-core__text-layer span::selection{background-color:var(--rpv-core__text-layer-text--selection-background-color);color:var(--rpv-core__text-layer-text--selection-color)}.rpv-core__text-layer br::selection{color:#0000}.rpv-core__text-layer-text{color:#0000;cursor:text;position:absolute;transform-origin:0% 0%;white-space:pre}.rpv-core__tooltip-body{background-color:var(--rpv-core__tooltip-body-background-color);border-radius:.25rem;color:var(--rpv-core__tooltip-body-color);left:0;max-width:20rem;position:absolute;text-align:center;top:-9999px;z-index:9999}.rpv-core__tooltip-body--rtl{direction:rtl}.rpv-core__tooltip-body-arrow{background-color:var(--rpv-core__tooltip-body-background-color)}.rpv-core__tooltip-body-content{padding:.5rem}.rpv-core__display--block{display:block}.rpv-core__display--hidden{display:none}@media (min-width: 640px){.rpv-core__display--hidden-small{display:none}.rpv-core__display--block-small{display:block}}@media (min-width: 768px){.rpv-core__display--hidden-medium{display:none}.rpv-core__display--block-medium{display:block}}@media (min-width: 1024px){.rpv-core__display--hidden-large{display:none}.rpv-core__display--block-large{display:block}}.rpv-core__viewer{min-height:inherit}.rpv-search__highlights{left:0;position:absolute;top:0;height:100%;width:100%}.rpv-search__highlight{background-color:var(--rpv-search__highlight-background-color);border-radius:.25rem;position:absolute;z-index:1}.rpv-search__highlight--current{background-color:var(--rpv-search__highlight--current-background-color)}.rpv-search__popover{padding:0 .5rem}.rpv-search__popover-input-counter{align-items:center;display:flex;margin-bottom:.5rem;position:relative;width:12rem}.rpv-search__popover-counter{align-items:center;bottom:0;display:flex;position:absolute;top:0}.rpv-search__popover-counter--ltr{padding-right:.25rem;right:0}.rpv-search__popover-counter--rtl{left:0;padding-left:.25rem}.rpv-search__popover-label{align-items:center;cursor:pointer;display:flex;margin-bottom:.5rem}.rpv-search__popover-label-checkbox{cursor:pointer;margin-right:.25rem}.rpv-search__popover-footer{align-items:center;display:flex}.rpv-search__popover-footer-item{padding:0 .25rem}.rpv-search__popover-footer-button--ltr{margin-left:auto}.rpv-search__popover-footer-button--rtl{margin-right:auto}:root{--rpv-search__highlight-background-color: rgba(255, 255, 0, .4);--rpv-search__highlight--current-background-color: rgba(0, 128, 0, .4)}:root{--rpv-zoom__popover-target-arrow-border-color: rgba(0, 0, 0, .6)}.rpv-core__viewer--dark{--rpv-zoom__popover-target-arrow-border-color: #fff}.rpv-zoom__popover-target{align-items:center;color:var(--rpv-zoom__popover-target-color);display:flex}.rpv-zoom__popover-target-scale--ltr{margin-right:.25rem}.rpv-zoom__popover-target-scale--rtl{margin-left:.25rem}.rpv-zoom__popover-target-arrow{border-color:var(--rpv-zoom__popover-target-arrow-border-color) rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:.5rem .25rem 0;height:0;width:0}.rpv-page-navigation__current-page-input{margin:0 .25rem;text-align:right;width:3rem}.document-viewer-main-container{max-width:100%;margin:0;padding:0;background-color:#f8f9fa;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:auto}.document-title-container{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 4px #0000001a}.document-title{margin:0;color:#2c3e50;font-size:28px;font-weight:600;line-height:1.2}.workflow-container{background:#fff;padding:20px;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000001a}.workflow-chart{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:1000px;margin:0 auto}.workflow-stage{display:flex;align-items:center;flex:1;min-width:100px}.stage-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:6px;background:#f8f9fa;border:2px solid #dee2e6;position:relative;transition:all .3s ease;min-width:80px;cursor:pointer}.stage-item.completed{background:#d4edda;border-color:#28a745;color:#155724}.stage-item.current{background:#fff3cd;border-color:#ffc107;color:#856404;box-shadow:0 0 0 3px #ffc10733}.stage-label{font-size:11px;font-weight:600;text-align:center;line-height:1.2;white-space:nowrap}.current-indicator{position:absolute;top:-6px;right:-6px;background:#ffc107;color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.stage-connector{display:flex;align-items:center;flex:1;min-width:40px;position:relative}.connector-line{flex:1;height:2px;background:#dee2e6;position:relative}.stage-connector.completed .connector-line{background:#28a745}.connector-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#6c757d;font-size:14px}.stage-connector.completed .connector-arrow{color:#28a745}.hamburger-menu{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:24px;background:none;border:none;cursor:pointer;padding:0;transition:all .3s ease}.hamburger-menu span{display:block;width:100%;height:3px;background:#6c757d;border-radius:2px;transition:all .3s ease}.hamburger-menu:hover span{background:#495057}.content-wrapper{display:flex;position:relative;min-height:calc(100vh - 200px)}.document-viewer{flex:1;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.document-details{margin-bottom:30px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-item label{font-weight:600;color:#495057;font-size:14px}.detail-item span{color:#2c3e50;font-size:16px}.description-section,.keywords-section{margin-bottom:20px}.description-section label,.keywords-section label{display:block;font-weight:600;color:#495057;margin-bottom:8px;font-size:14px}.description-section p,.keywords-section p{color:#2c3e50;line-height:1.6;margin:0}.document-preview{margin-top:30px}.document-preview h3{color:#2c3e50;margin-bottom:15px;font-size:18px;font-weight:600}.file-info{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#f8f9fa;border-radius:6px;margin-bottom:15px;font-size:14px;color:#6c757d}.expires-info{color:#dc3545;font-size:12px}.no-file-message{text-align:center;padding:40px;color:#6c757d;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.image-viewer{text-align:center;padding:20px;background:#f8f9fa;border-radius:8px}.download-section{text-align:center;padding:30px;background:#f8f9fa;border-radius:8px}.download-button{display:inline-block;padding:12px 24px;background:#007bff;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:background .3s ease}.download-button:hover{background:#0056b3}.side-panel{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:#fff;box-shadow:-2px 0 8px #0000001a;transition:right .3s ease;z-index:1000;overflow-y:auto}.side-panel.open{right:0}.side-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.side-panel-header h3{margin:0;color:#2c3e50;font-size:18px;font-weight:600}.close-panel{background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-panel:hover{background:#e9ecef;color:#495057}.side-panel-content{padding:20px}.metadata-section{margin-bottom:30px}.metadata-section h4{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #e9ecef}.metadata-item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid #f8f9fa}.metadata-item label{font-weight:600;color:#495057;font-size:14px;min-width:120px}.metadata-item span{color:#2c3e50;font-size:14px;text-align:right;word-break:break-word;max-width:200px}.metadata-section p{color:#2c3e50;line-height:1.6;margin:0;font-size:14px}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.status-draft{background:#f8f9fa;color:#6c757d}.status-pending,.status-under_review,.status-review{background:#fff3cd;color:#856404}.status-approved{background:#d4edda;color:#155724}.status-pending-effective{background:#e2e3e5;color:#383d41}.status-effective,.status-published,.status-active{background:#d1ecf1;color:#0c5460}.status-retained{background:#f8d7da;color:#721c24}.access-level{padding:3px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:capitalize}.access-level.public{background:#d4edda;color:#155724}.access-level.private{background:#f8d7da;color:#721c24}.access-level.restricted{background:#fff3cd;color:#856404}.certificate-status{padding:3px 8px;border-radius:4px;font-size:12px;font-weight:600}.certificate-status.required{background:#d1ecf1;color:#0c5460}.certificate-status.not-required{background:#f8f9fa;color:#6c757d}.keywords-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.keyword-tag{background:#e9ecef;color:#495057;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.description-text{line-height:1.6;color:#2c3e50;margin:0;font-size:14px}.file-url-text{font-family:Courier New,monospace;font-size:12px;color:#6c757d;word-break:break-all}.error-section{border-left:4px solid #dc3545;background:#f8d7da;padding:15px;border-radius:4px}.error-section h4{color:#721c24;margin-bottom:10px}.error-message{color:#721c24;font-size:14px;margin:0;font-weight:500}.side-panel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}.loading,.error{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:18px;color:#6c757d}.error{color:#dc3545}@media (max-width: 768px){.document-title{font-size:24px}.workflow-chart{gap:8px}.workflow-stage{min-width:70px}.stage-item{padding:8px 4px;min-width:60px}.stage-label{font-size:9px}.document-title-container{padding:15px}.document-viewer{margin:10px;padding:15px}.details-grid{grid-template-columns:1fr;gap:15px}.side-panel{width:100%;right:-100%}.metadata-item{flex-direction:column;gap:5px}.metadata-item label{min-width:auto}.metadata-item span{text-align:left;max-width:none}}@media (max-width: 480px){.document-title-container{flex-direction:column;gap:15px;align-items:flex-start}.hamburger-menu{align-self:flex-end}.workflow-chart{flex-direction:column;gap:10px}.workflow-stage{width:100%}.stage-connector{display:none}.stage-item{min-width:auto;width:100%}.stage-label{font-size:10px}}.viewtrainings-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1.5px solid #e5e7eb;padding-bottom:18px;margin-bottom:32px}.viewtrainings-header-left{display:flex;align-items:center;gap:18px}.viewtrainings-header-left h1{font-size:2rem;font-weight:700;color:#2563eb;margin:0}.viewtrainings-header-actions{display:flex;gap:12px}.viewtrainings-edit-btn,.viewtrainings-delete-btn,.viewtrainings-back-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:8px 18px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.viewtrainings-edit-btn:hover{background:#2563eb}.viewtrainings-delete-btn{background:#ef4444}.viewtrainings-delete-btn:hover{background:#b91c1c}.viewtrainings-back-btn{background:#f3f4f6;color:#2563eb;border:1px solid #dbeafe;margin-right:12px}.viewtrainings-back-btn:hover{background:#e0e7ff}.viewtrainings-details-section{margin-bottom:32px}.viewtrainings-details-card{background:#f8fafc;border-radius:10px;box-shadow:0 2px 8px #3b82f60f;padding:28px 22px 18px}.viewtrainings-details-card h2{font-size:1.2rem;color:#3b82f6;margin-bottom:18px}.viewtrainings-details-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px 32px}.viewtrainings-detail-item label{font-size:.95rem;color:#888;font-weight:500}.viewtrainings-detail-item span{display:block;font-size:1.05rem;color:#222;font-weight:600;margin-top:2px}.viewtrainings-description-section{margin-top:18px}.viewtrainings-description-section label{color:#888;font-size:.98rem;font-weight:500}.viewtrainings-description-section p{color:#222;font-size:1.05rem;margin:6px 0 0}.viewtrainings-documents-section{margin-top:32px}.viewtrainings-documents-header{display:flex;align-items:center;gap:18px;margin-bottom:18px}.viewtrainings-documents-header h2{font-size:1.2rem;color:#3b82f6;margin:0}.viewtrainings-document-count{background:#e0e7ff;color:#2563eb;border-radius:12px;padding:3px 12px;font-size:.95rem;font-weight:600}.viewtrainings-documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px}.viewtrainings-document-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #3b82f614;padding:18px 16px 14px;display:flex;flex-direction:column;justify-content:space-between;transition:box-shadow .2s}.viewtrainings-document-card:hover{box-shadow:0 8px 24px #3b82f621}.viewtrainings-document-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.viewtrainings-file-icon{font-size:2rem}.viewtrainings-document-title{font-size:1.1rem;font-weight:600;color:#222}.viewtrainings-document-meta{margin-bottom:8px}.viewtrainings-meta-row{display:flex;gap:8px;font-size:.98rem;color:#555;margin-bottom:2px}.viewtrainings-meta-label{color:#888;font-weight:500}.viewtrainings-document-description{margin-top:8px;font-size:.98rem;color:#444}.viewtrainings-document-actions{display:flex;gap:10px;margin-top:10px}.viewtrainings-view-btn,.viewtrainings-download-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:7px 16px;font-size:.98rem;font-weight:500;cursor:pointer;transition:background .2s}.viewtrainings-view-btn:hover,.viewtrainings-download-btn:hover{background:#2563eb}.viewtrainings-no-documents-message{background:#f3f4f6;border-radius:8px;padding:18px;text-align:center;color:#888;margin-top:12px}.viewtrainings-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center}.viewtrainings-modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e;max-width:480px;width:95vw;max-height:90vh;overflow-y:auto;padding:32px 24px 24px;position:relative;animation:viewtrainings-modalFadeIn .2s}@keyframes viewtrainings-modalFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.viewtrainings-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.viewtrainings-modal-header h3{font-size:1.2rem;font-weight:600;color:#3b82f6;margin:0}.viewtrainings-close-btn{background:none;border:none;font-size:1.5rem;color:#888;cursor:pointer;transition:color .2s}.viewtrainings-close-btn:hover{color:#f44336}.viewtrainings-modal-body{margin-bottom:24px}.viewtrainings-document-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.viewtrainings-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.viewtrainings-error-message{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem;margin-bottom:1rem;text-align:center}.viewtrainings-loading-spinner{text-align:center;color:#3b82f6;font-size:1.1rem;margin:2rem 0}@media (max-width: 900px){.viewtrainings-details-grid{grid-template-columns:1fr 1fr}.viewtrainings-documents-grid{grid-template-columns:1fr}}.vew-training-container{background:#fff;border-radius:12px;box-shadow:0 4px 24px #3b82f614;padding:24px;font-family:Inter,Arial,sans-serif}.vew-training-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:12px;margin-bottom:20px}.vew-training-title{font-size:1.8rem;font-weight:700;color:#2563eb;margin:0}.vew-training-section{margin-bottom:24px}.vew-training-section-title{font-size:1.2rem;color:#3b82f6;margin:0 0 12px}.vew-training-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.vew-training-item label{color:#888;font-size:.95rem}.vew-training-item span{display:block;font-weight:600;color:#222;margin-top:2px}.vew-training-description{margin-top:12px}.vew-training-description label{color:#888}.vew-training-description p{margin:6px 0 0;color:#222}.vew-training-docs-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.vew-training-badge{background:#e0e7ff;color:#2563eb;border-radius:12px;padding:3px 10px;font-size:.95rem;font-weight:600}.vew-training-docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.vew-training-doc-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #3b82f614;padding:14px}.vew-training-doc-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.vew-training-file-icon{font-size:1.6rem}.vew-training-doc-title{font-weight:600;color:#222}.vew-training-doc-meta{margin:6px 0}.vew-training-meta-row{display:flex;gap:8px;color:#555;font-size:.95rem;margin-bottom:2px}.vew-training-doc-description{margin-top:6px;color:#444}.vew-training-empty{background:#f3f4f6;border-radius:8px;padding:14px;text-align:center;color:#888}.vew-training-error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem;margin-bottom:1rem;text-align:center}.vew-training-loading{text-align:center;color:#3b82f6;font-size:1.1rem;margin:2rem 0}@media (max-width: 600px){.vew-training-container{padding:12px}.vew-training-grid{grid-template-columns:1fr}}.training-details-container{padding:20px;margin:0 auto;height:100%;overflow:auto;box-sizing:border-box}.training-details-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.back-button{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.back-button:hover{background-color:#5a6268}.training-details-header h1{margin:0;color:#333;font-size:28px}.training-info-card{background:#fff;border-radius:10px;padding:30px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px}.training-info-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px}.training-icon-large{background-color:#e0f2fe;color:#0783c2;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.training-info-content h2{margin:0 0 15px;color:#333;font-size:24px}.training-meta{display:flex;flex-direction:column;gap:10px}.meta-item{display:flex;align-items:center;gap:10px}.meta-label{font-weight:600;color:#666;min-width:120px}.meta-value{color:#333;background-color:#f8f9fa;padding:5px 10px;border-radius:5px;font-size:14px}.training-description{border-top:1px solid #e9ecef;padding-top:20px}.training-description h3{margin:0 0 10px;color:#333;font-size:18px}.training-description p{color:#666;line-height:1.6;margin:0}.training-tabs{display:flex;border-bottom:2px solid #e9ecef;margin-bottom:20px}.tab-button{background:none;border:none;padding:15px 25px;cursor:pointer;font-size:16px;font-weight:500;color:#666;border-bottom:3px solid transparent;transition:all .3s ease}.tab-button:hover{color:#0783c2;background-color:#f8f9fa}.tab-button.active{color:#000;border-bottom-color:#0783c2;background-color:#f8f9fa}.tab-content{background:#fff;border-radius:10px;padding:30px;box-shadow:0 4px 6px #0000001a;min-height:400px}.tab-content h3{margin:0 0 15px;color:#333;font-size:20px}.tab-content p{color:#666;line-height:1.6}.error-message{text-align:center;padding:40px;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a}.error-message h3{color:#dc3545;margin-bottom:10px}.error-message p{color:#666;margin-bottom:20px}.documents-list{display:flex;flex-direction:column;gap:15px}.document-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.document-info h4{margin:0 0 10px;color:#333;font-size:18px}.document-meta{display:flex;gap:15px;flex-wrap:wrap}.document-meta span{background:#e9ecef;padding:4px 8px;border-radius:4px;font-size:12px;color:#666}.document-id{background:#0783c2!important;color:#fff!important}.document-actions{display:flex;gap:10px}.view-document-btn{background:#0783c2;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.view-document-btn:hover{background:#066ba3}.employees-list{display:flex;flex-direction:column;gap:15px}.employee-item{display:flex;align-items:center;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;transition:all .3s ease;gap:15px}.employee-item.assignable{background:#f0f8ff;border-color:#0783c2}.employee-info{display:flex;align-items:center;gap:15px;flex:1}.employee-avatar{width:50px;height:50px;background:#0783c2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.employee-details h4{margin:0 0 5px;color:#333;font-size:16px}.employee-details p{margin:2px 0;color:#666;font-size:14px}.employee-status{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.in-progress{background:#fff3cd;color:#856404}.status-badge.assigned{background:#cce5ff;color:#004085}.assigned-date,.due-date{font-size:12px;color:#666;margin:0}.employee-actions{display:flex;gap:10px}.assign-btn{background:#0783c2;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.assign-btn:hover{background:#066ba3}.employee-checkbox{display:flex;align-items:center;margin-right:15px}.employee-checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:#0783c2}.employee-checkbox-label{cursor:pointer;margin-left:5px}.action-buttons-container{margin-top:20px;display:flex;justify-content:center;padding:20px;border-top:1px solid #e9ecef}.unassign-button,.assign-button{background-color:#dc3545;color:#fff;border:none;padding:12px 24px;border-radius:5px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s ease}.assign-button{background-color:#28a745}.unassign-button:hover{background-color:#c82333}.assign-button:hover{background-color:#218838}.unassign-button:disabled,.assign-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.confirmation-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.confirmation-popup{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-width:400px;width:90%;text-align:center}.confirmation-popup h3{margin:0 0 15px;color:#333;font-size:18px}.confirmation-popup p{margin:0 0 25px;color:#666;line-height:1.5}.confirmation-buttons{display:flex;gap:15px;justify-content:center}.confirm-button,.cancel-button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.confirm-button{background-color:#dc3545;color:#fff}.confirm-button:hover{background-color:#c82333}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover{background-color:#5a6268}.confirm-button:disabled,.cancel-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}@media (max-width: 768px){.training-details-container{padding:15px}.training-info-header{flex-direction:column;align-items:center;text-align:center}.training-meta{align-items:center}.meta-item{flex-direction:column;text-align:center}.meta-label{min-width:auto}.training-tabs{flex-direction:column}.tab-button{text-align:left}.document-item{flex-direction:column;align-items:flex-start;gap:15px}.document-actions{width:100%;justify-content:flex-end}.employee-item{flex-direction:column;align-items:flex-start;gap:15px}.employee-checkbox{margin-right:0;margin-bottom:10px}.action-buttons-container{padding:15px}.unassign-button,.assign-button{width:100%;padding:15px}.confirmation-popup{margin:20px;padding:20px}.confirmation-buttons{flex-direction:column;gap:10px}.confirm-button,.cancel-button{width:100%;padding:12px}.employee-info{width:100%}.employee-status{align-items:flex-start;width:100%}.employee-actions{width:100%;justify-content:flex-end}}.esign-container{max-width:500px;margin:40px auto;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0001}.esign-title{text-align:center;margin-bottom:24px;font-size:2rem;font-weight:600}.esign-controls{display:flex;flex-direction:column;gap:16px}.esign-input{padding:10px;font-size:18px;border-radius:4px;border:1px solid #bbb}.esign-font-controls{display:flex;gap:12px;align-items:center}.esign-label{font-size:14px}.esign-font-select{padding:6px;font-size:16px;border-radius:4px}.esign-font-slider{width:100px}.esign-font-size{font-size:14px}.esign-preview{min-height:80px;border:2px solid #888;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;color:#000;margin:8px auto 0}.esign-placeholder{color:#bbb}.esign-download-btn{padding:10px 24px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:12px;font-size:1rem}.esign-download-btn:disabled{background:#a5d6a7;cursor:not-allowed}.esign-desc{text-align:center;margin-top:16px;color:#666}.training-assignment-container{padding:24px;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;overflow:auto;box-sizing:border-box}.training-assignment-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.training-assignment-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.training-assignment-back-btn:hover{background:#e5e7eb;color:#374151}.training-assignment-title-section{flex:1}.training-assignment-title{margin:0 0 4px;font-size:24px;font-weight:600;color:#1f2937}.training-assignment-subtitle{margin:0;font-size:14px;color:#6b7280}.training-assignment-error{display:flex;align-items:center;gap:12px;padding:16px;margin-bottom:24px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.training-assignment-error svg{flex-shrink:0}.training-assignment-retry-btn{margin-left:auto;padding:6px 12px;background:#dc2626;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.training-assignment-retry-btn:hover{background:#b91c1c}.training-assignment-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center}.training-assignment-loading p{margin-top:16px;color:#6b7280;font-size:14px}.training-assignment-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #397EEE;border-radius:50%;animation:training-assignment-spin 1s linear infinite}@keyframes training-assignment-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.training-assignment-tabs{display:flex;gap:4px;margin-bottom:24px;background:#fff;padding:8px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.training-assignment-tab{display:flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-radius:6px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.training-assignment-tab:hover{background:#f3f4f6;color:#374151}.training-assignment-tab.active{background:#397eee;color:#fff}.training-assignment-tab svg{width:16px;height:16px}.training-assignment-content{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.section-header{padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.section-header h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#1f2937}.section-header p{margin:0;font-size:14px;color:#6b7280}.training-cards-list{padding:24px;display:flex;flex-direction:column;gap:16px}.training-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fdf8;border:1px solid #d1fae5;border-radius:8px;transition:all .2s;position:relative}.training-card.assigned{background:#f0fdf4;border-color:#bbf7d0}.training-card.available{background:#fafafa;border-color:#e5e7eb}.training-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.training-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border-radius:8px;font-size:24px;box-shadow:0 2px 4px #0000001a}.training-card-content{flex:1}.training-card-title{margin:0 0 4px;font-size:16px;font-weight:600;color:#1f2937}.training-card-description{margin:0 0 12px;font-size:14px;color:#6b7280;line-height:1.4}.training-card-meta{display:flex;gap:16px;flex-wrap:wrap}.training-meta-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.training-meta-item svg{width:14px;height:14px}.training-card-status{margin-left:auto}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.assigned{background:#dcfce7;color:#166534}.training-card-remove{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#ef4444;cursor:pointer;transition:all .2s}.training-card-remove:hover{background:#fef2f2;border-color:#fecaca}.training-assign-btn{padding:8px 16px;background:#397eee;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.training-assign-btn:hover{background:#2563eb}.training-assignment-assign-btn{padding:12px 24px;background:#397eee;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.training-assignment-assign-btn:hover{background:#2563eb}.training-assignment-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center}.training-assignment-empty svg{margin-bottom:16px;color:#9ca3af}.training-assignment-empty h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.training-assignment-empty p{margin:0;color:#6b7280;font-size:14px}@media (max-width: 768px){.training-assignment-container,.training-assignment-header{padding:16px}.training-assignment-title{font-size:20px}.training-card{flex-direction:column;align-items:flex-start;gap:12px}.training-card-meta{gap:12px}.training-meta-item{font-size:11px}.training-card-remove{position:static;align-self:flex-end}}.training-assignment-filters{display:flex;gap:2%;padding:15px 0;align-items:center}.training-assignment-search-container{display:flex;align-items:center;gap:10px}.viewgroup-container{padding-top:20px;padding-right:5px;font-family:Arial,sans-serif;height:100%;box-sizing:border-box;overflow:auto}.viewgroup-fluid{max-width:1200px;margin:0 auto}.viewgroup-header{margin-bottom:30px}.viewgroup-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.viewgroup-title{margin:0;color:#333}.viewgroup-description{margin:5px 0 0;color:#666}.viewgroup-actions{display:flex;gap:10px}.viewgroup-summary-cards{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.viewgroup-summary-card{flex:1;min-width:200px;border:1px solid #ddd;border-radius:8px;overflow:hidden}.viewgroup-card-body{padding:20px}.viewgroup-card-content{display:flex;justify-content:space-between;align-items:center}.viewgroup-card-number{margin:0;font-size:2rem;font-weight:700}.viewgroup-card-label{margin:5px 0 0;font-size:14px}.viewgroup-card-icon{font-size:2rem;opacity:.7}.viewgroup-card-primary{background-color:#007bff;color:#fff}.viewgroup-card-success{background-color:#28a745;color:#fff}.viewgroup-card-info{background-color:#17a2b8;color:#fff}.viewgroup-card-warning{background-color:#ffc107;color:#212529}.viewgroup-main-card{border:1px solid #ddd;border-radius:8px;overflow:hidden}.viewgroup-tab-header{border-bottom:1px solid #ddd;background-color:#f8f9fa}.viewgroup-nav-tabs{display:flex;list-style:none;margin:0;padding:0}.viewgroup-nav-item{flex:1}.viewgroup-nav-link{display:block;width:100%;padding:15px 20px;background:none;border:none;border-right:1px solid #ddd;cursor:pointer;text-align:center;color:#666;font-size:14px;transition:all .3s}.viewgroup-nav-link:last-child{border-right:none}.viewgroup-nav-link:hover{background-color:#e9ecef;color:#333}.viewgroup-nav-link-active{background-color:#007bff;color:#fff}.viewgroup-icon{margin-right:8px}.viewgroup-tab-content{padding:30px}.viewgroup-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.viewgroup-overview-section h5{margin-bottom:20px;color:#333;border-bottom:2px solid #007bff;padding-bottom:10px}.viewgroup-table{width:100%;border-collapse:collapse}.viewgroup-table-borderless td{padding:8px 0;border:none}.viewgroup-table-borderless td:first-child{width:40%;color:#666}.viewgroup-departments{margin-bottom:30px}.viewgroup-badge{display:inline-block;padding:6px 12px;font-size:12px;font-weight:500;border-radius:4px;margin-right:8px;margin-bottom:8px}.viewgroup-badge-primary{background-color:#007bff;color:#fff}.viewgroup-badge-success{background-color:#28a745;color:#fff}.viewgroup-badge-warning{background-color:#ffc107;color:#212529}.viewgroup-badge-secondary{background-color:#6c757d;color:#fff}.viewgroup-badge-large{font-size:14px;padding:8px 16px}.viewgroup-quick-actions{display:flex;gap:10px;flex-wrap:wrap}.viewgroup-btn{padding:10px 20px;border:1px solid;border-radius:4px;background:none;cursor:pointer;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;transition:all .3s}.viewgroup-btn-outline-primary{border-color:#007bff;color:#007bff}.viewgroup-btn-outline-primary:hover{background-color:#007bff;color:#fff}.viewgroup-btn-outline-secondary{border-color:#6c757d;color:#6c757d}.viewgroup-btn-outline-secondary:hover{background-color:#6c757d;color:#fff}.viewgroup-btn-outline-info{border-color:#17a2b8;color:#17a2b8}.viewgroup-btn-outline-info:hover{background-color:#17a2b8;color:#fff}.viewgroup-btn-outline-danger{border-color:#dc3545;color:#dc3545}.viewgroup-btn-outline-danger:hover{background-color:#dc3545;color:#fff}.viewgroup-table-responsive{overflow-x:auto}.viewgroup-table-hover{width:100%;border-collapse:collapse}.viewgroup-table-head{background-color:#f8f9fa}.viewgroup-table-hover th,.viewgroup-table-hover td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.viewgroup-table-hover th{font-weight:600;color:#333}.viewgroup-table-hover tr:hover{background-color:#f8f9fa}.viewgroup-employee-id{color:#007bff}.viewgroup-trainings-section{display:flex;flex-direction:column;gap:20px}.viewgroup-training-card{border:1px solid #ddd;border-radius:8px;overflow:hidden}.viewgroup-training-header{background-color:#f8f9fa;padding:20px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.viewgroup-training-info h6{margin:0;color:#333;font-size:16px}.viewgroup-training-info small{color:#666}.viewgroup-training-badges{display:flex;gap:10px;flex-wrap:wrap}.viewgroup-training-body{padding:20px}.viewgroup-training-meta{margin-bottom:20px}.viewgroup-training-meta p{margin:5px 0;color:#333}.viewgroup-training-employees h6{margin-bottom:15px;color:#333}.viewgroup-employees-table-small{overflow-x:auto}.viewgroup-table-small{width:100%;border-collapse:collapse;font-size:14px}.viewgroup-table-small th,.viewgroup-table-small td{padding:10px;text-align:left;border:1px solid #ddd}.viewgroup-table-small th{background-color:#f8f9fa;font-weight:600}.viewgroup-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.viewgroup-loading-content{text-align:center}.viewgroup-spinner{margin-bottom:15px}.viewgroup-alert{padding:20px;border-radius:8px;margin:20px 0}.viewgroup-alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.viewgroup-alert-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.viewgroup-alert-heading{margin-bottom:10px}@media (max-width: 768px){.viewgroup-summary-cards{flex-direction:column}.viewgroup-overview-grid{grid-template-columns:1fr}.viewgroup-nav-tabs{flex-direction:column}.viewgroup-nav-link{border-right:none;border-bottom:1px solid #ddd}.viewgroup-training-header,.viewgroup-header-content{flex-direction:column;align-items:flex-start}}.document-viewer-main-container{padding:16px;box-sizing:border-box}.content-wrapper{display:flex;gap:16px}.document-viewer{flex:1 1 auto}.document-preview h3{margin:0 0 12px}.doc-view-pdf-viewer-container{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.side-panel{width:340px;border-left:1px solid #e5e7eb;background:#fff;display:none}.side-panel.open{display:block}.side-panel-header{padding:12px 16px;border-bottom:1px solid #e5e7eb}.side-panel-content{padding:16px}.metadata-section{margin-bottom:16px}.metadata-item{display:flex;justify-content:space-between;padding:6px 0}.metadata-item label{color:#6b7280;margin-right:8px}.hamburger-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:6px 8px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.hamburger-menu svg{stroke:#111}.side-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006}.user-navbar-main-component{display:flex;flex-direction:column;align-items:center;gap:3%;height:100%;width:100%;box-sizing:border-box}.admin-access-link{margin-top:auto!important;background-color:#397eee!important;color:#fff!important;border:2px solid #2d5bb8!important;transition:all .3s ease;position:relative}.admin-access-link:hover{background-color:#2d5bb8!important;border-color:#1e3a8a!important;transform:scale(1.05);box-shadow:0 4px 8px #397eee4d}.admin-access-link svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.user-navbar-main-component{display:flex;flex-direction:column;height:100%;justify-content:flex-start}.user-topbar-logo{width:auto;height:100%}.usertopbar-switch-btn{background:#397eee;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;margin-left:12px;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.usertopbar-switch-btn:hover{background:#2d5bb8;transform:scale(1.05);box-shadow:0 2px 4px #397eee4d}.user-topbar-main-component{height:100%;width:100%;padding:1%;box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:space-between}.user-layout-main-container{height:100%;width:100%;box-sizing:border-box}.user-layout-top-bar{height:10%;width:100%;box-sizing:border-box;border-bottom:solid 1px lightgray}.user-layout-navbar-content-container{height:90%;width:100%;display:flex;box-sizing:border-box}.user-layout-navbar-main-container{width:7%;height:100%;box-sizing:border-box;border-right:solid 1px lightgray;padding-top:1%}.user-layout-content-main-container{width:93%;height:100%;background-color:#f5f9ff;overflow-y:auto;padding-left:1%;padding-right:1%;box-sizing:border-box}.user-card-container{display:flex;align-items:center;height:100%;gap:10%;width:18%;border:solid .5px #ececec;justify-content:flex-start;border-radius:5px;background-color:#fff;padding-left:2%;box-shadow:0 3px 6px #0000001a;box-sizing:border-box}.user-card-container p{font-size:.8rem!important}.user-dashboard-currenttrainings{width:100%;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:16px;box-sizing:border-box;max-height:70vh;overflow:hidden;display:flex;flex-direction:column}.user-dashboard-currenttrainings__header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:12px}.user-dashboard-currenttrainings__title{margin:0}.user-dashboard-currenttrainings__subtitle{margin:4px 0 0;color:#6b7280;font-size:14px}.user-dashboard-currenttrainings__count{background:#edf2ff;color:#3b82f6;border-radius:999px;padding:4px 10px;font-weight:600;font-size:13px}.user-dashboard-currenttrainings__list{overflow-y:auto;padding-right:6px}.user-dashboard-currenttrainings__card{border:1px solid #eee;border-radius:10px;padding:14px;margin-top:12px}.user-dashboard-currenttrainings__card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.user-dashboard-currenttrainings__card-title{margin:0 0 6px;font-size:16px;font-weight:600;color:#1f2937;line-height:1.3}.user-dashboard-currenttrainings__card-desc{margin:0;color:#6b7280;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.user-dashboard-currenttrainings__status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.user-dashboard-currenttrainings__status-pill{background-color:#eaf4ff;color:#2d6cdf;padding:2px 8px;border-radius:6px;font-size:12px}.user-dashboard-currenttrainings__due{color:#6b7280;font-size:12px}.user-dashboard-currenttrainings__progress{display:flex;align-items:center;gap:10px;margin-top:10px}.user-dashboard-currenttrainings__progress-bar{flex:1;height:8px;background:#f0f0f0;border-radius:10px;overflow:hidden}.user-dashboard-currenttrainings__progress-fill{height:100%;background:linear-gradient(90deg,#4d74d5,#6b8dd6);border-radius:10px;transition:width .3s ease-in-out}.user-dashboard-currenttrainings__progress-text{font-size:12px;color:#6b7280;min-width:35px;text-align:right}.user-dashboard-currenttrainings__actions{display:flex;justify-content:flex-end;margin-top:10px}.user-dashboard-currenttrainings__button{background:#3b82f6;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.user-dashboard-currenttrainings__card-titles{width:80%}.user-dashboard-currenttrainings__status-pill.status-assigned{color:#1e40af!important;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}.user-dashboard-currenttrainings__status-pill.status-pending{color:#d97706!important;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24}.user-dashboard-currenttrainings__status-pill.status-overdue{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171}.user-dashboard-currenttrainings__status-pill.status-completed{color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #34d399}.user-dashboard-currenttrainings__status-pill.status-in-progress,.user-dashboard-currenttrainings__status-pill.status-in_progress{color:#7c3aed;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #a78bfa}.user-dashboard-deadlines{width:100%;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:16px;box-sizing:border-box;max-height:70vh;overflow:hidden;display:flex;flex-direction:column}.user-dashboard-deadlines__header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:12px}.user-dashboard-deadlines__title{margin:0}.user-dashboard-deadlines__count{background:#fef3c7;color:#d97706;border-radius:999px;padding:4px 10px;font-weight:600;font-size:13px}.user-dashboard-deadlines__list{overflow-y:auto;padding-right:6px}.user-dashboard-deadlines__card{border:1px solid #eee;border-radius:10px;padding:14px;margin-top:12px}.user-dashboard-deadlines__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.user-dashboard-deadlines__name{color:#2d6cdf;font-weight:600}.user-dashboard-deadlines__tags{display:flex;align-items:center;gap:8px}.user-dashboard-deadlines__status{background:#eaf4ff;color:#2d6cdf;border-radius:6px;padding:2px 10px;font-size:12px;text-transform:capitalize}.user-dashboard-deadlines__priority{background:#ffe9e0;color:#d35400;border-radius:6px;padding:2px 10px;font-size:12px}.user-dashboard-deadlines__due{color:#6b7280;font-size:12px}.user-dashboard-deadlines__meta{display:flex;align-items:center;gap:10px}.user-dashboard-deadlines__days{color:#27ae60;font-weight:500}.user-dashboard-deadlines__overdue{background:#ffeded;color:#c0392b;border-radius:6px;padding:2px 10px;font-weight:600;font-size:12px}.row-user-dashboard-deadlines-due-date{margin-top:10px}.user-dashboard-container{height:100%;width:100%;padding-top:2%;box-sizing:border-box}.user-dashboard-cards-container{height:20%;width:100%;margin-top:2%;box-sizing:border-box}.user-dashboard-training-information{height:60%;width:100%}.user-dashboard-current-training{height:100%;width:65%;overflow-y:auto}.user-dashboard-training-information{display:flex;gap:2%;height:auto;max-height:70vh;margin-top:1em}.upcoming-deadline-card{background:#fff;padding:10px;width:100%;margin:10px;border:solid .5px #ececec;box-shadow:0 3px 6px #0000001a;border-radius:5px;box-sizing:border-box}.user-dashboard-timeline-information{height:100%;width:30%;overflow-y:auto}.training-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mycourses-main-container{height:100%;width:100%;display:flex;flex-wrap:wrap;gap:2rem;box-sizing:border-box;padding:1rem;min-height:100vh}.training-card-container{width:30%;height:fit-content;background:#fff;border-radius:16px;box-sizing:border-box;padding:1.5rem;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;max-width:350px}.training-card-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.training-card-container:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.trainings-card-avatar{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:12px;padding:2rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.trainings-card-avatar:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-icon-size{width:3rem;height:3rem;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.status{padding:.5rem 1rem;border-radius:20px;width:fit-content;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a}.status-assigned{color:#1e40af!important;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}.status-pending{color:#d97706!important;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24}.status-overdue{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171}.status-completed{color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #34d399}.status-in-progress{color:#7c3aed;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #a78bfa}.completion-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem 0}.training-rows{margin-bottom:1.5rem}.training-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .75rem;line-height:1.3}.training-description{color:#6b7280;font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.training-progress{width:100%;height:8px;background:#f3f4f6;border-radius:10px;overflow:hidden;margin-bottom:.75rem;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:10px;transition:width .8s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShine 2s infinite}@keyframes progressShine{0%{left:-100%}to{left:100%}}.user-training-progress-text{margin:.5rem 0 1rem;font-weight:600;color:#374151;font-size:.9rem}.training-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.training-meta span{background:#f9fafb;color:#6b7280;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid #e5e7eb;width:fit-content}.duration-info{display:flex!important;align-items:center!important;gap:.375rem!important;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;color:#0369a1!important;border:1px solid #7dd3fc!important;font-weight:600!important}.duration-icon{color:#0369a1;flex-shrink:0}.training-action-button{width:100%;padding:.875rem 1.5rem;border:none;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;background-color:#5b96dc}.training-action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.training-action-button:hover:before{left:100%}.training-image-container{position:relative;width:100%;height:140px;border-radius:12px;overflow:hidden;background:#f3f4f6;margin-bottom:1.5rem}.training-image{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:opacity .3s ease}.training-image.loading{opacity:0}.training-image.loaded{opacity:1}.image-loading-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #5b96dc;border-radius:50%;animation:spin 1s linear infinite}.image-error-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;font-size:2rem}.training-image[loading=lazy]{opacity:0;transition:opacity .3s ease}.training-image[loading=lazy].loaded{opacity:1}.main-mycourses-container{width:100%;height:100%;padding:2rem 0;box-sizing:border-box}.serach-and-tabs-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding:0 2rem}.status-tabs-container{display:flex;gap:.5rem}.status-tab{background:#e0e7ff;color:#374151;padding:.7rem 1.5rem;border:none;border-radius:2rem;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 2px 8px #3b82f612;outline:none}.status-tab.active,.status-tab:focus{background:linear-gradient(90deg,#3b82f6,#6366f1);color:#fff;box-shadow:0 4px 16px #3b82f626}.search-container{display:flex;align-items:center;background:#fff;border-radius:2rem;box-shadow:0 2px 8px #3b82f612;padding:.2rem .5rem .2rem 1rem;min-width:200px;max-width:300px;width:100%}.search-courses{border:none;outline:none;background:transparent;font-size:1rem;padding:.7rem .5rem .7rem 0;width:100%;color:#374151}.search-courses::placeholder{color:#a1a1aa;opacity:1}.search-button{background:linear-gradient(90deg,#3b82f6,#6366f1);border:none;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,box-shadow .2s;margin-left:.5rem;box-shadow:0 2px 8px #3b82f612}.search-button:hover{background:linear-gradient(90deg,#2563eb,#6366f1)}.lucide-search-icon{color:#fff;width:1.3rem;height:1.3rem}.courses-main-container{width:100%;height:calc(100% - 48px);overflow-y:auto;padding:0 2rem;box-sizing:border-box}.calendar-container{width:100%;display:flex;flex-direction:column;gap:1%;font-family:sans-serif;background-color:#fff;box-sizing:border-box;padding:2%;border-radius:10px}.calendar-header,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.calendar-day-label{font-weight:700;padding:.5em;background-color:#f3f3f3;border:1px solid #ddd}.calendar-cell{min-height:80px;max-height:200px;border:1px solid #ddd;padding:4%;box-sizing:border-box;position:relative;overflow-y:auto;overflow-x:hidden}.calendar-date{font-size:.9em;font-weight:700;margin-bottom:5%}.training-items-container{display:flex;flex-direction:column;gap:2px;max-height:140px;overflow-y:auto}.training-item{font-size:.7em;background-color:#a0d8fb;padding:3px 5px;border-radius:4px;cursor:pointer;transition:opacity .2s;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.training-item:hover{opacity:.8}.training-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-trainings-indicator{font-size:.65em;background-color:#007bff;color:#fff;padding:3px 6px;border-radius:3px;margin-top:2px;text-align:center;cursor:pointer;transition:background-color .2s}.more-trainings-indicator:hover{background-color:#0056b3}.trainings-tooltip{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;max-width:300px;padding:0;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-header{background-color:#007bff;color:#fff;padding:8px 12px;font-weight:700;font-size:.85em;border-radius:8px 8px 0 0;text-align:center}.tooltip-content{padding:8px;max-height:300px;overflow-y:auto}.tooltip-training-item{padding:6px 8px;margin-bottom:4px;border-radius:4px;font-size:.8em;color:#000;word-wrap:break-word}.tooltip-training-item:last-child{margin-bottom:0}.calendar-navigation{display:flex;justify-content:space-between;align-items:center;margin:1rem 0}.calendar-navigation button{background-color:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.today{background-color:#e0f7fa;border:2px solid #0288d1}.shedule-main-container{height:100%;width:100%}.shedule-cards-container{height:26%;padding-top:1%;box-sizing:border-box;padding-bottom:2%}.calander-main-container{width:70%}.schedules-information-container{display:flex}.upcoming-dedlines-main-container{width:30%}.upcomingdeadlines-main-comtainer{padding:2%;max-width:90%;margin:0 auto}.upcoming-heading{font-size:1.5rem;margin-bottom:1.5rem}.cards-for-each-course{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow:auto}.cards-each-course{border:.1em solid #ddd;border-left:.4em solid #2196f3;border-radius:.5em;padding:1.2em;background-color:#f9f9f9}.course-title{font-weight:700;font-size:1.1rem}.course-date{font-size:1rem;margin:.4em 0}.status-pill{font-size:.9rem;padding:.4em .8em;border-radius:2em;font-weight:700;display:inline-block}.status-pill.overdue{background-color:#ffe6e6;color:#d32f2f}.status-pill.upcoming{background-color:#e3f2fd;color:#1976d2}.document-queue-container{padding:24px;max-width:1200px;margin:0 auto;background-color:#f8f9fa;min-height:100vh}.document-queue-header{margin-bottom:32px}.document-queue-title{font-size:28px;font-weight:600;color:#1a1a1a;margin-bottom:24px;text-align:center}.document-queue-tab-container{display:flex;justify-content:center;gap:8px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:400px;margin:0 auto}.document-queue-tab-button{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background:transparent;color:#6b7280}.document-queue-tab-button:hover{background:#f3f4f6;color:#374151}.document-queue-tab-button.active{background:#3b82f6;color:#fff;box-shadow:0 2px 4px #3b82f64d}.document-queue-content{margin-top:32px}.document-queue-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.document-queue-loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.document-queue-error-container{text-align:center;padding:48px 24px}.document-queue-error-message{color:#dc2626;font-size:16px;margin-bottom:16px}.document-queue-retry-button{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.document-queue-retry-button:hover{background:#2563eb}.document-queue-empty-state{text-align:center;padding:64px 24px;color:#6b7280}.document-queue-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.document-queue-empty-state h3{font-size:20px;font-weight:600;margin-bottom:8px;color:#374151}.document-queue-empty-state p{font-size:16px;line-height:1.5}.document-queue-documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;padding:8px}.document-queue-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;cursor:pointer;border:1px solid #e5e7eb}.document-queue-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;border-color:#3b82f6}.document-queue-header-card{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px}.document-queue-title-card{font-size:18px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.4;flex:1}.document-queue-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.document-queue-details{margin-bottom:20px}.document-queue-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.document-queue-detail-row:last-child{border-bottom:none}.document-queue-detail-label{font-size:14px;font-weight:500;color:#6b7280;flex-shrink:0}.document-queue-detail-value{font-size:14px;color:#374151;text-align:right;font-weight:500;max-width:60%;word-break:break-word}.document-queue-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f3f4f6}.document-queue-created-date{font-size:12px;color:#9ca3af;font-weight:500}.document-queue-review-button{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.document-queue-review-button:hover{background:#059669}@media (max-width: 768px){.document-queue-container{padding:16px}.document-queue-title{font-size:24px}.document-queue-tab-container{max-width:100%}.document-queue-documents-grid{grid-template-columns:1fr;gap:16px}.document-queue-card{padding:20px}.document-queue-header-card{flex-direction:column;align-items:flex-start;gap:12px}.document-queue-status{align-self:flex-start}.document-queue-detail-row{flex-direction:column;align-items:flex-start;gap:4px}.document-queue-detail-value{text-align:left;max-width:100%}.document-queue-footer{flex-direction:column;gap:12px;align-items:flex-start}}.document-review-container{padding:24px;max-width:1200px;margin:0 auto;background-color:#f8f9fa;min-height:100vh;display:flex;flex-direction:column}.review-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.back-button{background:#6b7280;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:8px}.back-button:hover{background:#4b5563}.review-title{font-size:28px;font-weight:600;color:#1a1a1a;margin:0}.document-title-bar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;border:1px solid #e5e7eb}.title-section{display:flex;align-items:center;gap:12px;flex:1}.document-title{margin:0;font-size:20px;font-weight:600;color:#2c3e50}.document-status-badge{padding:4px 12px;border-radius:6px;color:#fff;font-size:12px;font-weight:500}.menu-button{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:6px;padding:8px 12px;font-size:18px;font-weight:700;color:#6c757d;cursor:pointer;transition:all .2s}.menu-button:hover{background:#e9ecef;color:#495057}.pdf-viewer-section{flex:1;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;margin-bottom:16px;overflow:hidden;min-height:600px}.pdf-viewer{width:100%;height:100%;min-height:600px;border:none;background:#fff}.document-drawer{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:#fff;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease-in-out;z-index:1001;overflow-y:auto}.document-drawer.open{right:0}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e1e5e9;background:#f8f9fa;position:sticky;top:0;z-index:1002}.drawer-header h3{margin:0;font-size:18px;font-weight:600;color:#2c3e50}.close-drawer{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;color:#6c757d;transition:color .2s}.close-drawer:hover{color:#dc3545}.drawer-content{padding:20px}.info-section{margin-bottom:24px}.info-section h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#2c3e50;border-bottom:2px solid #007bff;padding-bottom:4px}.info-item{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid #f1f3f4}.info-item:last-child{border-bottom:none}.info-label{font-weight:500;color:#495057;min-width:120px;margin-right:12px}.info-value{color:#2c3e50;text-align:right;word-break:break-word;flex:1}.status-badge{padding:4px 8px;border-radius:4px;color:#fff;font-size:12px;font-weight:500}.description-text,.keywords-text{background:#f8f9fa;padding:12px;border-radius:6px;border-left:4px solid #007bff;font-size:14px;line-height:1.5;color:#495057}.drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;transition:opacity .3s ease-in-out}.review-bottom-section{margin-top:auto}.reviewer-confirmation{background:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;border-left:4px solid #28a745;margin-bottom:16px}.confirmation-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{width:18px;height:18px;margin:2px 0 0;cursor:pointer}.confirmation-text{font-size:14px;line-height:1.5;color:#2c3e50;font-weight:500}.review-form{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.form-row{display:grid;grid-template-columns:1fr 1fr 2fr;gap:20px;margin-bottom:20px}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:16px}}.form-group{display:flex;flex-direction:column}.form-group-wide{grid-column:span 3}@media (max-width: 768px){.form-group-wide{grid-column:span 1}}.form-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-input,.form-select,.form-textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-input.disabled,.form-select.disabled,.form-textarea.disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;box-sizing:border-box}.form-textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e9ecef}.cancel-button,.submit-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button{background:#6c757d;color:#fff}.cancel-button:hover{background:#5a6268}.submit-button{background:#28a745;color:#fff}.submit-button:hover:not(:disabled){background:#218838}.submit-button:disabled{background:#6c757d;cursor:not-allowed}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-container{text-align:center;padding:48px 24px}.error-message{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;border:1px solid #fecaca}.success-message{background:#f0fdf4;color:#16a34a;padding:12px 16px;border-radius:8px;margin-bottom:24px;border:1px solid #bbf7d0}.retry-button{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-button:hover{background:#2563eb;cursor:pointer;transition:background-color .2s ease}.no-permission-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:20px;text-align:center;margin-top:auto}.no-permission-message p{margin:0;color:#856404;font-size:14px;font-weight:500}.document-info-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:32px;border:1px solid #e5e7eb}.document-header{margin-bottom:24px}.document-title-section{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.document-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.4;flex:1}.document-status-badge{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.document-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.detail-item:last-child{border-bottom:none}.detail-label{font-size:14px;font-weight:500;color:#6b7280;flex-shrink:0}.detail-value{font-size:14px;color:#374151;font-weight:500;text-align:right;max-width:60%;word-break:break-word}.review-form{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.form-section{margin-bottom:32px}.section-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.form-group{margin-bottom:12px}.form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:100px;box-sizing:border-box}.date-picker{width:100%!important}.form-actions{display:flex;justify-content:flex-end;gap:16px;padding-top:24px;border-top:1px solid #e5e7eb}.cancel-button{background:#6b7280;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.cancel-button:hover:not(:disabled){background:#4b5563}.submit-button{background:#10b981;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.submit-button:hover:not(:disabled){background:#059669}.submit-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.document-review-container{padding:16px}.review-header{flex-direction:column;align-items:flex-start;gap:12px}.review-title{font-size:24px}.document-title-section{flex-direction:column;align-items:flex-start;gap:12px}.document-status-badge{align-self:flex-start}.document-details-grid{grid-template-columns:1fr}.detail-item{flex-direction:column;align-items:flex-start;gap:4px}.detail-value{text-align:left;max-width:100%}.form-actions{flex-direction:column;gap:12px}.cancel-button,.submit-button{width:100%}}.login-page{height:100%;width:100%;display:flex;justify-content:center;align-items:center;background-color:#f0f2f5}.login-container{height:50%;width:30%;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;text-align:center}.login-header{margin-top:10%}.login-form{height:100%;width:50%;display:flex;flex-direction:column;justify-content:center;text-align:left;gap:2%}.login-input{height:10%;border:1px solid #ccc;border-radius:5px;padding-left:2%}.login-button{width:fit-content;padding:2% 6%;margin-left:auto;margin-right:auto}.auth-required-container{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f0f2f5;text-align:center}.auth-title{font-size:2.5rem;color:#1a1a1a;margin-bottom:1rem;font-weight:600}.auth-required-container p{font-size:1.2rem;color:#666;margin-bottom:2rem;max-width:500px;line-height:1.6}.primary-button{background-color:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.primary-button:hover{background-color:#0056b3}.primary-button.pbtm{margin-top:1rem}.loading-spinner{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f0f2f5}.loading-spinner div{font-size:1.2rem;color:#666;margin-top:1rem}.open-trainings-main-container{width:100%;max-width:95%;margin:0 auto;padding:2%;background-color:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#22223b}.open-trainings-loading-spinner{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.125rem;color:#4b5563}.open-trainings-error-message{text-align:center;padding:3%;background-color:#fef2f2;border:.125rem solid #fecaca;border-radius:.5rem;margin:2% 0;color:#9b2226}.open-trainings-error-message h3{color:#b91c1c;margin-bottom:1%;font-size:1.25rem}.open-trainings-error-message p{color:#991b1b;margin-bottom:2%;font-size:1rem}.open-trainings-retry-btn{background-color:#b91c1c;color:#fff;padding:1% 2%;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem}.open-trainings-no-data{text-align:center;padding:4%;color:#6b7280;font-size:1.125rem}.open-trainings-course-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;padding:2.5%;margin-bottom:2%;color:#fff;box-shadow:0 .25rem 1.5rem #0000001a}.open-trainings-course-header-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2%;margin-bottom:2%}.open-trainings-course-title-section{flex:1;min-width:60%}.open-trainings-course-title{font-weight:700;margin:0 0 1%;line-height:1.2;color:#fff}.open-trainings-course-code{display:inline-block;background-color:#fff3;padding:.5% 1%;border-radius:.25rem;font-size:.875rem;font-weight:600;margin-right:1%;color:#f8fafc}.open-trainings-status-badge{display:inline-block;padding:.5% 1.25%;border-radius:1.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:#fff}.open-trainings-course-actions{display:flex;gap:1%;flex-wrap:wrap;align-items:center}.open-trainings-course-actions button{padding:1% 2%;border:none;border-radius:.375rem;font-weight:600;font-size:.875rem;cursor:pointer;min-width:8rem}.open-trainings-start-btn{background-color:#198754;color:#fff}.open-trainings-resume-btn{background-color:#2563eb;color:#fff}.open-trainings-complete-btn{background-color:#7c3aed;color:#fff}.open-trainings-certificate-btn{background-color:#f59e0b;color:#fff}.open-trainings-progress-section{margin-top:2%}.open-trainings-progress-header{display:flex;justify-content:space-between;margin-bottom:1%;font-size:.875rem;font-weight:600;color:#f8fafc}.open-trainings-progress-bar{width:100%;height:.5rem;background-color:#ffffff4d;border-radius:.25rem;overflow:hidden}.open-trainings-progress-fill{height:100%;background:#10b981;border-radius:.25rem}.open-trainings-course-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:2%;margin-bottom:2%}.open-trainings-info-card{background-color:#fff;border-radius:.75rem;padding:2%;box-shadow:0 .125rem 1rem #0000000d;border:.0625rem solid #e5e7eb;color:#22223b}.open-trainings-info-card h3{font-size:1.25rem;font-weight:700;color:#22223b;margin:0 0 2%;padding-bottom:1%;border-bottom:.125rem solid #f3f4f6}.open-trainings-info-item{display:flex;justify-content:space-between;align-items:center;padding:1% 0;border-bottom:.0625rem solid #f9fafb;color:#22223b}.open-trainings-info-item:last-child{border-bottom:none}.open-trainings-info-item label{font-weight:600;color:#4b5563;font-size:.875rem}.open-trainings-info-item span{color:#22223b;font-size:.875rem}.open-trainings-course-description{color:#4b5563;line-height:1.6;margin:0;font-size:.9rem}.open-trainings-documents-section{background:linear-gradient(135deg,#f8fafc 60%,#e0e7ff);border-radius:1rem;padding:2.5% 2%;box-shadow:0 .5rem 2rem #4c51ff12;border:none;margin-top:2rem;color:#22223b}.open-trainings-documents-section h3{font-size:1.5rem;font-weight:800;color:#3730a3;margin-bottom:2.5%;border-bottom:2px solid #e0e7ff;padding-bottom:.5rem;letter-spacing:.01em}.open-trainings-documents-grid{display:flex;flex-direction:column;gap:1.2rem;margin-top:1.5rem}.open-trainings-document-card{border:none;border-radius:1rem;background:#fff;box-shadow:0 2px 16px #3730a31a;padding:2rem 1.5rem 1.5rem;display:flex;flex-direction:column;min-height:16rem;position:relative;width:100%;margin-left:0;margin-right:0;color:#22223b;box-sizing:border-box}.open-trainings-document-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1.2rem;gap:.3rem}.open-trainings-document-header-row{display:flex;align-items:center;width:100%;gap:.5rem}.open-trainings-document-name{font-size:1.1rem;font-weight:700;color:#3730a3;margin:0;max-width:13rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.open-trainings-file-type{background:#eef2ff;color:#6366f1;padding:.25rem .75rem;border-radius:.5rem;font-size:.8rem;font-weight:600;text-transform:uppercase;margin-left:.5rem}.open-trainings-document-sequence{font-size:.8rem;color:#a1a1aa;margin-left:.5rem}.open-trainings-document-progress{margin-bottom:1.2rem}.open-trainings-progress-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;color:#3730a3;font-weight:500}.open-trainings-mini-progress-bar{width:100%;height:.4rem;background:#e0e7ff;border-radius:.25rem;overflow:hidden}.open-trainings-mini-progress-fill{height:100%;background:#6366f1;border-radius:.25rem}.open-trainings-last-accessed{font-size:.8rem;color:#818cf8;margin-bottom:1rem;font-style:italic}.open-trainings-document-description{font-size:.92rem;color:#4b5563;margin-bottom:.8rem;margin-top:-.5rem;line-height:1.5;word-break:break-word}.open-trainings-document-actions{display:flex;justify-content:flex-end;margin-top:auto}.open-trainings-document-actions button{padding:.6rem 1.5rem;border:none;border-radius:.5rem;font-size:.95rem;font-weight:700;cursor:pointer;min-width:6.5rem;color:#fff;background-color:#5b96dc}.open-trainings-start-document-btn{background:#198754}.open-trainings-continue-document-btn{background:#2563eb}.open-trainings-review-document-btn{background:#e5e7eb;color:#3730a3}.open-trainings-no-documents{text-align:center;padding:3rem 0;color:#a1a1aa;font-style:italic;font-size:1.1rem}@media (max-width: 700px){.open-trainings-documents-grid{flex-direction:column;gap:1.2rem}.open-trainings-document-card{padding:1.2rem .8rem 1rem;width:100%;min-width:0;max-width:100%}.open-trainings-document-name{max-width:100%}}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #64748b;--success-color: #059669;--warning-color: #d97706;--error-color: #dc2626;--background-color: #f8fafc;--surface-color: #ffffff;--border-color: #e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem}.doc-view-document-viewer-container{background:var(--background-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);line-height:1.6;height:100%}.doc-view-workflow-container{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:var(--surface-color);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.doc-view-workflow-chart{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:1000px;margin:0 auto;flex:1;max-width:calc(100% - 60px);overflow-x:auto;padding:.5rem 0}.doc-view-workflow-chart::-webkit-scrollbar{height:4px}.doc-view-workflow-chart::-webkit-scrollbar-track{background:var(--background-color);border-radius:2px}.doc-view-workflow-chart::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.doc-view-workflow-stage{display:flex;align-items:center;flex:1;min-width:100px}.doc-view-stage-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:6px;background:#f8f9fa;border:2px solid #dee2e6;position:relative;transition:all .3s ease;min-width:80px;cursor:pointer}.doc-view-stage-item.doc-view-completed{background:#d4edda;border-color:#28a745;color:#155724}.doc-view-stage-item.doc-view-current{background:#fff3cd;border-color:#ffc107;color:#856404;box-shadow:0 0 0 3px #ffc10733}.doc-view-stage-label{font-size:11px;font-weight:600;text-align:center;line-height:1.2;white-space:nowrap}.doc-view-current-indicator{position:absolute;top:-6px;right:-6px;background:#ffc107;color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.doc-view-stage-connector{display:flex;align-items:center;flex:1;min-width:40px;position:relative}.doc-view-connector-line{flex:1;height:2px;background:#dee2e6;position:relative}.doc-view-stage-connector.doc-view-completed .doc-view-connector-line{background:#28a745}.doc-view-connector-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#6c757d;font-size:14px}.doc-view-stage-connector.doc-view-completed .doc-view-connector-arrow{color:#28a745}.doc-view-hamburger-menu{display:flex;flex-direction:column;justify-content:space-around;width:2.5rem;height:2.5rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:.5rem;transition:all .3s ease;flex-shrink:0;margin-left:1rem}.doc-view-hamburger-menu:hover{background:var(--background-color);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.doc-view-hamburger-menu span{display:block;height:2px;width:100%;background:var(--text-secondary);border-radius:1px;transition:all .3s ease}.doc-view-hamburger-menu:hover span{background:var(--primary-color)}.doc-view-content-wrapper{position:relative;max-width:100%;margin:0 auto;padding:0}.doc-view-document-header{display:grid;grid-template-columns:1fr auto;gap:2rem;padding:2rem;background:var(--surface-color);border-bottom:1px solid var(--border-color);align-items:start}.doc-view-document-info{min-width:0}.doc-view-document-title{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem;line-height:1.2}.doc-view-document-description{font-size:1rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.5}.doc-view-document-meta{display:flex;flex-wrap:wrap;gap:1.5rem}.doc-view-meta-item{display:flex;align-items:center;gap:.5rem}.doc-view-meta-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.doc-view-meta-value{font-size:.875rem;font-weight:600;color:var(--text-primary);padding:.25rem .75rem;background:var(--background-color);border-radius:var(--radius-sm)}.doc-view-timer-section{display:flex;flex-direction:column;gap:1rem;align-items:flex-end;min-width:280px}.doc-view-timer-display{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.doc-view-timer-icon{font-size:1.5rem}.doc-view-timer-info{text-align:right}.doc-view-current-time{font-size:1.5rem;font-weight:700;color:var(--primary-color);font-family:JetBrains Mono,monospace}.doc-view-required-time{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.doc-view-progress-container{width:100%;max-width:280px}.doc-view-progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.doc-view-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,var(--success-color) 100%);border-radius:4px;transition:width .3s ease}.doc-view-progress-text{font-size:.875rem;color:var(--text-secondary);text-align:center;font-weight:500}.doc-view-pdf-viewer-container{background:var(--surface-color);border-radius:var(--radius-lg);margin:1.5rem;box-shadow:var(--shadow-lg);overflow:hidden;height:calc(100vh - 300px);min-height:600px;max-height:80vh}.doc-view-pdf-viewer-container .pdf-viewer-wrapper{width:100%;height:100%;display:flex;flex-direction:column}.pdf-viewer-wrapper:fullscreen{width:100vw!important;height:100vh!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.pdf-viewer-wrapper:fullscreen .pdf-viewer{width:100%!important;height:100%!important;max-width:100vw!important;max-height:100vh!important;display:flex!important;flex-direction:column!important}.pdf-viewer-wrapper:fullscreen .rpv-core__viewer{width:100%!important;height:100%!important;max-width:100vw!important;max-height:100vh!important}.pdf-viewer-wrapper:fullscreen .rpv-core__inner-pages{height:100%!important;width:100%!important;max-width:100vw!important;max-height:calc(100vh - 60px)!important}.doc-view-pdf-viewer-container .pdf-viewer{width:100%;height:100%;min-height:600px;display:flex;flex-direction:column;overflow:hidden}.doc-view-pdf-viewer-container .rpv-core__viewer{height:100%!important;min-height:600px!important;display:flex!important;flex-direction:column!important}.doc-view-pdf-viewer-container .rpv-core__inner-pages{height:100%!important;min-height:600px!important;overflow-y:auto!important;overflow-x:hidden!important}.doc-view-pdf-viewer-container .rpv-core__inner-pages .rpv-core__page{margin:0 auto 1rem!important;box-shadow:var(--shadow-md)!important}.doc-view-pdf-viewer-container .rpv-core__toolbar{flex-shrink:0!important}.doc-view-pdf-viewer-container .rpv-search__popover{z-index:1000!important}.rpv-core__viewer--fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;background:#000!important}.rpv-core__viewer--fullscreen .rpv-core__inner-pages{height:100%!important;width:100%!important}.rpv-core__viewer--fullscreen .pdf-viewer{width:100%!important;height:100%!important;min-height:100vh!important}.pdf-fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:9998;display:flex;align-items:center;justify-content:center}.pdf-fullscreen-overlay .pdf-viewer{width:100%;height:100%;max-width:100vw;max-height:100vh}.doc-view-acknowledgement-container{display:flex;align-items:flex-start;gap:.75rem;padding:1.5rem 2rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:1.5rem;font-size:.95rem;line-height:1.6;color:var(--text-primary)}.doc-view-acknowledgement-checkbox{width:1.25rem;height:1.25rem;margin-top:.125rem;accent-color:var(--primary-color);cursor:pointer;flex-shrink:0}.doc-view-action-buttons{display:flex;gap:1rem;padding:1.5rem 2rem 2rem;justify-content:space-between;align-items:center}.doc-view-back-button,.doc-view-complete-button{padding:.875rem 1.5rem;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:.5rem;min-height:48px}.doc-view-back-button{background:var(--surface-color);color:var(--text-secondary);border:1px solid var(--border-color)}.doc-view-back-button:hover{background:var(--background-color);color:var(--text-primary);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.doc-view-complete-button.doc-view-enabled{background:linear-gradient(135deg,var(--success-color) 0%,#10b981 100%);color:#fff;box-shadow:var(--shadow-md)}.doc-view-complete-button.doc-view-enabled:hover{background:linear-gradient(135deg,#047857 0%,var(--success-color) 100%);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.doc-view-complete-button.doc-view-disabled{background:var(--border-color);color:var(--text-muted);cursor:not-allowed}.doc-view-button-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.doc-view-side-panel{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:var(--surface-color);border-left:1px solid var(--border-color);box-shadow:var(--shadow-lg);transition:right .3s ease;z-index:1000;overflow-y:auto}.doc-view-side-panel.doc-view-open{right:0}.doc-view-side-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--background-color);position:sticky;top:0;z-index:10}.doc-view-side-panel-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.doc-view-close-panel{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all .2s ease}.doc-view-close-panel:hover{background:var(--border-color);color:var(--text-primary)}.doc-view-side-panel-content{padding:0}.doc-view-metadata-section{padding:1.5rem;border-bottom:1px solid var(--border-color)}.doc-view-metadata-section:last-child{border-bottom:none}.doc-view-metadata-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.doc-view-metadata-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.doc-view-metadata-item:last-child{margin-bottom:0}.doc-view-metadata-item label{font-size:.875rem;font-weight:500;color:var(--text-secondary);min-width:120px;flex-shrink:0}.doc-view-metadata-item span{font-size:.875rem;color:var(--text-primary);text-align:right;word-break:break-word}.doc-view-status-badge,.doc-view-access-level,.doc-view-certificate-status{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.doc-view-status-approved,.doc-view-status-effective,.doc-view-status-completed{background:#dcfce7;color:#166534}.doc-view-status-pending,.doc-view-status-review{background:#fef3c7;color:#92400e}.doc-view-status-draft{background:#f3f4f6;color:#374151}.doc-view-keywords-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.doc-view-keyword-tag{padding:.25rem .75rem;background:var(--background-color);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.doc-view-side-panel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}.doc-view-loading-container,.doc-view-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:2rem;text-align:center}.doc-view-loading-spinner{width:3rem;height:3rem;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.doc-view-error-icon{font-size:3rem;margin-bottom:1rem}.doc-view-retry-button{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.doc-view-retry-button:hover{background:var(--primary-hover);box-shadow:var(--shadow-md)}@media (max-width: 1024px){.doc-view-document-header{grid-template-columns:1fr;gap:1.5rem}.doc-view-timer-section{align-items:stretch;min-width:auto}.doc-view-pdf-viewer-container{margin:1rem;height:calc(100vh - 250px);min-height:500px}}@media (max-width: 768px){.doc-view-workflow-container{padding:1rem}.doc-view-workflow-chart{max-width:calc(100% - 50px)}.doc-view-hamburger-menu{width:2rem;height:2rem;margin-left:.75rem}.doc-view-document-header{padding:1.5rem}.doc-view-document-title{font-size:1.5rem}.doc-view-document-meta,.doc-view-action-buttons{flex-direction:column;gap:.75rem}.doc-view-back-button,.doc-view-complete-button{width:100%;justify-content:center}.doc-view-side-panel{width:100%;right:-100%}.doc-view-pdf-viewer-container{margin:.75rem;height:calc(100vh - 200px);min-height:400px}}@media (max-width: 480px){.doc-view-stage-item{padding:.5rem .75rem;font-size:.75rem}.doc-view-acknowledgement-container{padding:1rem;margin:.75rem}}.certificate-grid{display:flex;width:100%;flex-wrap:wrap;gap:1rem}.certificate-tab{padding:.5rem 1rem;border:none;border-radius:.375rem;background-color:#f3f4f6;color:#6b7280;cursor:pointer;transition:all .3s ease}.certificate-tab:hover{background-color:#e5e7eb;color:#374151}.certificate-tab.certificate-active{background-color:#3b82f6;color:#fff}.certificate-tabs-container{display:flex;gap:.5rem;margin-bottom:1rem;margin-top:1rem}.certificate-controls{display:flex;width:100%;margin-bottom:1rem;gap:1rem;margin-top:1%}.certificate-sort-select{height:30px;border:none;background-color:#3698f5;border-radius:5px;padding:.5rem}.certificate-download-all-btn{background-color:#4f46e5;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:background-color .3s ease}.certificate-search-container{flex:1 1 auto}.certificate-search-input{width:100%;height:90%}.certificate-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;flex:1;min-width:300px;max-width:400px;display:flex;flex-direction:column}.certificate-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.certificate-card-header{padding:1.5rem;color:#fff;position:relative;display:flex;justify-content:space-between;align-items:flex-start}.certificate-header-content{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.certificate-title-section{display:flex;align-items:flex-start;gap:.75rem;flex:1}.certificate-icon{font-size:1.5rem;margin-top:.25rem}.certificate-title-info{flex:1;text-align:center}.certificate-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;line-height:1.2}.certificate-institution-name{margin:0;font-size:.9rem;opacity:.9;font-weight:400}.certificate-document-name{margin:.25rem 0 0;font-size:.9rem;opacity:.9;font-weight:500}.certificate-verified-badge{background-color:#fff3;color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;position:absolute;top:1rem;right:1rem}.certificate-card-body{padding:1.5rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.certificate-details{margin-bottom:1.5rem}.certificate-detail-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.certificate-detail-label{font-size:.8rem;color:#666;font-weight:500;margin-bottom:.25rem}.certificate-detail-value{font-size:1rem;color:#333;font-weight:700}.certificate-score-value{font-size:1rem;color:#10b981;font-weight:700}.certificate-meta{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.certificate-category-tag{padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;color:#8b5cf6;background-color:#8b5cf61a}.certificate-id{font-size:.7rem;color:#666;font-weight:500}.certificate-doc-title{font-size:.85rem;color:#374151;font-weight:600;display:block;width:100%;margin-top:1rem}.certificate-action-buttons{display:flex;gap:.75rem;margin-top:auto}.certificate-view-btn,.certificate-download-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1;justify-content:center}.certificate-view-btn{background-color:#3b82f6;color:#fff}.certificate-view-btn:hover{background-color:#2563eb}.certificate-download-btn{background-color:#fff;color:#374151;border:1px solid #E5E7EB}.certificate-download-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.certificate-btn-icon{font-size:.8rem}.certificate-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.certificate-loading p{color:#6b7280;font-size:1rem;margin:0}.certificate-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:1rem 0}.certificate-error p{color:#dc2626;font-size:1rem;margin:0 0 1rem}.retry-btn{background-color:#dc2626;color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.retry-btn:hover{background-color:#b91c1c}.certificate-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:1rem 0}.certificate-empty p{color:#6b7280;font-size:1rem;margin:0}.certificate-debug-btn{background-color:#ff6b6b;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:12px;cursor:pointer;margin-left:10px;transition:background-color .3s ease}.certificate-debug-btn:hover{background-color:#ff5252}.certificate-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.certificate-modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.certificate-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 16px;border-bottom:1px solid #e5e7eb}.certificate-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#3b82f6}.certificate-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:8px;border-radius:8px;transition:all .2s}.certificate-modal-close:hover{background-color:#f3f4f6;color:#374151}.certificate-modal-body{padding:32px}.certificate-preview{text-align:center}.certificate-preview-header{margin-bottom:24px}.certificate-preview-icon{font-size:48px;margin-bottom:16px}.certificate-preview-title h1{font-size:1.75rem;font-weight:700;color:#3b82f6;margin:0;letter-spacing:.05em}.certificate-preview-content{margin:32px 0}.certificate-preview-text{font-size:1rem;color:#6b7280;margin:8px 0}.certificate-preview-name{font-size:2rem;font-weight:700;color:#1f2937;margin:16px 0;font-style:italic}.certificate-preview-course{font-size:1.125rem;color:#3b82f6;margin:16px 0;font-weight:600}.certificate-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;padding:24px;background-color:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.certificate-detail-item{display:flex;flex-direction:row;align-items:baseline;gap:8px;text-align:left;flex-wrap:wrap}.detail-label{font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.detail-value{font-size:1rem;font-weight:500;color:#1f2937;flex:1;min-width:0}.certificate-modal-footer{padding:24px 32px;border-top:1px solid #e5e7eb;display:flex;justify-content:center}.certificate-modal-download-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 14px #3b82f64d}.certificate-modal-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.certificate-btn-icon{font-size:1.125rem}@media (max-width: 640px){.certificate-modal-content{margin:10px;max-width:calc(100vw - 20px)}.certificate-details-grid{grid-template-columns:1fr;gap:12px}.certificate-modal-header,.certificate-modal-body,.certificate-modal-footer{padding:20px}.certificate-preview-name{font-size:1.5rem}}.profile-container{width:100%;height:100%;padding:2%;box-sizing:border-box;background-color:#f5f9ff;overflow-y:auto}.profile-loading,.profile-error{display:flex;justify-content:center;align-items:center;height:50%;font-size:1.1rem;color:#666}.profile-error{color:#e74c3c}.profile-header{display:flex;align-items:center;background:#fff;padding:2%;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2%;gap:2%}.profile-avatar{position:relative;flex-shrink:0}.profile-avatar{position:relative;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026}.avatar-initials{font-size:28px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:1px}.status-indicator{position:absolute;bottom:4px;right:4px;width:16px;height:16px;border-radius:50%;border:2px solid white}.status-indicator.active{background-color:#10b981}.avatar-image{width:5rem;height:5rem;border-radius:50%;object-fit:cover;border:3px solid #e3f2fd}.status-indicator{position:absolute;bottom:.2rem;right:.2rem;width:1rem;height:1rem;border-radius:50%;border:2px solid white}.status-indicator.active{background-color:#4caf50}.profile-basic-info{flex:1}.profile-name{font-size:1.8rem;font-weight:600;color:#2c3e50;margin:0 0 .5rem}.profile-position{font-size:1.1rem;color:#3498db;margin:0 0 .5rem;font-weight:500}.profile-org-info{display:flex;gap:1rem;margin-bottom:1rem}.org-name,.department-name{font-size:.9rem;color:#7f8c8d}.profile-status{display:flex;align-items:center;gap:1rem}.status-badge{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase}.status-badge.active{background-color:#d4edda;color:#155724}.member-since{font-size:.9rem;color:#6c757d}.profile-main-content{display:flex;gap:2%;height:auto}.profile-left-column{width:65%}.profile-right-column{width:33%}.profile-section{background:#fff;border-radius:8px;padding:2%;margin-bottom:2%;box-shadow:0 2px 8px #0000001a}.section-title{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0 0 1.5rem;border-bottom:2px solid #e9ecef;padding-bottom:.8rem}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.3rem}.info-label{font-size:.9rem;color:#6c757d;font-weight:500}.info-value{font-size:1rem;color:#2c3e50;font-weight:400}.skills-list,.skill-item{margin-bottom:1.5rem}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skill-name{font-size:1rem;color:#2c3e50;font-weight:500}.skill-percentage{font-size:.9rem;color:#6c757d;font-weight:600}.skill-progress-bar{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.skill-progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:4px;transition:width .3s ease}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem}.pagination-btn{background:none;border:1px solid #dee2e6;padding:.5rem .8rem;border-radius:4px;cursor:pointer;color:#6c757d;font-size:1rem}.pagination-btn:hover{background-color:#f8f9fa;border-color:#adb5bd}.pagination-text{font-size:.9rem;color:#6c757d}.progress-stats{display:grid;grid-template-columns:1fr;gap:1rem}.progress-stat{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f8f9fa;border-radius:6px;border-left:4px solid #3498db}.stat-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:1.2rem;height:1.2rem}.stat-icon.total{background-color:#e3f2fd;color:#1976d2}.stat-icon.completed{background-color:#e8f5e8;color:#388e3c}.stat-icon.in-progress{background-color:#fff3e0;color:#f57c00}.stat-icon.pending{background-color:#fce4ec;color:#c2185b}.stat-icon.overdue{background-color:#ffebee;color:#d32f2f}.stat-icon.certificates{background-color:#f3e5f5;color:#7b1fa2}.stat-icon.hours{background-color:#e0f2f1;color:#00796b}.stat-icon.overall{background-color:#e8eaf6;color:#3f51b5}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:1.5rem;font-weight:700;color:#2c3e50;line-height:1}.stat-label{font-size:.9rem;color:#6c757d;margin-top:.2rem}.activity-list{position:relative}.activity-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;position:relative}.activity-item:not(:last-child):after{content:"";position:absolute;left:.4rem;top:1.5rem;bottom:-1.5rem;width:2px;background-color:#e9ecef}.activity-dot{width:.8rem;height:.8rem;border-radius:50%;background-color:#3498db;flex-shrink:0;margin-top:.3rem;position:relative;z-index:1}.activity-content{flex:1}.activity-text{font-size:.95rem;color:#2c3e50;margin:0 0 .3rem;line-height:1.4}.activity-time{font-size:.8rem;color:#6c757d}.quick-actions{display:flex;flex-direction:column;gap:.8rem}@media (max-width: 1400px){.profile-main-content{flex-direction:column}.profile-left-column,.profile-right-column{width:100%}.info-grid{grid-template-columns:1fr}}@media (max-width: 1200px){.profile-container{padding:1.5%}.profile-header{flex-direction:column;text-align:center;gap:1rem}.profile-org-info,.profile-status{justify-content:center}}@media (max-width: 900px){.avatar-image{width:4rem;height:4rem}.profile-name{font-size:1.5rem}.section-title{font-size:1.1rem}.progress-stats{grid-template-columns:1fr}}@media (-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi){.profile-container{font-size:.95rem}.avatar-image{width:4.5rem;height:4.5rem}.profile-name{font-size:1.6rem}}@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi){.profile-container{font-size:.9rem}.avatar-image{width:4rem;height:4rem}.profile-name{font-size:1.4rem}.section-title{font-size:1.1rem}}.view-employee-container{height:100%;width:100%;overflow:auto}.viewemployee-tabs{display:flex;gap:1rem;margin-bottom:1rem}.viewemployee-tabs button{padding:.5rem 1.5rem;border:none;background:#e0e7ff;color:#374151;border-radius:2rem;cursor:pointer;font-weight:600}.viewemployee-tabs button.active{background:linear-gradient(90deg,#3b82f6,#6366f1);color:#fff}.viewemployee-tab-content{padding:1rem;background:#f9fafb;border-radius:1rem}table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{border:1px solid #e5e7eb;padding:.5rem 1rem;text-align:left}th{background:#f3f4f6}.audit-trail-main-container{height:100%;width:100%;box-sizing:border-box;padding:20px;background-color:#f8fafc;overflow:auto}.audit-trail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.audit-trail-title-section{flex:1}.audit-trail-title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.audit-trail-subtitle{font-size:16px;color:#6b7280;margin:0;line-height:1.5}.audit-trail-actions{display:flex;gap:12px;align-items:center}.audit-action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.audit-action-btn:hover{background:#f9fafb;border-color:#9ca3af}.audit-action-btn.primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.audit-action-btn.primary:hover{background:#2563eb;border-color:#2563eb}.audit-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.audit-summary-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:16px;transition:transform .2s ease}.audit-summary-card:hover{transform:translateY(-2px)}.audit-summary-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.audit-summary-content{flex:1}.audit-summary-title{font-size:14px;color:#6b7280;margin:0 0 4px;font-weight:500}.audit-summary-value{font-size:24px;font-weight:700;color:#1f2937;margin:0}.audit-search-filter-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px}.audit-search-container{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px;align-items:end}.audit-search-input-group,.audit-filter-group{display:flex;flex-direction:column;gap:8px}.audit-search-label,.audit-filter-label{font-size:14px;font-weight:500;color:#374151}.audit-search-input-wrapper{position:relative;display:flex;align-items:center}.audit-search-input-wrapper svg{position:absolute;left:12px;color:#9ca3af}.audit-search-input{width:100%;padding:12px 12px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease}.audit-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.audit-filter-select{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s ease}.audit-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.audit-date-input-wrapper{position:relative;display:flex;align-items:center}.audit-date-input-wrapper svg{position:absolute;right:12px;color:#9ca3af;pointer-events:none}.audit-date-input{width:100%;padding:12px 40px 12px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease}.audit-date-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.audit-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.audit-table-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.audit-table-title{font-size:20px;font-weight:600;color:#1f2937;margin:0}.audit-pagination{display:flex;align-items:center;gap:16px}.audit-pagination-info{font-size:14px;color:#6b7280}.audit-pagination-controls{display:flex;gap:8px}.audit-pagination-btn{width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.audit-pagination-btn:hover{background:#f9fafb;border-color:#9ca3af}.audit-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.audit-table-wrapper{overflow-x:auto}.audit-table{width:100%;border-collapse:collapse}.audit-table-header-row{background:#f9fafb}.audit-table-header-cell{padding:16px 12px;text-align:left;font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.audit-table-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.audit-table-row:hover{background:#f9fafb}.audit-table-cell{padding:16px 12px;vertical-align:top}.audit-timestamp{display:flex;flex-direction:column;gap:2px}.audit-date{font-size:14px;font-weight:500;color:#1f2937}.audit-time{font-size:12px;color:#6b7280}.audit-user{display:flex;align-items:center;gap:12px}.audit-user-avatar{width:32px;height:32px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.audit-user-info{display:flex;flex-direction:column;gap:2px}.audit-user-name{font-size:14px;font-weight:500;color:#1f2937}.audit-user-role{font-size:12px;color:#6b7280}.audit-activity-tag{display:inline-block;padding:4px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:500;text-align:center}.audit-description{display:flex;flex-direction:column;gap:4px}.audit-description-main{font-size:14px;color:#1f2937;font-weight:500}.audit-description-details{font-size:12px;color:#6b7280}.audit-document{display:flex;flex-direction:column;gap:2px}.audit-document-id{font-size:14px;font-weight:500;color:#1f2937}.audit-document-name{font-size:12px;color:#6b7280}.audit-ip{font-size:14px;color:#6b7280;font-family:Courier New,monospace}.audit-status-tag{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-align:center}.audit-status-tag.success{background:#10b981;color:#fff}.audit-view-details-btn{background:none;border:none;color:#3b82f6;font-size:14px;font-weight:500;cursor:pointer;text-decoration:underline;transition:color .2s ease}.audit-view-details-btn:hover{color:#2563eb}@media (max-width: 1200px){.audit-search-container{grid-template-columns:1fr;gap:16px}.audit-summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.audit-trail-header{flex-direction:column;gap:20px;align-items:stretch}.audit-trail-actions{justify-content:flex-start;flex-wrap:wrap}.audit-table-header{flex-direction:column;gap:16px;align-items:stretch}.audit-pagination{justify-content:space-between}.audit-table-wrapper{font-size:12px}.audit-table-header-cell,.audit-table-cell{padding:12px 8px}}.audit-date-range-container{position:relative}.audit-date-picker-popup{position:absolute;top:100%;left:0;z-index:1000;background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:300px;margin-top:8px}.audit-date-picker-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.audit-date-picker-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.audit-close-btn{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.audit-close-btn:hover{background:#f3f4f6}.audit-date-picker-content{padding:20px}.audit-date-input-group{margin-bottom:16px}.audit-date-input-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.audit-date-input-field{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease}.audit-date-input-field:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.audit-date-picker-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;justify-content:flex-end}.audit-btn-primary,.audit-btn-secondary{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.audit-btn-primary{background:#3b82f6;color:#fff}.audit-btn-primary:hover{background:#2563eb}.audit-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.audit-btn-secondary:hover{background:#e5e7eb}.audit-advanced-filters-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;justify-content:flex-end;align-items:stretch}.audit-advanced-filters-sidebar{width:400px;background:#fff;box-shadow:-4px 0 25px #00000026;display:flex;flex-direction:column;height:100vh}.audit-advanced-filters-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.audit-advanced-filters-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.audit-advanced-filters-content{flex:1;overflow-y:auto;padding:24px}.audit-filter-section{margin-bottom:32px}.audit-filter-section h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.audit-checkbox-group{display:flex;flex-direction:column;gap:12px}.audit-checkbox-item{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s ease}.audit-checkbox-item:hover{background:#f9fafb}.audit-checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer}.audit-checkbox-label{font-size:14px;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1}.audit-filter-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease}.audit-filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.audit-advanced-filters-actions{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;gap:12px}.audit-advanced-filters-actions .audit-btn-secondary,.audit-advanced-filters-actions .audit-btn-primary{flex:1}@media (max-width: 768px){.audit-advanced-filters-sidebar{width:100%}.audit-date-picker-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px}}.audit-error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;animation:slideDown .3s ease-out}.audit-error-content{display:flex;align-items:center;gap:12px;color:#dc2626}.audit-error-content svg{flex-shrink:0}.audit-error-close{background:none;border:none;color:#dc2626;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.audit-error-close:hover{background:#fee2e2}.audit-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.audit-loading-spinner{display:flex;flex-direction:column;align-items:center;gap:16px}.audit-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.audit-loading-spinner p{font-size:16px;color:#6b7280;margin:0}.audit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.audit-modal-content{background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000040;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.audit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.audit-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.audit-modal-body{flex:1;overflow-y:auto;padding:24px}.audit-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.audit-detail-item{display:flex;flex-direction:column;gap:8px}.audit-detail-item label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.audit-detail-item span{font-size:14px;color:#1f2937;word-break:break-all}.audit-detail-section{margin-bottom:24px}.audit-detail-section label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.audit-detail-description{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;font-size:14px;color:#374151;line-height:1.5}.audit-detail-json{background:#1f2937;color:#e5e7eb;border-radius:8px;padding:16px;font-size:12px;font-family:Courier New,monospace;overflow-x:auto;max-height:200px;overflow-y:auto;margin:0;white-space:pre-wrap}.audit-modal-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.audit-action-tag,.audit-entity-tag,.audit-severity-tag{display:inline-block;padding:4px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:500;text-align:center}.audit-employee-id{font-size:14px;color:#374151;font-family:Courier New,monospace}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.audit-modal-content{margin:10px;max-height:calc(100vh - 20px)}.audit-detail-grid{grid-template-columns:1fr;gap:16px}.audit-modal-header,.audit-modal-body,.audit-modal-footer{padding:16px}}.empgroups-container{padding:24px;background-color:#f8f9fa;height:100%;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:auto}.empgroups-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.empgroups-title-section{flex:1}.empgroups-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:1.2}.empgroups-subtitle{font-size:16px;color:#6c757d;margin:0;font-weight:400}.empgroups-create-btn{background:#397eee;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.empgroups-create-btn:hover{background:#2d5bb8;transform:translateY(-1px);box-shadow:0 4px 12px #397eee4d}.empgroups-filters{background:#fff;padding:20px 24px;border-radius:8px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.empgroups-filter-section{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}.empgroups-filter-group{display:flex;flex-direction:column;gap:6px;min-width:200px}.empgroups-filter-label{font-size:14px;font-weight:600;color:#374151;margin:0}.empgroups-search-container{position:relative;display:flex;align-items:center}.empgroups-search-icon{position:absolute;left:12px;color:#9ca3af;z-index:1}.empgroups-search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease}.empgroups-search-input:focus{outline:none;border-color:#397eee;box-shadow:0 0 0 3px #397eee1a}.empgroups-clear-search{position:absolute;right:8px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.empgroups-clear-search:hover{background:#f3f4f6;color:#6b7280}.empgroups-department-select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;min-width:180px}.empgroups-department-select:focus{outline:none;border-color:#397eee;box-shadow:0 0 0 3px #397eee1a}.empgroups-clear-filters{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;height:fit-content}.empgroups-clear-filters:hover{background:#e9ecef;color:#495057}.empgroups-list{gap:16px;position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-top:2rem}.empgroups-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;border:1px solid #e5e7eb}.empgroups-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.empgroups-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.empgroups-card-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.empgroups-icon-emoji{font-size:24px}.empgroups-card-info{flex:1}.empgroups-card-title{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 6px;line-height:1.3}.empgroups-card-description{font-size:14px;color:#6b7280;margin:0 0 12px;line-height:1.4}.empgroups-card-meta{display:flex;gap:16px;flex-wrap:wrap}.empgroups-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280;font-weight:500}.empgroups-meta-item svg{color:#9ca3af}.empgroups-card-members{margin-bottom:16px}.empgroups-members-avatars{display:flex;align-items:center;gap:8px}.empgroups-member-avatar{width:32px;height:32px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:16px;border:2px solid white;box-shadow:0 1px 3px #0000001a}.empgroups-member-more{width:32px;height:32px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#6b7280;border:2px solid white}.empgroups-card-actions{display:flex;gap:8px;justify-content:flex-end}.empgroups-action-btn{width:36px;height:36px;border-radius:6px;border:1px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.empgroups-view-btn:hover{background:#dbeafe;border-color:#3b82f6;color:#3b82f6}.empgroups-edit-btn:hover{background:#fef3c7;border-color:#f59e0b;color:#f59e0b}.empgroups-delete-btn:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.empgroups-action-btn:disabled{opacity:.6;cursor:not-allowed}.empgroups-action-btn:disabled:hover{background:transparent;transform:none}.empgroups-assign-btn{color:#8b5cf6}.empgroups-assign-btn:hover{background:#8b5cf61a;color:#7c3aed}.empgroups-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.empgroups-modal{background:#fff;border-radius:12px;width:100%;max-width:1200px;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.empgroups-modal-header{padding:24px 24px 20px;border-bottom:1px solid #e5e7eb;position:relative}.empgroups-modal-title{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px}.empgroups-modal-subtitle{font-size:16px;color:#6b7280;margin:0}.empgroups-modal-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.empgroups-modal-close:hover{background:#f3f4f6;color:#6b7280}.empgroups-modal-content{display:grid;grid-template-columns:1fr 1fr;height:calc(90vh - 140px);max-height:600px}.empgroups-modal-left{padding:24px;border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.empgroups-modal-right{padding:24px;overflow:hidden;display:flex;flex-direction:column}.empgroups-form-section{flex:1}.empgroups-section-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px}.empgroups-form-group{margin-bottom:20px}.empgroups-form-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.empgroups-form-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease}.empgroups-form-input:focus{outline:none;border-color:#397eee;box-shadow:0 0 0 3px #397eee1a}.empgroups-form-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;resize:vertical;min-height:80px;font-family:inherit;transition:all .2s ease}.empgroups-form-textarea:focus{outline:none;border-color:#397eee;box-shadow:0 0 0 3px #397eee1a}.empgroups-selected-section{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.empgroups-selected-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 12px}.empgroups-no-selection{color:#9ca3af;font-size:14px;font-style:italic;margin:0}.empgroups-selected-list{display:flex;flex-direction:column;gap:8px;max-height:120px;overflow-y:auto}.empgroups-selected-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8f9fa;border-radius:6px;font-size:14px}.empgroups-remove-btn{background:none;border:none;color:#dc2626;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.empgroups-remove-btn:hover{background:#fee2e2}.empgroups-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb;margin-top:auto}.empgroups-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.empgroups-btn-secondary{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.empgroups-btn-secondary:hover{background:#e9ecef;color:#495057}.empgroups-btn-primary{background:#397eee;color:#fff}.empgroups-btn-primary:hover:not(:disabled){background:#2d5bb8}.empgroups-btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.empgroups-employee-section{display:flex;flex-direction:column;height:100%}.empgroups-employee-filters{margin-bottom:20px}.empgroups-filter-row{display:flex;gap:12px;margin-bottom:12px}.empgroups-filter-row .empgroups-search-container{flex:1}.empgroups-filter-row .empgroups-department-select{min-width:140px}.empgroups-employee-list{flex:1;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb}.empgroups-employee-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#fff;transition:all .2s ease}.empgroups-employee-item:last-child{border-bottom:none}.empgroups-employee-item:hover{background:#f8f9fa}.empgroups-employee-checkbox{width:16px;height:16px;cursor:pointer}.empgroups-employee-avatar{width:36px;height:36px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.empgroups-employee-info{flex:1}.empgroups-employee-name{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:2px}.empgroups-employee-details{font-size:12px;color:#6b7280}.empgroups-employee-status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;background:#dcfce7;color:#166534}.empgroups-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empgroups-loading p{margin-top:1rem;color:var(--text-secondary, #666);font-size:.875rem}.empgroups-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.empgroups-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #397EEE;border-radius:50%;animation:empgroups-spin 1s linear infinite}.empgroups-spinner-small{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid currentColor;border-radius:50%;animation:empgroups-spin 1s linear infinite}@keyframes empgroups-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empgroups-error{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-bottom:1.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem}.empgroups-error svg{flex-shrink:0}.empgroups-retry-btn{margin-left:auto;padding:.375rem .75rem;background:#dc2626;color:#fff;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;transition:background-color .2s}.empgroups-retry-btn:hover{background:#b91c1c}.empgroups-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empgroups-empty svg{margin-bottom:1.5rem;color:#9ca3af}.empgroups-empty h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary, #1f2937)}.empgroups-empty p{margin:0 0 2rem;color:var(--text-secondary, #6b7280);font-size:.875rem}.empgroups-empty .empgroups-create-btn{margin:0}@media (max-width: 1024px){.empgroups-modal-content{grid-template-columns:1fr;height:auto;max-height:calc(90vh - 140px)}.empgroups-modal-left{border-right:none;border-bottom:1px solid #e5e7eb}}@media (max-width: 768px){.empgroups-container{padding:16px}.empgroups-header{flex-direction:column;gap:16px;align-items:stretch}.empgroups-filter-section{flex-direction:column;align-items:stretch}.empgroups-filter-group{min-width:auto}.empgroups-card-header{flex-direction:column;gap:12px}.empgroups-card-meta{flex-direction:column;gap:8px}.empgroups-modal{margin:10px;max-width:calc(100vw - 20px)}.empgroups-filter-row{flex-direction:column}}.creategroup-container{padding-top:10px;padding-right:5px;background-color:#f8f9fa;height:100%;box-sizing:border-box;overflow:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.creategroup-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.creategroup-title-section{flex:1}.creategroup-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:1.2}.creategroup-subtitle{font-size:16px;color:#6c757d;margin:0;font-weight:400}.creategroup-back-btn{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;padding:12px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.creategroup-back-btn:hover{background:#e9ecef;color:#495057;transform:translateY(-1px)}.creategroup-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;height:calc(100vh - 200px);min-height:600px}.creategroup-left,.creategroup-right{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column}.creategroup-form-section{flex:1}.creategroup-section-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px}.creategroup-form-group{margin-bottom:20px}.creategroup-form-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.creategroup-form-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease;box-sizing:border-box}.creategroup-form-input:focus{outline:none;border-color:#397eee;box-shadow:0 0 0 3px #397eee1a}.creategroup-form-textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;resize:vertical;min-height:100px;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.creategroup-form-textarea:focus{outline:none;border-color:#397eee;box-shadow:0 0 0 3px #397eee1a}.creategroup-selected-section{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.creategroup-selected-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 12px}.creategroup-no-selection{color:#9ca3af;font-size:14px;font-style:italic;margin:0;padding:20px;text-align:center;background:#f9fafb;border-radius:6px;border:1px dashed #d1d5db}.creategroup-selected-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;padding:8px;background:#f9fafb}.creategroup-selected-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;transition:all .2s ease}.creategroup-selected-item:hover{box-shadow:0 2px 4px #0000001a}.creategroup-selected-info{display:flex;flex-direction:column;gap:2px}.creategroup-selected-name{font-size:14px;font-weight:600;color:#1f2937}.creategroup-selected-details{font-size:12px;color:#6b7280}.creategroup-remove-btn{background:none;border:none;color:#dc2626;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.creategroup-remove-btn:hover{background:#fee2e2}.creategroup-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb;margin-top:auto}.creategroup-btn{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.creategroup-btn-secondary{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.creategroup-btn-secondary:hover{background:#e9ecef;color:#495057}.creategroup-btn-primary{background:#397eee;color:#fff}.creategroup-btn-primary:hover:not(:disabled){background:#2d5bb8;transform:translateY(-1px);box-shadow:0 4px 12px #397eee4d}.creategroup-btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.creategroup-employee-section{display:flex;flex-direction:column;height:100%}.creategroup-employee-filters{margin-bottom:20px}.creategroup-filter-row{display:flex;gap:12px;margin-bottom:12px}.creategroup-search-container{position:relative;display:flex;align-items:center;flex:1}.creategroup-search-icon{position:absolute;left:12px;color:#9ca3af;z-index:1}.creategroup-search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease;box-sizing:border-box}.creategroup-search-input:focus{outline:none;border-color:#397eee;box-shadow:0 0 0 3px #397eee1a}.creategroup-department-select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;min-width:140px}.creategroup-department-select:focus{outline:none;border-color:#397eee;box-shadow:0 0 0 3px #397eee1a}.creategroup-clear-filters{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.creategroup-clear-filters:hover{background:#e9ecef;color:#495057}.creategroup-employee-list{flex:1;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb}.creategroup-employee-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#fff;transition:all .2s ease}.creategroup-employee-item:last-child{border-bottom:none}.creategroup-employee-item:hover{background:#f8f9fa}.creategroup-employee-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#397EEE}.creategroup-employee-avatar{width:36px;height:36px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.creategroup-employee-info{flex:1}.creategroup-employee-name{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:2px}.creategroup-employee-details{font-size:12px;color:#6b7280}.creategroup-employee-status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;background:#dcfce7;color:#166534}.creategroup-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.creategroup-loading p{margin-top:1rem;color:var(--text-secondary, #666);font-size:.875rem}.creategroup-employee-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.creategroup-employee-loading p{margin-top:1rem;color:var(--text-secondary, #666);font-size:.875rem}.creategroup-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #397EEE;border-radius:50%;animation:creategroup-spin 1s linear infinite}.creategroup-spinner-small{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid currentColor;border-radius:50%;animation:creategroup-spin 1s linear infinite;margin-right:.5rem}@keyframes creategroup-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.creategroup-error{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-bottom:1.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem}.creategroup-error svg{flex-shrink:0}.creategroup-retry-btn{margin-left:auto;padding:.375rem .75rem;background:#dc2626;color:#fff;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;transition:background-color .2s}.creategroup-retry-btn:hover{background:#b91c1c}.creategroup-employee-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.creategroup-employee-empty svg{margin-bottom:1rem;color:#9ca3af}.creategroup-employee-empty h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937)}.creategroup-employee-empty p{margin:0;color:var(--text-secondary, #6b7280);font-size:.875rem}.creategroup-form-input:disabled,.creategroup-form-textarea:disabled,.creategroup-search-input:disabled,.creategroup-department-select:disabled{opacity:.6;cursor:not-allowed;background-color:#f9fafb}.creategroup-employee-checkbox:disabled{opacity:.6;cursor:not-allowed}.creategroup-remove-btn:disabled,.creategroup-clear-filters:disabled{opacity:.6;cursor:not-allowed}.creategroup-remove-btn:disabled:hover,.creategroup-clear-filters:disabled:hover{background:transparent;transform:none}.creategroup-btn:disabled{opacity:.6;cursor:not-allowed}.creategroup-btn:disabled:hover{transform:none}.creategroup-btn-primary:disabled{background:#9ca3af}.creategroup-btn-primary:disabled:hover{background:#9ca3af}.creategroup-btn-primary .creategroup-spinner-small{display:inline-block}@media (max-width: 1024px){.creategroup-content{grid-template-columns:1fr;height:auto;gap:16px}.creategroup-left{order:2}.creategroup-right{order:1}}@media (max-width: 768px){.creategroup-container{padding:16px}.creategroup-header{flex-direction:column;gap:16px;align-items:stretch}.creategroup-content{gap:12px}.creategroup-filter-row{flex-direction:column}.creategroup-actions{flex-direction:column-reverse}.creategroup-btn{width:100%}}