.camera-capture-container{display:flex;flex-direction:column;gap:12px}.camera-capture-error{margin-bottom:16px}.camera-capture-preview{position:relative;width:100%;aspect-ratio:16 / 9;background-color:#1a1a1a;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #00000014}.camera-capture-video-wrapper,.camera-capture-image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.camera-capture-video,.camera-capture-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scaleX(-1)}.camera-capture-image{transform:scaleX(-1)}.camera-capture-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000000b3;color:#fff;gap:12px}.camera-capture-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:camera-capture-spin 1s linear infinite}@keyframes camera-capture-spin{to{transform:rotate(360deg)}}.camera-capture-actions{display:flex;flex-direction:column;justify-content:center;padding-top:12px;padding-bottom:0;gap:8px}.camera-capture-helper{text-align:center;color:#666;font-size:13px;margin-bottom:8px;font-style:italic}@media (max-width: 768px){.camera-capture-preview{aspect-ratio:4 / 3}}.user-avatar-empty{background:#f0f0f0!important;color:#666!important}.user-avatar-empty .anticon{color:#666!important}.ant-avatar.user-avatar-empty{background:#f0f0f0!important;color:#666!important}.ant-avatar.user-avatar-empty .anticon{color:#666!important}.user-info .user-avatar-empty{background:#f0f0f0!important;color:#666!important}.user-info .user-avatar-empty .anticon{color:#666!important}.course-admin-page{background:#f8fafc;min-height:100vh}.course-admin-page .course-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0;position:relative}.course-detail-modal .ant-modal-header{background:var(--header-table-color);border-bottom:none;padding:16px 24px;margin-bottom:16px}.course-detail-modal .ant-modal-content{border-radius:12px;overflow:hidden}.course-detail-modal .ant-modal-header{background:var(--header-table-color);border-bottom:none;padding:16px 24px}.course-detail-modal .ant-modal-title{color:#fff;font-weight:600;font-size:16px}.course-detail-modal .ant-modal-close{color:#fff;font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.course-detail-modal .ant-upload-select{margin-top:0!important;width:100%}.course-detail-modal .form-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.course-detail-modal .form-card .ant-card-head{border-bottom:1px solid #f1f5f9;padding:8px 12px;min-height:38px;background-color:var(--header-table-color)}.course-detail-modal .form-card .ant-card-head-title{font-size:13px;font-weight:600;color:#fff}.course-detail-modal .form-card .ant-card-body{padding:16px}.user-table-container{flex:1;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0;position:relative}.user-table-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-color);z-index:10}.users-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed;border-spacing:0;overflow:hidden}.enhanced-table-header{background:var(--header-table-color);position:relative;box-shadow:inset 0 3px 4px -2px #1e293b33;border-radius:8px}.table-header-cell:last-child{border-right:none}.table-header-cell.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.table-header-cell.sortable:hover{background:var(--primary-color-50);color:var(--primary-color)}.table-header-cell.sorted{background:#189ab433;box-shadow:inset 0 -2px 0 var(--primary-color)}.label-left{justify-content:flex-start}.header-label{font-weight:600;white-space:nowrap;max-width:100px;overflow:hidden}.sort-indicator{margin-left:0;display:flex;align-items:center;font-size:12px;opacity:.7;transition:all .3s ease}.sortable:hover .sort-indicator{opacity:1}.sort-icon-inactive{opacity:.4;font-size:10px}.sorted .sort-indicator{opacity:1;color:#60a5fa}.table-header-info{background:#f8fafc;display:flex;justify-content:space-between;align-items:center}.header-stats{display:flex;align-items:center;gap:24px;font-size:13px;color:#475569}.total-count strong{color:#1e293b}.selected-count{display:flex;align-items:center;gap:4px;color:#2563eb;background:#3b82f61a;padding:4px 8px;border-radius:6px;font-weight:500;border:1px solid rgba(59,130,246,.2);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.header-actions{display:flex;align-items:center;gap:12px;animation:fadeIn .4s ease}.header-actions-legend{display:flex;align-items:center;gap:16px;font-size:13px;color:#64748b}.legend-title{font-weight:500;color:#475569}.legend-item{display:flex;align-items:center;gap:6px;padding:4px 8px;background-color:#f1f5f9;border-radius:6px}.legend-item .anticon{font-size:14px}.users-table td{padding:12px 15px;border-bottom:1px solid #f1f5f9;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;transition:background-color .2s ease}.users-table tbody tr:hover{background-color:#f8fafc}.users-table tbody tr.selected{background-color:#f0fdf4;border-left:3px solid #22c55e}.users-table tbody tr.selected:hover{background-color:#e8f9ef}.col-user{width:25%;text-align:left}.col-consultant-num,.col-citizen-id{width:15%;text-align:center}.col-status{width:16%;text-align:center}.col-actions{width:14%;text-align:center}.col-course-name{width:54%;text-align:left}.col-course-number,.col-hours{width:14%;text-align:center}.users-table .col-status{width:15%;text-align:center}.users-table .col-date{width:16%;text-align:center}.course-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0;position:relative}.course-table-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-color);z-index:10}.course-table-container .users-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.course-table-container .users-table{table-layout:fixed;width:100%}.course-table-container .col-checkbox{width:5%}.course-table-container .col-course-name{width:54%}.course-table-container .col-course-number,.course-table-container .col-status,.course-table-container .col-date{width:15%}.course-table-container .col-actions{width:14%}.course-info{display:flex;align-items:center;padding:4px 0}.course-details{overflow:hidden;width:100%}.course-details h4,.course-details p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.course-details h4{font-weight:500;color:#1e293b;font-size:14px;line-height:1.4;margin-bottom:2px}.course-details p{color:#64748b;font-size:13px;line-height:1.3}.user-info{display:flex;align-items:center}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--header-table-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.user-details{overflow:hidden}.user-details h4,.user-details p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-details h4{margin:0;font-weight:500;color:#1e293b;font-size:14px}.user-details p{margin:0;color:#64748b;font-size:13px}.consultant-num,.citizen-id{text-align:center;font-size:13px;color:#374151}.consultant-number{background-color:#f0f0f0}.consultant-num span,.citizen-id span{font-weight:500;color:#1e293b}.role-tags{display:inline-flex;justify-content:center}.role-tag{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap;min-width:110px;text-align:center;display:inline-block}.role-tag.admin{background-color:#fef2f2;color:#ef4444}.role-tag.instructor{background-color:#fffbeb;color:#d97706}.role-tag.student{background-color:#f0fdf4;color:#22c55e}.last-active,.date-added{color:#475569;font-size:13px;white-space:nowrap}.action-dropdown{position:relative;display:inline-block}.dropdown-trigger{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center}.dropdown-trigger:hover{background-color:#f3f4f6;color:#374151}.dropdown-menu{position:absolute;right:0;top:100%;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:1000;min-width:150px;padding:4px 0}.dropdown-item{display:block;width:100%;padding:8px 16px;text-align:left;background:none;border:none;color:#374151;cursor:pointer;font-size:14px}.dropdown-item:hover{background-color:#f3f4f6}.dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover{background-color:#fef2f2}.pagination-container{display:flex;justify-content:center;align-items:center;gap:6px;padding:24px 0}.pagination-button{padding:6px 10px;border:1px solid #cbd5e1;background:#fff;color:#475569;border-radius:4px;font-size:13px;min-width:34px;height:34px}.pagination-button:hover:not(:disabled){background-color:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.pagination-button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);cursor:pointer}.pagination-button.active:hover{background-color:var(--primary-color-50);color:var(--primary-color)}.pagination-info{color:#6b7280;font-size:14px;margin:0 16px}.loading-row td,.empty-row td{text-align:center;padding:40px;color:#6b7280}@media (max-width: 768px){.header-stats{flex-direction:column;align-items:flex-start;gap:8px;font-size:12px}.table-header-cell{padding:12px 8px;font-size:11px}.header-icon{font-size:12px}.user-count-badge{display:none}.users-table{font-size:12px}.users-table td{padding:8px 6px}.user-avatar{width:32px;height:32px;font-size:14px}.user-details h4{font-size:13px}.user-details p{font-size:12px}.role-tag{font-size:10px;padding:2px 6px}.consultant-num,.citizen-id{font-size:11px}}@media (max-width: 1024px) and (min-width: 769px){.table-header-cell{padding:14px 16px;font-size:12px}.header-icon{font-size:13px}.user-count-badge{font-size:10px;padding:1px 4px}}.integrated-toolbar{transition:all .3s ease;box-shadow:0 2px 4px #1e293b14}.enhanced-search-input{transition:all .3s ease}.enhanced-search-input .ant-input-affix-wrapper{border-radius:6px!important;border:1px solid #d9d9d9;transition:all .3s ease;height:32px!important}.enhanced-search-input .ant-input-affix-wrapper:hover{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff1a}.enhanced-search-input .ant-input-affix-wrapper-focused{border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.enhanced-search-input .ant-input{background-color:#fff}.enhanced-search-input .ant-input::-moz-placeholder{color:#bfbfbf;font-style:italic}.enhanced-search-input .ant-input::placeholder{color:#bfbfbf;font-style:italic}.enhanced-filter-select{transition:all .3s ease}.enhanced-filter-select .ant-select-selector{border-radius:6px!important;border:1px solid #d9d9d9!important;transition:all .3s ease;height:32px!important}.enhanced-filter-select:hover .ant-select-selector{border-color:#40a9ff!important}.enhanced-filter-select.ant-select-focused .ant-select-selector{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #1890ff33!important}.search-results-stats{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:4px;font-size:12px;color:#52c41a}.search-results-stats .search-term{font-weight:600;color:#389e0d}@media (max-width: 768px){.integrated-toolbar{padding:16px!important}.enhanced-search-input{min-width:100%!important;max-width:100%!important}.enhanced-filter-select{min-width:120px!important}}.checkbox-wrapper{display:flex;justify-content:center;align-items:center;height:100%}.user-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px!important;width:18px;height:18px;cursor:pointer;position:relative;transition:all .2s ease-in-out}.user-checkbox:hover{border-color:#94a3b8}.user-checkbox:checked{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.user-checkbox:checked:after{content:"";position:absolute;top:4px;left:4px;width:6px;height:9px;border-width:0 2px 2px 0}.user-checkbox.header-checkbox:indeterminate{background-color:var(--primary-color);border-color:var(--primary-color)}.user-checkbox.header-checkbox:indeterminate:after{content:"";position:absolute;top:7px;left:3px;width:10px;height:2px;background-color:#fff}.user-checkbox:focus{outline:none;box-shadow:none}.table-wrapper{position:relative;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;flex:1;display:flex;flex-direction:column;height:calc(100vh - 310px)}.table-course-wrapper{position:relative;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;flex:1;display:flex;flex-direction:column;height:calc(100vh - 258px)}.users-table thead{position:sticky;top:0;z-index:10}.table-body-scroll{overflow-y:auto}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb}.users-table tbody tr:last-child td{border-bottom:none}.col-courses,.col-progress,.col-course-code,.col-time{width:12%}.col-avg-progress,.col-completed,.col-users,.col-course-progress{width:14%}.col-course-number{width:16%}.col-course-actions{width:11%}.quick-stats-card{background:#f5f7fa!important;border-radius:8px!important;box-shadow:0 1px 4px #0000000a!important;margin-top:1rem!important;margin-bottom:1rem!important;padding:12px 0!important;border:none!important}.quick-stats-label{color:#64748b;font-size:13px;font-weight:500;margin-bottom:2px}.quick-stats-number{font-size:18px;font-weight:700;color:#246bfd;letter-spacing:1px}.user-code-card .ant-card-body{padding:12px}.user-code-card{background:#f5f7fa!important}.user-code-label{color:var(--primary-color);font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:500;margin-bottom:2px}.user-code-number{color:var(--primary-color);font-size:20px;font-weight:700;margin-bottom:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-profile-modal .ant-modal-content{border-radius:12px;overflow:hidden}.user-profile-modal .ant-modal-header{background:var(--header-table-color);border-bottom:none;padding:16px 24px}.user-profile-modal .ant-modal-title{color:#fff;font-weight:600;font-size:16px}.user-profile-modal .ant-modal-close{color:#fff;font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.user-profile-modal .ant-modal-close:hover{color:#fff;background:#ffffff1a;transform:scale(1.1)}.user-profile-modal .ant-modal-body{background:#fff}.user-profile-modal .ant-modal-footer{background:#fff;border-top:1px solid #e2e8f0;padding:10px 0}.user-profile-modal .user-avatar-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0;height:100%}.user-profile-modal .user-avatar{border:4px solid white;box-shadow:0 10px 25px #0000001a}.user-profile-modal .user-name{margin-top:10px;margin-bottom:0;color:var(--primary-color);font-weight:600}.user-profile-modal .user-tags{margin-bottom:10px}.user-profile-modal .quick-stats-card{width:100%;background:#fff;border:2px solid var(--primary-color);border-radius:8px}.user-profile-modal .quick-stats-card .ant-card-body{padding:10px}.user-profile-modal .quick-stats-number{color:var(--primary-color);font-size:20px;font-weight:700;margin-bottom:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-profile-modal .quick-stats-label{color:var(--primary-color);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.user-profile-modal .info-card{border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d;transition:all .2s ease}.user-profile-modal .info-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.user-profile-modal .info-card .ant-card-head{padding:8px 12px;min-height:38px;background-color:var(--header-table-color)}.user-profile-modal .info-card .ant-card-head-title{font-size:13px;font-weight:600;color:#fff}.user-profile-modal .info-card .ant-card-body{padding:12px}.user-profile-modal .info-item{display:flex;align-items:flex-start;gap:10px;padding:2px 0;border-bottom:1px solid #f8fafc}.user-profile-modal .info-item:last-child{border-bottom:none}.user-profile-modal .info-item-icon{color:#64748b;font-size:14px;margin-top:2px;flex-shrink:0}.user-profile-modal .info-item-content{flex:1;min-width:0}.user-profile-modal .info-item-label{color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.user-profile-modal .info-item-value{color:#1e293b;font-weight:500;font-size:12px;line-height:1.4}.user-profile-modal .role-description-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0}.user-profile-modal .role-description-card .ant-card-head{background:var(--header-table-color)}.user-profile-modal .role-description-card .ant-card-head-title{color:#fff}.user-profile-modal .role-description-content{background:var(--primary-color-50);border-radius:6px;padding:16px;margin:8px 0;border:1px solid var(--primary-color)}.user-profile-modal .ant-tag{border-radius:6px;font-size:11px;font-weight:500;padding:2px 8px;border:none}@media (max-width: 768px){.user-profile-modal .ant-modal{width:95%!important;max-width:500px;top:2%!important}.user-profile-modal .user-avatar-section{padding:16px;margin-bottom:16px}.user-profile-modal .info-card{margin-bottom:12px}.user-profile-modal .info-item{padding:6px 0}.user-profile-modal .info-item-value{font-size:12px}}.user-profile-modal .ant-modal{top:5%!important;max-height:72vh!important}.user-profile-modal .ant-modal-content{animation:modalSlideIn .3s ease-out}.user-profile-modal .ant-modal-body::-webkit-scrollbar{width:6px}.user-profile-modal .ant-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.user-profile-modal .ant-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.user-profile-modal .ant-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.change-role-modal .ant-modal-content{border-radius:12px;overflow:hidden}.change-role-modal .ant-modal-header{background:var(--header-table-color);border-bottom:none;padding:12px 20px}.change-role-modal .ant-modal-title{color:#fff;font-weight:600;font-size:16px}.modern-pagination{display:flex;align-items:center;justify-content:center;margin:8px 0;position:relative}.pagination-page-size{width:600px;position:absolute;top:0;left:10px}.modern-pagination .pagination-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;border:1px solid #e5e7eb!important;background:#fff!important;color:#6b7280!important;border-radius:8px!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important;flex-shrink:0!important;box-sizing:border-box!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important}.modern-pagination .pagination-btn.active{background:#05445e!important;color:#fff!important;border-color:#05445e!important;font-weight:600!important;box-shadow:0 2px 4px #05445e26!important}.modern-pagination .pagination-btn.active:hover{background:#043a4f!important;border-color:#043a4f!important;box-shadow:0 4px 8px #05445e40!important;transform:translateY(-1px)!important}.modern-pagination .pagination-btn:hover:not(.disabled):not(.active){background:#f8fafc!important;border-color:#cbd5e1!important;color:#475569!important;transform:translateY(-1px)!important;box-shadow:0 2px 4px #0000001a!important}.modern-pagination .pagination-btn.prev-btn,.modern-pagination .pagination-btn.next-btn{width:36px!important;height:36px!important;padding:0!important;background:#fff!important;color:#6b7280!important;border-color:#e5e7eb!important;border-radius:8px!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important;flex-shrink:0!important;box-sizing:border-box!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important}.modern-pagination .pagination-ellipsis{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;color:#9ca3af!important;padding:0 4px!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;font-weight:500!important;box-sizing:border-box!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important}.pagination-controls{display:flex;align-items:center;gap:8px}.page-numbers{display:flex;align-items:center;gap:4px}.pagination-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;border:1px solid #e5e7eb!important;background:#fff!important;color:#6b7280!important;border-radius:8px!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;flex-shrink:0!important;box-sizing:border-box!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important}.pagination-btn:hover:not(.disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.pagination-btn.active{background:#05445e!important;color:#fff!important;border-color:#05445e!important;font-weight:600!important;box-shadow:0 2px 4px #05445e26!important}.pagination-btn.active:hover{background:#043a4f!important;border-color:#043a4f!important;box-shadow:0 4px 8px #05445e40!important}.pagination-btn.prev-btn,.pagination-btn.next-btn{width:36px!important;height:36px!important;padding:0!important;background:#fff;color:#6b7280;border-color:#e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;flex-shrink:0;box-sizing:border-box}.prev-btn:not(.disabled),.next-btn:not(.disabled){background:#f8fafc;color:#475569;border-color:#cbd5e1}.prev-btn:hover:not(.disabled),.next-btn:hover:not(.disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.pagination-btn.disabled{background:#f9fafb;color:#d1d5db;border-color:#f3f4f6;cursor:not-allowed;opacity:.5}.pagination-ellipsis{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;color:#9ca3af!important;padding:0 4px!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;font-weight:500!important;box-sizing:border-box!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important}@media (max-width: 768px){.modern-pagination .pagination-btn{width:32px!important;height:32px!important;font-size:13px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important}.modern-pagination .pagination-btn.prev-btn,.modern-pagination .pagination-btn.next-btn,.modern-pagination .pagination-ellipsis{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important}}@media (max-width: 480px){.modern-pagination .pagination-btn{width:28px!important;height:28px!important;font-size:12px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important}.modern-pagination .pagination-btn.prev-btn,.modern-pagination .pagination-btn.next-btn,.modern-pagination .pagination-ellipsis{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important}}.pagination-btn:focus{outline:none;box-shadow:0 0 0 2px #6b72801a}.edit-user-modal .ant-modal-content{border-radius:12px;overflow:hidden}.edit-user-modal .ant-modal-header{background:var(--header-table-color);border-bottom:none;padding:16px 24px}.edit-user-modal .ant-modal-title{color:#fff;font-weight:600;font-size:16px}.edit-user-modal .ant-modal-close{color:#fff;font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.edit-user-modal .ant-modal-close:hover{color:#fff;background:#ffffff1a;transform:scale(1.1)}.edit-user-modal .ant-modal-body{background:#fff}.edit-user-modal .ant-modal-footer{background:#fff;border-top:1px solid #e2e8f0;padding:8px 24px}.edit-user-modal .user-summary-section{background:#fff;border-radius:8px;padding:12px;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0;margin-bottom:12px}.edit-user-modal .user-avatar-container{position:relative;display:flex;align-items:center;justify-content:center}.edit-user-modal .user-avatar{box-shadow:0 10px 25px #0000001a}.edit-user-modal .avatar-upload-button{position:absolute;background:var(--primary-color);border:2px solid white;box-shadow:0 2px 8px #00000026}.edit-user-modal .avatar-upload-button:hover{background:#40a9ff;transform:scale(1.05)}.edit-user-modal .user-name{color:var(--primary-color);font-weight:600;font-size:18px}.edit-user-modal .user-meta{display:flex;align-items:start;gap:12px;margin-bottom:12px;flex-direction:column}.edit-user-modal .user-role-tag{border-radius:6px;font-size:11px;font-weight:500;padding:2px 8px;border:1px solid}.edit-user-modal .user-status{font-size:12px;font-weight:500}.edit-user-modal .user-dates{font-size:12px;color:#64748b}.edit-user-modal .form-card{border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d;transition:all .2s ease;margin-bottom:8px}.edit-user-modal .form-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.edit-user-modal .form-card .ant-card-head{border-bottom:1px solid #f1f5f9;padding:8px 12px;min-height:38px;background-color:var(--header-table-color)}.edit-user-modal .form-card .ant-card-head-title{font-size:13px;font-weight:600;color:#fff}.edit-user-modal .form-card .ant-card-body{padding:16px 16px 0}.edit-user-modal .ant-form-item-label>label{font-size:12px;font-weight:500;color:#374151}.edit-user-modal .ant-input,.edit-user-modal .ant-select-selector{border-radius:6px;border:1px solid #d1d5db;transition:all .2s ease}.edit-user-modal .ant-input:focus,.edit-user-modal .ant-select-focused .ant-select-selector{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.edit-user-modal .ant-input-prefix{color:#9ca3af;margin-right:8px}.edit-user-modal .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid #e5e7eb}.edit-user-modal .form-actions .ant-btn{border-radius:6px;font-weight:500;transition:all .2s ease}.edit-user-modal .form-actions .ant-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.edit-user-modal .ant-modal{width:95%!important;max-width:500px;top:2%!important}.edit-user-modal .user-summary-section{padding:16px;margin-bottom:16px}.edit-user-modal .form-card{margin-bottom:12px}.edit-user-modal .form-actions{flex-direction:column}.edit-user-modal .form-actions .ant-btn{width:100%}}.edit-user-modal .ant-modal{top:5%!important;width:800px!important;max-width:90vw!important;margin:0 auto!important}.edit-user-modal .ant-modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.exam-list-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0;position:relative}.exam-list-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-color);z-index:10}.integrated-toolbar{background:#fff;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;position:relative;z-index:5}.enhanced-filter-select{min-width:120px}.table-header-info{display:flex;justify-content:space-between;align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb}.header-stats{display:flex;gap:16px;align-items:center}.total-count{font-size:14px;color:#374151}.selected-count{font-size:14px;color:#059669}.header-actions-legend{display:flex;align-items:center;gap:16px}.legend-title{font-size:12px;color:#6b7280;font-weight:500}.legend-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.legend-item .anticon{font-size:12px}.table-container{overflow-x:auto}.enhanced-table{width:100%;border-collapse:collapse}.enhanced-table-header{background:var(--header-table-color);position:relative;box-shadow:inset 0 3px 4px -2px #1e293b33;border-radius:8px 8px 0 0;overflow:hidden}.table-header-cell{background:transparent;padding:16px 15px;font-weight:600;color:#fff;font-size:13px;letter-spacing:.02em;position:relative;z-index:1;transition:all .3s ease;border-right:1px solid rgba(255,255,255,.1)}.table-header-cell:last-child{border-right:none;border-top-right-radius:8px}.table-header-cell:first-child{border-top-left-radius:8px}.table-header-cell:hover{background-color:#ffffff1a}.table-header-cell.sortable{cursor:pointer}.table-header-cell.sortable:hover{background-color:#ffffff1a}.header-content{display:flex;align-items:center;justify-content:center;min-height:24px}.header-text{display:flex;align-items:center;gap:8px;flex:1}.header-icon{font-size:14px;opacity:.8;transition:all .3s ease}.header-label{font-weight:600;white-space:nowrap}.sort-indicator{display:flex;align-items:center}.sort-icons{display:flex;flex-direction:column;gap:1px}.sort-icon-inactive{font-size:10px;color:#9ca3af}.sort-active{font-size:12px;color:#3b82f6}.enhanced-table-body{background:#fff}.table-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.table-row:hover{background-color:#f9fafb}.table-row td{padding:16px;vertical-align:top}.exam-info-column{min-width:300px}.exam-info{display:flex;flex-direction:column;gap:4px}.exam-title{font-weight:500;color:#111827;font-size:14px}.exam-description{color:#6b7280;font-size:12px;line-height:1.4}.duration-column,.score-column,.questions-column{min-width:120px;text-align:center}.duration-info,.score-info,.questions-info{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:#374151}.duration-icon,.score-icon,.questions-icon{font-size:14px;color:#6b7280}.status-column{min-width:100px;text-align:center}.actions-column{min-width:150px;text-align:center}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;border-top:1px solid #e5e7eb}.pagination-info{font-size:14px;color:#6b7280}.pagination-controls{display:flex;gap:4px;align-items:center}.pagination-controls .ant-btn{min-width:32px;height:32px;padding:0 8px}@media (max-width: 768px){.header-stats{flex-direction:column;gap:8px}.header-actions-legend{flex-wrap:wrap;gap:12px}.pagination-container{flex-direction:column;gap:12px;align-items:flex-start}.pagination-controls{flex-wrap:wrap}.exam-info-column{min-width:200px}.duration-column,.score-column,.questions-column{min-width:80px}.actions-column{min-width:120px}}@media (max-width: 480px){.integrated-toolbar{padding:16px}.pagination-container{padding:12px 16px}.table-row td{padding:12px}}.exam-detail-modal .ant-modal-header{background:var(--header-table-color);border-bottom:none;padding:16px 24px}.exam-detail-modal .ant-modal-title,.exam-detail-modal .ant-modal-close{color:#fff}.exam-detail-modal .ant-modal-close:hover{color:#ff4d4f}.exam-detail-modal .ant-modal-body{padding:0;background:#f8fafc;overflow:hidden}.exam-detail-modal .ant-modal-footer{border-top:1px solid #e5e7eb;padding:16px 24px;background:#fff}.exam-detail-layout{display:flex;flex-direction:column;height:100%;max-height:80vh}.exam-info-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px;flex-shrink:0}.exam-title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.exam-icon{width:40px;height:40px;border-radius:8px;background:#e0f2fe;display:flex;align-items:center;justify-content:center;color:#0284c7;font-size:18px}.exam-title-content{flex:1}.exam-description{color:#6b7280;margin:0;font-size:14px}.exam-stats-row{display:flex;gap:16px;margin-bottom:12px}.stat-item-ultra-compact{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f8fafc;border-radius:6px;border:1px solid #e5e7eb;font-size:13px}.stat-icon-ultra{color:#0284c7;font-size:14px}.stat-text{color:#374151;font-weight:500}.exam-timestamps{display:flex;gap:12px;font-size:12px;color:#6b7280}.timestamp-text{display:flex;align-items:center}.questions-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.questions-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 20px;display:flex;align-items:center;gap:8px;font-weight:600;color:#374151;flex-shrink:0}.exam-info-card{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a}.exam-info-card .ant-card-body{padding:24px}.stat-item-compact{display:flex;align-items:center;padding:8px;background:#f8fafc;border-radius:6px;border:1px solid #e5e7eb}.stat-icon-compact{width:32px;height:32px;border-radius:6px;background:#e0f2fe;display:flex;align-items:center;justify-content:center;margin-right:8px;color:#0284c7;font-size:14px}.stat-content-compact{display:flex;flex-direction:column}.stat-label-compact{font-size:11px;color:#6b7280;margin-bottom:1px}.stat-value-compact{font-size:13px;font-weight:600;color:#111827}.stat-item{display:flex;align-items:center;padding:12px;background:#f8fafc;border-radius:6px;border:1px solid #e5e7eb}.stat-icon{width:40px;height:40px;border-radius:8px;background:#e0f2fe;display:flex;align-items:center;justify-content:center;margin-right:12px;color:#0284c7;font-size:18px}.stat-content{display:flex;flex-direction:column}.stat-label{font-size:12px;color:#6b7280;margin-bottom:2px}.stat-value{font-size:14px;font-weight:600;color:#111827}.questions-card{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a}.questions-card .ant-card-head{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 24px}.questions-card .ant-card-head-title{font-weight:600;color:#374151}.questions-card .ant-card-body{padding:0;overflow-y:auto}.question-item{padding:16px 24px;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.question-item:hover{background-color:#f9fafb}.question-number{width:32px;height:32px;border-radius:50%;background:var(--header-table-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.question-text{font-weight:500;color:#111827;font-size:14px;line-height:1.5;margin-bottom:8px}.option-item{display:flex;align-items:center;padding:8px 12px;border-radius:6px;background:#f8fafc;border:1px solid #e5e7eb;transition:all .2s}.option-item:hover{background:#f1f5f9}.option-label{font-weight:600;color:#374151;margin-right:8px;min-width:20px}.option-text{flex:1;color:#374151;font-size:14px}@media (max-width: 768px){.exam-detail-modal .ant-modal-body,.exam-info-card .ant-card-body{padding:16px}.questions-card .ant-card-head,.question-item{padding:12px 16px}.stat-item,.stat-item-compact{padding:8px}.stat-icon,.stat-icon-compact{width:32px;height:32px;font-size:16px;margin-right:8px}.exam-info-card .grid{grid-template-columns:repeat(2,1fr)}}.questions-card .ant-empty{padding:40px 20px}.questions-card .ant-badge-count{background:var(--header-table-color);font-size:12px;font-weight:600}@media (max-width: 1024px){.exam-detail-modal{width:95%!important;max-width:900px}}@media (max-width: 768px){.exam-detail-modal{width:98%!important;margin:8px}.exam-stats-row{flex-wrap:wrap;gap:8px}.stat-item-ultra-compact{font-size:12px;padding:4px 8px}}.exam-preview-modal .ant-modal-content{background:#f8fafc;border-radius:12px;overflow:hidden}.exam-preview-modal .ant-modal-header{background:var(--header-table-color);border-bottom:none;padding:16px 24px;margin:0}.exam-preview-modal .ant-modal-title{color:#fff;font-weight:600}.exam-preview-modal .ant-modal-body{padding:0;max-height:70vh;overflow:hidden}.exam-preview-modal .ant-modal-footer{background:#fff;border-top:1px solid #e5e7eb;padding:16px 24px;margin:0}.exam-preview-layout{display:flex;flex-direction:column;height:100%;max-height:70vh}.exam-info-header{background:#fff;padding:20px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.exam-title-section{margin-bottom:16px}.exam-title-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.exam-icon{background:var(--header-table-color);color:#fff;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exam-title-content{flex:1;min-width:0}.exam-title-content h5{margin:0 0 8px!important;color:#1f2937;font-weight:600;line-height:1.4}.exam-description{color:#6b7280;margin:0!important;line-height:1.5}.exam-stats-row{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}.stat-item-ultra-compact{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f3f4f6;border-radius:6px;font-size:12px;color:#374151;white-space:nowrap}.stat-icon-ultra{color:var(--header-table-color);font-size:14px}.stat-text{font-weight:500}.exam-additional-info{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.exam-timestamps{display:flex;gap:12px;flex-wrap:wrap}.timestamp-text{font-size:11px;color:#9ca3af;font-weight:400}.questions-section{flex:1;overflow:hidden;display:flex;flex-direction:column}.questions-header{background:#fff;padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:8px;font-weight:600;color:#1f2937;flex-shrink:0}.questions-content{flex:1;overflow-y:auto;padding:0}.question-item{background:#fff;border-bottom:1px solid #f3f4f6;padding:20px 24px;margin:0}.question-item:last-child{border-bottom:none}.question-number{background:var(--header-table-color);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;flex-shrink:0}.question-text{font-weight:500;color:#1f2937;line-height:1.5;margin-bottom:12px;display:block}.options-list{display:flex;flex-direction:column;gap:8px}.option-item{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:6px;background:#f9fafb;border:1px solid #e5e7eb;position:relative}.option-item.correct-answer{background:#f0fdf4;border-color:#bbf7d0}.option-label{background:#e5e7eb;color:#374151;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;flex-shrink:0}.option-item.correct-answer .option-label{background:#22c55e;color:#fff}.option-text{flex:1;color:#374151;line-height:1.4;font-size:13px}.correct-tag{position:absolute;top:-8px;right:-8px;font-size:10px;padding:2px 6px;border-radius:4px}.empty-questions{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;background:#fff}.empty-text{font-size:16px;font-weight:600;color:#374151;margin-bottom:8px}.empty-description{font-size:14px;color:#6b7280;line-height:1.5}@media (max-width: 768px){.exam-preview-modal .ant-modal{margin:16px;max-width:calc(100vw - 32px)}.exam-preview-modal .ant-modal-content{border-radius:8px}.exam-info-header{padding:16px}.exam-title-row{flex-direction:column;gap:8px}.exam-icon{width:32px;height:32px}.exam-stats-row{gap:8px}.stat-item-ultra-compact{padding:4px 8px;font-size:11px}.questions-header{padding:12px 16px}.question-item{padding:16px}.option-item{padding:6px 8px}}@media (max-width: 480px){.exam-preview-modal .ant-modal{margin:8px;max-width:calc(100vw - 16px)}.exam-info-header{padding:12px}.exam-stats-row{flex-direction:column;gap:6px}.stat-item-ultra-compact{width:100%;justify-content:center}.questions-header{padding:10px 12px;font-size:14px}.question-item{padding:12px}.question-text{font-size:14px}.option-text{font-size:12px}}.exam-edit-page{background:#f8fafc;min-height:100vh}.page-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 24px;box-shadow:0 1px 3px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;gap:20px}.header-left{display:flex;align-items:center;gap:16px;flex-shrink:0}.back-button{border:1px solid #d1d5db;color:#374151;background:#fff;border-radius:6px;height:36px;padding:0 12px;font-weight:500;font-size:13px;white-space:nowrap}.back-button:hover{border-color:#9ca3af;color:#1f2937;background:#f9fafb}.header-info{display:flex;flex-direction:column;gap:2px;min-width:0}.page-title{margin:0!important;color:#1f2937;font-weight:600;font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;gap:8px;flex-shrink:0;align-items:center}.header-actions .ant-space{gap:6px!important}.preview-btn{background:#fff;border-color:#d1d5db;color:#374151;border-radius:6px;height:36px;padding:0 12px;font-weight:500;font-size:13px;white-space:nowrap;min-width:90px}.preview-btn:hover{border-color:#9ca3af;color:#1f2937;background:#f9fafb}.prev-btn{background:#fff;border-color:#d1d5db;color:#374151;border-radius:6px;height:36px;padding:0 12px;font-weight:500;font-size:13px;white-space:nowrap;min-width:90px}.prev-btn:hover{border-color:#9ca3af;color:#1f2937;background:#f9fafb}.save-and-continue-btn{background:var(--header-table-color);border-color:var(--header-table-color);color:#fff;border-radius:6px;height:36px;padding:0 16px;font-weight:500;font-size:13px;white-space:nowrap;min-width:160px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;position:relative;overflow:hidden}.save-and-continue-btn:hover{background:var(--header-table-color);border-color:var(--header-table-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.save-and-continue-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.save-and-continue-btn: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}.save-and-continue-btn:hover:before{left:100%}.save-btn{background:var(--header-table-color);border-color:var(--header-table-color);color:#fff;border-radius:6px;height:36px;padding:0 16px;font-weight:500;font-size:13px;white-space:nowrap;min-width:140px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.save-btn:hover{background:var(--header-table-color);border-color:var(--header-table-color);color:#fff;opacity:.9;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.save-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.page-content{max-width:1000px;margin:0 auto;padding:24px}.steps-container{background:#fff;border-radius:6px;padding:12px 16px;box-shadow:0 1px 2px #0000000d;margin-bottom:16px;border:1px solid #e5e7eb}.steps-navigation .ant-steps-item-title{font-weight:500;font-size:12px}.steps-navigation .ant-steps-item-process .ant-steps-item-icon,.steps-navigation .ant-steps-item-finish .ant-steps-item-icon{background:var(--header-table-color);border-color:var(--header-table-color);width:24px;height:24px;line-height:24px;font-size:12px}.steps-navigation .ant-steps-item-wait .ant-steps-item-icon{width:24px;height:24px;line-height:24px;font-size:12px}.steps-navigation .ant-steps-item-description{display:none}.steps-navigation .ant-steps-item-tail{top:12px}.steps-navigation .ant-steps-item{padding-right:8px}.steps-navigation .ant-steps-item:last-child{padding-right:0}.step-content{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%;box-sizing:border-box}.form-container{padding:32px;width:100%;box-sizing:border-box;min-height:200px}.form-container .ant-form{width:100%}.form-container .ant-row{width:100%;margin:0!important}.form-container .ant-col{padding:0 12px!important}.form-container .ant-form-item{width:100%;margin-bottom:20px}.form-container .ant-form-item-label>label{font-weight:500;color:#374151;font-size:14px;margin-bottom:6px}.form-container .ant-form-item-label>label.ant-form-item-required:before{color:#ef4444!important}.form-container .ant-form-item-label>label.ant-form-item-required:after{color:#ef4444!important}.form-container .ant-form-item-extra{color:#6b7280;font-size:12px;margin-top:4px;line-height:1.4}.form-container .ant-form-item-explain-error{color:#ef4444;font-size:12px;margin-top:4px;font-weight:500}.form-container .ant-input,.form-container .ant-input-number{border-radius:6px;border:1px solid #d1d5db;height:40px;font-size:13px;transition:all .2s ease}.form-container .ant-input:focus,.form-container .ant-input-number:focus,.form-container .ant-input:hover,.form-container .ant-input-number:hover{border-color:var(--header-table-color);box-shadow:0 0 0 2px #05445e1a}.form-container .ant-input-number-input{height:38px}.form-container .ant-input.has-error,.form-container .ant-input-number.has-error{border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.empty-state{display:flex;flex-direction:column;align-items:center;padding:48px 32px;text-align:center}.empty-icon{font-size:48px;color:#d1d5db;margin-bottom:16px}.empty-text{color:#6b7280;margin-bottom:8px;font-size:14px;font-weight:500}.empty-description{color:#9ca3af;margin-bottom:20px;font-size:13px;line-height:1.4}.add-first-question-btn{background:var(--header-table-color);border-color:var(--header-table-color);border-radius:6px;height:36px;padding:0 20px;font-weight:500;font-size:13px}.questions-list::-webkit-scrollbar{width:6px}.questions-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.questions-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.questions-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.exam-edit-page{position:relative}@media (max-width: 1024px){.page-content{padding:20px 16px}.header-content{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;justify-content:flex-end}.form-container{padding:24px 20px}.question-content{padding:20px}.questions-header{padding:16px 20px}}@media (max-width: 768px){.page-header{padding:12px 16px}.header-content{flex-direction:column;align-items:flex-start;gap:12px}.header-left{width:100%;justify-content:space-between}.page-title{font-size:13px}.header-actions{width:100%;justify-content:space-between;gap:6px}.header-actions .ant-space{gap:6px!important;width:100%;justify-content:space-between}.preview-btn,.prev-btn,.save-and-continue-btn,.save-btn{height:32px;padding:0 8px;font-size:12px;min-width:70px;flex:1}.page-content{padding:16px 12px}.steps-container,.form-container{padding:20px 16px}.questions-header{padding:12px 16px}.question-header{flex-direction:column;align-items:flex-start;gap:8px}.option-item{flex-direction:column;align-items:flex-start;gap:6px}.option-input{width:100%}.steps-navigation .ant-steps-item-title{display:none}.form-container .ant-form-item{margin-bottom:16px}.empty-state{padding:32px 16px}.empty-icon{font-size:40px}.step2-header{flex-direction:column;align-items:flex-start;gap:16px}.step2-title{width:100%}.step2-title-text h3{font-size:18px}.add-question-btn{width:100%;height:40px}.empty-questions-state{padding:40px 20px;min-height:200px}.empty-questions-icon{font-size:48px}.empty-questions-text h4{font-size:16px}.step2-footer{flex-direction:column;gap:24px}.questions-stats{justify-content:space-between;gap:16px}.stat-item{flex:1;min-width:auto;padding:12px}.stat-value{font-size:20px}.questions-settings{max-width:none}.question-card{margin-bottom:16px}.question-content{padding:16px}.options-section{padding:12px}.option-item{padding:6px}.question-edit-form{margin-bottom:16px}.question-edit-header{padding:12px 16px}.question-edit-header h4{font-size:14px}.question-edit-form-content{padding:16px}.option-edit-item{gap:8px;padding:8px}.question-edit-actions{gap:8px;padding-top:12px}.save-question-btn{height:32px;padding:0 16px;font-size:12px}.question-card{margin-bottom:8px}.question-header{padding:12px 16px}.question-title{gap:8px}.question-number{font-size:13px;min-width:60px}.question-text{font-size:13px}.question-actions{gap:4px}.edit-question-btn{font-size:11px;padding:2px 6px}.question-options-preview{padding:12px 16px}.options-preview-header{font-size:13px;margin-bottom:8px}.options-preview-list{gap:6px}.option-preview-item{gap:8px;padding:6px 8px}.option-indicator{width:16px;height:16px;font-size:10px}.option-text{font-size:12px}}@media (max-width: 480px){.page-header{padding:10px 12px}.page-content{padding:12px 8px}.form-container{padding:16px 12px}.questions-header{padding:10px 12px}.header-content{gap:8px}.header-left{flex-direction:column;align-items:flex-start;gap:8px}.page-title{font-size:12px}.header-actions{flex-direction:column;gap:6px;width:100%}.header-actions .ant-space{flex-direction:column;width:100%;gap:6px!important}.preview-btn,.prev-btn,.save-and-continue-btn,.save-btn{width:100%;height:32px;font-size:12px;min-width:auto;flex:none}.step2-container{min-height:500px}.step2-header{padding-bottom:16px;margin-bottom:16px}.step2-title{gap:12px}.step2-icon{font-size:24px;padding:8px}.step2-title-text h3{font-size:16px}.step2-title-text p{font-size:12px}.empty-questions-state{padding:24px 16px;min-height:150px}.empty-questions-icon{font-size:40px;margin-bottom:16px}.empty-questions-text h4{font-size:14px}.empty-questions-text p{font-size:12px}.add-first-question-btn{height:40px;padding:0 16px;font-size:13px}.question-card{margin-bottom:12px}.question-header{padding:12px 16px}.question-number{font-size:13px}.question-content{padding:12px}.question-input{height:40px;font-size:13px;margin-bottom:16px}.options-section{padding:12px}.options-header{font-size:13px;margin-bottom:12px}.option-item{gap:8px;margin-bottom:8px;padding:6px}.option-input{height:32px;font-size:12px}.step2-footer{padding-top:16px;gap:16px}.questions-stats{gap:8px}.stat-item{padding:8px}.stat-label{font-size:11px}.stat-value{font-size:18px}.questions-settings h4{font-size:13px}.questions-settings li{font-size:12px;margin-bottom:6px}}.step-content .form-container{min-height:600px;padding:32px}.step-content .form-container .ant-form-item{margin-bottom:24px}.step-content .form-container .ant-form-item-label>label{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.step-content .form-container .ant-form-item-label>label.ant-form-item-required:before{color:#ef4444!important}.step-content .form-container .ant-form-item-label>label.ant-form-item-required:after{color:#ef4444!important}.step2-container{display:flex;flex-direction:column;height:100%;min-height:600px}.step2-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.step2-title{display:flex;align-items:center;gap:16px}.step2-icon{font-size:32px;color:var(--header-table-color);background:#05445e1a;padding:12px;border-radius:8px}.step2-title-text h3{margin:0 0 4px;font-size:20px;font-weight:600;color:#1f2937}.step2-title-text p{margin:0;font-size:14px;color:#6b7280}.add-question-btn{background:var(--header-table-color);border-color:var(--header-table-color);height:40px;padding:0 20px;font-weight:500;border-radius:6px}.add-question-btn:hover{background:var(--header-table-color);border-color:var(--header-table-color);opacity:.9}.step2-content{flex:1;overflow-y:auto;margin-bottom:24px}.empty-questions-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;min-height:300px}.empty-questions-icon{font-size:64px;color:#d1d5db;margin-bottom:24px}.empty-questions-text h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#374151}.empty-questions-text p{margin:0 0 24px;font-size:14px;color:#6b7280;line-height:1.5}.add-first-question-btn{background:var(--header-table-color);border-color:var(--header-table-color);height:44px;padding:0 24px;font-weight:500;border-radius:6px;font-size:14px}.add-first-question-btn:hover{background:var(--header-table-color);border-color:var(--header-table-color);opacity:.9}.questions-list{display:flex;flex-direction:column;gap:20px}.question-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.question-number{font-weight:600;font-size:14px;color:#374151}.delete-question-btn{color:#ef4444;border:none;padding:4px 8px}.delete-question-btn:hover{background:#ef44441a;color:#dc2626}.question-content{padding:20px}.question-input{margin-bottom:20px;border-radius:6px;border:1px solid #d1d5db;height:44px;font-size:14px}.question-input:focus{border-color:var(--header-table-color);box-shadow:0 0 0 2px #05445e1a}.options-section{background:#f9fafb;border-radius:6px;padding:16px}.options-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:500;font-size:14px;color:#374151}.option-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:8px;background:#fff;border-radius:4px;border:1px solid #e5e7eb}.option-item:last-child{margin-bottom:0}.option-radio{flex-shrink:0}.option-radio input[type=radio]{width:16px;height:16px;accent-color:var(--header-table-color)}.option-input{flex:1;border-radius:4px;border:1px solid #d1d5db;height:36px;font-size:13px}.option-input:focus{border-color:var(--header-table-color);box-shadow:0 0 0 2px #05445e1a}.delete-option-btn{flex-shrink:0;color:#ef4444;border:none;padding:4px 8px}.delete-option-btn:hover{background:#ef44441a;color:#dc2626}.step2-footer{border-top:1px solid #e5e7eb;padding-top:24px;display:flex;gap:40px}.questions-stats{display:flex;gap:32px;flex:1}.stat-item{text-align:center;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;min-width:120px}.stat-label{font-size:12px;color:#6b7280;margin-bottom:8px;font-weight:500}.stat-value{font-size:24px;font-weight:600;color:#374151}.questions-settings{flex:1;max-width:400px}.questions-settings h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.questions-settings ul{margin:0;padding-left:20px;list-style:none}.questions-settings li{position:relative;font-size:13px;color:#6b7280;line-height:1.5;margin-bottom:8px;padding-left:16px}.questions-settings li:before{content:"•";position:absolute;left:0;color:var(--header-table-color);font-weight:700}.questions-settings li:last-child{margin-bottom:0}.question-edit-form{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.question-edit-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.question-edit-header h4{margin:0;font-size:16px;font-weight:600;color:#374151}.cancel-edit-btn{color:#6b7280;border:none;padding:4px 8px}.cancel-edit-btn:hover{background:#6b72801a;color:#374151}.question-edit-form-content{padding:20px}.options-edit-section{display:flex;flex-direction:column;gap:12px}.option-edit-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.option-edit-radio{flex-shrink:0}.option-edit-radio input[type=radio]{width:16px;height:16px;accent-color:var(--header-table-color)}.option-edit-input{flex:1;border-radius:4px;border:1px solid #d1d5db;height:36px;font-size:13px}.option-edit-input:focus{border-color:var(--header-table-color);box-shadow:0 0 0 2px #05445e1a}.delete-option-edit-btn{flex-shrink:0;color:#ef4444;border:none;padding:4px 8px}.delete-option-edit-btn:hover{background:#ef44441a;color:#dc2626}.add-option-btn{border:1px dashed #d1d5db;color:#6b7280;height:36px;border-radius:6px;margin-top:8px}.add-option-btn:hover{border-color:var(--header-table-color);color:var(--header-table-color)}.question-edit-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}.save-question-btn{background:var(--header-table-color);border-color:var(--header-table-color);height:36px;padding:0 20px;font-weight:500;border-radius:6px}.save-question-btn:hover{background:var(--header-table-color);border-color:var(--header-table-color);opacity:.9}.question-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d;margin-bottom:12px}.question-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.question-title{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.question-title:hover{background:#05445e0d}.question-number{font-weight:600;font-size:14px;color:#374151;min-width:80px}.question-text{font-size:14px;color:#6b7280;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-actions{display:flex;gap:8px;align-items:center}.edit-question-btn{color:var(--header-table-color);border:none;padding:4px 8px;font-size:12px}.edit-question-btn:hover{background:#05445e1a;color:var(--header-table-color)}.question-options-preview{padding:16px 20px;background:#fff}.options-preview-header{font-weight:500;font-size:14px;color:#374151;margin-bottom:12px}.options-preview-list{display:flex;flex-direction:column;gap:8px}.option-preview-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f9fafb;border-radius:4px;border:1px solid #e5e7eb}.option-indicator{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#e5e7eb;color:#6b7280}.option-indicator.correct{background:#10b981;color:#fff}.option-text{font-size:13px;color:#374151;flex:1}.explanation-preview{margin-top:16px;padding:12px;background:#f8fafc;border-radius:6px;border-left:3px solid #3b82f6}.explanation-header{margin-bottom:8px}.explanation-header span{font-weight:600;font-size:13px;color:#1f2937;text-transform:uppercase;letter-spacing:.5px}.explanation-content{font-size:14px;color:#374151;line-height:1.5;word-break:break-word}.scorm-fullscreen-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#6c757de6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.scorm-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000026;width:95%;height:90%;max-width:1400px;max-height:900px;display:flex;flex-direction:column;overflow:hidden}.scorm-header{background:var(--navy-blue);padding:16px 24px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center}.scorm-header-content{flex:1}.scorm-course-title{font-size:18px;font-weight:500;margin:0;color:#fff}.scorm-topic-title{font-size:13px;margin:4px 0 0;opacity:.8;font-weight:400;color:#2d5a5a}.scorm-save-button{background:#fff;border:2px solid #5a9a9a;color:#2d5a5a;padding:8px 16px;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.scorm-save-button:hover{background:#f0f8f8}.scorm-save-icon{width:16px;height:16px}.scorm-content{flex:1;position:relative;overflow:hidden;background:#fff;border-radius:0 0 12px 12px}.scorm-iframe{width:100%;height:100%;border:none;background:#fff;border-radius:0 0 12px 12px}.scorm-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff;font-size:16px}.scorm-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}.scorm-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff4757;color:#fff;padding:20px 24px;border-radius:8px;text-align:center;font-size:16px;box-shadow:0 4px 12px #ff47574d}@media (max-width: 768px){.scorm-fullscreen-container{padding:10px}.scorm-modal{width:98%;height:95%;border-radius:8px}.scorm-header{padding:12px 16px;border-radius:8px 8px 0 0}.scorm-course-title{font-size:16px}.scorm-topic-title{font-size:12px}.scorm-save-button{padding:6px 12px;font-size:13px}.scorm-content,.scorm-iframe{border-radius:0 0 8px 8px}}.scorm-player-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#f0f2f5;z-index:9999}.forum-container-modern{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1);min-height:100vh;padding:24px;position:relative}.forum-container-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(34,197,94,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(168,85,247,.05) 0%,transparent 50%);pointer-events:none}.forum-topic-list-modern{background:transparent;border-radius:20px;padding:0;box-shadow:none;position:relative;z-index:1}.forum-topic-item{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(226,232,240,.8);transition:all .4s cubic-bezier(.4,0,.2,1);margin-bottom:20px;overflow:hidden;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.forum-topic-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e,#3b82f6,#8b5cf6);transform:scaleX(0);transition:transform .4s ease}.forum-topic-item:hover{border-color:#22c55e;box-shadow:0 20px 25px -5px #22c55e26,0 10px 10px -5px #22c55e1a;transform:translateY(-4px)}.forum-topic-item:hover:before{transform:scaleX(1)}.forum-topic-unread{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2cc,#fffffff2);position:relative}.forum-topic-unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:0 2px 2px 0}.forum-topic-unread:hover{border-left-color:#dc2626}.forum-topic-card-modern{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(226,232,240,.8);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.forum-topic-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#22c55e,#3b82f6,#8b5cf6,#ec4899);transform:scaleX(0);transition:transform .4s ease}.forum-topic-card-modern:hover:before{transform:scaleX(1)}.forum-topic-card-modern:hover{border-color:#22c55e;box-shadow:0 25px 50px -12px #22c55e40;transform:translateY(-6px)}.forum-comment-item-modern{background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(226,232,240,.7);transition:all .3s ease;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 2px 4px -1px #0000000f}.forum-comment-item-modern:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#3b82f6,#1d4ed8,#7c3aed);transform:scaleY(0);transition:transform .3s ease}.forum-comment-item-modern:hover:before{transform:scaleY(1)}.forum-comment-item-modern:hover{border-color:#3b82f6;box-shadow:0 10px 15px -3px #3b82f633;transform:translate(4px)}.forum-comment-list-modern{background:linear-gradient(135deg,#f8fafce6,#f1f5f9e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:24px;border:1px solid rgba(226,232,240,.8);position:relative;box-shadow:0 4px 6px -1px #0000001a}.forum-comment-list-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#22c55e,#3b82f6,transparent)}.forum-comment-form-modern{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(226,232,240,.8);transition:all .3s ease;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.forum-comment-form-modern:hover{border-color:#22c55e;box-shadow:0 10px 15px -3px #22c55e33}.forum-comment-textarea{border:1px solid rgba(226,232,240,.8);border-radius:12px;transition:all .3s ease;resize:vertical;min-height:100px;background:#fffc}.forum-comment-textarea:focus{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e1a;background:#fffffff2}.forum-stats-header-modern{background:linear-gradient(135deg,#f0fdf4e6,#ecfdf5e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(187,247,208,.6);padding:24px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.forum-stats-header-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e,#16a34a,#15803d,#166534)}.forum-stats-header-modern:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(34,197,94,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none}.forum-unread-badge-modern{background:linear-gradient(135deg,#ef4444,#dc2626,#b91c1c);color:#fff;border-radius:12px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;box-shadow:0 4px 12px #ef444466;animation:pulse 2s infinite;position:relative}.forum-unread-badge-modern:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:14px;z-index:-1;opacity:.3;animation:pulse 2s infinite .5s}.forum-pulse-dot{width:8px;height:8px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 #ef4444b3}.forum-pagination-modern .ant-pagination-item{border-radius:12px;border:1px solid rgba(226,232,240,.8);transition:all .3s ease;margin:0 3px;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.forum-pagination-modern .ant-pagination-item:hover{border-color:#22c55e;color:#22c55e;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e33}.forum-pagination-modern .ant-pagination-item-active{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;box-shadow:0 8px 25px #22c55e4d;transform:translateY(-2px)}.forum-pagination-modern .ant-pagination-item-active a{color:#fff;font-weight:600}.forum-comment-pagination-modern .ant-pagination-item{border-radius:10px;border:1px solid rgba(226,232,240,.8);transition:all .3s ease;background:#fffc}.forum-comment-pagination-modern .ant-pagination-item:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.forum-comment-pagination-modern .ant-pagination-item-active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;box-shadow:0 6px 20px #3b82f64d}.forum-comment-pagination-modern .ant-pagination-item-active a{color:#fff}.forum-loading-container{display:flex;justify-content:center;align-items:center;padding:80px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 6px -1px #0000001a}.forum-empty-container{text-align:center;padding:80px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 6px -1px #0000001a;position:relative}.forum-empty-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(34,197,94,.05) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(59,130,246,.05) 0%,transparent 50%);pointer-events:none}.forum-fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}.forum-slide-in{animation:slideIn .6s cubic-bezier(.4,0,.2,1)}.forum-bounce-in{animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}.forum-scale-in{animation:scaleIn .5s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (max-width: 768px){.forum-container-modern{padding:16px}.forum-topic-card-modern,.forum-comment-item-modern,.forum-comment-form-modern{border-radius:16px;padding:16px}.forum-stats-header-modern{padding:20px;margin-bottom:16px}.forum-topic-list-modern{padding:0}.forum-comment-list-modern{padding:20px}}@media (max-width: 480px){.forum-container-modern{padding:12px}.forum-topic-card-modern,.forum-comment-item-modern,.forum-comment-form-modern,.forum-stats-header-modern,.forum-comment-list-modern{padding:16px}}@media (prefers-color-scheme: dark){.forum-container-modern{background:linear-gradient(135deg,#1e293b,#0f172a)}.forum-container-modern:before{background:radial-gradient(circle at 20% 80%,rgba(34,197,94,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(168,85,247,.1) 0%,transparent 50%)}.forum-topic-card-modern,.forum-comment-item-modern,.forum-comment-form-modern,.forum-loading-container,.forum-empty-container{background:#1e293bf2;border-color:#334155cc;color:#f1f5f9}.forum-stats-header-modern{background:linear-gradient(135deg,#064e3be6,#065f46e6);border-color:#05966999}.forum-comment-list-modern{background:linear-gradient(135deg,#1e293be6,#0f172ae6);border-color:#334155cc}.forum-comment-textarea{background:#1e293bcc;border-color:#334155cc;color:#f1f5f9}.forum-comment-textarea:focus{border-color:#22c55e;background:#1e293bf2}.forum-pagination-modern .ant-pagination-item,.forum-comment-pagination-modern .ant-pagination-item{background:#1e293bcc;border-color:#334155cc;color:#f1f5f9}}.forum-container-modern ::-webkit-scrollbar{width:8px}.forum-container-modern ::-webkit-scrollbar-track{background:#e2e8f080;border-radius:4px}.forum-container-modern ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#22c55e,#3b82f6);border-radius:4px}.forum-container-modern ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#16a34a,#1d4ed8)}.consultant-code{padding:8px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;text-align:center;min-width:120px}.consultant-code-label{color:var(--primary-color);font-size:10px;font-weight:500;margin-bottom:2px;text-transform:uppercase;letter-spacing:.3px}.consultant-code-number{color:var(--primary-color);font-size:16px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.space-y-2>*+*{margin-top:.5rem}.ant-upload-select{margin-top:.5rem}.ant-card{transition:box-shadow .3s ease}.ant-card:hover{box-shadow:0 4px 12px #0000001a}.ant-form-item-has-error .ant-input{border-color:#ff4d4f}.ant-form-item-has-error .ant-input:focus{border-color:#ff4d4f;box-shadow:0 0 0 2px #ff4d4f33}@media (max-width: 768px){.ant-col{margin-bottom:0rem}.ant-card{margin-bottom:1rem}}.profile-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.ant-message-notice{animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.certificate-preview-modal .ant-modal-content{overflow:auto}.certificate-preview-modal .ant-modal-body{padding:0}.certificate-tabs .ant-tabs-content{padding:1.5rem}.certificate-tabs .ant-tabs-tab{padding:.5rem 1rem}.certificate-tabs .ant-tabs-tab-active{border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.certificate-tabs .ant-tabs-tab-btn{font-weight:500}.certificate-tabs .ant-tabs-nav{margin-bottom:0;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding-left:1.5rem;padding-right:1.5rem}.certificate-preview-modal .ant-card{border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition:all .3s ease}.certificate-preview-modal .ant-card:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.certificate-preview-modal .ant-card-body{padding:1rem}.certificate-preview-modal .grid{gap:1rem}@media (min-width: 768px){.certificate-preview-modal .grid{gap:1.5rem}}.certificate-preview-modal .ant-typography h3{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.certificate-preview-modal .ant-typography h4{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.certificate-preview-modal .ant-typography h5{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.certificate-preview-modal .ant-btn-primary{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition:all .3s ease}.certificate-preview-modal .ant-btn-primary:hover{transform:translateY(-2px);--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.certificate-preview-container{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));max-height:800px}.certificate-html-content{transform-origin:top center;margin:0}@media (max-width: 1536px){.certificate-html-content{margin:2% -10%;transform:scale(.75);transform-origin:top center}.certificate-preview-container{max-height:600px}}@media (max-width: 1025px){.certificate-html-content{margin:2% -10%;transform:scale(.75);transform-origin:top center}.certificate-preview-container{max-height:600px}}@media (max-width: 768px){.certificate-html-content{margin:2% -10%;transform:scale(.65);transform-origin:top center}.certificate-preview-container{max-height:510px}}@media (max-width: 480px){.certificate-html-content{margin:5% -60%;transform:scale(.45);transform-origin:top center}.certificate-preview-container{max-height:360px}}@media (max-width: 412px){.certificate-html-content{margin:5% -106%;transform:scale(.35);transform-origin:top center}.certificate-preview-container{max-height:280px}}.certificate-preview-card .certificate-preview-container{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);max-height:800px;overflow:hidden}@media (max-width: 768px){.certificate-preview-modal .ant-modal{margin-left:1rem;margin-right:1rem;width:calc(100vw - 32px)!important;max-width:none!important}.certificate-preview-modal .grid{grid-template-columns:repeat(1,minmax(0,1fr))}.certificate-tabs .ant-tabs-nav{padding-left:1rem;padding-right:1rem}.certificate-tabs .ant-tabs-content{padding:1rem}}.exam-detail-modal .ant-modal-content{overflow:hidden}.exam-detail-modal .ant-modal-header{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #eef2ff var(--tw-gradient-to-position)}.exam-detail-modal .ant-modal-body{max-height:70vh;overflow-y:auto}.exam-detail-modal .ant-timeline-item-content{min-height:0px}.exam-detail-modal .ant-card{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.exam-detail-modal .ant-statistic-title{font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.exam-detail-modal .ant-statistic-content{font-weight:700}.exam-detail-modal .ant-progress-outer{border-radius:9999px}.exam-detail-modal .ant-timeline-item-tail{border-left-width:2px}.exam-detail-modal .ant-timeline-item-head{height:1rem;width:1rem;border-width:2px}.exam-detail-modal .ant-modal-body::-webkit-scrollbar{width:6px}.exam-detail-modal .ant-modal-body::-webkit-scrollbar-track{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.exam-detail-modal .ant-modal-body::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.exam-detail-modal .ant-modal-body::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}@media (max-width: 768px){.exam-detail-modal .ant-modal{margin-left:1rem;margin-right:1rem;width:calc(100vw - 32px)!important;max-width:none!important}.exam-detail-modal .ant-modal-body{max-height:60vh}}.certificate-generator{margin-left:auto;margin-right:auto;max-width:56rem}.certificate-canvas{margin-left:auto;margin-right:auto;box-shadow:0 10px 30px #0000001a;border-radius:8px;overflow:hidden}.certificate-canvas:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none;z-index:1}.certificate-canvas>div{position:relative;z-index:2}@media print{.certificate-generator{max-width:none}.certificate-canvas{box-shadow:none;border:none;page-break-inside:avoid}.ant-card:not(.certificate-canvas){display:none!important}}@media (max-width: 768px){.certificate-canvas{transform:scale(.8);transform-origin:center top;margin-bottom:-120px}}@media (max-width: 480px){.certificate-canvas{transform:scale(.6);transform-origin:center top;margin-bottom:-240px}}.certificate-generator .ant-spin-container{position:relative}.certificate-generator .ant-btn-primary{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition:all .3s ease}.certificate-generator .ant-btn-primary:hover{transform:translateY(-2px);--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.certificate-generator .ant-btn:not(.ant-btn-primary){--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));transition:all .3s ease}.certificate-generator .ant-btn:not(.ant-btn-primary):hover{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));transform:translateY(-1px)}.final-exam-modal{border-radius:16px;overflow:hidden}.final-exam-modal .ant-modal-content{border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.final-exam-modal .ant-modal-body{padding:0;max-height:none}.final-exam-modal .modal-header{position:relative;overflow:hidden}.final-exam-modal .modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.3}.final-exam-modal .modal-header .ant-avatar{box-shadow:0 4px 6px -1px #0000001a}.final-exam-modal .modal-header .ant-typography{text-shadow:0 1px 2px rgba(0,0,0,.1)}.final-exam-modal .modal-content{background:linear-gradient(135deg,#f8faff,#e3f2fd)}.final-exam-modal .exam-info-card,.final-exam-modal .file-info-card,.final-exam-modal .timestamp-card{border:none;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .2s ease-in-out}.final-exam-modal .exam-info-card:hover,.final-exam-modal .file-info-card:hover,.final-exam-modal .timestamp-card:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.final-exam-modal .ant-tag{border-radius:6px;font-weight:500}.final-exam-modal .file-info-card .ant-col{transition:all .2s ease-in-out}.final-exam-modal .file-info-card .ant-col:hover{transform:scale(1.02)}.final-exam-modal .timestamp-card .ant-col{transition:all .2s ease-in-out}.final-exam-modal .timestamp-card .ant-col:hover{transform:scale(1.02)}.final-exam-modal .modal-footer{border-top:1px solid #e5e7eb}.final-exam-modal .modal-footer .ant-btn{border-radius:6px;font-weight:500;transition:all .2s ease-in-out}.final-exam-modal .modal-footer .ant-btn:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}@media (max-width: 768px){.final-exam-modal .ant-modal{margin:16px}.final-exam-modal .modal-header,.final-exam-modal .modal-content,.final-exam-modal .modal-footer{padding:16px}.final-exam-modal .ant-avatar{width:40px!important;height:40px!important}.final-exam-modal .ant-typography h3{font-size:18px!important}}@media (max-width: 480px){.final-exam-modal .ant-modal{margin:8px}.final-exam-modal .modal-header,.final-exam-modal .modal-content,.final-exam-modal .modal-footer{padding:12px}.final-exam-modal .ant-avatar{width:32px!important;height:32px!important}.final-exam-modal .ant-typography h3{font-size:16px!important}}.final-exam-modal .modal-content::-webkit-scrollbar{width:4px}.final-exam-modal .modal-content::-webkit-scrollbar-track{background:transparent}.final-exam-modal .modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.final-exam-modal .modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.status-badges{display:flex;gap:8px;justify-content:flex-start}.status-badge{font-size:12px;font-weight:600;padding:4px 12px;border-radius:16px;border:none;margin:0}@media (max-width: 768px){.status-badges{flex-wrap:wrap;gap:6px}.status-badge{font-size:11px;padding:3px 10px}}@media (max-width: 640px){.status-badges{flex-wrap:wrap;gap:4px}.status-badge{font-size:10px;padding:2px 8px}}@media (max-width: 480px){.status-badges{gap:3px}.status-badge{font-size:9px;padding:2px 6px}}.course-progress-list{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-header{display:flex;align-items:center;padding:16px 24px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.header-course{flex:1;text-align:left}.header-progress{min-width:120px;text-align:center}.header-actions{min-width:40px;text-align:center}.header-text{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0}.course-rows{display:flex;flex-direction:column}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-title{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.empty-description{font-size:14px;color:#6b7280;line-height:1.5;max-width:400px}@media (max-width: 768px){.table-header{padding:12px 16px;display:none}.course-rows{padding:0 16px}.empty-state{padding:40px 16px}.empty-icon{font-size:40px}.empty-title{font-size:16px}.empty-description{font-size:13px}}@media (max-width: 640px){.table-header{padding:8px 12px}.course-rows{padding:0 12px}.empty-state{padding:30px 12px}.empty-icon{font-size:36px}.empty-title{font-size:14px}.empty-description{font-size:12px}}@media (max-width: 480px){.course-rows{padding:0 8px}.empty-state{padding:20px 8px}.empty-icon{font-size:32px}.empty-title{font-size:13px}.empty-description{font-size:11px}}.tab-list-report-page .ant-tabs-nav{z-index:99;background-color:#fff;padding-left:24px;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.progress-card{transition:all .3s ease;position:relative;overflow:hidden}.progress-card:hover:before{opacity:1}.progress-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.status-indicator{animation:pulse 2s infinite}.progress-bar-gradient{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.metric-item{transition:all .2s ease}.metric-item:hover{transform:translate(2px)}.action-button{transition:all .3s ease;position:relative;overflow:hidden}.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}.action-button:hover:before{left:100%}.action-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.tab-list-report-page .ant-tabs-content{max-height:calc(100vh - 162px);overflow:auto}.admin-tabs{background:#fff;border-bottom:1px solid #e5e7eb;padding:0;margin:0}.admin-tabs-container{display:flex;align-items:center;gap:0;padding:0 24px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;position:absolute;top:64px;right:0;left:0;z-index:99;background:#fff}.admin-tabs-container::-webkit-scrollbar{display:none}.admin-tab-item{display:flex;align-items:center;gap:8px;padding:16px 20px;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap;position:relative;min-height:48px}.admin-tab-item:hover{background-color:#f9fafb}.admin-tab-item.active{border-bottom-color:#00b4d8}.admin-tab-icon{display:flex;align-items:center;justify-content:center;font-size:16px;transition:color .2s ease}.admin-tab-label{font-size:14px;font-weight:500;transition:color .2s ease;line-height:1.4}.admin-tab-item.active .admin-tab-icon,.admin-tab-item.active .admin-tab-label{color:#00b4d8}.admin-tab-item:not(.active) .admin-tab-icon,.admin-tab-item:not(.active) .admin-tab-label{color:#6b7280}@media (max-width: 1024px){.admin-tabs-container{padding:0 16px}.admin-tab-item{padding:12px 16px;min-height:44px}.admin-tab-icon{font-size:14px}.admin-tab-label{font-size:13px}}@media (max-width: 768px){.admin-tabs-container{padding:0 12px}.admin-tab-item{padding:10px 12px;min-height:40px;gap:6px}.admin-tab-icon{font-size:13px}.admin-tab-label{font-size:12px}}.exam-card{transition:all .3s ease}.exam-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.status-badge,.action-button{transition:all .2s ease}.action-button:hover{transform:scale(1.05)}.action-button:disabled{opacity:.6;cursor:not-allowed}.prerequisites-progress{background:linear-gradient(135deg,#fef3c7,#fde68a)}.course-tag{transition:all .2s ease}.course-tag.completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.course-tag.pending{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.active-exam-bar{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.exam-card{margin-bottom:1rem}.exam-info-grid{grid-template-columns:1fr;gap:.5rem}}.exam-card.loading{opacity:.7;pointer-events:none}.action-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.exam-section{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.exam-section::-webkit-scrollbar{width:6px}.exam-section::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.exam-section::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.exam-section::-webkit-scrollbar-thumb:hover{background:#94a3b8}.exam-detail-container{min-height:100vh;background-color:#f9fafb}.exam-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.question-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.question-card:hover{box-shadow:0 4px 6px #0000001a}.option-label{transition:all .2s ease;cursor:pointer}.option-label:hover{transform:translateY(-1px)}.option-label.selected{border-color:#3b82f6;background-color:#eff6ff}.question-navigation{scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.question-navigation::-webkit-scrollbar{width:6px}.question-navigation::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.question-navigation::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.question-navigation::-webkit-scrollbar-thumb:hover{background:#9ca3af}.question-button{transition:all .2s ease}.question-button:hover{transform:scale(1.05)}.question-button.current{box-shadow:0 0 0 2px #3b82f6}.question-button.answered{background-color:#3b82f6;color:#fff}.question-button.unanswered{background-color:#fff;border:1px solid #d1d5db;color:#6b7280}.question-button.marked:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:#f59e0b;border-radius:50%}.timer{font-family:Courier New,monospace;font-weight:700}.progress-bar{transition:width .3s ease}.flag-button{transition:all .2s ease}.flag-button.marked{color:#f59e0b;background-color:#fef3c7}.flag-button:hover{transform:scale(1.1)}@media (max-width: 1024px){.exam-layout{flex-direction:column}.sidebar{width:100%;border-left:none;border-top:1px solid #e5e7eb}}@media (max-width: 768px){.question-navigation{max-height:200px}.question-button{width:32px;height:32px;font-size:10px}}.question-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.option-label:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.timer-warning{animation:pulse 2s infinite}.exam-header{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2}.question-card{transition:all .2s ease-in-out}.question-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.answer-choice{transition:all .2s ease-in-out;position:relative;overflow:hidden}.answer-choice:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.answer-choice.selected{border-color:#3b82f6;background-color:#eff6ff;box-shadow:0 0 0 3px #3b82f61a}.radio-button{position:relative;transition:all .2s ease-in-out}.radio-button.selected{border-color:#3b82f6;background-color:#3b82f6}.radio-button.selected:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#fff;border-radius:50%}.question-navigator{position:sticky;top:2rem}.question-number{transition:all .2s ease-in-out;position:relative}.question-number:hover{transform:scale(1.05)}.question-number.current{animation:pulse 2s infinite}.question-number.answered{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981}.timer{animation:pulse 1s infinite}.timer.warning{animation:pulse .5s infinite;color:#dc2626}.progress-container{position:relative;overflow:hidden}.progress-bar{transition:width .3s ease-in-out;background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.loading-spinner{animation:spin 1s linear infinite}.modal-overlay{animation:fadeIn .2s ease-out}.modal-content{animation:slideUp .3s ease-out}@media (max-width: 1024px){.question-navigator{position:static;margin-top:2rem}.grid-cols-5{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.grid-cols-5{grid-template-columns:repeat(3,1fr)}.exam-header{padding:1rem 0}.header-content{flex-direction:column;gap:1rem;align-items:flex-start}}@media (max-width: 640px){.grid-cols-5{grid-template-columns:repeat(2,1fr)}.question-card{padding:1.5rem}.answer-choice{padding:1rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.answer-choice:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.question-number:focus{outline:2px solid #3b82f6;outline-offset:2px}@media print{.exam-header,.question-navigator,.navigation-buttons,.submit-button{display:none!important}.question-card{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}}@media (prefers-contrast: high){.answer-choice.selected{border-width:3px;background-color:#1e40af;color:#fff}.question-number.answered{border-width:3px}}@media (prefers-reduced-motion: reduce){.question-card,.answer-choice,.question-number,.radio-button{transition:none}.loading-spinner,.timer{animation:none}}.result-card{animation:slideUp .5s ease-out}.score-display{animation:pulse 2s ease-in-out}.score-display.excellent{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.score-display.good{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.score-display.average{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.score-display.poor{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-card{transition:all .3s ease-in-out;position:relative;overflow:hidden}.stat-card: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}.stat-card:hover:before{left:100%}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.certificate-button{position:relative;overflow:hidden}.certificate-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.certificate-button:hover:before{width:300px;height:300px}.success-animation{animation:successPulse 1s ease-in-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.score-progress{position:relative;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.score-progress-bar{height:100%;border-radius:4px;transition:width 1s ease-in-out;background:linear-gradient(90deg,#10b981,#059669)}.score-progress-bar.warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.score-progress-bar.danger{background:linear-gradient(90deg,#ef4444,#dc2626)}@media (max-width: 768px){.result-summary{padding:1.5rem}.stat-grid{grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:column}}@media (max-width: 640px){.stat-grid{grid-template-columns:1fr}.header-actions{flex-direction:column;gap:.5rem}}@media print{.header-actions,.action-buttons{display:none!important}.result-card{box-shadow:none;border:1px solid #e5e7eb}.score-display{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (prefers-contrast: high){.stat-card,.score-display{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.result-card,.stat-card,.score-display{animation:none;transition:none}.stat-card:hover{transform:none}}@media (prefers-color-scheme: dark){.result-card{background-color:#1f2937;border-color:#374151}.stat-card{background-color:#374151}.score-display{background-color:#1f2937}}.course-report-modal .modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 0;gap:16px}.course-report-modal .course-info-section{display:flex;align-items:center;gap:16px;flex:1}.course-report-modal .course-details-section{display:flex;flex-direction:column;gap:8px;min-width:0}.course-report-modal .course-name{line-height:1.2}.course-report-modal .course-meta{display:flex;flex-wrap:wrap;gap:8px}.course-report-modal .meta-item{display:flex;align-items:center;white-space:nowrap}.course-report-modal .modal-actions{display:flex;gap:8px;flex-shrink:0}.course-report-modal .modal-content{background:#fafafa;padding:16px;border-radius:8px;margin:16px}.course-detail-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;height:calc(100vh - 300px)}.course-detail-table .ant-table-thead>tr>th{background:var(--header-table-color)!important;color:#fff!important;font-weight:600;font-size:13px;letter-spacing:.02em;border:none!important;padding:16px 12px;text-align:center;position:relative;z-index:1;transition:all .3s ease;border-right:1px solid rgba(255,255,255,.1);box-shadow:inset 0 3px 4px -2px #1e293b33}.course-detail-table .ant-table-thead>tr>th:first-child{text-align:left}.course-detail-table .ant-table-thead>tr>th:last-child{border-right:none}.course-detail-table .ant-table-thead>tr>th .anticon{margin-left:4px;font-size:12px;opacity:.7;transition:all .3s ease}.course-detail-table .ant-table-thead>tr>th:hover .anticon{opacity:1}.course-detail-table .ant-table-tbody>tr>td{font-size:14px;padding:12px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.course-detail-table .ant-table-tbody>tr:hover>td{background:#f8f9fa!important}.course-detail-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.course-detail-table .ant-table-tbody>tr>td .ant-tag{font-size:12px;padding:4px 8px;border-radius:6px;font-weight:500}.course-detail-table .ant-pagination{margin:16px 0 0;text-align:center}.course-detail-table .ant-pagination .ant-pagination-total-text{color:#666;font-size:13px}.course-report-modal .modal-pagination-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 24px 8px;border-top:1px solid #f0f0f0;background:#fff;min-height:50px;gap:16px}.course-report-modal .modal-pagination-footer>div:first-child{justify-self:start}.course-report-modal .modal-pagination-footer>div:nth-child(2){justify-self:center}.course-report-modal .modal-pagination-footer>button{justify-self:end}.course-report-modal .modern-pagination{display:flex;align-items:center;justify-content:center;position:relative;margin:0}.course-report-modal .pagination-page-size{display:none!important}.course-report-modal .pagination-controls{display:flex;align-items:center;gap:8px}.course-report-modal .modal-footer{display:flex;justify-content:flex-end;padding:16px 24px}@media (max-width: 1400px){.course-report-modal .ant-modal{width:95%!important;max-width:1200px}}@media (max-width: 768px){.course-report-modal .modal-header{flex-direction:column;gap:12px;align-items:center}.course-report-modal .course-info-section{flex-direction:column;text-align:center;gap:12px}.course-report-modal .course-meta{justify-content:center}.course-report-modal .modal-content{margin:8px;padding:12px}.course-report-modal .modal-footer{padding:12px 16px}.course-report-modal .modal-pagination-footer{display:flex;flex-direction:column;gap:12px;align-items:center;padding:10px 16px 6px}}@media (max-width: 480px){.course-report-modal .course-meta{flex-direction:column;align-items:center;gap:8px}.course-report-modal .meta-item{justify-content:center}}.user-report-modal .modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 0;gap:16px}.user-report-modal .user-info-section{display:flex;align-items:center;gap:16px;flex:1}.user-report-modal .user-details-section{display:flex;flex-direction:column;gap:8px;min-width:0}.user-report-modal .user-name{line-height:1.2}.user-report-modal .user-meta{display:flex;flex-wrap:wrap;gap:8px}.user-report-modal .meta-item{display:flex;align-items:center;white-space:nowrap}.user-report-modal .modal-actions{display:flex;gap:8px;flex-shrink:0}.user-report-modal .modal-content{background:#fafafa;padding:8px;border-radius:8px}.user-detail-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.user-detail-table .ant-table-thead>tr>th{background:var(--header-table-color)!important;color:#fff!important;font-weight:600;font-size:13px;letter-spacing:.02em;border:none!important;padding:16px 12px;text-align:center;position:relative;z-index:1;transition:all .3s ease;border-right:1px solid rgba(255,255,255,.1);box-shadow:inset 0 3px 4px -2px #1e293b33}.user-detail-table .ant-table-thead>tr>th:first-child{text-align:left}.user-detail-table .ant-table-thead>tr>th:last-child{border-right:none}.user-detail-table .ant-table-tbody>tr>td{font-size:14px;padding:12px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.user-detail-table .ant-table-tbody>tr:hover>td{background:#f8f9fa!important}.user-detail-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.user-detail-table .ant-table-tbody>tr>td .ant-tag{font-size:12px;padding:4px 8px;border-radius:6px;font-weight:500}.user-report-modal .modal-footer{display:flex;justify-content:flex-end;padding:16px 24px}@media (max-width: 1400px){.user-report-modal .ant-modal{width:95%!important;max-width:1200px}}@media (max-width: 768px){.user-report-modal .modal-header{flex-direction:column;gap:12px;align-items:center}.user-report-modal .user-info-section{flex-direction:column;text-align:center;gap:12px}.user-report-modal .user-meta{justify-content:center}.user-report-modal .modal-content{margin:8px;padding:12px}.user-report-modal .modal-footer{padding:12px 16px}}@media (max-width: 480px){.user-report-modal .user-meta{flex-direction:column;align-items:center;gap:8px}.user-report-modal .meta-item{justify-content:center}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{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;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{min-height:100vh;display:flex;flex-direction:column;margin:0;padding:0;background-color:#f5f5f5;color:#333;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #ffffff inset;-webkit-text-fill-color:#000000;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.\!container{width:100%!important}.container{width:100%}@media (min-width: 475px){.\!container{max-width:475px!important}.container{max-width:475px}}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.form-input,.form-textarea,.form-select,.form-multiselect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}.form-input:focus,.form-textarea:focus,.form-select:focus,.form-multiselect:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#6b7280;opacity:1}.form-input::placeholder,.form-textarea::placeholder{color:#6b7280;opacity:1}.form-input::-webkit-datetime-edit-fields-wrapper{padding:0}.form-input::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.form-input::-webkit-datetime-edit{display:inline-flex}.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}.form-checkbox,.form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}.form-checkbox{border-radius:0}.form-checkbox:focus,.form-radio:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.form-checkbox:checked,.form-radio:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.form-checkbox:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){.form-checkbox:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus{border-color:transparent;background-color:currentColor}.form-checkbox:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){.form-checkbox:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus{border-color:transparent;background-color:currentColor}.ant-layout-content{padding:24px;overflow-y:auto}.ant-modal-header{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #e8f4fd}.login-form .ant-form-item-label>label{font-weight:500;color:#374151}.login-form .ant-input-affix-wrapper{border-radius:8px!important;border:1px solid #d1d5db;transition:all .2s}.login-form .ant-input-affix-wrapper:hover,.login-form .ant-input-affix-wrapper:focus,.login-form .ant-input-affix-wrapper-focused{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.login-form .ant-btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;border:none!important;transition:all .3s ease!important;height:48px;font-size:16px;font-weight:500}.login-form .ant-btn-primary:hover,.login-form .ant-btn-primary:focus{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666!important}.login-form .ant-btn-primary:active{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.\!top-28{top:7rem!important}.\!top-\[9\.5rem\]{top:9.5rem!important}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-5{left:1.25rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.right-9{right:2.25rem}.top-0{top:0}.top-2{top:.5rem}.top-20{top:5rem}.top-28{top:7rem}.top-3{top:.75rem}.top-5{top:1.25rem}.top-8{top:2rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.col-span-2{grid-column:span 2 / span 2}.\!m-0{margin:0!important}.m-0{margin:0}.\!mx-0{margin-left:0!important;margin-right:0!important}.\!my-0{margin-top:0!important;margin-bottom:0!important}.\!my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.\!my-4{margin-top:1rem!important;margin-bottom:1rem!important}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.-mx-8{margin-left:-2rem;margin-right:-2rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.\!mb-0{margin-bottom:0!important}.\!mb-0\.5{margin-bottom:.125rem!important}.\!mb-1{margin-bottom:.25rem!important}.\!mb-2{margin-bottom:.5rem!important}.\!mb-3{margin-bottom:.75rem!important}.\!mb-4{margin-bottom:1rem!important}.\!mt-0{margin-top:0!important}.-mt-3{margin-top:-.75rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.\!flex{display:flex!important}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.\!h-10{height:2.5rem!important}.\!h-16{height:4rem!important}.\!h-6{height:1.5rem!important}.\!h-7{height:1.75rem!important}.\!h-9{height:2.25rem!important}.\!h-auto{height:auto!important}.\!h-full{height:100%!important}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[34px\]{height:34px}.h-\[calc\(100vh-160px\)\]{height:calc(100vh - 160px)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-0{max-height:0px}.max-h-32{max-height:8rem}.max-h-72{max-height:18rem}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-96{min-height:24rem}.min-h-\[50vh\]{min-height:50vh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.\!w-10{width:2.5rem!important}.\!w-full{width:100%!important}.w-0\.5{width:.125rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\/5{width:40%}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[100px\]{width:100px}.w-\[58px\]{width:58px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.\!min-w-32{min-width:8rem!important}.\!min-w-9{min-width:2.25rem!important}.min-w-0{min-width:0px}.min-w-10{min-width:2.5rem}.min-w-12{min-width:3rem}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.min-w-\[160px\]{min-width:160px}.min-w-\[200px\]{min-width:200px}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[140px\]{max-width:140px}.max-w-\[160px\]{max-width:160px}.max-w-\[200px\]{max-width:200px}.max-w-\[320px\]{max-width:320px}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.\!items-center{align-items:center!important}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.\!justify-center{justify-content:center!important}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.\!rounded-\[2px\]{border-radius:2px!important}.\!rounded-xl{border-radius:.75rem!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.\!border-0{border-width:0px!important}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.\!border-l-4{border-left-width:4px!important}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.\!border-blue-500{--tw-border-opacity: 1 !important;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))!important}.\!border-gray-300{--tw-border-opacity: 1 !important;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))!important}.\!border-green-600{--tw-border-opacity: 1 !important;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))!important}.\!border-orange-400{--tw-border-opacity: 1 !important;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))!important}.\!border-red-500{--tw-border-opacity: 1 !important;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))!important}.\!border-slate-200{--tw-border-opacity: 1 !important;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))!important}.border-\[\#e2e8f0\]{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-\[var\(--header-table-color\)\]{border-color:var(--header-table-color)}.border-blue-100{--tw-border-opacity: 1;border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-50{--tw-border-opacity: 1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-green-600{--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))}.border-navy{--tw-border-opacity: 1;border-color:rgb(5 68 94 / var(--tw-border-opacity, 1))}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-red-100{--tw-border-opacity: 1;border-color:rgb(254 226 226 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.border-teal-300{--tw-border-opacity: 1;border-color:rgb(94 234 212 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-l-blue-500{--tw-border-opacity: 1;border-left-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.\!bg-\[\#F8F9FB\]{--tw-bg-opacity: 1 !important;background-color:rgb(248 249 251 / var(--tw-bg-opacity, 1))!important}.\!bg-\[\#d7f5ed\]{--tw-bg-opacity: 1 !important;background-color:rgb(215 245 237 / var(--tw-bg-opacity, 1))!important}.\!bg-blue-500{--tw-bg-opacity: 1 !important;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))!important}.\!bg-red-500{--tw-bg-opacity: 1 !important;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))!important}.\!bg-white{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important}.bg-\[\#eef2f5\]{--tw-bg-opacity: 1;background-color:rgb(238 242 245 / var(--tw-bg-opacity, 1))}.bg-\[\#f5f5f5\]{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.bg-\[\#f8fafc\]{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-\[var\(--bg-active-item-sidebar\)\]{background-color:var(--bg-active-item-sidebar)}.bg-\[var\(--header-table-color\)\]{background-color:var(--header-table-color)}.bg-\[var\(--navy-blue\)\]{background-color:var(--navy-blue)}.bg-\[var\(--primary-color\)\]{background-color:var(--primary-color)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-navy{--tw-bg-opacity: 1;background-color:rgb(5 68 94 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/70{background-color:#ffffffb3}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.\!bg-opacity-90{--tw-bg-opacity: .9 !important}.bg-opacity-20{--tw-bg-opacity: .2}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-80{--tw-bg-opacity: .8}.bg-opacity-90{--tw-bg-opacity: .9}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-100{--tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-200{--tw-gradient-from: #e5e7eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-400{--tw-gradient-from: #4ade80 var(--tw-gradient-from-position);--tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-50{--tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-50{--tw-gradient-from: #fff7ed var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-50{--tw-gradient-from: #faf5ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-50{--tw-gradient-from: #f8fafc var(--tw-gradient-from-position);--tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from: #facc15 var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-50{--tw-gradient-from: #fefce8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from: #eab308 var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[\#eefffa\]{--tw-gradient-to: rgb(238 255 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #eefffa var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-indigo-400{--tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #818cf8 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-indigo-50{--tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #eef2ff var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-orange-50{--tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff7ed var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-500{--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-blue-100{--tw-gradient-to: #dbeafe var(--tw-gradient-to-position)}.to-blue-50{--tw-gradient-to: #eff6ff var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-emerald-50{--tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to: #059669 var(--tw-gradient-to-position)}.to-gray-100{--tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position)}.to-gray-200{--tw-gradient-to: #e5e7eb var(--tw-gradient-to-position)}.to-green-100{--tw-gradient-to: #dcfce7 var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to: #16a34a var(--tw-gradient-to-position)}.to-indigo-100{--tw-gradient-to: #e0e7ff var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to: #eef2ff var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.to-orange-100{--tw-gradient-to: #ffedd5 var(--tw-gradient-to-position)}.to-orange-50{--tw-gradient-to: #fff7ed var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.to-purple-100{--tw-gradient-to: #f3e8ff var(--tw-gradient-to-position)}.to-purple-50{--tw-gradient-to: #faf5ff var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.to-red-50{--tw-gradient-to: #fef2f2 var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to: #ef4444 var(--tw-gradient-to-position)}.to-slate-100{--tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-0{padding:0!important}.\!p-1{padding:.25rem!important}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[0\.625rem\]{padding:.625rem}.\!px-4{padding-left:1rem!important;padding-right:1rem!important}.\!px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.\!py-0{padding-top:0!important;padding-bottom:0!important}.\!py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.\!py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.\!py-4{padding-top:1rem!important;padding-bottom:1rem!important}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-24{padding-left:6rem}.pl-7{padding-left:1.75rem}.pr-0{padding-right:0}.pr-2{padding-right:.5rem}.pr-\[80px\]{padding-right:80px}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.\!text-center{text-align:center!important}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:JetBrains Mono,ui-monospace,monospace}.\!text-\[20px\]{font-size:20px!important}.\!text-base{font-size:1rem!important;line-height:1.5rem!important}.\!text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.\!text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.\!text-xs{font-size:.75rem!important;line-height:1rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.\!font-bold{font-weight:700!important}.\!font-medium{font-weight:500!important}.\!font-normal{font-weight:400!important}.\!font-semibold{font-weight:600!important}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.\!leading-relaxed{line-height:1.625!important}.\!leading-snug{line-height:1.375!important}.\!leading-tight{line-height:1.25!important}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.\!text-\[\#555\]{--tw-text-opacity: 1 !important;color:rgb(85 85 85 / var(--tw-text-opacity, 1))!important}.\!text-\[var\(--primary-color\)\]{color:var(--primary-color)!important}.\!text-blue-500{--tw-text-opacity: 1 !important;color:rgb(59 130 246 / var(--tw-text-opacity, 1))!important}.\!text-blue-600{--tw-text-opacity: 1 !important;color:rgb(37 99 235 / var(--tw-text-opacity, 1))!important}.\!text-blue-800{--tw-text-opacity: 1 !important;color:rgb(30 64 175 / var(--tw-text-opacity, 1))!important}.\!text-blueGrotto{--tw-text-opacity: 1 !important;color:rgb(24 154 180 / var(--tw-text-opacity, 1))!important}.\!text-gray-600{--tw-text-opacity: 1 !important;color:rgb(75 85 99 / var(--tw-text-opacity, 1))!important}.\!text-gray-700{--tw-text-opacity: 1 !important;color:rgb(55 65 81 / var(--tw-text-opacity, 1))!important}.\!text-gray-800{--tw-text-opacity: 1 !important;color:rgb(31 41 55 / var(--tw-text-opacity, 1))!important}.\!text-gray-900{--tw-text-opacity: 1 !important;color:rgb(17 24 39 / var(--tw-text-opacity, 1))!important}.\!text-green-600{--tw-text-opacity: 1 !important;color:rgb(22 163 74 / var(--tw-text-opacity, 1))!important}.\!text-navy{--tw-text-opacity: 1 !important;color:rgb(5 68 94 / var(--tw-text-opacity, 1))!important}.\!text-primary{--tw-text-opacity: 1 !important;color:rgb(24 154 180 / var(--tw-text-opacity, 1))!important}.\!text-red-500{--tw-text-opacity: 1 !important;color:rgb(239 68 68 / var(--tw-text-opacity, 1))!important}.\!text-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.text-\[\#666\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity, 1))}.text-\[var\(--header-table-color\)\]{color:var(--header-table-color)}.text-\[var\(--primary-color\)\]{color:var(--primary-color)}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(24 154 180 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-blue-100{--tw-shadow-color: #dbeafe;--tw-shadow: var(--tw-shadow-colored)}.shadow-red-200{--tw-shadow-color: #fecaca;--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-blue-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-2xl{--tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / .15));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.\!transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\!duration-300{transition-duration:.3s!important}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.flex-center{display:flex;align-items:center;justify-content:center}.dashboard-course-slider .flex-center.gap-4{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:.5rem 0;min-height:280px}.dashboard-course-slider .flex-center.gap-4::-webkit-scrollbar{display:none}.dashboard-course-slider .flex-center.gap-4.overflow-x-auto::-webkit-scrollbar{display:none}.dashboard-course-slider .flex-center.gap-4.overflow-x-auto{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media print{.no-print,.ant-layout-sider,.ant-layout-header{display:none!important}.ant-layout-content{padding:0!important}}@media (max-width: 1024px){.ant-layout-content{padding:16px}}@media (max-width: 768px){.ant-layout-content{padding:16px}.ant-card{margin-bottom:16px}.ant-table-wrapper{overflow-x:auto}.ant-layout-sider-collapsed .ant-menu-item{padding:0!important;display:flex;justify-content:center;align-items:center}.ant-layout-sider-collapsed .ant-menu-item .ant-menu-title-content{display:none}.ant-layout-sider-collapsed .ant-menu-item-icon{margin-right:0;font-size:20px;line-height:40px}.ant-layout-sider-collapsed .ant-menu-submenu-title{padding:0!important;display:flex;justify-content:center;align-items:center}.ant-layout-sider-collapsed .ant-menu-submenu-title .ant-menu-title-content{display:none}.ant-form-item{margin-bottom:0}.ant-btn{height:40px;padding:0 16px}.ant-btn-sm{height:32px;padding:0 12px}.ant-btn-lg{height:48px;padding:0 20px}}.ant-btn:focus,.ant-input:focus,.ant-select:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.login-page .min-h-screen{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#4f46e5)}.min-h-screen{background:#fff}.site-layout{margin-left:0;transition:all .2s}.site-layout .ant-layout-header{position:sticky;top:0;z-index:100}.ant-menu-item{border-radius:8px!important;margin:4px 8px!important;width:auto!important}.ant-menu-item-selected{background-color:#3b82f61a!important;color:var(--primary-color)!important}.ant-menu-item-selected .anticon{color:var(--primary-color)!important}.ant-menu-item:hover{background-color:#3b82f60d!important;color:var(--primary-color)!important}.ant-menu-item:hover:after{border-bottom:2px solid var(--primary-color)!important}.ant-layout-content{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc}.ant-layout-content::-webkit-scrollbar{width:6px}.ant-layout-content::-webkit-scrollbar-track{background:#f8fafc}.ant-layout-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.ant-layout-content::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.course-card{height:472px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.course-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f!important}.course-card .ant-card-cover{flex-shrink:0;overflow:hidden}.course-card .ant-card-body{flex:1;min-height:0}.course-card img{will-change:opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.grid.grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-3{align-items:stretch}.grid.grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-3>*{height:472px}.overflow-x-auto::-webkit-scrollbar{height:6px}.overflow-x-auto::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.overflow-x-auto::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#94a3b8}.course-list-item{transition:all .3s ease;transform:scale(.95)}.course-list-item:hover{box-shadow:0 8px 24px #0000001a!important;transform:scale(.98) translateY(-2px)}.course-list-item .ant-card-body{padding:0}@media (min-width: 640px){.course-list-item{transform:scale(.98)}.course-list-item:hover{transform:scale(1) translateY(-2px)}}@media (min-width: 768px){.course-list-item{transform:scale(1)}.course-list-item:hover{transform:scale(1.02) translateY(-2px)}}@media (min-width: 1024px){.course-list-item{transform:scale(1)}.course-list-item:hover{transform:scale(1.02) translateY(-2px)}}@media (max-width: 768px){.course-list-item .w-64{width:100%;height:200px}.course-list-item .flex-1{padding:1rem}}@media (max-width: 480px){.course-list-item .w-64{height:160px}.course-list-item .flex-1{padding:.75rem}.course-list-item .gap-6{gap:1rem}}.scorm-player{position:relative}.scorm-player .ant-card-head{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #e8f4fd}.scorm-player .ant-card-body{padding:0}.scorm-player iframe{border:none;background:#000}.scorm-player .ant-progress-inner{background-color:#f0f0f0}.scorm-player .ant-progress-bg{border-radius:4px;transition:all .3s ease}.course-player-sidebar{height:100vh;overflow-y:auto;background:#fff;box-shadow:2px 0 8px #0000001a}.course-player-content{height:100vh;overflow:hidden}.course-player-header{background:#fff;border-bottom:1px solid #e8e8e8;padding:12px 24px;position:sticky;top:0;z-index:10}.topic-menu .ant-menu-item{height:auto!important;line-height:1.4!important;margin:4px 0!important;border-radius:6px!important}.topic-menu .ant-menu-item-selected{background-color:#e6f7ff!important;border-right:3px solid var(--primary-color)!important}.topic-menu .ant-menu-item:hover{background-color:#f5f5f5!important}.scorm-player:fullscreen{width:100%;height:100%;background:#000}@media (max-width: 768px){.course-player-header{padding:8px 16px}.course-player-content{padding:16px}.scorm-player .ant-card-head-title{font-size:16px}}@media (max-width: 480px){.course-player-header{padding:6px 12px}.course-player-content{padding:12px}.scorm-player .ant-card-head-extra{margin-left:8px}}.course-card .ant-card-cover:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;opacity:0;transition:opacity .3s ease}.course-card:hover .ant-card-cover:after{opacity:1}.ant-tag{font-weight:500;border:none;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.course-card-container{transition:transform .3s ease}.course-card-container:hover{transform:scale(1.02)}.scale-80{transform:scale(.8);transform-origin:center}.scale-80:hover{transform:scale(.82)}.scale-70{transform:scale(.7);transform-origin:center}.scale-70:hover{transform:scale(.72)}.scale-75{transform:scale(.75);transform-origin:center}@media (max-width: 1024px){.scale-70{transform:scale(.6)}.scale-70:hover{transform:scale(.65)}}@media (max-width: 768px){.scale-70{transform:scale(.55)}.scale-70:hover{transform:scale(.58)}.ant-card-head{padding:0 12px!important;min-height:40px!important}.ant-card-body{padding:12px!important}.ant-alert,.ant-row{margin-bottom:12px!important}}@media (max-width: 480px){.scale-70{transform:scale(.5)}.scale-70:hover{transform:scale(.52)}.ant-card-head{padding:0 8px!important;min-height:36px!important}.ant-card-body{padding:8px!important}.ant-space{gap:4px!important}.ant-select{min-width:60px!important}.ant-btn-sm{padding:0 8px!important;height:28px!important}}.ant-layout-content{overflow-y:auto;flex:1}.dashboard-container{height:100%;display:flex;flex-direction:column}.dashboard-content{flex:1;overflow-y:auto}.course-navigation-container{display:flex;align-items:center;gap:8px}.course-navigation-container .ant-btn{flex-shrink:0;z-index:10}.course-scroll-area{flex:1;min-width:0}.course-scroll-area .scrollbar-hide{scroll-behavior:smooth}@media (max-width: 768px){.course-navigation-container{gap:4px}.course-navigation-container .ant-btn{width:28px!important;height:28px!important;min-width:28px!important}}.course-list-item .stat-item{display:flex!important;align-items:center!important;white-space:nowrap!important}.course-list-item .stat-item .anticon{margin-right:4px!important;font-size:14px!important}.course-list-item .stat-item .ant-typography{margin:0!important;font-size:14px!important;font-weight:500!important;color:#374151!important}.course-progress .ant-progress-bg{border-radius:3px!important}.course-list-item:hover .stat-item{opacity:.8;transition:opacity .2s ease}.dashboard-course-slider{position:relative;margin:0 auto;width:100%;min-height:300px}.dashboard-course-slider .mx-auto{transition:width .3s ease;margin:0 auto;min-width:272px}.dashboard-course-slider .flex.gap-4{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:.5rem 0;min-height:280px}.dashboard-course-slider .flex.gap-4::-webkit-scrollbar{display:none}.dashboard-course-slider .flex-shrink-0{flex:0 0 auto;scroll-snap-align:start;transition:all .3s ease}.dashboard-course-slider .ant-btn{transition:all .2s ease!important}.dashboard-course-slider .ant-btn:disabled{opacity:.4!important}.dashboard-course-slider .ant-btn:disabled .anticon{opacity:.4!important}.dashboard-course-slider .rounded-full{transition:background-color .2s ease}@media (max-width: 768px){.dashboard-course-slider .ant-btn{min-height:32px!important}.dashboard-course-slider .ant-typography{font-size:18px!important}}@media (max-width: 480px){.dashboard-course-slider .ant-btn{min-height:32px!important}.dashboard-course-slider .ant-typography{font-size:16px!important}}.dashboard-course-card{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition:all .3s ease;border-radius:8px;overflow:hidden;height:100%}.dashboard-course-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a!important}.dashboard-course-card .ant-card-body{padding:12px!important;height:100%;display:flex;flex-direction:column}.dashboard-course-card .ant-typography{margin-bottom:0!important}.dashboard-course-card .ant-progress-line{border-radius:4px}.dashboard-course-card .ant-tag{font-size:10px;padding:3px 8px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dashboard-course-card .ant-btn{font-size:11px;height:24px;padding:0 8px}.dashboard-course-card .ant-btn-sm{font-size:11px;height:20px;padding:0 6px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.course-card-enter{animation:fadeInUp .3s ease-out}@media (max-width: 768px){.dashboard-course-card .ant-btn{font-size:10px;height:20px;padding:0 6px}}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f7fafc}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.course-progress .ant-progress-bg{transition:width .6s ease}.course-card-hover{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.course-card-hover:hover{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-smooth-hover{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-smooth-hover:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.status-badge{border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500}.dashboard-course-slider .status-badge{transition:background-color .2s ease}.status-active{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.status-inactive{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.status-enrolled{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.status-in-progress{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.status-completed{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--navy-blue: #05445e;--blue-grotto: #189ab4;--blue-green: #75e6da;--baby-blue: #d4f1f4;--primary-color: var(--blue-grotto);--secondary-color: var(--navy-blue);--accent-color: var(--blue-green);--background-color: var(--baby-blue);--color-text: rgb(0 0 0 / 88%);--header-table-color: #05445e;--course-success-color: #4caf50;--course-in-progress-color: #87ceeb;--btn-login-hover-color: #d4f1f4;--bg-active-item-sidebar: #e6f4ff}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;height:100vh;margin:0;padding:0}.ant-card{border-radius:8px}.ant-card-body{padding:24px}.ant-card-cover>*{border-radius:8px 8px 0 0}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.dashboard-course-card-compact{width:240px;height:260px;transition:all .3s ease;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.dashboard-course-card-compact:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.dashboard-course-card-compact .ant-card-cover{border-radius:8px 8px 0 0}.dashboard-course-card-compact .ant-card-body{padding:12px;height:calc(100% - 112px);display:flex;flex-direction:column}.course-carousel-container{width:1008px;max-width:100%;margin:0 auto}.course-carousel-viewport{overflow:hidden;width:100%}.course-carousel-track{display:flex;transition:transform .3s ease-in-out}.course-carousel-item{width:240px;flex-shrink:0;margin-right:16px}.course-carousel-item:last-child{margin-right:0}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.course-scroll-container{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.course-scroll-container::-webkit-scrollbar{display:none}.scroll-nav-button{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#fff;border:none;box-shadow:0 2px 8px #00000026;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;outline:none!important}.scroll-nav-button:hover{background:#f8fafc;box-shadow:0 4px 12px #0003}.scroll-nav-button:focus{outline:none!important;box-shadow:0 2px 8px #00000026}.scroll-nav-button:active{outline:none!important;transform:translateY(-50%) scale(.95)}.scroll-nav-button:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.scroll-nav-button:disabled:hover{background:#f5f5f5;box-shadow:0 2px 8px #00000026}.scroll-nav-button.left{left:0}.scroll-nav-button.right{right:0}.ant-btn:focus,.ant-btn:active{outline:none!important;box-shadow:none!important}.ant-btn:focus:not(:disabled){border-color:initial}.course-action-buttons{display:flex;flex-direction:column;gap:6px;margin-top:auto}.course-action-buttons .ant-btn{border-radius:6px;font-weight:500;height:28px;font-size:11px}.course-action-buttons .ant-btn-primary{background:#3b82f6;border-color:#3b82f6}.course-action-buttons .ant-btn-primary:hover{background:#2563eb;border-color:#2563eb}.course-action-buttons .ant-btn:focus,.course-action-buttons .ant-btn:active{outline:none!important;box-shadow:none!important}@media (max-width: 1200px){.course-carousel-container{width:804px}}@media (max-width: 900px){.course-carousel-container{width:496px}}@media (max-width: 768px){.dashboard-course-card-compact{width:200px;height:240px}.course-carousel-container{width:416px}.course-carousel-item{width:200px}.scroll-nav-button{width:36px;height:36px}}@media (max-width: 640px){.dashboard-course-card-compact{width:180px;height:220px}.course-carousel-container,.course-carousel-item{width:180px}.scroll-nav-button{width:32px;height:32px}}.dashboard-course-slider .flex.gap-4.overflow-x-auto::-webkit-scrollbar{display:none}.dashboard-course-slider .flex.gap-4.overflow-x-auto{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.ant-layout-sider{box-shadow:2px 0 8px #1d23290d;border-right:1px solid #f0f0f0}.logo-container{display:flex;justify-content:center;align-items:center;height:64px;padding:0 24px;border-bottom:1px solid #f0f0f0;transition:all .3s ease}.logo-container.collapsed{padding:0 8px}.ant-menu{border-right:none!important}.ant-menu-item,.ant-menu-submenu-title{margin:4px 8px!important;border-radius:6px!important;height:40px!important;line-height:40px!important}.ant-menu-inline .ant-menu-item,.ant-menu-inline .ant-menu-submenu-title{padding-left:16px!important}.ant-layout-sider-collapsed .ant-menu-item,.ant-layout-sider-collapsed .ant-menu-submenu-title{padding:0!important;justify-content:center}.ant-layout-sider-collapsed .icon-wrapper{margin:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.ant-layout-sider-collapsed .ant-menu-item .ant-menu-item-icon,.ant-layout-sider-collapsed .ant-menu-submenu-title .ant-menu-item-icon{line-height:40px;font-size:18px}.ant-layout-sider-collapsed .ant-menu-title-content{opacity:0;display:none}.ant-menu-item:hover,.ant-menu-submenu-title:hover{background-color:#f6f8fa!important}.ant-menu-item-selected{background-color:var(--bg-active-item-sidebar)!important;color:var(--primary-color)!important}.ant-menu-item-selected:after{display:none!important}.ant-menu-sub.ant-menu-inline{background:transparent!important}.ant-menu-inline .ant-menu-sub .ant-menu-item{padding-left:48px!important}.icon-wrapper{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:12px;transition:all .3s ease}.ant-layout-sider,.ant-menu,.ant-menu-item,.ant-menu-submenu,.logo-container,.icon-wrapper{transition:all .3s cubic-bezier(.2,0,0,1) 0s}.ant-menu-inline-collapsed-tooltip .ant-tooltip-inner{min-height:32px;padding:6px 12px;font-size:14px;border-radius:4px}.ant-menu-item-selected .icon-wrapper{color:var(--primary-color)}.dashboard-course-slider .nav-buttons{display:flex;align-items:center;background-color:#f3f4f6;border-radius:9999px;padding:2px;margin-left:1rem;transition:all .2s ease}.dashboard-course-slider .nav-button{width:28px;height:28px;min-width:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:9999px;font-size:12px;transition:all .2s ease}.dashboard-course-slider .nav-button:not(:disabled){color:#2563eb}.dashboard-course-slider .nav-button:not(:disabled):hover{background-color:#eff6ff}.dashboard-course-slider .nav-button:disabled{color:#9ca3af;cursor:not-allowed}.dashboard-course-slider .title-section{display:flex;align-items:center;margin-left:15px}.dashboard-course-slider .title-icon{color:#2563eb;font-size:20px;margin-right:8px}.dashboard-course-slider .progress-dots{display:flex;gap:4px;justify-content:center;margin-top:1rem}.dashboard-course-slider .progress-dot{width:6px;height:6px;border-radius:9999px;transition:background-color .2s ease}.dashboard-course-slider .progress-dot.active{background-color:#2563eb}.dashboard-course-slider .progress-dot.inactive{background-color:#e5e7eb}.login-form .ant-form-item-explain-error{padding-left:12px}.no-focus-outline:focus-visible{outline:none!important;box-shadow:none!important}.ant-input-number .ant-input-number-handler-wrap{opacity:1;width:22px!important}.ant-message{z-index:10000!important}.last\:border-b-0:last-child{border-bottom-width:0px}.focus-within\:border-blue-300:focus-within{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-within\:ring-blue-200:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1))}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:\!scale-105:hover{--tw-scale-x: 1.05 !important;--tw-scale-y: 1.05 !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:\!border-gray-400:hover{--tw-border-opacity: 1 !important;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))!important}.hover\:\!border-red-600:hover{--tw-border-opacity: 1 !important;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))!important}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.hover\:border-green-200:hover{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.hover\:border-green-700:hover{--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))}.hover\:\!bg-\[\#EEF2F6\]:hover{--tw-bg-opacity: 1 !important;background-color:rgb(238 242 246 / var(--tw-bg-opacity, 1))!important}.hover\:\!bg-\[var\(--primary-color-25\)\]:hover{background-color:var(--primary-color-25)!important}.hover\:\!bg-\[var\(--secondary-color\)\]:hover{background-color:var(--secondary-color)!important}.hover\:\!bg-blue-50:hover{--tw-bg-opacity: 1 !important;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))!important}.hover\:\!bg-gray-100:hover{--tw-bg-opacity: 1 !important;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))!important}.hover\:\!bg-navy:hover{--tw-bg-opacity: 1 !important;background-color:rgb(5 68 94 / var(--tw-bg-opacity, 1))!important}.hover\:\!bg-red-600:hover{--tw-bg-opacity: 1 !important;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))!important}.hover\:bg-\[var\(--header-table-color\)\]:hover{background-color:var(--header-table-color)}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-green-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-50:hover{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:\!bg-opacity-100:hover{--tw-bg-opacity: 1 !important}.hover\:from-green-600:hover{--tw-gradient-from: #16a34a var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-green-700:hover{--tw-gradient-to: #15803d var(--tw-gradient-to-position)}.hover\:\!text-\[var\(--navy-blue\)\]:hover{color:var(--navy-blue)!important}.hover\:\!text-gray-800:hover{--tw-text-opacity: 1 !important;color:rgb(31 41 55 / var(--tw-text-opacity, 1))!important}.hover\:\!text-white:hover{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.hover\:text-\[var\(--primary-color\)\]:hover{color:var(--primary-color)}.hover\:text-blue-200:hover{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.hover\:text-blue-500:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.hover\:text-green-600:hover{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.hover\:text-indigo-600:hover{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-red-800:hover{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-gray-100:hover{--tw-shadow-color: #f3f4f6;--tw-shadow: var(--tw-shadow-colored)}.focus\:scale-105:focus{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:shadow-lg:focus{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-1:focus{--tw-ring-offset-width: 1px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:\!bg-\[\#F8F9FB\]:disabled{--tw-bg-opacity: 1 !important;background-color:rgb(248 249 251 / var(--tw-bg-opacity, 1))!important}.disabled\:\!opacity-40:disabled{opacity:.4!important}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:border-teal-400{--tw-border-opacity: 1;border-color:rgb(45 212 191 / var(--tw-border-opacity, 1))}.group:hover .group-hover\:text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-teal-500{--tw-text-opacity: 1;color:rgb(20 184 166 / var(--tw-text-opacity, 1))}@media (min-width: 475px){.xs\:h-56{height:14rem}.xs\:gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.xs\:gap-y-1{row-gap:.25rem}}@media (min-width: 640px){.sm\:\!mb-0{margin-bottom:0!important}.sm\:mt-0{margin-top:0}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:h-48{height:12rem}.sm\:w-1\/3{width:33.333333%}.sm\:w-64{width:16rem}.sm\:w-\[140px\]{width:140px}.sm\:w-\[150px\]{width:150px}.sm\:w-auto{width:auto}.sm\:max-w-xs{max-width:20rem}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:1rem}.sm\:px-2{padding-left:.5rem;padding-right:.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pr-\[100px\]{padding-right:100px}.sm\:\!text-lg{font-size:1.125rem!important;line-height:1.75rem!important}}@media (min-width: 768px){.md\:\!top-40{top:10rem!important}.md\:col-span-1{grid-column:span 1 / span 1}.md\:mx-8{margin-left:2rem;margin-right:2rem}.md\:my-2{margin-top:.5rem;margin-bottom:.5rem}.md\:my-3{margin-top:.75rem;margin-bottom:.75rem}.md\:\!mb-0{margin-bottom:0!important}.md\:mb-0{margin-bottom:0}.md\:mb-4{margin-bottom:1rem}.md\:mb-6{margin-bottom:1.5rem}.md\:ml-6{margin-left:1.5rem}.md\:ml-8{margin-left:2rem}.md\:mr-4{margin-right:1rem}.md\:mt-0{margin-top:0}.md\:mt-10{margin-top:2.5rem}.md\:mt-18{margin-top:4.5rem}.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:table-cell{display:table-cell}.md\:hidden{display:none}.md\:h-12{height:3rem}.md\:h-16{height:4rem}.md\:h-36{height:9rem}.md\:h-44{height:11rem}.md\:h-\[230px\]{height:230px}.md\:h-auto{height:auto}.md\:w-1\/4{width:25%}.md\:w-16{width:4rem}.md\:w-32{width:8rem}.md\:w-56{width:14rem}.md\:w-80{width:20rem}.md\:w-auto{width:auto}.md\:min-w-12{min-width:3rem}.md\:min-w-\[120px\]{min-width:120px}.md\:min-w-\[180px\]{min-width:180px}.md\:max-w-2xl{max-width:42rem}.md\:flex-none{flex:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-wrap{flex-wrap:wrap}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:gap-2{gap:.5rem}.md\:gap-4{gap:1rem}.md\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.md\:self-auto{align-self:auto}.md\:p-12{padding:3rem}.md\:p-16{padding:4rem}.md\:p-2{padding:.5rem}.md\:p-4{padding:1rem}.md\:\!px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.md\:px-0{padding-left:0;padding-right:0}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-2{padding-top:.5rem;padding-bottom:.5rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:pl-2{padding-left:.5rem}.md\:pl-4{padding-left:1rem}.md\:pl-6{padding-left:1.5rem}.md\:pr-4{padding-right:1rem}.md\:text-right{text-align:right}.md\:\!text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1024px){.lg\:\!top-16{top:4rem!important}.lg\:\!top-28{top:7rem!important}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:mb-0{margin-bottom:0}.lg\:ml-0{margin-left:0}.lg\:mr-6{margin-right:1.5rem}.lg\:mt-0{margin-top:0}.lg\:mt-18{margin-top:4.5rem}.lg\:mt-6{margin-top:1.5rem}.lg\:mt-9{margin-top:2.25rem}.lg\:block{display:block}.lg\:inline-block{display:inline-block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:\!h-9{height:2.25rem!important}.lg\:h-36{height:9rem}.lg\:h-40{height:10rem}.lg\:h-48{height:12rem}.lg\:h-\[180px\]{height:180px}.lg\:\!w-9{width:2.25rem!important}.lg\:w-1\/3{width:33.333333%}.lg\:w-64{width:16rem}.lg\:w-\[110px\]{width:110px}.lg\:w-\[240px\]{width:240px}.lg\:min-w-0{min-width:0px}.lg\:min-w-\[200px\]{min-width:200px}.lg\:max-w-4xl{max-width:56rem}.lg\:flex-1{flex:1 1 0%}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:gap-5{gap:1.25rem}.lg\:overflow-x-visible{overflow-x:visible}.lg\:border-l-2{border-left-width:2px}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:pt-0{padding-top:0}}@media (min-width: 1280px){.xl\:mt-10{margin-top:2.5rem}.xl\:mt-18{margin-top:4.5rem}.xl\:max-w-\[1040px\]{max-width:1040px}}.admin-page-content{min-height:400px}.admin-page-title,.ant-typography h1.ant-typography,.ant-typography h2.ant-typography,h1.admin-title,h2.admin-title{font-size:24px!important;line-height:32px!important;font-weight:600!important;color:#262626!important;margin:0 0 4px!important}.admin-page-description{font-size:16px!important;line-height:24px!important;color:#8c8c8c!important;margin:0!important}.admin-filters .ant-card-body{padding:16px}.admin-filters .result-stats{display:flex;align-items:center;gap:8px}.admin-filters .active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.admin-table-container .ant-card-body{padding:0}.admin-table .ant-table{background:#fff}.admin-table .ant-table-thead>tr>th{background:#fafafa;border-bottom:2px solid #f0f0f0;font-weight:600;color:#262626}.admin-table .ant-table-tbody>tr>td{border-bottom:1px solid #f5f5f5;padding:12px 16px}.admin-table .ant-table-tbody>tr:hover>td{background:#f9f9f9}.admin-table .ant-table-pagination{margin:16px;text-align:right}@media (max-width: 768px){.admin-filters .ant-row>.ant-col{margin-bottom:8px}.admin-table .ant-table-pagination{text-align:center}.admin-table .ant-table{font-size:14px}}@media (max-width: 576px){.admin-filters .ant-card-body{padding:12px}.admin-table .ant-table-tbody>tr>td{padding:8px 12px;font-size:13px}}