@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";:root{--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--primary-color: #ffffff;--accent-color: #ff4b1f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tenorite,sans-serif;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#fff;min-height:100vh}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.btn-primary{background:#fff;color:#302b63;padding:12px 24px;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffffff4d}body,html{margin:0;padding:0;width:100%;height:100%}.dashboard-container{background-color:#f9fafb;min-height:100vh;width:100%;padding:2rem;box-sizing:border-box;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#1f2937}.max-w-container{width:100%;max-width:100%;padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto}@media(min-width:1920px){.max-w-container{max-width:1800px}}.header-section{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;color:#111827}@media(min-width:640px){.header-section{flex-direction:row;align-items:center}}.header-title-group{display:flex;align-items:center;gap:.75rem}.header-title{font-size:1.875rem;font-weight:700;color:#111827;letter-spacing:-.025em;margin:0}.btn-primary{background-color:#9333ea;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;display:flex;align-items:center;gap:.5rem;border:none;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:background-color .15s ease}.btn-primary:hover{background-color:#7e22ce}.toolbar-container{background-color:#fff;border:1px solid #e5e7eb;border-bottom:none;border-top-left-radius:.75rem;border-top-right-radius:.75rem;padding:1.25rem}.toolbar-layout{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}@media(min-width:1280px){.toolbar-layout{flex-direction:row;align-items:center}}.filter-group{display:flex;flex-direction:column;gap:.75rem;flex:1}@media(min-width:1024px){.filter-group{flex-direction:row}}.search-wrapper{position:relative;width:100%}@media(min-width:1024px){.search-wrapper{width:180px}}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-input{display:block;width:100%;padding:.5rem 1rem .5rem 2.25rem;border:1px solid #e5e7eb;border-radius:9999px;background-color:#fff;font-size:.875rem;line-height:1.25rem;box-sizing:border-box;color:#1f2937}.search-input::placeholder{color:#9ca3af}.search-input:focus{outline:none;border-color:#d1d5db}.filter-dropdown-container{display:flex;gap:.5rem;align-items:center;flex-wrap:nowrap}.filter-spacer{flex:1}.filter-dropdown{padding:.5rem 2rem .5rem 1rem;border:1px solid #e5e7eb;border-radius:9999px;font-size:.875rem;color:#374151;background-color:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;outline:none;transition:border-color .15s ease;white-space:nowrap}.filter-dropdown:focus{border-color:#d1d5db}.status-tabs-group{display:flex;align-items:center;background-color:#f3f4f6;border-radius:9999px;padding:4px;gap:4px}.status-tab{padding:.4rem 1rem;border:none;border-radius:9999px;font-size:.875rem;font-weight:500;color:#6b7280;background-color:transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap}.status-tab:hover{color:#374151}.status-tab.active{background-color:#fff;color:#111827;box-shadow:0 1px 2px #0000000d}.filter-pills-container{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.btn-filter{display:inline-flex;align-items:center;padding:.6rem 1rem;border:1px dashed #d1d5db;border-radius:.5rem;font-size:.85rem;font-weight:500;color:#374151;background-color:#fff;cursor:pointer;transition:background-color .15s ease}.btn-filter:hover{background-color:#f9fafb;border-color:#d8b4fe}.btn-reset{margin-left:.5rem;display:inline-flex;align-items:center;font-size:.875rem;font-weight:500;color:#9333ea;background:none;border:none;cursor:pointer}.btn-view{display:inline-flex;align-items:center;padding:.6rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#9333ea;background-color:#fff;cursor:pointer}.filter-dropdown-container{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;flex:1}.filter-dropdown{padding:.6rem 2.5rem .6rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#374151;background-color:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;outline:none;transition:border-color .15s ease}.filter-dropdown:hover{border-color:#d1d5db}.filter-dropdown:focus{border-color:#a855f7;box-shadow:0 0 0 2px #a855f71a}.table-container{background-color:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;box-shadow:0 1px 2px #0000000d;overflow:hidden;margin-bottom:2rem}.table-scroll{overflow-x:auto;width:100%}.data-table{width:100%;border-collapse:collapse}.data-table thead{background-color:#f9fafbcc}.data-table th{padding:1.25rem 1.5rem;font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.data-table tbody{background-color:#fff}.data-table tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s;text-align:left}.data-table tr:hover{background-color:#f9fafb}.data-table td{padding:1.25rem 1.5rem;white-space:nowrap;text-align:left}.cell-primary{font-size:.95rem;font-weight:500;color:#111827}.cell-secondary{font-size:.9rem;color:#6b7280}.badge{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid}.badge-completed{background-color:#dcfce7;color:#15803d;border-color:#bbf7d0}.badge-pending{background-color:#fef9c3;color:#a16207;border-color:#fef08a}.badge-expired{background-color:#fee2e2;color:#dc2626;border-color:#fecaca}.action-group{display:flex;align-items:center;justify-content:center;gap:1.25rem}.btn-action-primary{display:flex;align-items:center;color:#9333ea;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;padding:.25rem;border-radius:4px}.btn-action-primary:hover{background-color:#f3e8ff}.btn-action-danger{display:flex;align-items:center;color:#ef4444;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;padding:.25rem;border-radius:4px}.btn-action-danger:hover{background-color:#fee2e2}.action-icon{width:1rem;height:1rem;margin-right:.375rem}.table-footer{padding:1rem 1.5rem;background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.pagination-group{display:flex;gap:.5rem}.btn-page{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;font-size:.875rem;color:#374151;cursor:pointer}.btn-page:disabled{opacity:.5;background-color:#f3f4f6;cursor:not-allowed}.btn-page:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.btn-page-nav{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-page-nav:disabled{opacity:.5;background-color:#f3f4f6;cursor:not-allowed}.btn-page-nav:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.btn-page-number{padding:.5rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;font-size:.875rem;color:#374151;cursor:pointer;transition:all .15s ease}.btn-page-number:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-page-number.active{background-color:#6366f1;color:#fff;border-color:#6366f1}.pagination-ellipsis{padding:0 .5rem;color:#9ca3af;font-size:.875rem;display:flex;align-items:center}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;animation:fadeIn .2s forwards;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container{background-color:#fff;width:700px;max-width:95%;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;transform:scale(.95);animation:scaleIn .2s forwards;display:flex;flex-direction:column;max-height:90vh}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:flex-start;background-color:#fff}.modal-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 .25rem}.modal-subtitle{font-size:.875rem;color:#6b7280;margin:0}.modal-close-btn{background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;border-radius:4px;transition:background .2s}.modal-close-btn:hover{color:#111827;background-color:#f3f4f6}.modal-body{padding:2rem;overflow-y:auto}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.9rem;font-weight:600;color:#374151;margin-bottom:.5rem}.form-input,.form-select{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.9rem;color:#1f2937;background-color:#fff;outline:none;transition:border .2s,box-shadow .2s}.form-input::placeholder,.form-select::placeholder{color:#9ca3af}.form-input:focus,.form-select:focus{border-color:#c084fc;box-shadow:0 0 0 3px #c084fc26}.form-row{display:flex;gap:1.5rem}.form-col{flex:1}.checkbox-group{display:flex;gap:1.5rem}.checkbox-label{display:flex;align-items:center;font-size:.9rem;color:#374151;cursor:pointer}.checkbox-input{width:1.1rem;height:1.1rem;margin-right:.6rem;accent-color:#9333ea;cursor:pointer}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;vertical-align:middle;margin-left:.75rem}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;transition:.3s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0000001a}input:checked+.slider{background-color:#9333ea}input:checked+.slider:before{transform:translate(20px)}.toggle-container{display:flex;align-items:center}.toggle-text{font-size:.9rem;font-weight:600;color:#374151}.modal-footer{padding:1.5rem 2rem;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;background-color:#fff}.btn-cancel{padding:.75rem 1.5rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff;color:#9333ea;font-weight:500;font-size:.9rem;cursor:pointer;transition:background .2s}.btn-cancel:hover{background-color:#f9fafb}.btn-submit{padding:.75rem 1.5rem;border:none;border-radius:.5rem;background-color:#c4b5fd;color:#fff;font-weight:500;font-size:.9rem;cursor:not-allowed;transition:background .2s;opacity:.8}.btn-submit.active{background-color:#9333ea;cursor:pointer;opacity:1}.btn-submit.active:hover{background-color:#7e22ce}@keyframes fadeIn{to{opacity:1}}@keyframes scaleIn{to{transform:scale(1)}}.view-training-overlay{position:fixed;inset:0;background-color:#fff;z-index:3000;overflow-y:auto}.view-training-container{max-width:100%;padding:1.5rem 2rem}.breadcrumb{font-size:.875rem;color:#6b7280;margin-bottom:1.5rem}.breadcrumb a{color:#6b7280;text-decoration:none}.breadcrumb a:hover{color:#111827}.breadcrumb-separator{margin:0 .5rem}.breadcrumb-current{color:#111827;font-weight:600}.view-training-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.view-training-title-row{display:flex;align-items:center;gap:1rem}.btn-back{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background-color .2s;color:#6b7280;display:flex;align-items:center;justify-content:center}.btn-back:hover{background-color:#f3f4f6}.view-training-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.view-training-actions{display:flex;gap:.75rem;align-items:center}.btn-download{display:flex;align-items:center;gap:.5rem;padding:0;background:none;border:none;font-size:.875rem;font-weight:500;color:#6366f1;cursor:pointer;transition:color .2s}.btn-download:hover{color:#4f46e5}.btn-delete-action{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:#ef4444;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:background-color .2s}.btn-delete-action:hover{background-color:#dc2626}.btn-reschedule-action{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:#6366f1;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:background-color .2s}.btn-reschedule-action:hover{background-color:#4f46e5}.training-info-card{background-color:#eff6ff;border-radius:.75rem;padding:2rem;margin-bottom:2.5rem}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 3rem}.info-item{display:flex;gap:3rem}.info-label{font-size:.875rem;font-weight:500;color:#6b7280;min-width:120px}.info-value{font-size:.875rem;font-weight:600;color:#111827}.participants-section{margin-top:2rem}.participants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.participants-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0}.participants-filters{display:flex;gap:.75rem;align-items:center}.participant-filter-dropdown{padding:.5rem 2.5rem .5rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#374151;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;appearance:none;outline:none}.participant-filter-dropdown:hover{border-color:#9ca3af}.participant-filter-dropdown:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.participant-search-wrapper{position:relative;width:240px}.participant-search-icon{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.participant-search-input{width:100%;padding:.5rem 2.5rem .5rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background-color:#fff;outline:none}.participant-search-input::placeholder{color:#9ca3af}.participant-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.participants-table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:.75rem}.participants-table{width:100%;border-collapse:collapse}.participants-table thead{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.participants-table th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.participants-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s}.participants-table tbody tr:hover{background-color:#f9fafb}.participants-table tbody tr:last-child{border-bottom:none}.participants-table td{padding:1.25rem 1.5rem;color:#111827;font-size:.875rem;font-weight:500}.material-dropdown-wrapper{position:relative}.material-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff;cursor:pointer;transition:border-color .2s}.material-dropdown-trigger:hover{border-color:#d1d5db}.material-dropdown-text{color:#9ca3af;font-size:.9rem}.material-dropdown-icon{color:#9ca3af}.material-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden}.material-search-wrapper{position:relative;padding:.75rem;border-bottom:1px solid #e5e7eb}.material-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af}.material-search-input{width:100%;padding:.5rem .75rem .5rem 2rem;border:none;outline:none;font-size:.875rem;color:#374151}.material-search-input::placeholder{color:#9ca3af}.material-options{max-height:200px;overflow-y:auto}.material-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .15s}.material-option:hover{background-color:#f9fafb}.material-option input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:#8b5cf6;cursor:pointer}.material-option span{font-size:.9rem;color:#374151}.checkbox-input{width:1.1rem;height:1.1rem;margin-right:.6rem;accent-color:#a78bfa;cursor:pointer}.checkbox-label{display:flex;align-items:center;font-size:.9rem;color:#6b7280;cursor:pointer}.checkbox-input:disabled{accent-color:#c4b5fd;cursor:not-allowed;opacity:1}.checkbox-label:has(.checkbox-input:disabled){cursor:not-allowed;color:#9ca3af}.loading-overlay-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:3rem 4rem;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040}.loading-spinner{width:56px;height:56px;border:4px solid #e5e7eb;border-top-color:#9333ea;border-radius:50%;animation:spin 1s linear infinite}.loading-message{margin-top:1.25rem;font-size:1rem;font-weight:500;color:#374151}@keyframes spin{to{transform:rotate(360deg)}}.success-popup-container{display:flex;flex-direction:column;align-items:center;background:#fff;padding:2.5rem 3rem;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;text-align:center;animation:popIn .3s ease-out}.success-popup-icon{width:72px;height:72px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;animation:scaleIn .3s ease-out .1s both}.success-popup-icon svg{width:36px;height:36px;color:#fff}.success-popup-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1.5rem}.success-popup-btn{padding:.75rem 2.5rem;background:linear-gradient(135deg,#9333ea,#7e22ce);color:#fff;border:none;border-radius:.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:transform .15s,box-shadow .15s}.success-popup-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #9333ea66}.success-popup-btn:active{transform:translateY(0)}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}.btn-submit{display:flex;align-items:center;justify-content:center}.quiz-result-badge{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid}.result-pass{background-color:#dcfce7;color:#15803d;border-color:#bbf7d0}.result-fail{background-color:#fee2e2;color:#dc2626;border-color:#fecaca}.result-na{background-color:#f3f4f6;color:#6b7280;border-color:#e5e7eb}.quiz-score{font-weight:500;margin-left:.25rem;opacity:.85}