.toast{border-radius:var(--radius-md);min-width:300px;max-width:400px;box-shadow:var(--shadow-md);background-color:var(--white);z-index:1000;align-items:flex-start;padding:16px;transition:all .3s ease-in-out;animation:.3s forwards slide-in;display:none;position:fixed;top:20px;right:20px}.toast.hidden{animation:.3s forwards slide-out}@keyframes slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--danger)}.toast.info{border-left:4px solid var(--primary)}.toast.warning{border-left:4px solid var(--warning)}.toast-icon{flex-shrink:0;margin-right:12px;padding-top:2px}.toast.success .toast-icon{color:var(--success)}.toast.error .toast-icon{color:var(--danger)}.toast.info .toast-icon{color:var(--primary)}.toast.warning .toast-icon{color:var(--warning)}.toast-content{flex:1}.toast-title{margin:0 0 4px;font-size:16px;font-weight:600}.toast-message{color:var(--text-secondary);margin:0;font-size:14px}.toast-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-left:8px;padding:0;transition:color .2s}.toast-close:hover{color:var(--text-primary)}[dir=rtl] .toast{border-left:none;left:20px;right:auto}[dir=rtl] .toast.success{border-right:4px solid var(--success)}[dir=rtl] .toast.error{border-right:4px solid var(--danger)}[dir=rtl] .toast.info{border-right:4px solid var(--primary)}[dir=rtl] .toast.warning{border-right:4px solid var(--warning)}[dir=rtl] .toast-icon{margin-left:12px;margin-right:0}[dir=rtl] .toast-close{margin-left:0;margin-right:8px}@keyframes slide-in-rtl{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-rtl{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}[dir=rtl] .toast{animation:.3s forwards slide-in-rtl}[dir=rtl] .toast.hidden{animation:.3s forwards slide-out-rtl}@media (width<=768px){.toast{min-width:250px;max-width:90%;top:10px;left:auto;right:10px}[dir=rtl] .toast{left:10px;right:auto}}@media (width<=480px){.toast{min-width:unset;width:calc(100% - 20px);max-width:calc(100% - 20px);top:10px;left:10px;right:10px}[dir=rtl] .toast{left:10px;right:10px}}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:10px;max-height:calc(100vh - 40px);padding-bottom:20px;display:flex;position:fixed;top:20px;right:20px;overflow-y:auto}.toast-container .toast{pointer-events:auto;top:unset;right:unset;position:relative}[dir=rtl] .toast-container{left:20px;right:auto}[dir=rtl] .toast-container .toast{left:unset}@media (width<=768px){.toast-container{max-width:calc(100% - 20px);top:10px;right:10px}[dir=rtl] .toast-container{left:10px;right:auto}}@media (width<=480px){.toast-container{max-width:100%;padding:0 10px;left:0;right:0}[dir=rtl] .toast-container{left:0;right:0}.toast-container .toast{width:100%}}.shared-confirmation-dialog-overlay{z-index:1100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.shared-confirmation-dialog{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:500px;padding:0;animation:.3s ease-out slide-up;display:flex;overflow:hidden}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.shared-confirmation-dialog-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.shared-confirmation-dialog-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.shared-confirmation-dialog-close{cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.shared-confirmation-dialog-close:hover{background-color:var(--background);color:var(--text-primary)}.shared-confirmation-dialog-content{align-items:flex-start;gap:16px;padding:24px;display:flex}.shared-confirmation-dialog-icon{color:var(--warning);flex-shrink:0}.shared-confirmation-dialog.danger .shared-confirmation-dialog-icon{color:var(--danger)}.shared-confirmation-dialog-message{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.5}.shared-confirmation-dialog-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.shared-confirmation-dialog-cancel{border-radius:var(--radius-md);background-color:var(--background);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:8px 16px;font-weight:500;transition:all .2s}.shared-confirmation-dialog-cancel:hover{background-color:var(--background-dark);color:var(--text-primary)}.shared-confirmation-dialog-confirm{border-radius:var(--radius-md);background-color:var(--primary);border:1px solid var(--primary);color:var(--white);cursor:pointer;padding:8px 16px;font-weight:500;transition:all .2s}.shared-confirmation-dialog-confirm:hover{background-color:var(--primary-dark)}.shared-confirmation-dialog-confirm.danger{background-color:var(--danger);border-color:var(--danger)}.shared-confirmation-dialog-confirm.danger:hover{background-color:var(--danger-dark)}[dir=rtl] .shared-confirmation-dialog-content,[dir=rtl] .shared-confirmation-dialog-actions{flex-direction:row-reverse}@media (width<=768px){.shared-confirmation-dialog{max-width:450px}}@media (width<=480px){.shared-confirmation-dialog{max-width:calc(100% - 32px);margin:0 16px}.shared-confirmation-dialog-header{padding:12px 16px}.shared-confirmation-dialog-content{padding:16px}.shared-confirmation-dialog-actions{padding:12px 16px}.shared-confirmation-dialog-title{font-size:16px}.shared-confirmation-dialog-message{font-size:14px}}.dashboard-overview-enhanced{background:#f5f6fa;min-height:100vh;padding:24px}.dashboard-overview-loading{min-height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{border:3px solid #00443f1a;border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-overview-header{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px;display:flex;box-shadow:0 2px 8px #0000000a}.dashboard-overview-title{color:var(--primary);margin:0 0 8px;font-size:28px;font-weight:600}.dashboard-overview-subtitle{color:var(--text-secondary);margin:0;font-size:14px}.dashboard-refresh-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .3s;display:flex}.dashboard-refresh-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.dashboard-refresh-btn.refreshing svg{animation:1s linear infinite spin}.section-title{color:var(--primary);margin:0 0 16px;font-size:18px;font-weight:600}.dashboard-stats-section{margin-bottom:32px}.dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.stat-card{background:#fff;border-radius:12px;padding:20px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.stat-card:before{content:"";background:var(--primary);height:4px;position:absolute;top:0;left:0;right:0}.stat-card-primary:before{background:var(--primary)}.stat-card-success:before{background:#10b981}.stat-card-info:before{background:#3b82f6}.stat-card-warning:before{background:#f59e0b}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.stat-card-icon{width:40px;height:40px;color:var(--primary);background:#00443f14;border-radius:10px;padding:8px}.stat-change{border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex}.stat-change.positive{color:#10b981;background:#10b9811a}.stat-change.neutral{color:#6b7280;background:#6b72801a}.change-label{color:var(--text-secondary);margin-left:4px}.stat-card-body{flex:1}.stat-card-title{color:var(--text-secondary);margin:0 0 8px;font-size:14px;font-weight:500}.stat-card-value{color:var(--primary);margin-bottom:8px;font-size:32px;font-weight:700;line-height:1}.stat-card-subtitle{color:var(--text-secondary);margin:0;font-size:13px}.dashboard-engagement-section{background:#fff;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 2px 8px #0000000a}.engagement-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.engagement-metric{align-items:center;gap:16px;display:flex}.metric-icon{background:#00443f14;border-radius:12px;width:48px;height:48px;padding:12px}.metric-icon.text-primary{color:var(--primary)}.metric-icon.text-success{color:#10b981}.metric-icon.text-info{color:#3b82f6}.metric-icon.text-warning{color:#f59e0b}.metric-content{flex-direction:column;display:flex}.metric-value{color:var(--primary);font-size:24px;font-weight:700;line-height:1}.metric-label{color:var(--text-secondary);margin-top:4px;font-size:13px}.dashboard-charts-section{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-bottom:32px;display:grid}.chart-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a}.chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-header h3{color:var(--primary);margin:0;font-size:16px;font-weight:600}.chart-controls{gap:8px;display:flex}.period-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.period-btn:hover{background:#f9fafb}.period-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.chart-body{height:250px;position:relative}.chart-loading{height:250px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.dashboard-bottom-section{grid-template-columns:1fr 400px;gap:24px;margin-bottom:32px;display:grid}.activity-feed-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a}.activity-feed{max-height:400px;overflow-y:auto}.activity-item{border-bottom:1px solid #f0f0f0;gap:12px;padding:12px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon-wrapper{background:#00443f14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.activity-icon{color:var(--primary)}.activity-content{flex:1;min-width:0}.activity-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.activity-user{color:var(--primary);font-size:14px;font-weight:600}.activity-time{color:var(--text-secondary);font-size:12px}.activity-action{color:var(--text-primary);margin:0 0 4px;font-size:13px}.activity-details{flex-wrap:wrap;gap:8px;display:flex}.detail-badge{color:var(--primary);background:#00443f14;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.activity-feed-empty{height:200px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{opacity:.3;margin-bottom:12px}.system-health-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a}.system-health-monitor{flex-direction:column;gap:20px;display:flex}.health-status{border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.health-status-healthy{color:#10b981;background:#10b9811a}.health-status-warning{color:#f59e0b;background:#f59e0b1a}.health-status-critical{color:#ef4444;background:#ef44441a}.health-metrics{flex-direction:column;gap:16px;display:flex}.health-metric{flex-direction:column;gap:8px;display:flex}.metric-header{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.metric-header svg{color:var(--primary)}.metric-value{color:var(--primary);font-size:20px;font-weight:600}.metric-bar{background:#f0f0f0;border-radius:2px;height:4px;overflow:hidden}.metric-bar-fill{background:linear-gradient(90deg,var(--primary),var(--secondary));height:100%;transition:width .3s}.error-metric .metric-header svg,.error-metric .metric-value{color:#ef4444}.dashboard-quick-actions{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.quick-action-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-weight:500;transition:all .3s}.quick-action-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.skeleton-loader{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;height:60px;margin-bottom:12px;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1200px){.dashboard-bottom-section,.dashboard-charts-section{grid-template-columns:1fr}}@media (width<=768px){.dashboard-overview-enhanced{padding:16px}.dashboard-stats-grid,.engagement-metrics-grid,.quick-actions-grid{grid-template-columns:1fr}.dashboard-overview-header{flex-direction:column;align-items:flex-start;gap:16px}.chart-controls{flex-wrap:wrap}}.level-form{border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);background-color:#f9f9f9}.level-form-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.level-form-header h3{color:var(--primary);margin:0;font-size:1.2rem;font-weight:600}.level-form-actions{gap:var(--spacing-sm);display:flex}.level-form-button{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:background-color .2s;display:flex}.level-form-button.cancel{border:1px solid var(--secondary);color:var(--secondary);background-color:#0000}.level-form-button.cancel:hover{background-color:#0000000d}.level-form-button.save{background-color:var(--primary);color:#fff;border:none}.level-form-button.save:hover{background-color:var(--primary-dark)}.level-form-fields{gap:var(--spacing-md);flex-direction:column;display:flex}.level-form-group{flex-direction:column;display:flex}.level-form-group label{margin-bottom:var(--spacing-xs);color:var(--black);font-weight:500}.level-form-group .required{color:#dc3545;margin-left:4px}.level-form-group input,.level-form-group textarea{border-radius:var(--radius-sm);border:1px solid #0000001a;padding:10px;font-size:.95rem;transition:border-color .2s}.level-form-group input:focus,.level-form-group textarea:focus{border-color:var(--primary);outline:none}.level-form-group input.has-error,.level-form-group textarea.has-error{border-color:#dc3545}.input-with-suffix{align-items:center;display:flex}.input-with-suffix input{border-radius:var(--radius-sm)0 0 var(--radius-sm);flex:1}.input-suffix{border-radius:0 var(--radius-sm)var(--radius-sm)0;color:var(--secondary);background-color:#0000000d;border:1px solid #0000001a;border-left:none;padding:10px 12px;font-weight:500}[dir=rtl] .level-form-button{flex-direction:row-reverse}[dir=rtl] .level-form-group .required{margin-left:0;margin-right:4px}[dir=rtl] .input-with-suffix input{border-radius:0 var(--radius-sm)var(--radius-sm)0}[dir=rtl] .input-suffix{border-radius:var(--radius-sm)0 0 var(--radius-sm);border-left:1px solid #0000001a;border-right:none}.label-icon{vertical-align:middle;margin-right:6px}.level-video-selected{gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--light);border-radius:var(--radius-md);margin-top:var(--spacing-sm);align-items:flex-start;display:flex}.level-video-preview{border-radius:var(--radius-sm);flex-shrink:0;width:160px;height:90px;position:relative;overflow:hidden}.level-video-thumbnail{object-fit:cover;width:100%;height:100%}.level-video-play-icon{color:#fff;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.level-video-duration{color:#fff;border-radius:var(--radius-xs);background:#000c;padding:2px 6px;font-size:.7rem;position:absolute;bottom:4px;right:4px}.level-video-info{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.level-video-title{color:var(--primary);font-weight:600}.level-video-remove{color:#dc3545;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #dc3545;align-items:center;gap:4px;width:fit-content;padding:4px 8px;font-size:.8rem;transition:all .2s;display:inline-flex}.level-video-remove:hover{color:#fff;background:#dc3545}.level-video-selector{margin-top:var(--spacing-sm);position:relative}.level-video-search-container{align-items:center;display:flex;position:relative}.level-video-search-container .search-icon{color:var(--secondary);position:absolute;left:12px}.level-video-search{border-radius:var(--radius-sm);border:1px solid #0000001a;width:100%;padding:10px 10px 10px 36px;font-size:.95rem}.level-video-search:focus{border-color:var(--primary);outline:none}.level-video-dropdown{border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:100;background:#fff;border:1px solid #0000001a;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.level-video-dropdown-loading,.level-video-dropdown-empty{padding:var(--spacing-md);text-align:center;color:var(--secondary);justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.level-video-list{padding:var(--spacing-xs)}.level-video-option{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s;display:flex}.level-video-option:hover{background-color:var(--light)}.level-video-option-thumb{object-fit:cover;border-radius:var(--radius-xs);flex-shrink:0;width:80px;height:45px}.level-video-option-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.level-video-option-title{color:var(--black);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.level-video-option-duration{color:var(--secondary);font-size:.75rem}.level-video-dropdown-close{width:100%;padding:var(--spacing-sm);background:var(--light);color:var(--secondary);cursor:pointer;border:none;border-top:1px solid #0000001a;font-size:.85rem;transition:background-color .2s;display:block}.level-video-dropdown-close:hover{background-color:#0000000d}.checkbox-label{align-items:center;gap:var(--spacing-sm);cursor:pointer;display:flex}.form-help{color:var(--secondary);margin-top:4px;font-size:.8rem}@media (width<=767px){.level-form-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.level-form-actions{width:100%}.level-form-button{flex:1;justify-content:center}.level-video-selected{flex-direction:column}.level-video-preview{aspect-ratio:16/9;width:100%;height:auto}}.skeleton-item{background:linear-gradient(90deg,var(--color-light,#f1e9d6)25%,#ffffff80 50%,var(--color-light,#f1e9d6)75%);border-radius:var(--radius-sm,4px);background-size:200% 100%}.skeleton-pulse{animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-wave{animation:1.6s linear infinite skeleton-wave}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-rectangular{border-radius:var(--radius-sm,4px)}.skeleton-circular{border-radius:50%}.skeleton-text{border-radius:var(--radius-xs,2px);flex-direction:column;gap:8px;display:flex}.skeleton-card{background:var(--color-bg,#fff);border-radius:var(--radius-md,8px);box-shadow:var(--shadow-sm,0 1px 3px #0000001a);overflow:hidden}.skeleton-card-image{border-radius:0}.skeleton-card-content{flex-direction:column;gap:12px;padding:16px;display:flex}.skeleton-card-header{align-items:center;gap:12px;display:flex}.skeleton-table{background:var(--color-bg,#fff);border-radius:var(--radius-md,8px);box-shadow:var(--shadow-sm,0 1px 3px #0000001a);flex-direction:column;display:flex;overflow:hidden}.skeleton-table-header{background:var(--color-light,#f1e9d6);border-bottom:1px solid #0000000d;grid-template-columns:repeat(4,1fr);gap:16px;padding:16px;display:grid}.skeleton-table-body{flex-direction:column;display:flex}.skeleton-table-row{border-bottom:1px solid #0000000d;grid-template-columns:repeat(4,1fr);gap:16px;padding:16px;display:grid}.skeleton-table-row:last-child{border-bottom:none}.skeleton-list{flex-direction:column;gap:12px;display:flex}.skeleton-list-item{background:var(--color-bg,#fff);border-radius:var(--radius-md,8px);box-shadow:var(--shadow-sm,0 1px 3px #0000001a);align-items:center;gap:16px;padding:16px;display:flex}.skeleton-list-content{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.skeleton-stat-card{background:var(--color-bg,#fff);border-radius:var(--radius-md,8px);box-shadow:var(--shadow-sm,0 1px 3px #0000001a);align-items:center;gap:16px;padding:20px;display:flex}.skeleton-stat-content{flex-direction:column;gap:8px;display:flex}.skeleton-form{flex-direction:column;gap:20px;max-width:600px;display:flex}.skeleton-form-field{flex-direction:column;gap:8px;display:flex}.skeleton-form-actions{gap:12px;margin-top:12px;display:flex}.skeleton-input,.skeleton-select,.skeleton-btn{border-radius:var(--radius-sm,4px)}.dashboard-skeleton{flex-direction:column;gap:24px;padding:20px;display:flex}.skeleton-section{flex-direction:column;gap:16px;display:flex}.skeleton-charts{grid-template-columns:1fr;gap:16px;display:grid}.manager-skeleton{flex-direction:column;gap:20px;padding:20px;display:flex}.skeleton-header{justify-content:space-between;align-items:center;display:flex}.skeleton-filters{flex-wrap:wrap;gap:16px;display:flex}.skeleton-pagination{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.skeleton-pagination-buttons{gap:8px;display:flex}.card-grid-skeleton{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px;display:grid}@media (width<=768px){.skeleton-stats,.skeleton-table-header,.skeleton-table-row{grid-template-columns:repeat(2,1fr)}.skeleton-header{flex-direction:column;align-items:flex-start;gap:12px}.skeleton-filters{width:100%}.skeleton-form-actions{flex-direction:column}.skeleton-form-actions .skeleton-btn{width:100%}}@media (width<=480px){.skeleton-stats{grid-template-columns:1fr}.skeleton-list-item{flex-direction:column;align-items:flex-start}.card-grid-skeleton{grid-template-columns:1fr}}.level-manager{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.level-manager-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.level-manager-header h2{color:var(--primary);margin:0;font-size:1.4rem;font-weight:600}.level-add-button{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:background-color .2s;display:flex}.level-add-button:hover{background-color:var(--primary-dark)}.level-manager-loading{flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.level-manager-error{align-items:center;gap:var(--spacing-sm);color:#dc3545;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);background-color:#dc35451a;display:flex}.level-empty-state{padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;background-color:#00000005;flex-direction:column;justify-content:center;align-items:center;display:flex}.level-empty-state p{color:var(--secondary);margin-bottom:var(--spacing-md)}.level-table{border-collapse:collapse;width:100%}.level-table th,.level-table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid #0000000d}.level-table th{color:var(--secondary);font-size:.9rem;font-weight:600}.level-table tr:last-child td{border-bottom:none}.level-order-cell{align-items:center;gap:var(--spacing-sm);display:flex}.level-order-buttons{flex-direction:column;gap:2px;display:flex}.level-order-button{color:var(--secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .2s;display:flex}.level-order-button:hover:not(.disabled){color:var(--primary)}.level-order-button.disabled{opacity:.3;cursor:not-allowed}.level-actions{gap:var(--spacing-xs);display:flex}.level-action-button{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:background-color .2s,color .2s;display:flex}.level-action-button.edit{color:var(--primary)}.level-action-button.edit:hover{background-color:rgba(var(--primary-rgb),.1)}.level-action-button.delete{color:#dc3545}.level-action-button.delete:hover{background-color:#dc35451a}.level-delete-modal{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.level-delete-modal-content{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.level-delete-modal-content h3{color:#dc3545;margin-top:0;margin-bottom:var(--spacing-sm);font-size:1.2rem;font-weight:600}.level-delete-modal-content p{color:var(--secondary);margin-bottom:var(--spacing-md)}.level-delete-modal-actions{justify-content:flex-end;gap:var(--spacing-sm);display:flex}.level-delete-modal-button{border-radius:var(--radius-md);cursor:pointer;padding:8px 16px;font-size:.9rem;font-weight:500;transition:background-color .2s}.level-delete-modal-button.cancel{border:1px solid var(--secondary);color:var(--secondary);background-color:#0000}.level-delete-modal-button.cancel:hover{background-color:#0000000d}.level-delete-modal-button.confirm{color:#fff;background-color:#dc3545;border:none}.level-delete-modal-button.confirm:hover{background-color:#c82333}[dir=rtl] .level-table th,[dir=rtl] .level-table td{text-align:right}[dir=rtl] .level-add-button,[dir=rtl] .level-action-button{flex-direction:row-reverse}@media (width<=767px){.level-manager-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.level-table{display:block;overflow-x:auto}.level-table th:nth-child(3),.level-table td:nth-child(3){display:none}}.lesson-type-form{border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);background-color:#f9f9f9}.lesson-type-form-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.lesson-type-form-header h3{color:var(--primary);margin:0;font-size:1.2rem;font-weight:600}.lesson-type-form-actions{gap:var(--spacing-sm);display:flex}.lesson-type-form-button{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:background-color .2s;display:flex}.lesson-type-form-button.cancel{border:1px solid var(--secondary);color:var(--secondary);background-color:#0000}.lesson-type-form-button.cancel:hover{background-color:#0000000d}.lesson-type-form-button.save{background-color:var(--primary);color:#fff;border:none}.lesson-type-form-button.save:hover{background-color:var(--primary-dark)}.lesson-type-form-fields{gap:var(--spacing-md);flex-direction:column;display:flex}.lesson-type-form-group{flex-direction:column;display:flex}.lesson-type-form-group label{margin-bottom:var(--spacing-xs);color:var(--black);font-weight:500}.lesson-type-form-group .required{color:#dc3545;margin-left:4px}.lesson-type-form-group input,.lesson-type-form-group textarea,.lesson-type-level-select select{border-radius:var(--radius-sm);border:1px solid #0000001a;padding:10px;font-size:.95rem;transition:border-color .2s}.lesson-type-form-group input:focus,.lesson-type-form-group textarea:focus,.lesson-type-level-select select:focus{border-color:var(--primary);outline:none}.lesson-type-form-group input.has-error,.lesson-type-form-group textarea.has-error,.lesson-type-level-select.has-error{border-color:#dc3545}.lesson-type-level-select{border-radius:var(--radius-sm);background-color:#fff;border:1px solid #0000001a;align-items:center;padding:0 10px;transition:border-color .2s;display:flex}.lesson-type-level-select:focus-within{border-color:var(--primary)}.lesson-type-level-select.has-error{border-color:#dc3545}.lesson-type-level-select svg{color:var(--primary);margin-right:10px}.lesson-type-level-select select{appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 0 center no-repeat;border:none;flex:1;padding:10px 20px 10px 0}.lesson-type-level-select select:focus{outline:none}.image-upload-container{margin-bottom:var(--spacing-sm)}.image-upload-loading{margin-top:var(--spacing-xs);color:var(--secondary);align-items:center;gap:8px;font-size:.9rem;display:flex}.image-preview{margin-top:var(--spacing-sm);border-radius:var(--radius-sm);max-width:300px;overflow:hidden}[dir=rtl] .lesson-type-form-button{flex-direction:row-reverse}[dir=rtl] .lesson-type-form-group .required{margin-left:0;margin-right:4px}[dir=rtl] .lesson-type-level-select svg{margin-left:10px;margin-right:0}[dir=rtl] .lesson-type-level-select select{background-position:0 50%;padding-left:20px;padding-right:0}@media (width<=767px){.lesson-type-form-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.lesson-type-form-actions{width:100%}.lesson-type-form-button{flex:1;justify-content:center}}.lesson-type-manager{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.lesson-type-manager-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.lesson-type-manager-header h2{color:var(--primary);margin:0;font-size:1.4rem;font-weight:600}.lesson-type-manager-actions{align-items:center;gap:var(--spacing-sm);display:flex}.lesson-type-filter{background-color:var(--white);border-radius:var(--radius-md);border:1px solid #0000001a;align-items:center;gap:8px;padding:6px 12px;display:flex}.lesson-type-filter svg{color:var(--secondary)}.lesson-type-filter select{color:var(--black);cursor:pointer;background:0 0;border:none;padding-right:16px;font-size:.9rem}.lesson-type-filter select:focus{outline:none}.lesson-type-add-button{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:background-color .2s;display:flex}.lesson-type-add-button:hover{background-color:var(--primary-dark)}.lesson-type-manager-loading{flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.lesson-type-manager-error{align-items:center;gap:var(--spacing-sm);color:#dc3545;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);background-color:#dc35451a;display:flex}.lesson-type-empty-state{padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;background-color:#00000005;flex-direction:column;justify-content:center;align-items:center;display:flex}.lesson-type-empty-state p{color:var(--secondary);margin-bottom:var(--spacing-md)}.lesson-type-table{border-collapse:collapse;width:100%}.lesson-type-table th,.lesson-type-table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid #0000000d}.lesson-type-table th{color:var(--secondary);font-size:.9rem;font-weight:600}.lesson-type-table tr:last-child td{border-bottom:none}.lesson-type-order-cell{align-items:center;gap:var(--spacing-sm);display:flex}.lesson-type-order-buttons{flex-direction:column;gap:2px;display:flex}.lesson-type-order-button{color:var(--secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .2s;display:flex}.lesson-type-order-button:hover:not(.disabled){color:var(--primary)}.lesson-type-order-button.disabled{opacity:.3;cursor:not-allowed}.lesson-type-title-cell{align-items:center;gap:var(--spacing-sm);display:flex}.lesson-type-thumbnail{border-radius:var(--radius-sm);flex-shrink:0;width:40px;height:40px;overflow:hidden}.lesson-type-thumbnail img{object-fit:cover;width:100%;height:100%}.lesson-type-level{color:var(--secondary);align-items:center;gap:6px;font-size:.9rem;display:flex}.lesson-type-level svg{color:var(--primary)}.lesson-type-actions{gap:var(--spacing-xs);display:flex}.lesson-type-action-button{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:background-color .2s,color .2s;display:flex}.lesson-type-action-button.edit{color:var(--primary)}.lesson-type-action-button.edit:hover{background-color:rgba(var(--primary-rgb),.1)}.lesson-type-action-button.delete{color:#dc3545}.lesson-type-action-button.delete:hover{background-color:#dc35451a}.lesson-type-delete-modal{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lesson-type-delete-modal-content{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.lesson-type-delete-modal-content h3{color:#dc3545;margin-top:0;margin-bottom:var(--spacing-sm);font-size:1.2rem;font-weight:600}.lesson-type-delete-modal-content p{color:var(--secondary);margin-bottom:var(--spacing-md)}.lesson-type-delete-modal-actions{justify-content:flex-end;gap:var(--spacing-sm);display:flex}.lesson-type-delete-modal-button{border-radius:var(--radius-md);cursor:pointer;padding:8px 16px;font-size:.9rem;font-weight:500;transition:background-color .2s}.lesson-type-delete-modal-button.cancel{border:1px solid var(--secondary);color:var(--secondary);background-color:#0000}.lesson-type-delete-modal-button.cancel:hover{background-color:#0000000d}.lesson-type-delete-modal-button.confirm{color:#fff;background-color:#dc3545;border:none}.lesson-type-delete-modal-button.confirm:hover{background-color:#c82333}[dir=rtl] .lesson-type-table th,[dir=rtl] .lesson-type-table td{text-align:right}[dir=rtl] .lesson-type-add-button,[dir=rtl] .lesson-type-action-button,[dir=rtl] .lesson-type-level{flex-direction:row-reverse}@media (width<=767px){.lesson-type-manager-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.lesson-type-manager-actions{flex-direction:column;align-items:stretch;width:100%}.lesson-type-filter{justify-content:space-between;width:100%}.lesson-type-add-button{justify-content:center;width:100%}.lesson-type-table{display:block;overflow-x:auto}.lesson-type-table th:first-child,.lesson-type-table td:first-child{display:none}}.rich-text-editor{border:1px solid var(--border-color,#ddd);border-radius:var(--radius-md,4px);background-color:var(--white,#fff);flex-direction:column;display:flex;overflow:hidden}.editor-toolbar{border-bottom:1px solid var(--border-color,#ddd);background-color:var(--bg-light,#f7f7f7);flex-wrap:wrap;gap:4px;padding:8px;display:flex}.toolbar-group{border-right:1px solid var(--border-color,#ddd);gap:2px;margin-right:4px;padding-right:4px;display:flex}.toolbar-group:last-child{border-right:none}.editor-toolbar button{cursor:pointer;border-radius:var(--radius-sm,2px);color:var(--text-dark,#333);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.editor-toolbar button:hover{background-color:var(--bg-hover,#e9e9e9)}.editor-toolbar button.active{background-color:var(--primary-light,#e5effd);color:var(--primary,#1976d2)}.editor-toolbar button:disabled{opacity:.5;cursor:not-allowed}.editor-content-wrapper{min-height:var(--min-height,200px);flex:1;overflow:auto}.ProseMirror{min-height:var(--min-height,200px);word-wrap:break-word;outline:none;width:100%;height:100%;padding:16px;overflow-y:auto}.ProseMirror:focus{outline:none}.ProseMirror p{margin:1em 0;line-height:1.5}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{margin:1em 0 .5em;font-weight:600;line-height:1.3}.ProseMirror ul,.ProseMirror ol{margin:1em 0;padding-left:2em}.ProseMirror ul li,.ProseMirror ol li{margin:.5em 0}.ProseMirror a{color:var(--primary,#1976d2);text-decoration:underline}.ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;margin:1em 0;overflow:hidden}.ProseMirror table td,.ProseMirror table th{border:1px solid var(--border-color,#ddd);vertical-align:top;padding:8px;position:relative}.ProseMirror table th{background-color:var(--bg-light,#f7f7f7);font-weight:600}.ProseMirror img{max-width:100%;height:auto;margin:1em auto;display:block}.ProseMirror blockquote{border-left:3px solid var(--border-color,#ddd);color:var(--text-muted,#666);margin:1em 0;padding-left:1em}.ProseMirror code{background-color:var(--bg-light,#f7f7f7);border-radius:var(--radius-sm,2px);padding:.2em .4em;font-family:monospace}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted,#aaa);pointer-events:none;height:0}.ProseMirror [dir=rtl]{text-align:right}.ProseMirror [dir=ltr]{text-align:left}.url-input-container,.image-upload-container{background-color:var(--bg-light,#f7f7f7);border-bottom:1px solid var(--border-color,#ddd);gap:8px;padding:8px;display:flex}.url-input-container input,.image-upload-container input{border:1px solid var(--border-color,#ddd);border-radius:var(--radius-sm,2px);flex:1;padding:6px 8px}.url-input-container button,.image-upload-container button{background-color:var(--primary,#1976d2);color:#fff;border-radius:var(--radius-sm,2px);cursor:pointer;border:none;align-items:center;gap:4px;padding:6px 12px;font-weight:500;display:flex}.url-input-container button:last-child,.image-upload-container button:last-child{background-color:var(--danger,#d32f2f)}[dir=rtl] .ProseMirror{text-align:right}[dir=rtl] .ProseMirror ul,[dir=rtl] .ProseMirror ol{padding-left:0;padding-right:2em}[dir=rtl] .ProseMirror blockquote{border-right:3px solid var(--border-color,#ddd);border-left:none;padding-left:0;padding-right:1em}.tableWrapper{position:relative;overflow-x:auto}.resize-cursor{cursor:col-resize}.column-resize-handle{background-color:var(--primary,#1976d2);opacity:.3;pointer-events:none;width:4px;position:absolute;top:0;bottom:0}.ProseMirror p.is-empty:before{content:attr(data-placeholder);float:left;color:var(--text-muted,#adb5bd);pointer-events:none}[dir=rtl] .ProseMirror p.is-empty:before{float:right}.font-size-input-container{position:relative}.font-size-button{align-items:center;gap:4px;min-width:60px;display:flex}.font-size-display{background-color:var(--primary,#1976d2);color:var(--white,#fff);border-radius:var(--radius-sm,2px);margin-left:4px;padding:2px 6px;font-size:.75rem;font-weight:600}.font-size-input-dropdown{background-color:var(--white,#fff);border:1px solid var(--border-color,#ddd);border-radius:var(--radius-sm,2px);z-index:1000;min-width:180px;margin-top:4px;padding:12px;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000026}.font-size-input-header{color:var(--text-dark,#333);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.font-size-input-wrapper{align-items:center;gap:4px;margin-bottom:8px;display:flex}.font-size-input{border:1px solid var(--border-color,#ddd);border-radius:var(--radius-sm,2px);text-align:center;background-color:var(--white,#fff);color:var(--text-dark,#333);flex:1;padding:6px 8px;font-size:.9rem}.font-size-input:focus{border-color:var(--primary,#1976d2);outline:none;box-shadow:0 0 0 2px #1976d233}.font-size-unit{color:var(--text-muted,#666);font-size:.75rem;font-weight:500}.font-size-limits{color:var(--text-muted,#666);text-align:center;font-size:.7rem}.color-picker-container{position:relative}.color-picker-button{align-items:center;gap:4px;display:flex}.color-indicator{border:1px solid var(--border-color,#ddd);border-radius:50%;width:12px;height:12px;margin-left:4px;display:inline-block}.color-picker-dropdown{background-color:var(--white,#fff);border:1px solid var(--border-color,#ddd);border-radius:var(--radius-sm,2px);z-index:1000;min-width:250px;max-width:300px;margin-top:4px;padding:12px;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000026}.color-picker-header{border-bottom:1px solid var(--border-color,#ddd);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.color-picker-header h4{color:var(--text-dark,#333);margin:0;font-size:.9rem;font-weight:600}.close-button{cursor:pointer;border-radius:var(--radius-sm,2px);color:var(--text-dark,#333);background:0 0;border:none;padding:4px;transition:background-color .2s}.close-button:hover{background-color:var(--bg-hover,#f0f0f0)}.remove-color-button{background-color:var(--bg-light,#f7f7f7);border:1px solid var(--border-color,#ddd);border-radius:var(--radius-sm,2px);cursor:pointer;width:100%;color:var(--text-dark,#333);margin-bottom:12px;padding:8px;font-size:.85rem;transition:background-color .2s}.remove-color-button:hover{background-color:var(--bg-hover,#f0f0f0)}.color-category{margin-bottom:12px}.color-category:last-child{margin-bottom:0}.category-title{color:var(--text-muted,#666);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:.75rem;font-weight:600}.color-swatches{grid-template-columns:repeat(auto-fit,minmax(24px,1fr));gap:6px;max-width:100%;display:grid}.color-swatch{border:2px solid var(--border-color,#ddd);border-radius:var(--radius-sm,2px);cursor:pointer;width:24px;height:24px;transition:all .2s;position:relative}.color-swatch:hover{border-color:var(--primary,#1976d2);transform:scale(1.1)}.color-swatch.active{border-color:var(--primary,#1976d2);box-shadow:0 0 0 2px #1976d24d}.color-swatch.active:after{content:"✓";color:#fff;text-shadow:0 0 2px #000c;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color-swatch[style*=\#ffffff],.color-swatch[style*=\#f1e9d6],.color-swatch[style*=\#e8e8e8]{border-color:var(--border-color,#ccc)}.color-swatch[style*=\#ffffff].active:after,.color-swatch[style*=\#f1e9d6].active:after,.color-swatch[style*=\#e8e8e8].active:after{color:var(--text-dark,#333);text-shadow:none}[dir=rtl] .font-size-input-dropdown,[dir=rtl] .color-picker-dropdown{left:auto;right:0}[dir=rtl] .font-size-display,[dir=rtl] .color-indicator{margin-left:0;margin-right:4px}@media (width<=768px){.font-size-input-dropdown,.color-picker-dropdown{min-width:280px;max-width:90vw;max-height:70vh;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}[dir=rtl] .font-size-input-dropdown,[dir=rtl] .color-picker-dropdown{left:50%;right:auto;transform:translate(-50%,-50%)}.color-swatches{grid-template-columns:repeat(4,1fr)}}.exercise-type-selector{position:relative}.exercise-type-selector-button{border-radius:var(--radius-sm);background-color:var(--primary);color:var(--white);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:flex}.exercise-type-selector-button:hover,.exercise-type-selector-button.active{background-color:var(--primary-dark)}.exercise-type-selector-button:disabled{background-color:var(--disabled);cursor:not-allowed}.exercise-type-dropdown{background-color:var(--white);border-radius:var(--radius-md);width:320px;max-width:100vw;box-shadow:var(--shadow-md);z-index:1000;max-height:80vh;animation:.2s fadeIn;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden auto}.exercise-type-dropdown-header{background-color:var(--background-light);border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1rem;font-size:.875rem;font-weight:600}.exercise-type-options{max-height:calc(80vh - 40px);overflow-y:auto}.exercise-type-option{text-align:left;border:none;border-bottom:1px solid var(--border-color);cursor:pointer;background-color:#0000;align-items:flex-start;gap:.75rem;width:100%;padding:.75rem 1rem;transition:background-color .2s;display:flex}.exercise-type-option:last-child{border-bottom:none}.exercise-type-option:hover{background-color:rgba(var(--primary-rgb),.05)}.exercise-type-option-icon{background-color:rgba(var(--primary-rgb),.1);width:2.5rem;height:2.5rem;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.exercise-type-option-content{flex-direction:column;gap:.25rem;display:flex}.exercise-type-option-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.exercise-type-option-description{color:var(--text-secondary);font-size:.75rem;line-height:1.3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.exercise-type-dropdown{width:100%;max-width:320px;left:0;right:auto}}@media (width<=480px){.exercise-type-selector-button{justify-content:center;width:100%}.exercise-type-dropdown{max-width:280px}}.exercise-type-dropdown.position-top{animation:.2s fadeInFromBottom;top:auto;bottom:calc(100% + .5rem)}@keyframes fadeInFromBottom{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .exercise-type-dropdown{left:0;right:auto}[dir=rtl] .exercise-type-option{text-align:right}[dir=rtl] .exercise-type-option-icon{margin-left:.75rem;margin-right:0}.exercise-type-form{padding:.75rem 0}.exercise-type-form-header{border-bottom:1px dashed var(--border-color);align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.exercise-type-form-header svg{color:var(--primary)}.exercise-type-form-header h5{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:600}.exercise-form-field{margin-bottom:1rem}.exercise-form-field:last-child{margin-bottom:0}.exercise-form-field label{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:flex}.exercise-form-field input[type=text],.exercise-form-field textarea,.exercise-form-field select{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background-color:var(--white);padding:.625rem;font-size:.875rem;transition:border-color .2s}.exercise-form-field input[type=text]:focus,.exercise-form-field textarea:focus,.exercise-form-field select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}.exercise-form-field input[type=text].has-error,.exercise-form-field textarea.has-error,.exercise-form-field select.has-error{border-color:var(--danger)}.form-help-text{color:var(--text-secondary);margin-top:.375rem;font-size:.75rem}.true-false-options{gap:1rem;margin-top:.5rem;display:flex}.true-false-option{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);cursor:pointer;align-items:center;gap:.5rem;padding:.625rem 1rem;transition:all .2s;display:flex}.true-false-option:hover{border-color:var(--primary)}.true-false-option.selected{border-color:var(--primary);background-color:rgba(var(--primary-rgb),.05)}.true-false-radio{border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;transition:border-color .2s;display:flex}.true-false-option.selected .true-false-radio{border-color:var(--primary)}.true-false-radio-inner{background-color:var(--primary);opacity:0;border-radius:50%;width:.5rem;height:.5rem;transition:all .2s;transform:scale(0)}.true-false-option.selected .true-false-radio-inner{opacity:1;transform:scale(1)}.true-false-label{color:var(--text-primary);font-size:.875rem}.mcq-options{margin-top:.5rem}.mcq-option{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.mcq-option:last-child{margin-bottom:0}.mcq-option-radio{border:2px solid var(--border-color);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;transition:border-color .2s;display:flex}.mcq-option-radio.selected{border-color:var(--primary)}.mcq-option-radio-inner{background-color:var(--primary);opacity:0;border-radius:50%;width:.5rem;height:.5rem;transition:all .2s;transform:scale(0)}.mcq-option-radio.selected .mcq-option-radio-inner{opacity:1;transform:scale(1)}.mcq-option-input{flex-grow:1}.mcq-option-actions{gap:.25rem;display:flex}.mcq-option-button{border-radius:var(--radius-sm);width:1.5rem;height:1.5rem;color:var(--text-secondary);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.mcq-option-button:hover{background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.mcq-option-button.delete:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.add-option-button{border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background-color:#0000;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;font-size:.75rem;transition:all .2s;display:flex}.add-option-button:hover{border-color:var(--primary);color:var(--primary)}.blanks-format-options{gap:1rem;margin-bottom:1rem;display:flex}.blanks-format-option{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:.5rem;padding:.75rem;transition:all .2s;display:flex}.blanks-format-option:hover{border-color:var(--primary)}.blanks-format-option.selected{border-color:var(--primary);background-color:rgba(var(--primary-rgb),.05)}.blanks-format-icon{background-color:rgba(var(--primary-rgb),.1);width:3rem;height:3rem;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.blanks-format-label{color:var(--text-primary);text-align:center;font-size:.75rem;font-weight:500}.blanks-toolbar{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.blanks-tool-button{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.25rem;padding:.375rem .5rem;font-size:.75rem;transition:all .2s;display:flex}.blanks-tool-button:hover{border-color:var(--primary);color:var(--primary)}.blanks-preview{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--background-light);margin-top:1rem;padding:.75rem}.blanks-preview-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.75rem;font-weight:600}.blanks-preview-content{font-size:.875rem;line-height:1.5}.blanks-preview-blank{background-color:rgba(var(--primary-rgb),.1);border-radius:var(--radius-sm);color:var(--primary);margin:0 .125rem;padding:.125rem .25rem;font-weight:500;display:inline-block}.matching-container{margin-bottom:1rem;display:flex}.matching-column{flex:1}.matching-connections{width:3rem;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.matching-column-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.matching-column-header h6{color:var(--text-primary);margin:0;font-size:.875rem;font-weight:600}.matching-add-button{border-radius:var(--radius-sm);width:1.5rem;height:1.5rem;color:var(--text-secondary);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.matching-add-button:hover{background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.matching-items{flex-direction:column;gap:.5rem;display:flex}.matching-item-row{align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.matching-item-editor{flex-grow:1;width:100%}.matching-item-editor .rich-text-editor{width:100%}.matching-item-editor .editor-toolbar{padding:.25rem}.matching-item-editor .toolbar-group{gap:.25rem}.matching-item-editor .rich-text-editor .toolbar-group:nth-child(4),.matching-item-editor .rich-text-editor .toolbar-group:nth-child(5){display:none}.matching-item-row input{flex-grow:1}.matching-remove-button{border-radius:var(--radius-sm);width:1.5rem;height:1.5rem;color:var(--text-secondary);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.matching-remove-button:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.matching-remove-button:disabled{opacity:.5;pointer-events:none}.matching-matrix{margin-top:.75rem;overflow-x:auto}.matching-table{border-collapse:collapse;width:100%}.matching-table th,.matching-table td{text-align:center;padding:.5rem;font-size:.75rem}.matching-table th,.matching-row-label{color:var(--text-secondary);font-weight:600}.matching-cell{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);cursor:pointer;justify-content:center;align-items:center;width:2rem;height:2rem;margin:0 auto;transition:all .2s;display:flex}.matching-cell:hover{border-color:var(--primary);background-color:rgba(var(--primary-rgb),.05)}.matching-cell.matched{border-color:var(--primary);background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.matching-preview{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--background-light);margin-top:.5rem;padding:.75rem}.matching-preview-list{flex-direction:column;gap:.5rem;display:flex}.matching-preview-item{align-items:center;gap:.75rem;display:flex}.matching-preview-left,.matching-preview-right{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);flex:1;padding:.5rem .75rem;font-size:.875rem}.matching-preview-arrow{color:var(--primary);flex-shrink:0}.extract-correct-header,.model-answer-header{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.extract-add-selected-button,.extract-keywords-button{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;transition:all .2s;display:flex}.extract-add-selected-button:hover,.extract-keywords-button:hover{border-color:var(--primary);color:var(--primary)}.extract-add-selected-button:disabled,.extract-keywords-button:disabled{opacity:.5;cursor:not-allowed}.extract-list{flex-direction:column;gap:.5rem;margin-bottom:.5rem;display:flex}.extract-item{align-items:center;gap:.5rem;display:flex}.extract-item textarea{resize:vertical;flex-grow:1}.extract-remove-button{border-radius:var(--radius-sm);width:1.5rem;height:1.5rem;color:var(--text-secondary);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.extract-remove-button:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.extract-remove-button:disabled{opacity:.5;pointer-events:none}.extract-add-button,.keyword-add-button{border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background-color:#0000;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem;font-size:.75rem;transition:all .2s;display:flex}.extract-add-button:hover,.keyword-add-button:hover{border-color:var(--primary);color:var(--primary)}.extract-preview{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--background-light);padding:.75rem}.extract-preview-heading{border-bottom:1px dashed var(--border-color);align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;font-size:.875rem;font-weight:500;display:flex}.extract-preview-heading svg{color:var(--primary)}.extract-preview-text{font-size:.875rem;line-height:1.5}.highlight-color-1{background-color:rgba(var(--primary-rgb),.15);border-radius:.125rem;padding:0 .25rem}.highlight-color-2{background-color:rgba(var(--success-rgb),.15);border-radius:.125rem;padding:0 .25rem}.highlight-color-3{background-color:rgba(var(--warning-rgb),.15);border-radius:.125rem;padding:0 .25rem}.highlight-color-4{background-color:rgba(var(--danger-rgb),.15);border-radius:.125rem;padding:0 .25rem}.highlight-color-5{background-color:rgba(var(--info-rgb),.15);border-radius:.125rem;padding:0 .25rem}.keywords-list{flex-direction:column;gap:.5rem;margin-bottom:.5rem;display:flex}.keyword-item{align-items:center;gap:.5rem;display:flex}.keyword-remove-button{border-radius:var(--radius-sm);width:1.5rem;height:1.5rem;color:var(--text-secondary);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.keyword-remove-button:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.keyword-remove-button:disabled{opacity:.5;pointer-events:none}.short-answer-preview{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--background-light);padding:.75rem}.short-answer-preview-question{margin-bottom:.75rem;font-size:.875rem;font-weight:500}.short-answer-preview-input-container{margin-bottom:.75rem}.short-answer-preview-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);width:100%;color:var(--text-secondary);resize:vertical;padding:.625rem;font-size:.875rem}.short-answer-preview-info{color:var(--text-secondary);border-top:1px dashed var(--border-color);padding-top:.5rem;font-size:.75rem}.short-answer-preview-model,.short-answer-preview-keywords{margin-bottom:.375rem}@media (width<=768px){.true-false-options{flex-direction:column;gap:.5rem}.blanks-format-options{flex-direction:column}.matching-container{flex-direction:column;gap:1rem}.matching-connections{display:none}}.mcq-option-input{flex-grow:1;width:100%;margin-bottom:1.5rem}.mcq-option-input .rich-text-editor{border-radius:var(--radius-sm,4px);border-color:var(--border-color,#ddd)}.mcq-option-input .editor-toolbar{flex-wrap:wrap;padding:4px 8px}.mcq-option-input .toolbar-group{margin-right:3px;padding-right:3px}.mcq-option-input .rich-text-editor .toolbar-group:nth-child(4),.mcq-option-input .rich-text-editor .toolbar-group:nth-child(6){display:none}.task-preview-text-content table{border-collapse:collapse;width:100%;margin:1em 0}.task-preview-text-content table th,.task-preview-text-content table td{border:1px solid var(--border-color,#ddd);padding:8px}.task-preview-text-content table th{background-color:var(--bg-light,#f5f5f5);font-weight:600}.empty-state{text-align:center;background-color:var(--background-light);border-radius:var(--radius-lg);border:1px dashed var(--border-color);flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.empty-state.small{min-height:120px;padding:16px}.empty-state.default{min-height:200px}.empty-state-icon{color:var(--text-disabled);margin-bottom:16px}.empty-state.small .empty-state-icon{margin-bottom:8px}.empty-state-title{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:600}.empty-state.small .empty-state-title{margin-bottom:4px;font-size:16px}.empty-state-message{color:var(--text-secondary);max-width:400px;margin:0 0 16px;font-size:14px;line-height:1.5}.empty-state.small .empty-state-message{margin-bottom:12px;font-size:13px}.empty-state-action{margin-top:8px}[dir=rtl] .empty-state{direction:rtl}@media (width<=480px){.empty-state{padding:24px 12px}.empty-state.small{padding:16px 8px}.empty-state-title{font-size:16px}.empty-state.small .empty-state-title{font-size:14px}.empty-state-message{font-size:13px}.empty-state.small .empty-state-message{font-size:12px}}.exercise-editor{background-color:var(--background-light);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:1.5rem;position:relative}.exercise-editor-header{background-color:var(--background);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.exercise-editor-header h4{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.exercise-editor-header h4 svg{color:var(--primary)}.exercise-editor-actions{gap:.5rem;display:flex}.exercise-editor-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:2rem;display:flex}.exercise-editor-empty p{color:var(--text-secondary);margin-bottom:1rem}.add-first-exercise .exercise-type-selector-button{background-color:var(--primary);box-shadow:var(--shadow-sm);padding:.75rem 1.5rem;font-size:1rem;transition:all .2s}.add-first-exercise .exercise-type-selector-button:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-md)}.exercise-list{padding:1rem}.exercise-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);margin-bottom:.75rem;transition:box-shadow .2s,transform .2s}.exercise-item:last-child{margin-bottom:0}.exercise-item.expanded,.exercise-item:hover{box-shadow:var(--shadow-sm)}.exercise-item-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.75rem;transition:background-color .2s;display:flex}.exercise-item-header:hover{background-color:rgba(var(--primary-rgb),.05)}.exercise-item-title{color:var(--text-primary);align-items:center;gap:.5rem;font-weight:500;display:flex}.exercise-number{background-color:var(--primary);width:1.5rem;height:1.5rem;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.exercise-type{font-size:.875rem}.exercise-item-actions{align-items:center;gap:.25rem;display:flex}.exercise-action-button{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.exercise-action-button:hover{background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.exercise-action-button:disabled{opacity:.5;cursor:not-allowed}.exercise-action-button.delete:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.exercise-expand-toggle{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;margin-left:.25rem;transition:all .2s;display:flex}.exercise-expand-toggle:hover{background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.exercise-item-content{border-top:1px solid var(--border-color);padding:1rem .75rem .75rem;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.exercise-points{align-items:center;gap:.25rem;margin-right:.5rem;display:flex}.exercise-points label{color:var(--text-secondary);font-size:.75rem}.exercise-points input{border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;width:3rem;padding:.25rem;font-size:.75rem}.exercise-editor-footer{border-top:1px solid var(--border-color);background-color:var(--background);justify-content:center;padding:1rem;display:flex;position:relative;overflow:visible}.exercise-type-unsupported{background-color:rgba(var(--warning-rgb),.1);border-radius:var(--radius-sm);color:var(--warning);text-align:center;padding:1rem}.exercise-editor-error{border-radius:var(--radius-sm);background-color:rgba(var(--danger-rgb),.05);border:1px solid rgba(var(--danger-rgb),.1);margin:1rem;padding:.75rem}@media (width<=768px){.exercise-item-header{flex-direction:column;align-items:flex-start;gap:.5rem}.exercise-item-actions{flex-wrap:wrap;justify-content:space-between;width:100%;padding-top:.5rem}.exercise-points{margin-bottom:.5rem;margin-right:0}.exercise-action-button{margin-bottom:.25rem}}@media (width<=480px){.exercise-editor-empty{padding:1.5rem 1rem}.exercise-action-button,.exercise-expand-toggle{width:1.75rem;height:1.75rem}.exercise-editor-header{flex-direction:column;align-items:flex-start;gap:.75rem}.exercise-editor-actions{width:100%}.exercise-type-selector-button{justify-content:center;width:100%}.add-first-exercise .exercise-type-selector-button{width:100%}}[dir=rtl] .exercise-number{margin-left:.5rem;margin-right:0}[dir=rtl] .exercise-expand-toggle{margin-left:0;margin-right:.25rem}.task-type-form{padding:1rem 0}.task-form-section-title{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;display:flex}.task-form-section-title svg{color:var(--primary)}.task-form-group input[type=text],.task-form-group input[type=number],.task-form-group textarea,.task-form-group select{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);width:100%;color:var(--text-primary);padding:.75rem;font-size:.875rem;transition:border-color .2s}.task-form-group input[type=text]:focus,.task-form-group input[type=number]:focus,.task-form-group textarea:focus,.task-form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}.task-form-group .has-error,.task-form-group input[type=text].has-error,.task-form-group input[type=number].has-error,.task-form-group textarea.has-error,.task-form-group select.has-error{border-color:var(--danger)}.audio-upload-container,.image-upload-container{flex-direction:column;gap:.5rem;display:flex}.audio-upload-container input[type=file],.image-upload-container input[type=file]{border:1px dashed var(--border-color);border-radius:var(--radius-sm);background-color:var(--background-light);cursor:pointer;padding:.5rem;transition:border-color .2s}.add-word-button{border-radius:var(--radius-sm);background-color:var(--primary);color:var(--white);cursor:pointer;border:none;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;transition:background-color .2s;display:flex}.add-word-button:hover{background-color:var(--primary-dark)}.remove-word-button{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.remove-word-button:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.word-image-upload{border-radius:var(--radius-sm);background-color:var(--primary);color:var(--white);cursor:pointer;border:none;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;transition:background-color .2s;display:flex}.word-image-upload:hover{background-color:var(--primary-dark)}.audio-upload-container input[type=file]:hover,.image-upload-container input[type=file]:hover{border-color:var(--primary)}.audio-upload-loading,.image-upload-loading{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.loading-spinner-small{border:2px solid rgba(var(--primary-rgb),.2);border-top-color:var(--primary);border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spin}.audio-preview audio{width:100%;height:2.5rem}.image-preview{border-radius:var(--radius-sm);width:100%;max-width:200px;position:relative;overflow:hidden}.image-preview img{width:100%;height:auto;display:block}.task-form-questions{margin-top:1.5rem}.task-form-questions-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.task-form-questions-header h4{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.add-question-button{border-radius:var(--radius-sm);background-color:var(--primary);color:var(--white);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;transition:background-color .2s;display:flex}.add-question-button:hover{background-color:var(--primary-dark)}.no-questions-message{text-align:center;background-color:var(--background-light);border-radius:var(--radius-sm);color:var(--text-secondary);padding:1.5rem;font-size:.875rem}.questions-list{flex-direction:column;gap:1rem;display:flex}.question-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);padding:1rem}.question-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.question-header h5{color:var(--text-primary);margin:0;font-size:.875rem;font-weight:600}.remove-question-button{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.remove-question-button:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.question-options{margin-top:.75rem}.options-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.option-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.option-row:last-child{margin-bottom:0}.option-row input[type=radio]{flex-shrink:0}.correct-answer-label{color:var(--success);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.correct-answer-label svg{color:var(--success)}@media (width<=768px){.task-form-row{flex-direction:column;gap:1rem}}@media (width<=480px){.task-form-questions-header{flex-direction:column;align-items:flex-start;gap:.75rem}.add-question-button{justify-content:center;width:100%}}.blanks-answers{flex-direction:column;gap:.5rem;margin-bottom:.5rem;display:flex}.blanks-answer-row{align-items:center;gap:.5rem;display:flex}.blanks-answer-row label{width:100px;margin-bottom:0;font-size:.75rem}.task-form-prompts{margin-top:1.5rem}.task-form-prompts-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.task-form-prompts-header h4{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.add-prompt-button{border-radius:var(--radius-sm);background-color:var(--primary);color:var(--white);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;transition:background-color .2s;display:flex}.add-prompt-button:hover{background-color:var(--primary-dark)}.no-prompts-message{text-align:center;background-color:var(--background-light);border-radius:var(--radius-sm);color:var(--text-secondary);padding:1.5rem;font-size:.875rem}.prompts-list{flex-direction:column;gap:1rem;display:flex}.prompt-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);padding:1rem}.prompt-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.prompt-header h5{color:var(--text-primary);margin:0;font-size:.875rem;font-weight:600}.remove-prompt-button{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.remove-prompt-button:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.premium-tier-notice{background-color:rgba(var(--warning-rgb),.1);border-radius:var(--radius-sm);align-items:center;gap:1rem;margin-top:1rem;padding:.75rem 1rem;display:flex}.premium-tier-notice p{color:var(--text-secondary);margin:0;font-size:.875rem}[dir=rtl] .prompt-header,[dir=rtl] .premium-tier-notice{flex-direction:row-reverse}@media (width<=768px){.task-form-prompts-header{flex-direction:column;align-items:flex-start;gap:.75rem}.add-prompt-button{justify-content:center;width:100%}}.grammar-task-form .grammar-example-section{margin-top:1.5rem}.grammar-task-form .grammar-example-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.grammar-task-form .grammar-example-header h4{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.add-example-button{border-radius:var(--radius-sm);background-color:var(--primary);color:var(--white);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;transition:background-color .2s;display:flex}.add-example-button:hover{background-color:var(--primary-dark)}.no-examples-message{text-align:center;background-color:var(--background-light);border-radius:var(--radius-sm);color:var(--text-secondary);padding:1.5rem;font-size:.875rem}.examples-list{flex-direction:column;gap:1rem;display:flex}.tf-example-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);padding:1rem}.example-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.example-header h5{color:var(--text-primary);margin:0;font-size:.875rem;font-weight:600}.remove-example-button{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.remove-example-button:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.grammar-preview{background-color:var(--background-light);border-radius:var(--radius-sm);margin-top:1rem;padding:1rem}.grammar-preview h4{color:var(--text-primary);margin-top:0;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.grammar-explanation-preview,.grammar-examples-preview{background-color:var(--white);border-radius:var(--radius-sm);margin-bottom:1rem;padding:.75rem}.grammar-tf-example-item{border-bottom:1px dashed var(--border-color);margin-bottom:.5rem;padding-bottom:.5rem}.grammar-tf-example-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}[dir=rtl] .grammar-task-form .grammar-example-header,[dir=rtl] .example-header{flex-direction:row-reverse}@media (width<=768px){.grammar-task-form .grammar-example-header{flex-direction:column;align-items:flex-start;gap:.75rem}.add-example-button{justify-content:center;width:100%}}.ar-audio-recorder{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:8px 0;padding:16px}.ar-audio-recorder-controls{align-items:center;gap:12px;margin-bottom:12px;display:flex}.ar-audio-recorder-button{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;min-height:36px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.ar-audio-recorder-button:disabled{opacity:.6;cursor:not-allowed}.ar-record-button{color:#fff;background:#dc2626}.ar-record-button:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.ar-stop-button{color:#fff;background:#dc2626;animation:1.5s infinite pulse}.ar-stop-button:hover:not(:disabled){background:#b91c1c}.ar-upload-button{color:#fff;background:#3b82f6}.ar-upload-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.ar-upload-button.ar-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.ar-play-button{color:#fff;background:#10b981}.ar-play-button:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.ar-pause-button{color:#fff;background:#f59e0b}.ar-pause-button:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.ar-delete-button{color:#fff;background:#ef4444}.ar-delete-button:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.ar-audio-recorder-upload{position:relative}.ar-audio-recorder-playback{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:8px;padding:12px}.ar-audio-recorder-playback-controls{align-items:center;gap:8px;margin-bottom:8px;display:flex}.ar-audio-recorder-duration{color:#6b7280;font-size:12px;font-weight:500}.ar-audio-recorder-help{color:#6b7280;margin-top:8px;font-size:12px;line-height:1.4}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.ar-recording{position:relative}.ar-recording:before{content:"";z-index:-1;background:linear-gradient(45deg,#dc2626,#f87171,#dc2626,#f87171);border-radius:8px;animation:2s linear infinite ar-recording-border;position:absolute;inset:-2px}@keyframes ar-recording-border{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (width<=768px){.ar-audio-recorder-controls{flex-direction:column;align-items:stretch}.ar-audio-recorder-playback-controls{flex-wrap:wrap}.ar-audio-recorder-button{justify-content:center}}[dir=rtl] .ar-audio-recorder-controls,[dir=rtl] .ar-audio-recorder-playback-controls,[dir=rtl] .ar-audio-recorder-button{flex-direction:row-reverse}.vocabulary-task-form{width:100%}.vocabulary-task-form .ar-audio-recorder{background:var(--white,#fff);border:1px solid var(--primary,#00443f);border-radius:var(--radius-md,8px);padding:var(--spacing-md,16px);margin:var(--spacing-md,16px)0;box-shadow:var(--shadow-sm,0 1px 3px #0000001a)}.vocabulary-task-form .ar-audio-recorder-controls{gap:var(--spacing-md,12px);flex-wrap:wrap;align-items:center;margin-bottom:0;display:flex}.vocabulary-task-form .ar-record-button{background:var(--danger,#dc2626);color:var(--white,#fff);box-shadow:0 2px 4px #dc262633}.vocabulary-task-form .ar-record-button:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 6px #dc26264d}.vocabulary-task-form .ar-stop-button{background:var(--danger,#dc2626);color:var(--white,#fff);animation:1.5s infinite vtf-pulse;box-shadow:0 2px 8px #dc262666}.vocabulary-task-form .ar-upload-button{background:var(--primary,#00443f);color:var(--white,#fff);box-shadow:0 2px 4px #00443f33}.vocabulary-task-form .ar-upload-button:hover:not(:disabled){background:var(--primary-dark,#003330);transform:translateY(-1px);box-shadow:0 4px 6px #00443f4d}.vocabulary-task-form .ar-play-button{background:var(--success,#10b981);color:var(--white,#fff);box-shadow:0 2px 4px #10b98133}.vocabulary-task-form .ar-play-button:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 6px #10b9814d}.vocabulary-task-form .ar-pause-button{background:var(--warning,#f59e0b);color:var(--white,#fff);box-shadow:0 2px 4px #f59e0b33}.vocabulary-task-form .ar-pause-button:hover:not(:disabled){background:#d97706;transform:translateY(-1px);box-shadow:0 4px 6px #f59e0b4d}.vocabulary-task-form .ar-delete-button{background:var(--danger,#ef4444);color:var(--white,#fff);box-shadow:0 2px 4px #ef444433}.vocabulary-task-form .ar-delete-button:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 6px #ef44444d}.vocabulary-task-form .ar-audio-recorder-playback{background:var(--light,#f1e9d6);border:2px solid var(--secondary,#cca061);border-radius:var(--radius-sm,6px);padding:var(--spacing-md,12px);margin-top:var(--spacing-md,12px);box-shadow:inset 0 1px 3px #0000000d}.vocabulary-task-form .ar-audio-recorder-playback-controls{gap:var(--spacing-sm,10px);margin-bottom:var(--spacing-sm,8px);flex-wrap:wrap;align-items:center;display:flex}.vocabulary-task-form .ar-audio-recorder-duration{color:var(--primary,#00443f);border-radius:var(--radius-sm,4px);background:#cca06133;padding:4px 8px;font-size:13px;font-weight:600}.vocabulary-task-form .ar-audio-recorder-help{color:var(--primary,#00443f);margin-top:var(--spacing-sm,8px);opacity:.8;font-size:13px;font-weight:500;line-height:1.5}@keyframes vtf-pulse{0%,to{opacity:1;box-shadow:0 2px 8px #dc262666}50%{opacity:.85;box-shadow:0 2px 12px #dc262699}}.vocabulary-task-form .ar-recording{position:relative}.vocabulary-task-form .ar-recording:before{content:"";background:linear-gradient(45deg,var(--danger,#dc2626),#f87171,var(--danger,#dc2626),#f87171);border-radius:var(--radius-md,10px);z-index:-1;background-size:300% 300%;animation:2s linear infinite vtf-recording-border;position:absolute;inset:-3px}@keyframes vtf-recording-border{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (width<=768px){.vocabulary-task-form .ar-audio-recorder{padding:var(--spacing-sm,12px)}.vocabulary-task-form .ar-audio-recorder-controls{align-items:stretch;gap:var(--spacing-sm,8px);flex-direction:column}.vocabulary-task-form .ar-audio-recorder-playback-controls{flex-direction:column;align-items:stretch}.vocabulary-task-form .ar-audio-recorder-button{justify-content:center;width:100%}}@media (width<=480px){.vocabulary-task-form .ar-audio-recorder{padding:var(--spacing-sm,10px);margin:var(--spacing-sm,8px)0}.vocabulary-task-form .ar-audio-recorder-button{padding:var(--spacing-xs,8px)var(--spacing-sm,12px);min-height:36px;font-size:13px}}[dir=rtl] .vocabulary-task-form .ar-audio-recorder-controls,[dir=rtl] .vocabulary-task-form .ar-audio-recorder-playback-controls,[dir=rtl] .vocabulary-task-form .ar-audio-recorder-button{flex-direction:row-reverse}[lang=ar] .vocabulary-task-form .ar-audio-recorder-help,[lang=ar] .vocabulary-task-form .ar-audio-recorder-duration{font-size:14px}[lang=ar] .vocabulary-task-form .ar-audio-recorder-button{font-size:15px}.vocabulary-task-form .ar-audio-recorder-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.vocabulary-task-form .ar-upload-button.ar-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.vocabulary-task-form .vtf-audio-uploading{position:relative;overflow:hidden}.vocabulary-task-form .vtf-audio-uploading:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:1.5s infinite vtf-loading;position:absolute;top:0;left:-100%}@keyframes vtf-loading{to{left:100%}}@media (prefers-reduced-motion:reduce){.vocabulary-task-form .ar-audio-recorder-button,.vocabulary-task-form .ar-stop-button,.vocabulary-task-form .ar-recording:before,.vocabulary-task-form .vtf-audio-uploading:after{transition:none;animation:none}.vocabulary-task-form .ar-audio-recorder-button:hover:not(:disabled){transform:none}}.vocabulary-task-form .ar-audio-recorder-button:focus-visible{outline:3px solid var(--secondary,#cca061);outline-offset:2px}@media print{.vocabulary-task-form .ar-audio-recorder{page-break-inside:avoid;background:#fff;border:1px solid #000}.vocabulary-task-form .ar-audio-recorder-button{display:none}.vocabulary-task-form .ar-audio-recorder-help:after{content:" (Audio recording available in digital version)";font-style:italic}}.intro-task-form{margin-top:1rem}.task-form-subsection{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;overflow:hidden}.subsection-header{cursor:pointer;background-color:#f5f5f5;justify-content:space-between;align-items:center;padding:1rem;transition:background-color .2s;display:flex}.subsection-header:hover{background-color:#eaeaea}.subsection-header h4{margin:0;font-size:1.1rem;font-weight:500}.subsection-header-actions{align-items:center;gap:1rem;display:flex}.toggle-button{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:background-color .2s;display:flex}.toggle-button:hover{background-color:#0000000d}.info-badge{color:#1976d2;background-color:#1976d21a;border-radius:4px;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.8rem;display:flex}.subsection-content{background-color:#fff;border-top:1px solid #e0e0e0;padding:1.5rem}.exercise-type-selector{margin-bottom:1.5rem}.exercise-type-selector label{margin-bottom:.5rem;font-weight:500;display:block}.exercise-type-buttons{gap:1rem;margin-bottom:1.5rem;display:flex}.exercise-type-button{cursor:pointer;text-align:left;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;flex:1;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.exercise-type-button:hover{background-color:#f5f5f5}.exercise-type-button.active{background-color:#1976d20d;border-color:#1976d2}.exercise-type-info{flex-direction:column;display:flex}.exercise-type-name{margin-bottom:.25rem;font-weight:500}.exercise-type-description{color:#666;font-size:.8rem}.intro-letter-clicking-form,.intro-letter-recognition-form{padding-top:1rem}.task-form-section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.task-form-section-header h3{margin:0;font-size:1.1rem;font-weight:500}.help-button{cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.9rem;transition:background-color .2s;display:flex}.help-button:hover{background-color:#f5f5f5}.help-section{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:1.5rem;padding:1rem;position:relative}.help-section h4{margin-top:0;margin-bottom:.75rem;font-size:1rem}.help-section h5{margin-bottom:.5rem;font-size:.9rem}.help-section p{margin-bottom:1rem;font-size:.9rem}.help-section ul{margin-bottom:1rem;padding-left:1.5rem}.help-section li{margin-bottom:.5rem;font-size:.9rem}.close-help-button{cursor:pointer;color:#666;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.8rem;display:flex;position:absolute;top:.75rem;right:.75rem}.close-help-button:hover{color:#000}.no-exercises-message{text-align:center;background-color:#f8f9fa;border-radius:6px;margin-bottom:1rem;padding:2rem}.add-exercise-button{color:#fff;cursor:pointer;background-color:#004d40;border:none;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;margin:1rem auto;padding:.75rem 1.5rem;transition:background-color .2s;display:flex}.add-exercise-button:hover{background-color:#00695c}.exercise-form{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.exercise-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.exercise-header h4{margin:0;font-size:1rem;font-weight:500}.remove-exercise-button{color:#f44336;cursor:pointer;background-color:#f443361a;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:flex}.remove-exercise-button:hover{background-color:#f4433633}.audio-upload-container{gap:.5rem;display:flex}.audio-upload-container input[type=text]{flex:1}.audio-upload-button{cursor:pointer;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1rem;transition:background-color .2s;display:flex}.audio-upload-button:hover{background-color:#e0e0e0}.audio-play-button{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:4px;justify-content:center;align-items:center;width:2.5rem;transition:background-color .2s;display:flex}.audio-play-button:hover{background-color:#1565c0}.upload-status{color:#666;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.9rem;display:flex}.exercise-preview{border-top:1px solid #e0e0e0;margin-top:2rem;padding-top:1rem}.exercise-preview h5{color:#666;margin-top:0;margin-bottom:1rem;font-size:.9rem}.letter-recognition-preview{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:1.5rem}.preview-question{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.preview-audio-button{cursor:pointer;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background-color .2s;display:flex}.preview-audio-button:hover{background-color:#e0e0e0}.preview-options{flex-wrap:wrap;gap:1rem;display:flex}.preview-option{cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:1.5rem;transition:all .2s;display:flex}.preview-option:hover{background-color:#f5f5f5}.preview-correct{background-color:#4caf501a;border-color:#4caf50}.letter-sounds-section{border-top:1px solid #e0e0e0;margin-top:1.5rem;padding-top:1.5rem}.letter-sounds-section h5{margin-top:0;margin-bottom:.5rem;font-size:1rem;font-weight:500}.letter-sounds-help{color:#666;margin-bottom:1rem;font-size:.9rem}.letter-sounds-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.letter-sound-item{align-items:center;gap:.75rem;display:flex}[dir=rtl] .exercise-type-info,[dir=rtl] .exercise-type-button,[dir=rtl] .help-section ul{text-align:right}[dir=rtl] .help-section li{margin-left:0;margin-right:1rem}[dir=rtl] .close-help-button{left:.75rem;right:auto}@media (width<=768px){.exercise-type-buttons{flex-direction:column}.exercise-type-button{width:100%}.letter-sounds-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.preview-options{gap:.5rem}.preview-option{width:3rem;height:3rem;font-size:1.25rem}}@media (width<=480px){.audio-upload-container{flex-direction:column}.audio-upload-button,.audio-play-button{justify-content:center;width:100%}.letter-sounds-grid{grid-template-columns:1fr}}.task-form{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-bottom:2rem;overflow:hidden}.task-form-header{border-bottom:1px solid var(--border-color);background-color:var(--background-light);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.task-form-header h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.task-form-actions{gap:.75rem;display:flex}.task-form-button{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.task-form-button.cancel{background-color:var(--background-light);color:var(--text-secondary);border:1px solid var(--border-color)}.task-form-button.cancel:hover{background-color:var(--background);color:var(--text-primary)}.task-form-button.save{background-color:var(--primary);color:var(--white)}.task-form-button.save:hover{background-color:var(--primary-dark)}.task-form-fields{padding:1.5rem}.task-form-section{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1.5rem}.task-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.task-form-section h4{color:var(--text-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.task-form-group{margin-bottom:1.25rem}.task-form-group:last-child{margin-bottom:0}.task-form-group input[type=text],.task-form-group textarea,.task-form-group select{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);width:100%;color:var(--text-primary);padding:.75rem;font-size:.875rem;transition:border-color .2s}.task-form-group input[type=text]:focus,.task-form-group textarea:focus,.task-form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}.task-form-group .has-error,.task-form-group input[type=text].has-error,.task-form-group textarea.has-error,.task-form-group select.has-error{border-color:var(--danger)}.task-form-help{color:var(--text-secondary);margin-top:.375rem;font-size:.75rem}.form-error{color:var(--danger);align-items:center;gap:.375rem;margin-top:.5rem;font-size:.75rem;display:flex}.form-error svg{color:var(--danger);flex-shrink:0}.task-form-row{gap:1rem;margin-bottom:1rem;display:flex}.task-form-row .task-form-group{flex:1;margin-bottom:0}.task-level-select{align-items:center;display:flex;position:relative}.task-level-select svg{color:var(--primary);pointer-events:none;position:absolute;left:.75rem}.task-level-select select{padding-left:2.5rem}.task-type-buttons{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.task-type-button{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);width:calc(33.333% - .5rem);color:var(--text-secondary);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem .5rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.task-type-button svg{color:var(--text-secondary);transition:color .2s}.task-type-button:hover{border-color:var(--primary);color:var(--primary)}.task-type-button:hover svg{color:var(--primary)}.task-type-button.active{border-color:var(--primary);background-color:rgba(var(--primary-rgb),.05);color:var(--primary)}.task-type-button.active svg{color:var(--primary)}.task-content-header{margin-bottom:1.5rem}.task-content-header h4{align-items:center;gap:.5rem;margin:0;display:flex}.task-content-header h4 svg{color:var(--primary)}.task-form-error{border-radius:var(--radius-sm);background-color:rgba(var(--danger-rgb),.05);border:1px solid rgba(var(--danger-rgb),.1);margin-bottom:1rem;padding:.75rem 1rem}@media (width<=768px){.task-form-row{flex-direction:column;gap:1rem}.task-type-button{width:calc(50% - .375rem)}.task-form-header{flex-direction:column;align-items:flex-start;gap:1rem}.task-form-actions{width:100%}.task-form-button{flex:1;justify-content:center}}@media (width<=480px){.task-form-fields{padding:1rem}.task-type-button{width:100%}.task-form-header{padding:1rem}}[dir=rtl] .task-level-select svg{left:auto;right:.75rem}[dir=rtl] .task-level-select select{padding-left:.75rem;padding-right:2.5rem}[dir=rtl] .form-error{flex-direction:row-reverse}[dir=rtl] .required{margin-left:0;margin-right:.25rem}.upload-progress-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:5px;margin:10px 0;padding:10px}.upload-progress-label{color:#495057;margin-bottom:5px;font-size:14px;font-weight:500}.upload-progress-bar{background-color:#e9ecef;border-radius:4px;height:8px;position:relative;overflow:hidden}.upload-progress-fill{background-color:#007bff;border-radius:4px;height:100%;transition:width .3s}.task-form.uploading{opacity:.8;pointer-events:none}button .spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:5px;animation:1s linear infinite spin;display:inline-block}.file-input-wrapper{cursor:pointer;display:inline-block;position:relative}.file-input-wrapper input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.file-input-wrapper .file-input-button{color:#fff;cursor:pointer;background:#007bff;border-radius:4px;padding:6px 12px;transition:background .2s;display:inline-block}.file-input-wrapper:hover .file-input-button{background:#0069d9}.file-input-preview{object-fit:contain;max-width:300px;max-height:150px;margin-top:10px}.file-input-filename{color:#6c757d;margin-left:10px;font-size:14px}.task-preview-overlay{z-index:1000;padding:var(--spacing-md);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.task-preview-modal{background-color:var(--white);border-radius:var(--radius-md);width:100%;max-width:800px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow-y:auto}.task-preview-header{padding:var(--spacing-md);background-color:var(--white);z-index:1;border-bottom:1px solid #0000001a;justify-content:space-between;align-items:flex-start;display:flex;position:sticky;top:0}.task-preview-info{flex:1}.task-preview-info h3{margin:0 0 var(--spacing-xs)0;color:var(--primary);font-size:1.4rem;font-weight:600}.task-preview-meta{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.task-preview-type,.task-preview-lesson{color:var(--secondary);align-items:center;gap:6px;font-size:.9rem;display:flex}.task-preview-type svg,.task-preview-lesson svg{color:var(--primary)}.task-preview-close{color:var(--secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:5px;transition:background-color .2s,color .2s;display:flex}.task-preview-close:hover{color:var(--black);background-color:#0000000d}.task-preview-description{padding:var(--spacing-md);color:var(--secondary);border-bottom:1px solid #0000000d;font-style:italic}.task-preview-content{padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;display:flex}.task-preview-content h4{color:var(--primary);margin:0 0 var(--spacing-sm)0;font-size:1.1rem;font-weight:600}.task-preview-content h5{color:var(--secondary);margin:0 0 var(--spacing-xs)0;font-size:.95rem;font-weight:600}.task-preview-text-content{padding:var(--spacing-md);border-radius:var(--radius-md);white-space:normal;word-wrap:break-word;overflow-wrap:break-word;background-color:#f9f9f9;line-height:1.6}.task-preview-general{gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid #0000000d;flex-direction:column;display:flex}.task-preview-general-description{gap:var(--spacing-sm);flex-direction:column;display:flex}.task-preview-general-image{border-radius:var(--radius-md);align-self:center;max-width:400px;overflow:hidden}.task-preview-general-image img{width:100%;height:auto;display:block}.task-preview-premium{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background-color:rgba(var(--primary-rgb),.05);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);display:flex}.premium-badge{background-color:var(--primary);color:var(--white);border-radius:var(--radius-sm);text-transform:uppercase;padding:4px 8px;font-size:.75rem;font-weight:600}.task-preview-premium p{color:var(--text-secondary);margin:0;font-size:.875rem}.task-preview-audio{gap:var(--spacing-sm);flex-direction:column;display:flex}.task-preview-audio audio{border-radius:var(--radius-md);width:100%}.task-preview-question-list,.task-preview-prompt-list,.task-preview-example-list,.task-preview-exercise-list{gap:var(--spacing-md);padding-left:var(--spacing-md);flex-direction:column;margin:0;display:flex}.task-preview-question-item,.task-preview-prompt-item,.task-preview-tp-example-item,.task-preview-exercise-item{padding:var(--spacing-md);border-radius:var(--radius-md);background-color:#f9f9f9}.question-text,.prompt-text,.exercise-question,.exercise-statement{margin-bottom:var(--spacing-sm);font-weight:600}.question-options,.exercise-options{flex-direction:column;gap:8px;display:flex}.question-option,.exercise-option{border-radius:var(--radius-sm);background-color:#fff;border:1px solid #0000001a;padding:10px;position:relative}.question-option.correct,.exercise-option.correct{background-color:#28a7451a;border-color:#28a745}.correct-marker{color:#28a745;font-weight:700;position:absolute;right:10px}.prompt-image{margin-top:var(--spacing-sm);border-radius:var(--radius-md);max-width:300px;overflow:hidden}.prompt-image img{width:100%;height:auto;display:block}.task-preview-word-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.task-preview-word-card{border-radius:var(--radius-md);background-color:#fff;border:1px solid #0000001a;overflow:hidden}.word-image{height:150px;overflow:hidden}.word-image img{object-fit:cover;width:100%;height:100%}.word-content{padding:var(--spacing-sm)}.word-term{color:var(--primary);margin-bottom:4px;font-size:1.1rem;font-weight:600}.word-definition{color:var(--black);margin-bottom:8px}.word-example{color:var(--secondary);font-size:.9rem;font-style:italic}.word-example span{font-style:normal;font-weight:600}.exercise-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px dashed #0000001a;justify-content:space-between;align-items:center;display:flex}.exercise-type{color:var(--primary);align-items:center;gap:6px;font-weight:600;display:flex}.exercise-points{color:var(--text-secondary);border-radius:var(--radius-sm);background-color:#0000000d;padding:2px 8px;font-size:.8rem}.exercise-content{padding:var(--spacing-sm)}.exercise-format{color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:.8rem}.true-false-exercise .exercise-options{gap:var(--spacing-md);flex-direction:row;display:flex}.true-false-exercise .exercise-option{text-align:center;flex:1}.blank-highlight{background-color:rgba(var(--primary-rgb),.15);color:var(--primary);border-radius:2px;padding:0 4px;font-weight:500}.exercise-text-with-blanks{padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);background-color:#fff;border:1px solid #0000001a;line-height:1.6}.exercise-blanks-answers,.matching-answers,.exercise-extracts,.short-answer-details{background-color:rgba(var(--primary-rgb),.05);padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.blanks-list,.matches-list,.extracts-list{padding-left:var(--spacing-md);margin:0}.blanks-list li,.matches-list li,.extracts-list li{margin-bottom:4px}.extract-item{font-style:italic}.matching-columns{gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.matching-column{padding:var(--spacing-sm);border-radius:var(--radius-sm);background-color:#fff;border:1px solid #0000001a;flex:1}.matching-items{padding-left:var(--spacing-md);margin:0}.matching-items li{margin-bottom:6px}.exercise-instruction{margin-bottom:var(--spacing-sm);color:var(--primary);font-style:italic;font-weight:600}.exercise-source-text{padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);white-space:normal;word-wrap:break-word;background-color:#fff;border:1px solid #0000001a;max-height:200px;line-height:1.6;overflow:hidden auto}.exercise-source-text p{margin-bottom:.75rem}.exercise-source-text p:last-child{margin-bottom:0}.extracts-list{margin-top:.5rem;padding-left:1.5rem;list-style-type:decimal}.extract-item{border-radius:var(--radius-sm);word-wrap:break-word;overflow-wrap:break-word;background-color:#00000005;margin-bottom:.5rem;padding:.5rem;font-style:italic}.short-answer-preview-question,.model-answer-text{border-radius:var(--radius-sm);word-wrap:break-word;overflow-wrap:break-word;background-color:#fff;padding:10px;line-height:1.6}.short-answer-preview-question p,.model-answer-text p{margin-bottom:.75rem}.short-answer-preview-question p:last-child,.model-answer-text p:last-child{margin-bottom:0}.model-answer,.keywords{margin-bottom:var(--spacing-sm)}.model-answer-text{font-style:italic}.keywords-list{flex-wrap:wrap;gap:6px;display:flex}.keyword-tag{background-color:rgba(var(--primary-rgb),.1);color:var(--primary);border-radius:var(--radius-sm);padding:4px 8px;font-size:.8rem;display:inline-block}[dir=rtl] .task-preview-question-list,[dir=rtl] .task-preview-prompt-list,[dir=rtl] .task-preview-example-list,[dir=rtl] .task-preview-exercise-list,[dir=rtl] .blanks-list,[dir=rtl] .matches-list,[dir=rtl] .extracts-list,[dir=rtl] .matching-items{padding-left:0;padding-right:var(--spacing-md)}[dir=rtl] .task-preview-type,[dir=rtl] .task-preview-lesson,[dir=rtl] .exercise-type{flex-direction:row-reverse}[dir=rtl] .correct-marker{left:10px;right:auto}@media (width<=767px){.task-preview-modal{max-height:95vh}.task-preview-header{gap:var(--spacing-sm);flex-direction:column}.task-preview-close{align-self:flex-end}.task-preview-word-grid{grid-template-columns:1fr}.matching-columns,.true-false-exercise .exercise-options{flex-direction:column}}@media (width<=480px){.task-preview-overlay{padding:var(--spacing-xs)}.task-preview-modal{max-width:100%}.task-preview-content,.task-preview-header,.task-preview-description{padding:var(--spacing-sm)}.exercise-item,.question-item,.prompt-item,.tp-example-item{padding:var(--spacing-xs)}}.model-answer-text .task-preview-text-content,.exercise-question .task-preview-text-content,.extract-item .task-preview-text-content,.matching-items li.task-preview-text-content{background-color:#0000;border-radius:0;margin:0;padding:0}[dir=rtl] .task-preview-text-content,.task-preview-text-content [lang=ar],.task-preview-text-content [style*=rtl]{text-align:right;direction:rtl;unicode-bidi:embed}.task-preview-text-content{font-family:inherit;line-height:1.5;white-space:normal!important}.task-preview-text-content p{margin-bottom:1em}.task-preview-text-content table{border-collapse:collapse;width:100%;margin-bottom:1em}.task-preview-text-content th,.task-preview-text-content td{border:1px solid #ddd;padding:8px}.task-preview-text-content th{background-color:#f7f7f7;font-weight:600}.task-preview-text-content img{max-width:100%;height:auto;margin:1em 0}.task-preview-text-content ul,.task-preview-text-content ol{margin-bottom:1em;padding-left:1.5em}.task-preview-text-content h1,.task-preview-text-content h2,.task-preview-text-content h3,.task-preview-text-content h4,.task-preview-text-content h5,.task-preview-text-content h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600}.task-preview-text-content [dir=rtl]{text-align:right}.task-preview-text-content [lang=ar],.task-preview-text-content span[style*=rtl]{font-family:Arabic Typesetting,Traditional Arabic,Simplified Arabic,sans-serif;font-size:1.1em;line-height:1.8}.extract-exercise .exercise-source-text,.extract-exercise .extract-item span{white-space:normal;overflow-wrap:break-word}.exercise-content .exercise-question{margin-bottom:1em}.exercise-content .exercise-options{flex-direction:column;gap:.5em;display:flex}.exercise-content .exercise-option{border:1px solid #ddd;border-radius:4px;justify-content:space-between;padding:.75em;display:flex;position:relative}.exercise-content .exercise-option.correct{background-color:#4caf501a;border-color:#4caf50}.exercise-content .correct-marker{color:#4caf50;margin-left:.5em;font-weight:700}.short-answer-preview{margin:1em 0}.short-answer-preview-input-container{width:100%}.short-answer-preview-input{color:#999;background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;width:100%;min-height:100px;padding:10px;font-style:italic}.model-answer-text .task-preview-text-content{background-color:#0000;padding:0}.exercise-question .task-preview-text-content,.model-answer-text .task-preview-text-content,.exercise-instruction.task-preview-text-content,.exercise-source-text.task-preview-text-content,.extract-item .task-preview-text-content{background-color:#0000;padding:0;white-space:normal!important}.short-answer-preview-question,.model-answer-text{white-space:normal!important;overflow-wrap:break-word!important;word-wrap:break-word!important}.short-answer-preview-question *,.model-answer-text *{max-width:100%;white-space:normal!important}.short-answer-preview-question p,.model-answer-text p{margin-bottom:.75rem;display:block}.short-answer-preview-question span,.model-answer-text span{display:inline}.short-answer-preview-question [lang=ar],.short-answer-preview-question span[style*=rtl],.short-answer-preview-question [dir=rtl],.model-answer-text [lang=ar],.model-answer-text span[style*=rtl],.model-answer-text [dir=rtl]{text-align:right;direction:rtl;unicode-bidi:embed;font-family:Arabic Typesetting,Traditional Arabic,Simplified Arabic,sans-serif;font-size:1.1em;line-height:1.8}.task-manager{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.task-manager-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.task-manager-header h2{color:var(--primary);margin:0;font-size:1.4rem;font-weight:600}.task-manager-actions{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.task-search{background-color:var(--white);border-radius:var(--radius-md);border:1px solid #0000001a;flex:1;align-items:center;gap:8px;min-width:240px;padding:6px 12px;display:flex;position:relative}.task-search svg{color:var(--secondary);flex-shrink:0}.task-search input{color:var(--black);background:0 0;border:none;outline:none;flex:1;width:100%;padding-right:28px;font-size:.9rem}.clear-search{color:var(--secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:flex;position:absolute;right:12px}.clear-search:hover{color:var(--primary)}.task-filter-group{gap:var(--spacing-xs);flex-wrap:wrap;align-items:center;display:flex}.task-filter{background-color:var(--white);border-radius:var(--radius-md);border:1px solid #0000001a;align-items:center;gap:8px;padding:6px 12px;display:flex}.task-filter svg{color:var(--secondary)}.task-filter select{color:var(--black);cursor:pointer;background:0 0;border:none;padding-right:16px;font-size:.9rem}.task-filter select:disabled{opacity:.5;cursor:not-allowed}.task-filter select:focus{outline:none}.clear-filters{color:var(--secondary);border-radius:var(--radius-md);cursor:pointer;background-color:#0000000d;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;transition:background-color .2s,color .2s;display:inline-flex}.clear-filters:hover{color:var(--black);background-color:#0000001a}.task-add-button{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:background-color .2s;display:flex}.task-add-button:hover{background-color:var(--primary-dark)}.task-manager-loading{flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.task-manager-error{align-items:center;gap:var(--spacing-sm);color:#dc3545;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);background-color:#dc35451a;display:flex}.task-empty-state{padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;background-color:#00000005;flex-direction:column;justify-content:center;align-items:center;display:flex}.task-empty-state p{color:var(--secondary);margin-bottom:var(--spacing-md)}.task-count{color:var(--secondary);border-bottom:1px solid #0000000d;margin-bottom:12px;padding:6px 0;font-size:.9rem}.task-table{border-collapse:collapse;width:100%}.task-table th,.task-table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid #0000000d}.task-table th{color:var(--secondary);font-size:.9rem;font-weight:600}.task-table tr:last-child td{border-bottom:none}.task-type-cell{align-items:center;gap:8px;display:flex}.task-type-cell svg{color:var(--primary)}.task-actions{gap:var(--spacing-xs);display:flex}.task-action-button{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:background-color .2s,color .2s;display:flex}.task-action-button.preview{color:var(--secondary)}.task-action-button.preview:hover{color:var(--black);background-color:#0000000d}.task-action-button.edit{color:var(--primary)}.task-action-button.edit:hover{background-color:rgba(var(--primary-rgb),.1)}.task-action-button.delete{color:#dc3545}.task-action-button.delete:hover{background-color:#dc35451a}.task-delete-modal{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.task-delete-modal-content{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.task-delete-modal-content h3{color:#dc3545;margin-top:0;margin-bottom:var(--spacing-sm);font-size:1.2rem;font-weight:600}.task-delete-modal-content p{color:var(--secondary);margin-bottom:var(--spacing-md)}.task-delete-modal-actions{justify-content:flex-end;gap:var(--spacing-sm);display:flex}.task-delete-modal-button{border-radius:var(--radius-md);cursor:pointer;padding:8px 16px;font-size:.9rem;font-weight:500;transition:background-color .2s}.task-delete-modal-button.cancel{border:1px solid var(--secondary);color:var(--secondary);background-color:#0000}.task-delete-modal-button.cancel:hover{background-color:#0000000d}.task-delete-modal-button.confirm{color:#fff;background-color:#dc3545;border:none}.task-delete-modal-button.confirm:hover{background-color:#c82333}[dir=rtl] .task-filter svg,[dir=rtl] .task-search svg{transform:scaleX(-1)}[dir=rtl] .clear-search{left:12px;right:auto}[dir=rtl] .task-search input{padding-left:28px;padding-right:0}[dir=rtl] .task-table th,[dir=rtl] .task-table td{text-align:right}[dir=rtl] .task-add-button,[dir=rtl] .task-action-button,[dir=rtl] .task-type-cell{flex-direction:row-reverse}[dir=rtl] .task-filter select{padding-left:16px;padding-right:0}@media (width<=991px){.task-manager-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.task-manager-actions{flex-direction:column;align-items:stretch;width:100%}.task-filter-group{flex-wrap:wrap;width:100%}.task-filter{flex:1;min-width:120px}.task-add-button{justify-content:center;width:100%}.task-search{width:100%}}@media (width<=767px){.task-table{display:block;overflow-x:auto}.task-filter-group{flex-direction:column}.task-filter{width:100%}.clear-filters{justify-content:center;width:100%}}.db-stats-section{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px}.db-stats-toggle{color:#2c3338;cursor:pointer;background-color:#f0f0f1;border:1px solid #c3c4c7;border-radius:4px;align-items:center;margin-bottom:15px;padding:8px 12px;font-weight:500;transition:all .2s;display:flex}.db-stats-toggle:hover{background-color:#f6f7f7}.db-stats-toggle svg:first-child{color:#2271b1;margin-right:8px}.db-stats-toggle svg:last-child{margin-left:8px}.db-stats-toggle span{flex:1}.share-filters-button{width:32px;height:32px;color:var(--secondary);border-radius:var(--radius-md);cursor:pointer;background-color:#0000000d;border:none;justify-content:center;align-items:center;padding:6px;transition:background-color .2s,color .2s;display:inline-flex;position:relative}.share-filters-button:hover{color:var(--primary);background-color:#0000001a}.link-copied-tooltip{background-color:var(--primary);color:#fff;white-space:nowrap;pointer-events:none;border-radius:4px;padding:4px 8px;font-size:.75rem;animation:2s ease-in-out fadeInOut;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.link-copied-tooltip:after{content:"";border-style:solid;border-width:4px 4px 0;border-color:var(--primary)transparent transparent;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.custom-tables-info{background-color:#fff;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #0000001a}.custom-tables-info.loading{flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.custom-tables-info.error{color:#d63638;border-left:4px solid #d63638;padding-left:16px}.spinner{border:3px solid #0000001a;border-top-color:#2271b1;border-radius:50%;width:40px;height:40px;margin-bottom:10px;animation:1s ease-in-out infinite spin}.section-header{border-bottom:1px solid #e5e5e5;align-items:center;margin-bottom:24px;padding-bottom:12px;display:flex}.section-header h2{color:#1d2327;margin:0 0 0 10px;font-size:1.5rem}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.cti-stat-card{background-color:#f9f9f9;border-radius:6px;align-items:center;padding:16px;display:flex;box-shadow:0 1px 3px #0000000d}.stat-icon{color:#2271b1;background-color:#e5f2fd;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;display:flex}.stat-content h3{color:#646970;margin:0 0 4px;font-size:.875rem}.custom-tables-status{background-color:#f9f9f9;border-radius:6px;margin-bottom:30px;padding:16px}.status-header{align-items:center;margin-bottom:12px;display:flex}.status-header h3{color:#1d2327;margin:0 0 0 8px;font-size:1.1rem}.status-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.status-item{background-color:#fff;border-radius:4px;align-items:center;padding:8px 12px;display:flex;box-shadow:0 1px 2px #0000000d}.status-item.success{border-left:3px solid #00a32a}.status-item.error{border-left:3px solid #d63638}.status-item svg{margin-right:8px}.status-item.success svg{color:#00a32a}.status-item.error svg{color:#d63638}.table-name{flex:1;font-weight:500}.table-status{color:#646970;font-size:.875rem}.system-info{background-color:#f9f9f9;border-radius:6px;padding:16px}.system-info h3{color:#1d2327;margin:0 0 12px;font-size:1.1rem}.info-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.info-item{background-color:#fff;border-radius:4px;padding:8px 12px;box-shadow:0 1px 2px #0000000d}.info-label{color:#646970;margin-bottom:2px;font-size:.813rem;display:block}.info-value{font-weight:500}.surah-admin-manager{width:100%}.surah-admin-manager-controls{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.surah-admin-search-icon{left:var(--spacing-sm);color:var(--secondary);width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%)}[dir=rtl] .surah-admin-search-icon{left:auto;right:var(--spacing-sm)}.surah-admin-add-button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--primary);color:var(--white);border-radius:var(--radius-md);cursor:pointer;border:none;font-weight:500;transition:background-color .3s;display:flex}.surah-admin-add-button:hover{background-color:var(--primary-dark)}.surah-admin-table-container{width:100%;margin-top:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto}.surah-admin-table{border-collapse:collapse;background-color:var(--white);table-layout:fixed;width:100%;margin:0}.surah-admin-number-column{width:80px}.surah-admin-name-column{width:50%}.surah-admin-verses-column{width:100px}.surah-admin-actions-column{width:120px}[dir=rtl] .surah-admin-table th{text-align:right}.surah-admin-number-column,.surah-admin-verses-column,.surah-admin-number-cell,.surah-admin-verses-cell{text-align:center!important}.surah-admin-actions-column,.surah-admin-actions-cell{text-align:right!important}[dir=rtl] .surah-admin-actions-column,[dir=rtl] .surah-admin-actions-cell{text-align:left!important}.surah-admin-table th:first-child,.surah-admin-table td:first-child{text-align:center;width:80px}.surah-admin-table th:nth-child(2),.surah-admin-table td:nth-child(2){width:50%}.surah-admin-table th:nth-child(3),.surah-admin-table td:nth-child(3){text-align:center;width:100px}.surah-admin-table th,.surah-admin-table td{padding:var(--spacing-sm)var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}[dir=rtl] .surah-admin-table th,[dir=rtl] .surah-admin-table td{text-align:right}.surah-admin-table th{background-color:var(--background-light);color:var(--secondary);padding:var(--spacing-sm)var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.surah-admin-actions-cell{text-align:right}[dir=rtl] .surah-admin-actions-cell{text-align:left}.surah-admin-number-cell{font-weight:500}.surah-admin-verses-cell{text-align:center}.surah-admin-edit-button,.surah-admin-delete-button{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .3s;display:flex}.surah-admin-edit-button{color:var(--primary)}.surah-admin-edit-button:hover{background-color:rgba(var(--primary-rgb),.1)}.surah-admin-delete-button{color:var(--danger)}.surah-admin-delete-button:hover{background-color:rgba(var(--danger-rgb),.1)}.surah-admin-name{padding:var(--spacing-xs)0;flex-direction:column;display:flex}.surah-admin-name-english{font-weight:500}.surah-admin-no-surahs-message{text-align:center;padding:var(--spacing-lg);color:var(--secondary)}.surah-admin-manager-loading{padding:var(--spacing-xl);color:var(--secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.surah-admin-modal,.surah-admin-confirm-modal{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:100%;max-width:500px;animation:.3s modalFadeIn}.surah-admin-confirm-modal{max-width:400px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.surah-admin-close-button{color:var(--secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .3s;display:flex}.surah-admin-close-button:hover{color:var(--primary)}.surah-admin-form{padding:var(--spacing-md)}.surah-admin-form-row{margin-bottom:var(--spacing-md)}.surah-admin-form-row label{margin-bottom:var(--spacing-xs);color:var(--secondary);font-weight:500;display:block}.surah-admin-form-row input{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;transition:border-color .3s,box-shadow .3s}.surah-admin-form-row input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}.surah-admin-form-actions{justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);display:flex}.surah-admin-save-button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--primary);color:var(--white);border-radius:var(--radius-md);cursor:pointer;border:none;transition:background-color .3s;display:flex}.surah-admin-save-button:hover{background-color:var(--primary-dark)}@media (width<=768px){.surah-admin-manager-controls{flex-direction:column;align-items:stretch}.surah-admin-add-button{justify-content:center}.surah-admin-actions-column{width:90px}.surah-admin-modal,.surah-admin-confirm-modal{max-width:90%;margin:0 var(--spacing-sm)}.surah-admin-table th:first-child,.surah-admin-table td:first-child{width:60px}.surah-admin-table th:nth-child(3),.surah-admin-table td:nth-child(3){width:80px}}@media (width<=480px){.surah-admin-table{table-layout:auto}.surah-admin-table th,.surah-admin-table td{padding:var(--spacing-xs)var(--spacing-sm);font-size:.85rem}.surah-admin-action-buttons{gap:0}.surah-admin-edit-button,.surah-admin-delete-button{width:28px;height:28px}.surah-admin-modal-title{font-size:1.1rem}.surah-admin-name{gap:var(--spacing-xs)}.surah-admin-name-english,.surah-admin-name-arabic{line-height:1.3}}.surah-admin-progress-manager{width:100%}.surah-admin-user-controls{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.surah-admin-search-container{flex-grow:1;position:relative}.surah-admin-search-icon,.surah-admin-filter-icon{left:var(--spacing-sm);color:var(--secondary);width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%)}[dir=rtl] .surah-admin-search-icon,[dir=rtl] .surah-admin-filter-icon{left:auto;right:var(--spacing-sm)}.surah-admin-search-input{width:100%;padding:var(--spacing-sm)var(--spacing-sm)var(--spacing-sm)2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem}[dir=rtl] .surah-admin-search-input{padding:var(--spacing-sm)2.5rem var(--spacing-sm)var(--spacing-sm)}.surah-admin-filter-container{min-width:160px}.surah-admin-filter-label{align-items:center;width:100%;display:flex;position:relative}.surah-admin-filter-select{width:100%;padding:var(--spacing-sm)var(--spacing-sm)var(--spacing-sm)2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--white);appearance:none;cursor:pointer;font-size:.9rem}[dir=rtl] .surah-admin-filter-select{padding:var(--spacing-sm)2.5rem var(--spacing-sm)var(--spacing-sm)}.surah-admin-user-count{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);color:var(--secondary);font-size:.9rem;display:flex}.surah-admin-user-table-container{border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);overflow-x:auto}.surah-admin-user-table{border-collapse:collapse;background-color:var(--white);width:100%}.surah-admin-user-table th,.surah-admin-user-table td{padding:var(--spacing-sm)var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}[dir=rtl] .surah-admin-user-table th,[dir=rtl] .surah-admin-user-table td{text-align:right}.surah-admin-user-table th{background-color:var(--background-light);color:var(--secondary);font-weight:500}.surah-admin-sortable{cursor:pointer;align-items:center;gap:var(--spacing-xs);display:flex}.surah-admin-sorted-asc,.surah-admin-sorted-desc{color:var(--primary)}.surah-admin-actions-column{text-align:right;width:80px}[dir=rtl] .surah-admin-actions-column{text-align:left}.surah-admin-action-buttons{justify-content:flex-end;gap:var(--spacing-xs);display:flex}[dir=rtl] .surah-admin-action-buttons{justify-content:flex-start}.surah-admin-view-button{cursor:pointer;border-radius:var(--radius-sm);width:32px;height:32px;color:var(--primary);background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .3s;display:flex}.surah-admin-view-button:hover{background-color:rgba(var(--primary-rgb),.1)}.surah-admin-progress-cell{align-items:center;gap:var(--spacing-sm);display:flex}.surah-admin-progress-bar-container{background-color:var(--background-light);border-radius:4px;width:100px;height:8px;overflow:hidden}.surah-admin-progress-percentage{color:var(--secondary);width:50px;font-size:.85rem}.surah-admin-no-users-message{text-align:center;padding:var(--spacing-lg);color:var(--secondary)}.surah-admin-error-message{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background-color:rgba(var(--danger-rgb),.1);color:var(--danger);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);display:flex}.surah-admin-progress-loading{padding:var(--spacing-xl);color:var(--secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.surah-admin-spinning-loader{margin-bottom:var(--spacing-sm);color:var(--primary);animation:1s linear infinite spin}.surah-admin-user-detail-view{width:100%}.surah-admin-back-button{align-items:center;gap:var(--spacing-xs);color:var(--secondary);cursor:pointer;margin-bottom:var(--spacing-md);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);background:0 0;border:none;font-size:.95rem;transition:color .3s,background-color .3s;display:flex}.surah-admin-back-button:hover{color:var(--primary);background-color:var(--background-light)}.surah-admin-user-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;display:flex}.surah-admin-user-info{flex-direction:column;display:flex}.surah-admin-user-name{margin:0 0 var(--spacing-xs)0;color:var(--primary);font-size:1.5rem}.surah-admin-user-meta{gap:var(--spacing-md);color:var(--secondary);font-size:.9rem;display:flex}.surah-admin-username{font-weight:500}.surah-admin-email{color:var(--secondary)}.surah-admin-user-actions{gap:var(--spacing-sm);display:flex}.surah-admin-reset-button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background-color:rgba(var(--danger-rgb),.1);color:var(--danger);border-radius:var(--radius-md);cursor:pointer;border:none;font-weight:500;transition:background-color .3s;display:flex}.surah-admin-reset-button:hover{background-color:rgba(var(--danger-rgb),.2)}.surah-admin-progress-overview{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.surah-admin-progress-stat-card{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);text-align:center}.surah-admin-progress-stat-value{color:var(--primary);margin-bottom:var(--spacing-xs);font-size:1.5rem;font-weight:700}.surah-admin-progress-stat-label{color:var(--secondary);margin-bottom:var(--spacing-xs);font-size:.9rem}.surah-admin-progress-stat-subtitle{color:var(--secondary);opacity:.8;font-size:.8rem}.surah-admin-overall-progress{width:100%;height:10px;margin-top:var(--spacing-sm)}.surah-admin-surahs-progress-container{margin-top:var(--spacing-lg)}.surah-admin-surahs-progress-title{margin-bottom:var(--spacing-md);color:var(--secondary);font-size:1.2rem}.surah-admin-progress-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.surah-admin-card{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);border-left:3px solid var(--background-light);transition:transform .3s,box-shadow .3s}.surah-admin-card.in-progress{border-left-color:var(--warning)}.surah-admin-card.completed{border-left-color:var(--success)}.surah-admin-card-header{margin-bottom:var(--spacing-sm);align-items:flex-start;display:flex;position:relative}.surah-admin-number{background-color:var(--background-light);width:28px;height:28px;color:var(--secondary);border-radius:var(--radius-sm);margin-right:var(--spacing-sm);justify-content:center;align-items:center;font-weight:500;display:flex}[dir=rtl] .surah-admin-number{margin-right:0;margin-left:var(--spacing-sm)}.surah-admin-name{flex-grow:1}.surah-admin-name-english{margin-bottom:2px;font-weight:500}.surah-admin-name-arabic{color:var(--secondary);direction:rtl;font-size:.85rem}.surah-admin-reset-surah-button{cursor:pointer;color:var(--secondary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .3s,color .3s;display:flex;position:absolute;top:0;right:0}[dir=rtl] .surah-admin-reset-surah-button{left:0;right:auto}.surah-admin-reset-surah-button:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.surah-admin-card-content{padding-top:var(--spacing-xs)}.surah-admin-progress-bar-container{background-color:var(--background-light);width:100%;height:6px;margin-bottom:var(--spacing-sm);border-radius:3px;overflow:hidden}.surah-admin-progress-bar{background-color:var(--primary);height:100%;transition:width .3s}.surah-admin-progress-details{margin-bottom:var(--spacing-xs);justify-content:space-between;font-size:.85rem;display:flex}.surah-admin-progress-percentage{font-weight:500}.surah-admin-progress-verses{color:var(--secondary)}.surah-admin-last-updated{color:var(--secondary);opacity:.8;font-size:.8rem}.surah-admin-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.surah-admin-confirm-modal{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:100%;max-width:400px;animation:.3s modalFadeIn}.surah-admin-modal-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.surah-admin-modal-title{color:var(--danger);margin:0;font-size:1.2rem}.surah-admin-confirm-content{padding:var(--spacing-md);text-align:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.surah-admin-confirm-icon{color:var(--warning)}.surah-admin-confirm-actions{justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--border-color);display:flex}.surah-admin-cancel-button{padding:var(--spacing-sm)var(--spacing-md);background-color:var(--background-light);color:var(--secondary);border-radius:var(--radius-md);cursor:pointer;border:none;transition:background-color .3s}.surah-admin-cancel-button:hover{background-color:var(--border-color)}@media (width<=768px){.surah-admin-user-controls{flex-direction:column;align-items:stretch}.surah-admin-user-header{gap:var(--spacing-md);flex-direction:column}.surah-admin-user-actions{width:100%}.surah-admin-reset-button{justify-content:center;width:100%}.surah-admin-progress-overview{grid-template-columns:1fr}.surah-admin-progress-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.surah-admin-confirm-modal{max-width:90%;margin:0 var(--spacing-sm)}}@media (width<=480px){.surah-admin-user-table th,.surah-admin-user-table td{padding:var(--spacing-xs)var(--spacing-sm);font-size:.85rem}.surah-admin-progress-bar-container{width:60px}.surah-admin-user-meta{gap:var(--spacing-xs);flex-direction:column}.surah-admin-user-name{font-size:1.3rem}.surah-admin-surahs-progress-title{font-size:1.1rem}}.surah-admin-tracker-manager{width:100%;padding:var(--spacing-md)}.surah-admin-tracker-header{margin-bottom:var(--spacing-lg)}.surah-admin-tracker-title{color:var(--primary);margin-bottom:var(--spacing-xs);font-size:1.8rem}.surah-admin-tracker-description{color:var(--secondary);margin-bottom:var(--spacing-md);font-size:.95rem}.surah-admin-tracker-tabs{gap:var(--spacing-sm);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md);display:flex}.surah-admin-tracker-tab{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);color:var(--secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.surah-admin-tracker-tab:hover{color:var(--primary)}.surah-admin-tracker-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.surah-admin-tracker-content{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md)}@media (width<=768px){.surah-tracker-tabs{flex-wrap:wrap}.surah-tracker-tab{flex:1;justify-content:center;min-width:120px}.surah-tracker-title{font-size:1.5rem}}@media (width<=480px){.surah-tracker-manager{padding:var(--spacing-sm)}.surah-tracker-tabs{gap:var(--spacing-xs)}.surah-tracker-tab{padding:var(--spacing-xs)var(--spacing-sm);font-size:.85rem}.surah-tracker-title{font-size:1.3rem}}.lightbox-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000e6;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out lightboxFadeIn;display:flex;position:fixed;inset:0}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-container{flex-direction:column;justify-content:center;align-items:center;max-width:95vw;max-height:95vh;animation:.3s ease-out lightboxSlideIn;display:flex;position:relative}@keyframes lightboxSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.lightbox-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:-50px;right:0}.lightbox-close:hover{background:#fff3;transform:scale(1.1)}.lightbox-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#00000080;border-radius:25px;align-items:center;gap:12px;padding:8px 16px;display:flex;position:absolute;top:-50px;left:0}.lightbox-control-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.lightbox-control-btn:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.lightbox-control-btn:disabled{opacity:.5;cursor:not-allowed}.lightbox-zoom-level{color:#fff;text-align:center;min-width:40px;font-size:14px;font-weight:500}.lightbox-content{justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex}.lightbox-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;border-radius:8px;max-width:100%;max-height:80vh;transition:transform .1s;box-shadow:0 20px 40px #0000004d}.lightbox-image.zoomed{cursor:grab;transition:none}.lightbox-image.zoomed:active{cursor:grabbing}.lightbox-image.dragging{cursor:grabbing!important;transition:none!important}.lightbox-info{text-align:center;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:20px;margin-top:20px;padding:10px 20px}.lightbox-alt{opacity:.9;font-size:14px;font-weight:500}.lightbox-instructions{opacity:.7;margin-top:8px;font-size:12px;font-style:italic}@media (width<=768px){.lightbox-overlay{padding:10px}.lightbox-close{width:35px;height:35px;top:-40px}.lightbox-controls{gap:8px;padding:6px 12px;top:-40px}.lightbox-control-btn{width:28px;height:28px}.lightbox-zoom-level{min-width:35px;font-size:12px}.lightbox-image{max-height:70vh}.lightbox-info{margin-top:15px;padding:8px 16px}.lightbox-alt{font-size:12px}.lightbox-instructions{font-size:11px}}@media (width<=480px){.lightbox-overlay{padding:5px}.lightbox-close{width:30px;height:30px;top:-35px}.lightbox-controls{gap:6px;padding:4px 8px;top:-35px}.lightbox-control-btn{width:24px;height:24px}.lightbox-zoom-level{min-width:30px;font-size:11px}.lightbox-image{max-height:60vh}.lightbox-info{margin-top:10px;padding:6px 12px}.lightbox-instructions{font-size:10px}}@media (prefers-color-scheme:dark){.lightbox-overlay{background-color:#000000f2}}@media (prefers-contrast:high){.lightbox-close{background:#ffffff4d;border:2px solid #fff}.lightbox-info{background:#000c;border:1px solid #ffffff4d}}@media (prefers-reduced-motion:reduce){.lightbox-overlay,.lightbox-container,.lightbox-image,.lightbox-close{transition:none;animation:none}}.submissions-manager{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.submissions-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.submissions-header h2{color:var(--primary-dark,#1a56db);margin:0;font-size:1.5rem}.submissions-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.submissions-search{width:300px;position:relative}.submissions-search-icon{color:var(--gray-mid,#6b7280);position:absolute;top:50%;left:12px;transform:translateY(-50%)}[dir=rtl] .submissions-search-icon{left:auto;right:12px}.submissions-search-input{border:1px solid var(--gray-lighter,#e5e7eb);border-radius:6px;width:100%;padding:8px 12px 8px 40px;font-size:.9rem;transition:border-color .2s}[dir=rtl] .submissions-search-input{padding:8px 40px 8px 12px}.submissions-search-input:focus{border-color:var(--primary,#3b82f6);outline:none}.submissions-filter{min-width:140px;position:relative}.submissions-filter-icon{color:var(--gray-mid,#6b7280);position:absolute;top:50%;left:12px;transform:translateY(-50%)}[dir=rtl] .submissions-filter-icon{left:auto;right:12px}.submissions-filter-select{border:1px solid var(--gray-lighter,#e5e7eb);cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%236b7280\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border-radius:6px;width:100%;padding:8px 12px 8px 40px;font-size:.9rem}[dir=rtl] .submissions-filter-select{background-position:8px 50%;padding:8px 40px 8px 12px}.submissions-filter-select:focus{border-color:var(--primary,#3b82f6);outline:none}.submissions-refresh-button{background-color:var(--gray-lighter,#e5e7eb);color:var(--gray-dark,#374151);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;transition:background-color .2s;display:flex}.submissions-refresh-button:hover{background-color:var(--gray-light,#d1d5db)}.submissions-empty{background-color:var(--gray-lightest,#f9fafb);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.submissions-empty p{color:var(--gray-mid,#6b7280);margin:0;font-size:1rem}.submissions-table-container{border:1px solid var(--gray-lighter,#e5e7eb);border-radius:8px;overflow-x:auto}.submissions-table{border-collapse:collapse;width:100%;font-size:.9rem}.submission-row{justify-content:center;align-items:center;display:flex}.submissions-table th,.submissions-table td{text-align:left;border-bottom:1px solid var(--gray-lighter,#e5e7eb);vertical-align:middle;padding:12px 16px}[dir=rtl] .submissions-table th,[dir=rtl] .submissions-table td{text-align:right}.submissions-table th{background-color:var(--gray-lightest,#f9fafb);color:var(--gray-dark,#374151);font-weight:600}.submissions-table tr:last-child td{border-bottom:none}.submissions-sortable{cursor:pointer;position:relative}.submissions-sortable:after{content:"";vertical-align:middle;border-left:4px solid #0000;border-right:4px solid #0000;border-bottom:4px solid var(--gray-mid,#6b7280);opacity:.3;width:0;height:0;margin-left:8px;display:inline-block}[dir=rtl] .submissions-sortable:after{margin-left:0;margin-right:8px}.submissions-sortable.sorted-asc:after{border-bottom:4px solid var(--primary,#3b82f6);opacity:1}.submissions-sortable.sorted-desc:after{border-bottom:none;border-top:4px solid var(--primary,#3b82f6);opacity:1}.submission-type-cell{justify-content:flex-start;align-items:center;gap:8px;display:flex}.submission-type-icon{flex-shrink:0}.submission-type-icon.speaking{color:var(--info,#2563eb)}.submission-type-icon.writing{color:var(--success,#10b981)}.submission-status{border-radius:20px;justify-content:center;align-items:center;width:fit-content;padding:4px 8px;font-size:.8rem;font-weight:500;display:inline-flex}.submission-status.approved{background-color:var(--success-lightest,#ecfdf5);color:var(--success,#10b981)}.submission-status.rejected{background-color:var(--danger-lightest,#fef2f2);color:var(--danger,#ef4444)}.submission-status.pending{background-color:var(--warning-lightest,#fffbeb);color:var(--warning,#f59e0b)}.submission-grade-button{cursor:pointer;background-color:var(--gray-lightest,#f9fafb);color:var(--gray-dark,#374151);border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:background-color .2s;display:flex}.submission-grade-button:hover{background-color:var(--gray-lighter,#e5e7eb)}.submissions-actions-cell{text-align:center;vertical-align:middle;display:table-cell}.submissions-view-button,.submissions-grade-button{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px 12px;font-size:.8rem;font-weight:500;transition:background-color .2s;display:inline-flex}.submissions-view-button{background-color:var(--gray-lightest,#f9fafb);color:var(--gray-dark,#374151)}.submissions-view-button:hover{background-color:var(--gray-lighter,#e5e7eb)}.submissions-grade-button{background-color:var(--primary-lightest,#eff6ff);color:var(--primary,#3b82f6)}.submissions-loading,.submissions-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.submissions-spinner{border:3px solid var(--gray-lighter,#e5e7eb);border-top-color:var(--primary,#3b82f6);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.submissions-retry-button{background-color:var(--primary,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;font-size:.9rem;transition:background-color .2s;display:flex}.submissions-retry-button:hover{background-color:var(--primary-dark,#1d4ed8)}.submission-detail-view{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.submission-back-button{border:1px solid var(--gray-lighter,#e5e7eb);color:var(--gray-dark,#374151);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:.9rem;transition:background-color .2s;display:flex}.submission-back-button:hover{background-color:var(--gray-lightest,#f9fafb)}.submission-detail-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.submission-detail-header h2{color:var(--primary-dark,#1a56db);align-items:center;gap:12px;margin:0;font-size:1.5rem;display:flex}.submission-detail-meta{background-color:var(--gray-lightest,#f9fafb);border-radius:8px;gap:16px;margin-bottom:24px;padding:16px;display:grid}.submission-meta-item{flex-direction:column;gap:4px;display:flex}.submission-meta-label{color:var(--gray-mid,#6b7280);font-size:.8rem;font-weight:500}.submission-meta-value{color:var(--gray-dark,#374151);font-size:.95rem}.submission-detail-content{flex-direction:column;gap:24px;display:flex}.submission-audio-container,.submission-image-container{background-color:var(--gray-lightest,#f9fafb);border-radius:8px;padding:20px}.submission-audio-container h3,.submission-image-container h3,.submission-feedback h3{color:var(--gray-dark,#374151);align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;display:flex}.submission-audio-player{width:100%;max-width:500px}.submission-image{border-radius:4px;max-width:100%;max-height:600px}.clickable-image{cursor:pointer;border:2px solid #0000;transition:all .2s}.clickable-image:hover{border-color:var(--primary,#3b82f6);transform:scale(1.02);box-shadow:0 4px 12px #3b82f626}.submission-feedback{background-color:var(--primary-lightest,#eff6ff);border-radius:8px;padding:20px}.submission-feedback-content{color:var(--gray-dark,#374151);white-space:pre-line;margin:0;font-size:.95rem;line-height:1.6}.submissions-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.submissions-modal{background-color:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.submissions-modal-header{border-bottom:1px solid var(--gray-lighter,#e5e7eb);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.submissions-modal-header h3{color:var(--gray-dark,#374151);margin:0;font-size:1.2rem}.submissions-modal-close{color:var(--gray-mid,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.submissions-modal-close:hover{background-color:var(--gray-lightest,#f9fafb);color:var(--gray-dark,#374151)}.submissions-modal-content{padding:20px}.submissions-modal-info{margin-bottom:20px}.submissions-modal-info p{color:var(--gray-dark,#374151);margin:8px 0;font-size:.95rem}.submissions-modal-preview{text-align:center;margin-bottom:20px}.submissions-modal-audio{width:100%}.submissions-modal-image{border-radius:4px;max-width:100%;max-height:300px}.submissions-modal-image.clickable-image{cursor:pointer;border:2px solid #0000;transition:all .2s}.submissions-modal-image.clickable-image:hover{border-color:var(--primary,#3b82f6);transform:scale(1.02);box-shadow:0 4px 12px #3b82f626}.submissions-modal-form{flex-direction:column;gap:20px;display:flex}.submissions-feedback-field{flex-direction:column;gap:8px;display:flex}.submissions-feedback-field label{color:var(--gray-dark,#374151);font-size:.9rem;font-weight:500}.submissions-feedback-field textarea{border:1px solid var(--gray-lighter,#e5e7eb);resize:vertical;border-radius:6px;width:100%;padding:12px;font-size:.95rem;line-height:1.5;transition:border-color .2s}.submissions-feedback-field textarea:focus{border-color:var(--primary,#3b82f6);outline:none}.submissions-grade-options{flex-direction:column;gap:12px;display:flex}.submissions-grade-label{color:var(--gray-dark,#374151);margin:0;font-size:.9rem;font-weight:500}.submissions-grade-buttons{flex-wrap:wrap;gap:8px;display:flex}.submissions-grade-button{border:1px solid var(--gray-lighter,#e5e7eb);min-width:120px;color:var(--gray-dark,#374151);cursor:pointer;background-color:#fff;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.submissions-grade-button:hover{background-color:var(--gray-lightest,#f9fafb)}.submissions-grade-button.active{background-color:var(--primary-lightest,#eff6ff);border-color:var(--primary,#3b82f6);color:var(--primary,#3b82f6)}.submissions-completion-note{background-color:var(--success-lightest,#ecfdf5);color:var(--success,#10b981);border-radius:6px;align-items:center;gap:8px;margin:0;padding:12px;font-size:.85rem;display:flex}.submissions-completion-icon{flex-shrink:0}.submissions-modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.submissions-modal-button{cursor:pointer;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:background-color .2s}.submissions-modal-button.cancel{border:1px solid var(--gray-lighter,#e5e7eb);color:var(--gray-dark,#374151);background-color:#fff}.submissions-modal-button.cancel:hover{background-color:var(--gray-lightest,#f9fafb)}.submissions-modal-button.submit{background-color:var(--primary,#3b82f6);border:1px solid var(--primary,#3b82f6);color:#fff;align-items:center;gap:8px;display:flex}.submissions-modal-button.submit:hover{background-color:var(--primary-dark,#1d4ed8)}.submissions-modal-button:disabled{opacity:.7;cursor:not-allowed}.submissions-button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@media (width<=768px){.submissions-header{flex-direction:column;align-items:flex-start}.submissions-filters{justify-content:space-between;width:100%}.submissions-search{width:100%}.submissions-filter{flex:1}.submissions-table th:nth-child(4),.submissions-table td:nth-child(4){display:none}.submission-detail-meta{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (width<=576px){.submissions-filters{flex-direction:column;align-items:stretch}.submissions-table th:nth-child(3),.submissions-table td:nth-child(3),.submissions-table th:nth-child(5),.submissions-table td:nth-child(5){display:none}.submissions-grade-buttons{flex-direction:column}.submission-detail-header{flex-direction:column;align-items:flex-start;gap:16px}}.submissions-table th.actions-header{text-align:center}.submissions-table th.type-header{text-align:left}[dir=rtl] .submissions-table th.type-header{text-align:right}.submissions-table td:nth-child(6){text-align:center}.submission-html-content{word-wrap:break-word;overflow-wrap:break-word;line-height:1.6}.submission-html-content p,.submission-html-content span{margin:.25rem 0;font-size:.9rem}.submission-html-content p:last-child,.submission-html-content span:last-child{margin-bottom:0}[lang=ar] .submission-html-content,[dir=rtl] .submission-html-content,.submission-html-content [lang=ar]{text-align:right;direction:rtl;font-size:1rem;line-height:1.8}.submission-html-content img{border-radius:4px;max-width:100%;height:auto;margin:.5rem 0}.submission-html-content ul,.submission-html-content ol{margin:.5rem 0;padding-left:1.5rem}[dir=rtl] .submission-html-content ul,[dir=rtl] .submission-html-content ol{padding-left:0;padding-right:1.5rem}.submission-html-content strong,.submission-html-content b{font-weight:600}.submission-html-content em,.submission-html-content i{font-style:italic}.submission-html-content h1,.submission-html-content h2,.submission-html-content h3,.submission-html-content h4,.submission-html-content h5,.submission-html-content h6{color:var(--gray-dark,#374151);margin:.5rem 0;font-weight:600}.submission-html-content h1{font-size:1.125rem}.submission-html-content h2{font-size:1.1rem}.submission-html-content h3{font-size:1.05rem}.submission-html-content h4{font-size:1rem}.submission-html-content h5{font-size:.95rem}.submission-html-content h6{font-size:.9rem}.submissions-prompt-button{padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--light);border:1px solid var(--secondary);border-radius:var(--radius-sm);color:var(--primary);cursor:pointer;font-size:.8rem;font-weight:500;font-family:var(--font-primary);justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:inline-flex}.submissions-prompt-button:hover{background-color:var(--secondary);color:var(--primary);border-color:var(--primary)}.submissions-prompt-button:focus{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.25);outline:none}.submissions-prompt-modal-overlay{z-index:1000;padding:var(--spacing-md);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.submissions-prompt-modal{background-color:var(--white);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:600px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000026}.submissions-prompt-modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--light);background-color:var(--light);justify-content:space-between;align-items:center;display:flex}.submissions-prompt-modal-header h3{color:var(--primary);font-size:1.2rem;font-weight:600;font-family:var(--font-primary);margin:0}.submissions-prompt-modal-close{color:var(--primary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex}.submissions-prompt-modal-close:hover{background-color:var(--secondary);color:var(--primary)}.submissions-prompt-modal-content{padding:var(--spacing-lg);flex:1;overflow-y:auto}.submissions-prompt-info{gap:var(--spacing-lg);flex-direction:column;display:flex}.submissions-prompt-meta{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.submissions-prompt-meta-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.submissions-prompt-meta-label{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600;font-family:var(--font-primary)}.submissions-prompt-meta-value{color:var(--primary-dark);font-size:.9rem;font-weight:500;font-family:var(--font-primary)}.submissions-prompt-content{padding:var(--spacing-md);background-color:var(--light);border-radius:var(--radius-md);border-left:4px solid var(--secondary)}.submissions-prompt-content p{color:var(--primary-dark);line-height:1.6;font-family:var(--font-primary);margin:0}.submissions-prompt-modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--light);justify-content:flex-end;gap:var(--spacing-sm);background-color:var(--light);display:flex}.submissions-prompt-modal-button{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--font-primary);border:1px solid #0000;transition:all .2s}.submissions-prompt-modal-button.primary{background-color:var(--primary);color:var(--white);border-color:var(--primary)}.submissions-prompt-modal-button.primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.submissions-prompt-modal-button.secondary{background-color:var(--secondary);color:var(--primary);border-color:var(--secondary)}.submissions-prompt-modal-button.secondary:hover{background-color:#d9b078;border-color:#d9b078}@media (width<=768px){.submissions-prompt-modal{width:95%;margin:var(--spacing-md)}.submissions-prompt-meta{grid-template-columns:1fr}.submissions-prompt-modal-header,.submissions-prompt-modal-content,.submissions-prompt-modal-footer{padding:var(--spacing-md)}}.nm-notification-manager{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.nm-notification-manager-header{align-items:center;margin-bottom:1.5rem;display:flex}.notification-manager-header h2{margin:0 0 0 10px;font-size:1.5rem;font-weight:600}.nm-notification-success{color:#2e7d32;background-color:#e6f7e6;border-radius:6px;align-items:center;margin-bottom:1.5rem;padding:12px 16px;display:flex}.nm-notification-error{color:#d32f2f;background-color:#fdecea;border-radius:6px;align-items:center;margin-bottom:1.5rem;padding:12px 16px;display:flex}.notification-error svg{margin-right:8px}.nm-notification-form{flex-direction:column;gap:1.25rem;display:flex}.nm-notif-form-group{flex-direction:column;display:flex}.notif-form-group label{color:#333;margin-bottom:8px;font-weight:500}.notif-form-group input[type=text]{border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-size:14px;transition:border-color .2s}.notif-form-group input[type=text]:focus{border-color:#4285f4;outline:none}.nm-field-hint{color:#666;margin-top:6px;font-size:12px}.nm-notif-checkbox-group{align-items:center;margin-top:8px;display:flex}.notif-checkbox-group input{margin-right:8px}.nm-search-box{margin-bottom:12px}.search-box input{border:1px solid #ddd;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.nm-user-list{border:1px solid #ddd;border-radius:6px;max-height:250px;padding:8px;overflow-y:auto}.nm-user-item{border-bottom:1px solid #eee;align-items:center;padding:8px;display:flex}.user-item:last-child{border-bottom:none}.user-item label{cursor:pointer;flex-direction:column;flex:1;margin-left:8px;display:flex}.nm-notif-user-name{font-size:14px;font-weight:500}.nm-no-users{text-align:center;color:#666;padding:16px}.nm-selected-count{color:#555;text-align:right;margin-top:8px;font-size:13px}.nm-send-notification-btn{background-color:var(--primary,#006c64);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:12px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.send-notification-btn:hover{background-color:#005a53}.send-notification-btn:disabled{cursor:not-allowed;background-color:#ccc}.nm-button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}[dir=rtl] .notification-error svg,[dir=rtl] .notif-checkbox-group input{margin-left:8px;margin-right:0}[dir=rtl] .nm-user-item label{margin-left:0;margin-right:8px}[dir=rtl] .nm-selected-count{text-align:left}.nm-form-group{flex-direction:column;margin-bottom:1rem;display:flex}.nm-form-group label{color:#333;margin-bottom:8px;font-weight:500}.nm-form-group input[type=text],.nm-form-group input[type=url]{border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-size:14px;transition:border-color .2s}.nm-form-group input[type=text]:focus,.nm-form-group input[type=url]:focus{border-color:#4285f4;outline:none}.nm-required{color:#d32f2f;margin-left:4px}.nm-checkbox-label{cursor:pointer;color:#333;align-items:center;font-weight:500;display:flex}.nm-checkbox-label input[type=checkbox]{margin-right:8px}.nm-user-search{border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:12px;padding:10px 12px;font-size:14px}.nm-user-search:focus{border-color:#4285f4;outline:none}.nm-users-list{border:1px solid #ddd;border-radius:6px;max-height:250px;padding:8px;overflow-y:auto}.nm-loading{text-align:center;color:#666;padding:16px;font-style:italic}.nm-user-item{cursor:pointer;border-bottom:1px solid #eee;align-items:center;padding:8px;display:flex}.nm-user-item:last-child{border-bottom:none}.nm-user-item input[type=checkbox]{margin-right:8px}.nm-user-info{flex-direction:column;flex:1;display:flex}.nm-user-name{color:#333;font-size:14px;font-weight:500}.nm-user-email{color:#666;font-size:12px}.nm-error-message{color:#d32f2f;background-color:#fdecea;border-radius:6px;align-items:center;gap:8px;margin-bottom:1rem;padding:12px 16px;display:flex}.nm-success-message{color:#2e7d32;background-color:#e6f7e6;border-radius:6px;align-items:center;gap:8px;margin-bottom:1rem;padding:12px 16px;display:flex}.nm-send-button{background-color:var(--primary,#006c64);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:12px 24px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.nm-send-button:hover:not(:disabled){background-color:#005a53}.nm-send-button:disabled{cursor:not-allowed;background-color:#ccc}.nm-loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@media (width<=768px){.nm-notification-manager{padding:1rem}.nm-notification-manager-header{margin-bottom:1rem}}.scheduled-notifications-manager{background-color:#fff;border-radius:8px;margin-top:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.scheduled-notifications-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.scheduled-notifications-title{align-items:center;display:flex}.scheduled-notifications-title h2{margin:0 0 0 10px;font-size:1.5rem;font-weight:600}.add-scheduled-button{background-color:var(--primary,#006c64);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.add-scheduled-button:hover{background-color:#005a53}.scheduled-notification-form-container{background-color:#f9f9f9;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.scheduled-notification-form-container h3{color:#333;margin-top:0;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.scheduled-notification-form{flex-direction:column;gap:1.25rem;display:flex}.field-hint{color:#666;margin-top:6px;font-size:12px}.schedule-type-options{gap:1rem;margin-top:.5rem;display:flex}.schedule-type-option{cursor:pointer;border:1px solid #ddd;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;transition:all .2s;display:flex}.schedule-type-option:hover{background-color:#f0f0f0}.schedule-type-option.active{border-color:var(--primary,#006c64);color:var(--primary,#006c64);background-color:#006c641a}.schedule-type-option input[type=radio]{margin:0}.recurring-interval-selector{width:100%}.recurring-interval-selector select{background-color:#fff;border:1px solid #ddd;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.recurring-interval-selector select:focus{border-color:var(--primary,#006c64);outline:none}.form-actions{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}.cancel-button:hover{background-color:#f0f0f0}.save-button:hover{background-color:#005a53}.save-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.scheduled-notifications-list h3{color:#333;margin-top:0;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.loading-container{flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.empty-state{text-align:center;background-color:#f9f9f9;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.empty-state p{color:#666;margin:0;font-size:16px}.scheduled-table-container{margin-bottom:1rem;overflow-x:auto}.scheduled-table{border-collapse:collapse;text-align:left;width:100%}.scheduled-table th,.scheduled-table td{border-bottom:1px solid #eee;padding:12px 16px}.scheduled-table th{color:#333;background-color:#f5f5f5;font-weight:600}.notification-title-cell{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.notification-actions-cell{text-align:center;width:80px}.delete-button{color:#d32f2f;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px;transition:background-color .2s}.delete-button:hover{background-color:#d32f2f1a}[dir=rtl] .scheduled-notifications-title h2{margin:0 10px 0 0}[dir=rtl] .add-scheduled-button,[dir=rtl] .save-button{flex-direction:row-reverse}[dir=rtl] .scheduled-table{text-align:right}@media (width<=768px){.scheduled-notifications-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-row{flex-direction:column;gap:1rem}.schedule-type-options{flex-direction:column}.form-actions{flex-direction:column-reverse}.save-button,.cancel-button{justify-content:center;width:100%}.scheduled-table th:nth-child(3),.scheduled-table td:nth-child(3){display:none}}.notification-templates-manager{max-width:1200px;margin:0 auto;padding:20px}.templates-header{border-bottom:2px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.templates-header h2{color:#1f2937;align-items:center;gap:10px;margin:0;font-size:1.5rem;font-weight:600;display:flex}.add-new-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.add-new-btn:hover{background-color:#2563eb}.template-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:30px;padding:24px;box-shadow:0 1px 3px #0000001a}.form-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:500}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.required{color:#ef4444;margin-left:4px}.variables-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.variable-item{background:#fff;border-radius:6px;align-items:center;gap:12px;margin-bottom:12px;padding:8px;display:flex}.variable-key{color:#6b7280;background:#f3f4f6;border-radius:4px;min-width:100px;padding:4px 8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px}.variable-item input{border:1px solid #d1d5db;border-radius:4px;flex:1;padding:6px 10px;font-size:13px}.remove-variable-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.remove-variable-btn:hover{background:#dc2626}.add-variable-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px dashed #d1d5db;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.add-variable-btn:hover{color:#374151;background:#e5e7eb}.form-actions{border-top:1px solid #e5e7eb;gap:12px;margin-top:24px;padding-top:20px;display:flex}.save-btn{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:background-color .2s;display:flex}.save-btn:hover:not(:disabled){background-color:#059669}.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:10px 20px;font-weight:500;transition:background-color .2s}.cancel-btn:hover{background:#e5e7eb}.templates-list{flex-direction:column;gap:16px;display:flex}.template-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:flex-start;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.template-item:hover{border-color:#d1d5db;box-shadow:0 4px 6px #0000001a}.template-info{flex:1}.template-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.template-header h3{color:#1f2937;margin:0;font-size:1.1rem;font-weight:600}.template-badges{gap:8px;display:flex}.type-badge{text-transform:uppercase;color:#6b7280;background:#f3f4f6;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:500}.type-badge.general{color:#1d4ed8;background:#dbeafe}.type-badge.system{color:#d97706;background:#fef3c7}.type-badge.course{color:#065f46;background:#d1fae5}.type-badge.vocabulary{color:#be185d;background:#fce7f3}.type-badge.video_call{color:#4338ca;background:#e0e7ff}.type-badge.quran{color:#047857;background:#ecfdf5}.type-badge.achievement{color:#b45309;background:#fef7cd}.type-badge.reminder{color:#7c3aed;background:#f3e8ff}.status-badge{text-transform:uppercase;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:500}.status-badge.active{color:#15803d;background:#dcfce7}.status-badge.inactive{color:#dc2626;background:#fee2e2}.template-content{color:#6b7280;font-size:14px;line-height:1.5}.template-preview{margin-bottom:8px}.template-preview strong,.template-category strong,.template-variables strong{color:#374151;font-weight:500}.template-category,.template-variables{margin-bottom:8px;font-size:13px}.template-actions{gap:8px;margin-left:20px;display:flex}.template-actions button{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.test-btn{color:#0284c7;background:#f0f9ff}.test-btn:hover{color:#0369a1;background:#e0f2fe}.edit-btn{color:#d97706;background:#fffbeb}.edit-btn:hover{color:#b45309;background:#fef3c7}.delete-btn{color:#dc2626;background:#fef2f2}.delete-btn:hover:not(:disabled){color:#b91c1c;background:#fee2e2}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:600px;max-height:80vh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:#1f2937;align-items:center;gap:10px;margin:0;font-size:1.1rem;font-weight:600;display:flex}.close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .2s}.close-btn:hover{color:#374151}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;padding:16px 24px;display:flex}.test-variable-item{align-items:center;gap:12px;margin-bottom:12px;display:flex}.test-variable-item label{color:#6b7280;min-width:100px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px}.test-variable-item input{border:1px solid #d1d5db;border-radius:4px;flex:1;padding:8px 12px;font-size:14px}.test-result{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:20px;padding:16px}.test-result h4{color:#1f2937;margin:0 0 12px;font-size:14px;font-weight:600}.result-preview{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.result-title,.result-content{margin-bottom:12px}.result-title strong,.result-content strong{color:#374151;margin-bottom:4px;font-weight:500;display:block}.result-content div{color:#6b7280;line-height:1.5}.loading{text-align:center;color:#6b7280;padding:40px;font-size:14px}.empty-state{text-align:center;color:#6b7280;padding:60px 20px}.empty-state p{margin:0;font-size:16px}@media (width<=768px){.notification-templates-manager{padding:16px}.templates-header{flex-direction:column;align-items:flex-start;gap:16px}.form-row{grid-template-columns:1fr}.template-item{flex-direction:column;gap:16px}.template-actions{align-self:flex-end;margin-left:0}.modal{width:95%;margin:20px}}.notification-analytics{max-width:1400px;margin:0 auto;padding:20px}.analytics-header{border-bottom:2px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.analytics-header h2{color:#1f2937;align-items:center;gap:10px;margin:0;font-size:1.5rem;font-weight:600;display:flex}.header-actions{gap:8px;display:flex}.export-btn,.refresh-btn,.cleanup-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;transition:all .2s;display:flex}.export-btn{color:#0284c7;background:#f0f9ff}.export-btn:hover:not(:disabled){color:#0369a1;background:#e0f2fe}.refresh-btn{color:#16a34a;background:#f0fdf4}.refresh-btn:hover:not(:disabled){color:#15803d;background:#dcfce7}.cleanup-btn{color:#d97706;background:#fef3c7}.cleanup-btn:hover:not(:disabled){color:#c2410c;background:#fed7aa}.export-btn:disabled,.refresh-btn:disabled,.cleanup-btn:disabled{opacity:.5;cursor:not-allowed}.analytics-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px;box-shadow:0 1px 3px #0000001a}.filters-row{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:20px;display:grid}.filter-group{flex-direction:column;display:flex}.filter-group label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:500}.filter-group input,.filter-group select{border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;font-size:14px;transition:border-color .2s}.filter-group input:focus,.filter-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.clear-filters-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:6px;height:fit-content;padding:10px 16px;font-size:14px;transition:all .2s;display:flex}.clear-filters-btn:hover{background:#e5e7eb}.overview-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;display:grid}.overview-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.overview-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px #0000001a}.card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.card-icon.total{color:#1d4ed8;background:#dbeafe}.card-icon.read{color:#15803d;background:#dcfce7}.card-icon.unread{color:#d97706;background:#fef3c7}.card-icon.archived{color:#7c3aed;background:#f3e8ff}.card-content{flex:1}.card-value{color:#1f2937;font-size:1.875rem;font-weight:700;line-height:1.2}.card-label{color:#6b7280;margin-top:2px;font-size:.875rem}.card-percentage{color:#9ca3af;margin-top:2px;font-size:.75rem}.charts-container{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:30px;display:grid}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.chart-header{border-bottom:1px solid #f3f4f6;margin-bottom:20px;padding-bottom:12px}.chart-header h3{color:#1f2937;align-items:center;gap:8px;margin:0;font-size:1.1rem;font-weight:600;display:flex}.chart-content{min-height:200px}.bar-chart{flex-direction:column;gap:12px;display:flex}.bar-item{align-items:center;gap:12px;display:flex}.bar-info{justify-content:space-between;align-items:center;min-width:100px;display:flex}.bar-label{color:#374151;text-transform:capitalize;font-size:13px}.bar-value{color:#6b7280;font-size:12px;font-weight:600}.bar-container{background:#f3f4f6;border-radius:10px;flex:1;height:20px;position:relative;overflow:hidden}.bar{border-radius:10px;height:100%;transition:width .3s}.bar-0{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.bar-1{background:linear-gradient(90deg,#10b981,#34d399)}.bar-2{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.bar-3{background:linear-gradient(90deg,#ef4444,#f87171)}.bar-4{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.bar-5{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.bar-6{background:linear-gradient(90deg,#84cc16,#a3e635)}.bar-7{background:linear-gradient(90deg,#f97316,#fb923c)}.bar.priority-low{background:linear-gradient(90deg,#10b981,#34d399)}.bar.priority-normal{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.bar.priority-high{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.bar.priority-urgent{background:linear-gradient(90deg,#ef4444,#f87171)}.bar-percentage{color:#6b7280;text-align:right;min-width:40px;font-size:12px}.no-data{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.no-data svg{opacity:.5;margin-bottom:12px}.no-data p{margin:0;font-size:14px}.summary-stats{margin-bottom:30px}.stats-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.stats-card h3{color:#1f2937;margin:0 0 20px;font-size:1.1rem;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.stat-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.stat-label{color:#6b7280;font-size:14px}.stat-value{color:#1f2937;font-size:16px;font-weight:600}.loading{color:#6b7280;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-spinner.large{border-width:3px;width:32px;height:32px;margin-bottom:16px}.success-message{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}@media (width<=1024px){.charts-container{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.notification-analytics{padding:16px}.analytics-header{flex-direction:column;align-items:flex-start;gap:16px}.filters-row{grid-template-columns:1fr;gap:16px}.overview-cards{grid-template-columns:1fr}.overview-card{text-align:center;flex-direction:column}.card-icon{width:40px;height:40px}.card-value{font-size:1.5rem}.bar-item{flex-direction:column;align-items:stretch;gap:8px}.bar-info{min-width:auto}.bar-percentage{text-align:left}}.call-status-badge{align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-weight:600;font-family:var(--font-primary);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;display:inline-flex;position:relative;overflow:hidden}.call-status-badge:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.call-status-badge:hover:before{left:100%}.call-status-badge.small{padding:var(--spacing-xs)var(--spacing-sm);gap:2px;font-size:.7rem}.call-status-badge.medium{padding:var(--spacing-xs)var(--spacing-md);gap:var(--spacing-xs);font-size:.75rem}.call-status-badge.large{padding:var(--spacing-sm)var(--spacing-lg);gap:var(--spacing-sm);font-size:.8rem}.call-status-badge.status-pending{color:var(--warning-dark);background:linear-gradient(135deg,#ffc10726,#ffc10714);border-color:#ffc1074d;box-shadow:0 2px 8px #ffc10733}.call-status-badge.status-accepted{color:var(--success-dark);background:linear-gradient(135deg,#28a74526,#28a74514);border-color:#28a7454d;box-shadow:0 2px 8px #28a74533}.call-status-badge.status-denied{color:var(--error-dark);background:linear-gradient(135deg,#dc354526,#dc354514);border-color:#dc35454d;box-shadow:0 2px 8px #dc354533}.call-status-badge.status-rescheduled{color:var(--primary);background:linear-gradient(135deg,#cca06126,#cca06114);border-color:#cca0614d;box-shadow:0 2px 8px #cca06133}.call-status-badge.status-completed{color:var(--primary);background:linear-gradient(135deg,#00443f26,#00443f14);border-color:#00443f4d;box-shadow:0 2px 8px #00443f33}.call-status-badge.status-cancelled{color:#374151;background:linear-gradient(135deg,#6b728026,#6b728014);border-color:#6b72804d;box-shadow:0 2px 8px #6b728033}.call-status-badge.status-scheduled{color:#1e40af;background:linear-gradient(135deg,#3b82f626,#3b82f614);border-color:#3b82f64d;box-shadow:0 2px 8px #3b82f633}.call-status-badge.status-started{color:#166534;background:linear-gradient(135deg,#22c55e26,#22c55e14);border-color:#22c55e4d;animation:2s infinite gentlePulse;box-shadow:0 2px 8px #22c55e33}@keyframes gentlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.call-status-badge.status-full{color:var(--error-dark);background:linear-gradient(135deg,#dc354526,#dc354514);border-color:#dc35454d;box-shadow:0 2px 8px #dc354533}.call-status-badge.status-unknown{color:#6b7280;background:linear-gradient(135deg,#9ca3af26,#9ca3af14);border-color:#9ca3af4d;box-shadow:0 2px 8px #9ca3af33}.call-status-badge.status-pending:after{content:"⏳";font-size:.8em}.call-status-badge.status-accepted:after{content:"✅";font-size:.8em}.call-status-badge.status-denied:after{content:"❌";font-size:.8em}.call-status-badge.status-rescheduled:after{content:"📅";font-size:.8em}.call-status-badge.status-completed:after{content:"✅";font-size:.8em}.call-status-badge.status-cancelled:after{content:"🚫";font-size:.8em}.call-status-badge.status-scheduled:after{content:"📅";font-size:.8em}.call-status-badge.status-started:after{content:"🔴";font-size:.8em}.call-status-badge.status-full:after{content:"🚫";font-size:.8em}.call-status-badge.status-unknown:after{content:"❓";font-size:.8em}.status-label{font-size:inherit;font-weight:inherit;z-index:1;position:relative}.call-status-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.call-status-badge.status-pending:hover{box-shadow:0 4px 12px #ffc1074d}.call-status-badge.status-accepted:hover{box-shadow:0 4px 12px #28a7454d}.call-status-badge.status-denied:hover{box-shadow:0 4px 12px #dc35454d}.call-status-badge.status-rescheduled:hover{box-shadow:0 4px 12px #cca0614d}.call-status-badge.status-completed:hover{box-shadow:0 4px 12px #00443f4d}.call-status-badge.status-started:hover{box-shadow:0 4px 12px #22c55e4d}html[dir=rtl] .call-status-badge{flex-direction:row-reverse}.call-status-badge:focus{outline:2px solid var(--secondary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.call-status-badge{transition:none}.call-status-badge.status-started{animation:none}.call-status-badge:hover{transform:none}.call-status-badge:before{display:none}}@media (prefers-contrast:high){.call-status-badge{border-width:2px;font-weight:700}.call-status-badge:after{display:none}}@media print{.call-status-badge{color:#000!important;box-shadow:none!important;background:0 0!important;border:1px solid #000!important}.call-status-badge:after{display:none}}.vcm-request-detail-modal-overlay{z-index:9999;padding:var(--spacing-md);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vcm-request-detail-modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#fff;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden}.vcm-modal-header h3{color:var(--text-dark);margin:0;font-size:1.25rem;font-weight:600}.vcm-close-button{width:40px;height:40px;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.vcm-close-button:hover{background:var(--border-light);color:var(--text-dark)}.vcm-modal-content{padding:var(--spacing-lg);flex:1;overflow-y:auto}.vcm-request-overview{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);background:var(--background-light);border-radius:var(--radius-md);padding:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.vcm-overview-item{gap:var(--spacing-sm);align-items:flex-start;display:flex}.vcm-overview-item>div{flex-direction:column;display:flex}.vcm-overview-item .vcm-label{color:var(--text-muted);margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:500}.vcm-overview-item .vcm-value{color:var(--text-dark);font-weight:500}.vcm-overview-item .vcm-sub-value{color:var(--text-muted);margin-top:var(--spacing-xs);font-size:.875rem}.vcm-status-container{gap:var(--spacing-xs);flex-direction:column;display:flex}.vcm-request-details{gap:var(--spacing-md);flex-direction:column;display:flex}.vcm-detail-section{margin-bottom:var(--spacing-md)}.vcm-detail-section h4{margin:0 0 var(--spacing-sm)0;color:var(--text-dark);font-size:1rem;font-weight:600}.vcm-detail-section p{color:var(--text-dark);margin:0;line-height:1.5}.vcm-admin-response{background:var(--background-light);padding:var(--spacing-md);border-radius:var(--radius-md);border-left:4px solid var(--success)}.vcm-video-link-container{align-items:center;gap:var(--spacing-sm);background:var(--background-light);padding:var(--spacing-sm);border-radius:var(--radius-md);display:flex}.vcm-video-link{align-items:center;gap:var(--spacing-sm);color:var(--primary);word-break:break-all;flex:1;font-family:monospace;font-size:.875rem;text-decoration:none;display:flex}.vcm-video-link:hover{text-decoration:underline}.vcm-edit-link-button{padding:var(--spacing-xs);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none}.vcm-edit-link-button:hover{background:var(--border-light);color:var(--text-dark)}.vcm-reschedule-info{border-radius:var(--radius-md);padding:var(--spacing-md);background:#f0f9ff;border:1px solid #0ea5e9}.vcm-reschedule-details{gap:var(--spacing-sm);flex-direction:column;display:flex}.vcm-reschedule-details p{color:#0369a1;margin:0}.vcm-modal-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}.vcm-modal-action-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;border:none;font-weight:500;transition:all .2s;display:flex}.vcm-modal-action-btn.primary{background:var(--primary);color:#fff}.vcm-stat-card svg{min-width:40px;min-height:40px}.vcm-modal-action-btn.primary:hover{background:var(--primary-dark)}.vcm-modal-action-btn.danger{background:var(--error);color:#fff}.vcm-modal-action-btn.danger:hover{background:var(--error-dark)}.vcm-modal-action-btn.secondary{background:var(--secondary,#6b7280);color:#fff}.vcm-modal-action-btn.secondary:hover{background:var(--secondary-dark,#4b5563)}.vcm-modal-action-btn.accept{background:var(--success);color:#fff}.vcm-modal-action-btn.accept:hover{background:var(--success-dark)}.vcm-modal-action-btn.deny{background:var(--error);color:#fff}.vcm-modal-action-btn.deny:hover{background:var(--error-dark)}.vcm-modal-action-btn:disabled{opacity:.6;cursor:not-allowed}.vcm-action-form{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.vcm-action-form h4{margin:0 0 var(--spacing-md)0;color:var(--text-dark);font-size:1.125rem;font-weight:600}.vcm-form-group input,.vcm-form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.875rem;transition:border-color .2s}.vcm-form-group textarea{resize:vertical;min-height:80px}.vcm-form-group small{margin-top:var(--spacing-xs);color:var(--text-muted);font-size:.75rem;display:block}.vcm-action-buttons{gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.vcm-submit-button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;border:none;font-weight:500;transition:all .2s;display:flex}.vcm-submit-button.accept{background:var(--success);color:#fff}.vcm-submit-button.accept:hover{background:var(--success-dark)}.vcm-submit-button.deny{background:var(--error);color:#fff}.vcm-submit-button.deny:hover{background:var(--error-dark)}.vcm-submit-button.reschedule{background:var(--warning-color);color:#fff}.vcm-submit-button.reschedule:hover{background:var(--warning-dark)}.vcm-submit-button.link{background:var(--primary);color:#fff}.vcm-submit-button.link:hover{background:var(--primary-dark)}.vcm-submit-button:disabled{opacity:.6;cursor:not-allowed}.vcm-cancel-button{padding:var(--spacing-sm)var(--spacing-md);background:var(--background-light);color:var(--text-muted);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all .2s}.vcm-cancel-button:hover{background:var(--border-light);color:var(--text-dark)}.vcm-cancel-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.vcm-request-detail-modal-overlay{padding:var(--spacing-sm)}.vcm-modal-header,.vcm-modal-content{padding:var(--spacing-md)}.vcm-request-overview{grid-template-columns:1fr}.vcm-action-buttons,.vcm-modal-actions{flex-direction:column}.vcm-video-link-container{flex-direction:column;align-items:flex-start}}[dir=rtl] .vcm-admin-response{border-left:none;border-right:4px solid var(--success)}@keyframes vcm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vcm-close-button:focus,.vcm-modal-action-btn:focus,.vcm-submit-button:focus,.vcm-cancel-button:focus,.vcm-form-group input:focus,.vcm-form-group textarea:focus{outline:2px solid var(--primary);outline-offset:2px}.vcm-solo-call-requests{padding:var(--spacing-lg)}.vcm-solo-call-requests-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.vcm-solo-call-requests-title{color:var(--text-dark);margin:0;font-size:1.5rem;font-weight:600}.vcm-solo-call-requests-actions{gap:var(--spacing-sm);align-items:center;display:flex}.vcm-solo-call-refresh-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background:var(--background-light);color:var(--text-dark);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all .2s;display:flex}.vcm-solo-call-refresh-btn:hover{background:var(--border-light);transform:translateY(-1px)}.vcm-solo-call-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.vcm-solo-call-filters{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.vcm-solo-call-filter-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.vcm-solo-call-filter-label{color:var(--text-dark);font-size:.875rem;font-weight:500}.vcm-solo-call-filter-select,.vcm-solo-call-filter-input{padding:var(--spacing-sm);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.875rem;transition:border-color .2s}.vcm-solo-call-filter-select:focus,.vcm-solo-call-filter-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);outline:none}.vcm-solo-call-stats,.vcm-solo-call-requests-controls{justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:row;display:flex}.vcm-solo-call-stat{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;box-shadow:var(--shadow-sm);background:#fff}.vcm-solo-call-stat-value{color:var(--primary);margin-bottom:var(--spacing-xs);font-size:2rem;font-weight:700;display:block}.vcm-solo-call-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.vcm-solo-call-requests-table{border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.vcm-solo-call-table{border-collapse:collapse;width:100%}.vcm-solo-call-table th,.vcm-solo-call-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-light)}.vcm-solo-call-table th{background:var(--background-light);color:var(--text-dark);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.vcm-solo-call-table tbody tr{transition:background-color .2s}.vcm-solo-call-table tbody tr:hover{background-color:var(--background-light)}.vcm-solo-call-table tbody tr:last-child td{border-bottom:none}.vcm-request-row{transition:background-color .2s}.vcm-request-row.pending{background-color:#fde68a1a}.vcm-request-row.accepted{background-color:#d1fae51a}.vcm-request-row.denied{background-color:#fee2e21a}.vcm-request-row.rescheduled{background-color:#e0e7ff1a}.vcm-student-info{gap:var(--spacing-xs);flex-direction:column;display:flex}.vcm-student-name{color:var(--text-dark);font-weight:600}.vcm-student-email{color:var(--text-muted);font-size:.875rem}.vcm-request-title{gap:var(--spacing-xs);flex-direction:column;display:flex}.vcm-title{color:var(--text-dark);font-weight:600;display:block}.vcm-submitted-time{color:var(--text-muted);font-size:.75rem}.vcm-requested-time{gap:var(--spacing-xs);flex-direction:column;display:flex}.vcm-datetime{color:var(--text-dark);font-weight:500}.vcm-time-indicator{color:var(--primary);border-radius:var(--radius-xs);background-color:var(--primary-light);padding:2px 8px;font-size:.75rem;display:inline-block}.vcm-time-indicator.overdue{color:var(--error);background-color:var(--error-light)}.vcm-time-indicator.upcoming{color:var(--success);background-color:var(--success-light)}.vcm-request-actions{gap:var(--spacing-xs);justify-content:flex-end;align-items:center;display:flex}.vcm-action-button{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-primary);cursor:pointer;background:#fff;justify-content:center;align-items:center;transition:all .2s;display:flex}.vcm-action-button.view{color:var(--info-color);border-color:var(--info-light)}.vcm-action-button.view:hover{background:var(--info-light);color:var(--info-color)}.vcm-action-button.approve{color:var(--success);border-color:var(--success-light)}.vcm-action-button.approve:hover{background:var(--success-light);color:var(--success)}.vcm-action-button.deny{color:var(--error);border-color:var(--error-light)}.vcm-action-button.deny:hover{background:var(--error-light);color:var(--error)}.vcm-action-button.link{color:var(--primary);border-color:var(--primary-light)}.vcm-solo-call-status-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;display:inline-flex}.vcm-solo-call-status-badge.pending{color:#92400e;background-color:#fef3c7}.vcm-solo-call-status-badge.accepted{color:#065f46;background-color:#d1fae5}.vcm-solo-call-status-badge.denied{color:#991b1b;background-color:#fee2e2}.vcm-solo-call-status-badge.rescheduled{color:#3730a3;background-color:#e0e7ff}.vcm-solo-call-status-badge.completed{color:#374151;background-color:#f3f4f6}.vcm-solo-call-status-badge.cancelled{color:#6b7280;background-color:#f9fafb}.vcm-solo-call-status-icon{background-color:currentColor;border-radius:50%;width:8px;height:8px}.vcm-solo-call-actions{gap:var(--spacing-xs);align-items:center;display:flex}.vcm-solo-call-action-btn{border-radius:var(--radius-sm);background:var(--background-light);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.vcm-solo-call-action-btn:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.vcm-solo-call-action-btn.primary{background:var(--primary);color:#fff}.vcm-solo-call-action-btn.primary:hover{background:var(--primary-dark)}.vcm-solo-call-action-btn.success{background:var(--success);color:#fff}.vcm-solo-call-action-btn.success:hover{background:var(--success-dark)}.vcm-solo-call-action-btn.danger{background:var(--error);color:#fff}.vcm-solo-call-action-btn.danger:hover{background:var(--error-dark)}.vcm-solo-call-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.vcm-solo-call-requests-loading{justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;min-height:400px;display:flex}.vcm-solo-call-requests-spinner{border:3px solid var(--border-light);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.vcm-solo-call-requests-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-muted)}.vcm-solo-call-requests-empty h3{margin:0 0 var(--spacing-md)0;color:var(--text-dark)}.vcm-solo-call-requests-empty p{margin:0;line-height:1.5}.vcm-solo-call-pagination{padding:var(--spacing-lg);border-top:1px solid var(--border-light);background:var(--background-light);justify-content:space-between;align-items:center;display:flex}.vcm-solo-call-pagination-info{color:var(--text-muted);font-size:.875rem}.vcm-solo-call-pagination-controls{gap:var(--spacing-sm);display:flex}.vcm-solo-call-pagination-btn{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-light);color:var(--text-dark);border-radius:var(--radius-sm);cursor:pointer;background:#fff;transition:all .2s}.vcm-solo-call-pagination-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.vcm-solo-call-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.vcm-solo-call-pagination-btn:disabled:hover{color:var(--text-dark);border-color:var(--border-light);background:#fff}@media (width<=1024px){.vcm-solo-call-table{font-size:.875rem}.vcm-solo-call-table th,.vcm-solo-call-table td{padding:var(--spacing-sm)}.vcm-solo-call-request-description{max-width:200px}}@media (width<=768px){.vcm-solo-call-requests{padding:var(--spacing-md)}.vcm-solo-call-requests-header{flex-direction:column;align-items:stretch}.vcm-solo-call-filters{grid-template-columns:1fr}.vcm-solo-call-stats{grid-template-columns:repeat(2,1fr)}.vcm-solo-call-table-wrapper{overflow-x:auto}.vcm-solo-call-table{min-width:800px}.vcm-solo-call-pagination{gap:var(--spacing-md);text-align:center;flex-direction:column}}@media (width<=480px){.vcm-solo-call-stats{grid-template-columns:1fr}.vcm-solo-call-actions{flex-direction:column}.vcm-solo-call-action-btn{width:100%;height:40px}}[dir=rtl] .vcm-solo-call-table th,[dir=rtl] .vcm-solo-call-table td{text-align:right}[dir=rtl] .vcm-solo-call-actions{flex-direction:row-reverse}.vcm-solo-call-action-btn:focus,.vcm-solo-call-filter-select:focus,.vcm-solo-call-filter-input:focus,.vcm-solo-call-pagination-btn:focus{outline:2px solid var(--primary);outline-offset:2px}.vcm-pending-review{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-full);text-transform:uppercase;color:#92400e;background-color:#fef3c7;font-size:.75rem;font-weight:600;display:inline-flex}.vcm-create-group-call-modal-overlay{z-index:9999;padding:var(--spacing-md);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vcm-create-group-call-modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#fff;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden}.vcm-modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);background:var(--background-light);justify-content:space-between;align-items:center;display:flex}.vcm-modal-header h2{color:var(--text-dark);margin:0;font-size:1.25rem;font-weight:600}.vcm-modal-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.vcm-modal-close:hover{background:var(--border-light);color:var(--text-dark)}.vcm-modal-error{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);background-color:rgba(var(--error-rgb),.1);border-bottom:1px solid var(--error);color:var(--error);font-size:.875rem;display:flex}.vcm-modal-form{padding:var(--spacing-lg);flex:1;overflow-y:auto}.vcm-form-section{margin-bottom:var(--spacing-lg)}.vcm-form-group{margin-bottom:var(--spacing-md)}.vcm-form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.vcm-form-group label{margin-bottom:var(--spacing-xs);color:var(--text-dark);font-size:.875rem;font-weight:500;display:block}.vcm-required{color:var(--error);margin-left:2px}.vcm-form-group input,.vcm-form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-dark);background:#fff;font-size:.875rem;transition:all .2s}.vcm-form-group input:focus,.vcm-form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.vcm-form-group input.error,.vcm-form-group textarea.error{border-color:var(--error)}.vcm-form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.vcm-datetime-input-container,.vcm-number-input-container,.vcm-link-input-container{position:relative}.vcm-datetime-icon,.vcm-number-icon,.vcm-link-icon{left:var(--spacing-sm);color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.vcm-datetime-input-container input,.vcm-number-input-container input,.vcm-link-input-container input{padding-left:2.5rem}.vcm-form-hint{margin-top:var(--spacing-xs);color:var(--text-muted);font-size:.75rem}.vcm-form-error{margin-top:var(--spacing-xs);color:var(--error);font-size:.75rem;display:block}.vcm-form-actions{justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-light);display:flex}.vcm-form-cancel-button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:#fff;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.vcm-form-cancel-button:hover:not(:disabled){background:var(--background-light);border-color:var(--border-medium);color:var(--text-dark)}.vcm-form-submit-button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);background:var(--primary);color:#fff;cursor:pointer;border:none;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.vcm-form-submit-button:hover:not(:disabled){background:var(--primary-dark)}.vcm-form-cancel-button:disabled,.vcm-form-submit-button:disabled{opacity:.6;cursor:not-allowed}.vcm-button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite vcm-spin}@media (width<=768px){.vcm-create-group-call-modal-overlay{padding:var(--spacing-sm)}.vcm-create-group-call-modal{max-height:95vh}.vcm-modal-header,.vcm-modal-form{padding:var(--spacing-md)}.vcm-form-row{gap:var(--spacing-sm);grid-template-columns:1fr}.vcm-form-actions{gap:var(--spacing-sm);flex-direction:column-reverse}.vcm-form-cancel-button,.vcm-form-submit-button{justify-content:center;width:100%}}[dir=rtl] .vcm-datetime-icon,[dir=rtl] .vcm-number-icon,[dir=rtl] .vcm-link-icon{left:auto;right:var(--spacing-sm)}[dir=rtl] .vcm-datetime-input-container input,[dir=rtl] .vcm-number-input-container input,[dir=rtl] .vcm-link-input-container input{padding-left:var(--spacing-sm);padding-right:2.5rem}[dir=rtl] .vcm-form-actions{justify-content:flex-start}[dir=rtl] .vcm-required{margin-left:0;margin-right:2px}.vcm-modal-close:focus,.vcm-form-group input:focus,.vcm-form-group textarea:focus,.vcm-form-cancel-button:focus,.vcm-form-submit-button:focus{outline:2px solid var(--primary);outline-offset:2px}.participant-management{background-color:#fff;border-radius:.5rem;flex-direction:column;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.participant-management-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.participant-management-header h3{color:#111827;margin:0;font-size:1.25rem;font-weight:600}.refresh-button{color:#4b5563;cursor:pointer;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.refresh-button:hover:not(:disabled){color:#374151;background-color:#e5e7eb}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.participant-management-loading,.participant-management-error,.no-participants{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.spinner,.action-spinner{border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:1.5rem;height:1.5rem;margin-bottom:1rem;animation:1s linear infinite spin}.action-spinner{width:1rem;height:1rem;margin:0}.participant-management-error{color:#ef4444}.participant-management-error p{margin:.5rem 0 1rem}.retry-button{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:flex}.retry-button:hover{background-color:#dc2626}.no-participants svg{color:#9ca3af;margin-bottom:1rem}.no-participants p{margin:0;font-size:1rem}.participants-list{border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;display:flex;overflow:hidden}.participant-list-header,.participant-row{grid-template-columns:2fr 2fr 1.5fr 1fr 1fr;align-items:center;gap:.5rem;padding:.75rem 1rem;display:grid}.participant-list-header{color:#374151;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.875rem;font-weight:600}.participant-row{border-bottom:1px solid #e5e7eb}.participant-row:last-child{border-bottom:none}.participant-row:hover{background-color:#f9fafb}.participant-name-col{color:#111827;font-weight:500}.participant-email-col{color:#4b5563;font-size:.875rem}.participant-joined-col{color:#6b7280;font-size:.875rem}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;justify-content:center;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-badge.registered{color:#1e40af;background-color:#dbeafe}.status-badge.attended{color:#065f46;background-color:#d1fae5}.status-badge.absent{color:#991b1b;background-color:#fee2e2}.participant-actions{justify-content:flex-end;gap:.5rem;display:flex}.action-button{color:#6b7280;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:flex}.action-button:hover:not(:disabled){background-color:#f3f4f6}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button.mark-attended{color:#059669;border-color:#a7f3d0}.action-button.mark-attended:hover:not(:disabled){background-color:#ecfdf5}.action-button.mark-absent{color:#dc2626;border-color:#fecaca}.action-button.mark-absent:hover:not(:disabled){background-color:#fef2f2}.action-button.send-reminder{color:#2563eb;border-color:#bfdbfe}.action-button.send-reminder:hover:not(:disabled){background-color:#eff6ff}.participant-management-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;padding-top:1rem;display:flex}.close-button{color:#4b5563;cursor:pointer;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.close-button:hover{color:#374151;background-color:#e5e7eb}@media (width<=768px){.participant-list-header,.participant-row{grid-template-columns:1fr;gap:.5rem;padding:1rem}.participant-list-header{display:none}.participant-row{flex-direction:column;gap:.75rem;display:flex}.participant-name-col,.participant-email-col,.participant-joined-col,.participant-status-col{width:100%;padding:0}.participant-name-col{font-size:1rem}.participant-actions{justify-content:flex-start;margin-top:.5rem}.participant-actions-col{width:100%}}@media (width>=769px) and (width<=1024px){.participant-list-header,.participant-row{grid-template-columns:1.5fr 1.5fr 1fr 1fr 1fr}}[dir=rtl] .participant-actions{justify-content:flex-start}.action-button:focus-visible,.refresh-button:focus-visible,.close-button:focus-visible,.retry-button:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}@media (prefers-reduced-motion:reduce){.spinner,.action-spinner{animation:none}.action-button,.refresh-button,.close-button,.retry-button{transition:none}}.vcm-group-call-management{gap:var(--spacing-lg);padding:var(--spacing-md);flex-direction:column;display:flex}.vcm-group-call-management-header{gap:var(--spacing-md);flex-direction:column;display:flex}.vcm-group-call-management-stats{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.vcm-stat-card{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:200px;transition:all .2s;display:flex}.vcm-stat-card:hover{box-shadow:var(--shadow-md)}.vcm-stat-icon{padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-light)}.vcm-stat-icon.scheduled{background:var(--primary-light);color:var(--primary)}.vcm-stat-icon.started{background:var(--success-light);color:var(--success)}.vcm-stat-icon.total{background:var(--info-light);color:var(--info-color)}.vcm-stat-content{flex-direction:column;display:flex}.vcm-stat-number{color:var(--text-primary);font-size:1.5rem;font-weight:600}.vcm-stat-label{color:var(--text-secondary);font-size:.875rem}.vcm-group-call-management-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.vcm-group-call-management-title h2{margin:0 0 var(--spacing-xs)0;color:var(--text-primary);font-size:1.75rem;font-weight:600}.vcm-group-call-management-title p{color:var(--text-secondary);margin:0;font-size:.875rem}.vcm-group-call-management-controls{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.vcm-filter-controls{align-items:center;gap:var(--spacing-sm);display:flex}.vcm-search-input{flex:1;min-width:250px;position:relative}.vcm-search-input svg{left:var(--spacing-sm);color:var(--text-tertiary);position:absolute;top:50%;transform:translateY(-50%)}.vcm-search-input input{width:100%;padding:var(--spacing-sm)var(--spacing-sm)var(--spacing-sm)2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-color);color:var(--text-primary);font-size:.875rem;transition:border-color .2s}.vcm-search-input input:focus{border-color:var(--primary);outline:none}.vcm-status-filter{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-color);color:var(--text-primary);min-width:120px;font-size:.875rem}.vcm-status-filter:focus{border-color:var(--primary);outline:none}.vcm-refresh-button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-color);color:var(--text-primary);cursor:pointer;font-size:.875rem;transition:all .2s;display:flex}.vcm-refresh-button:hover:not(:disabled){background:var(--background-hover);border-color:var(--primary)}.vcm-refresh-button:disabled{opacity:.6;cursor:not-allowed}.vcm-refresh-button .spinning{animation:1s linear infinite spin}.vcm-create-call-button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.vcm-create-call-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.vcm-group-call-management-loading{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center;flex-direction:column;display:flex}.vcm-group-call-management-spinner{border:3px solid var(--border-color);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.vcm-group-call-management-error{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);display:flex}.vcm-group-call-management-error button{padding:var(--spacing-xs)var(--spacing-sm);background:var(--error);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;font-size:.875rem;transition:background .2s}.vcm-group-call-management-error button:hover{background:var(--error-dark)}.vcm-group-call-management-empty{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;display:flex}.vcm-group-call-management-empty svg{color:var(--text-tertiary)}.vcm-group-call-management-empty h3{color:var(--text-primary);margin:0;font-size:1.25rem}.vcm-group-call-management-empty p{color:var(--text-secondary);max-width:400px;margin:0}.vcm-create-first-call-button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;margin-top:var(--spacing-sm);border:none;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.vcm-create-first-call-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.vcm-group-call-management-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));display:grid}.vcm-group-call-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.vcm-group-call-card:hover{box-shadow:var(--shadow-lg)}.vcm-group-call-card.scheduled{border-left:4px solid var(--primary)}.vcm-group-call-card.started{border-left:4px solid var(--success)}.vcm-group-call-card.completed{border-left:4px solid var(--info-color)}.vcm-group-call-card.cancelled{border-left:4px solid var(--error)}.vcm-group-call-card-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.vcm-group-call-card-title{justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.vcm-group-call-card-title h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600;line-height:1.3}.vcm-group-call-card-meta{gap:var(--spacing-xs);flex-direction:column;display:flex}.vcm-call-datetime,.vcm-call-participants{align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.875rem;display:flex}.vcm-call-datetime svg,.vcm-call-participants svg{color:var(--text-tertiary)}.vcm-group-call-card-content{padding:var(--spacing-md);flex:1}.vcm-call-description{margin:0 0 var(--spacing-sm)0;color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.4;display:-webkit-box;overflow:hidden}.vcm-call-link{align-items:center;gap:var(--spacing-xs);color:var(--success);font-size:.8rem;display:flex}.vcm-call-link svg{color:var(--success)}.vcm-link-text{font-weight:500}.vcm-group-call-card-actions{justify-content:flex-end;gap:var(--spacing-xs);padding:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--background-secondary);display:flex}.vcm-action-button{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.vcm-action-button:hover{transform:translateY(-1px)}.vcm-action-button.view:hover{background:var(--info-light);border-color:var(--info-color);color:var(--info-color)}.vcm-action-button.edit:hover{background:var(--warning-light);border-color:var(--warning-color);color:var(--warning-color)}.vcm-action-button.delete:hover{background:var(--error-light);border-color:var(--error);color:var(--error)}.vcm-action-button.start{border-color:var(--success);color:var(--success);background:#34c7591a}.vcm-action-button.start:hover{background:var(--success);color:#fff}.vcm-action-button.end{border-color:var(--error);color:var(--error);background:#ff3b301a}.vcm-action-button.end:hover{background:var(--error);color:#fff}.vcm-action-button.link{border-color:var(--info-color);color:var(--info-color);background:#007aff1a}.vcm-action-button.link:hover{background:var(--info-color);color:#fff}.vcm-action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (width<=768px){.vcm-group-call-management{padding:var(--spacing-sm);gap:var(--spacing-md)}.vcm-group-call-management-controls{flex-direction:column;align-items:stretch}.vcm-search-input{min-width:unset}.vcm-group-call-management-grid{grid-template-columns:1fr}.vcm-group-call-card-title{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.vcm-group-call-card-actions{justify-content:center}}@media (width<=1024px){.vcm-group-call-management-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}[dir=rtl] .vcm-search-input svg{left:auto;right:var(--spacing-sm)}[dir=rtl] .vcm-search-input input{padding-left:var(--spacing-sm);padding-right:2.5rem}[dir=rtl] .vcm-group-call-card-actions{justify-content:flex-start}.avail-calendar{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.avail-calendar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.avail-calendar-title{align-items:center;gap:var(--spacing-sm);display:flex}.avail-calendar-title h2{color:var(--text-dark);margin:0;font-size:1.25rem;font-weight:600}.avail-calendar-title svg{color:var(--primary)}.avail-calendar-controls{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.avail-nav-btn,.avail-today-btn,.avail-refresh-btn{padding:var(--spacing-sm);background:var(--background-light);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-dark);justify-content:center;align-items:center;display:flex}.avail-nav-btn:hover,.avail-today-btn:hover,.avail-refresh-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.avail-today-btn{padding:var(--spacing-sm)var(--spacing-md);font-weight:500}.avail-date-range{color:var(--text-dark);padding:0 var(--spacing-sm);font-weight:500}.avail-add-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:500;display:flex}.avail-add-btn:hover{background:var(--primary-dark)}.avail-stats-bar{gap:var(--spacing-lg);padding:var(--spacing-md)var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-light);display:flex}.avail-stat{align-items:center;gap:var(--spacing-xs);color:var(--text-muted);font-size:.9rem;display:flex}.avail-stat-icon.available{color:var(--success)}.avail-stat-icon.booked{color:var(--warning)}.avail-stat-icon.total{color:var(--primary)}.avail-calendar-grid{overflow-x:auto}.avail-calendar-header-row{border-bottom:1px solid var(--border-light);background:var(--background-light);grid-template-columns:repeat(7,1fr);display:grid}.avail-time-column-header{display:none}.avail-day-header{padding:var(--spacing-md);text-align:center;flex-direction:column;align-items:center;display:flex}.avail-day-header.is-today{background:var(--primary);color:#fff}.avail-day-name{text-transform:uppercase;letter-spacing:.05em;color:inherit;opacity:.8;font-size:.75rem;font-weight:500}.avail-day-number{margin-top:2px;font-size:1.25rem;font-weight:600}.avail-calendar-body{min-height:400px}.avail-week-view{grid-template-columns:repeat(7,1fr);min-height:400px;display:grid}.avail-day-column{border-right:1px solid var(--border-light);padding:var(--spacing-sm);gap:var(--spacing-xs);flex-direction:column;min-height:300px;display:flex}.avail-day-column:last-child{border-right:none}.avail-day-column.is-past{background:var(--background-light);opacity:.7}.avail-day-column.is-today{background:#00443f0d}.avail-empty-day{padding:var(--spacing-lg);color:var(--text-muted);cursor:pointer;border:2px dashed var(--border-light);border-radius:var(--radius-md);margin:var(--spacing-xs);transition:all var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:.85rem;display:flex}.avail-empty-day:hover{border-color:var(--primary);color:var(--primary);background:#00443f0d}.avail-day-column.is-past .avail-empty-day{cursor:default}.avail-day-column.is-past .avail-empty-day:hover{border-color:var(--border-light);color:var(--text-muted);background:0 0}.avail-slot{padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--border-light);transition:all var(--transition-fast);background:#fff}.avail-slot:hover{box-shadow:var(--shadow-sm)}.avail-slot-available{border-color:var(--success);background:#34c7591a}.avail-slot-booked{border-color:var(--warning);background:#ffcc001a}.avail-slot-unavailable{border-color:var(--error);background:#dc26261a}.avail-slot-solo{border-left:3px solid var(--primary)}.avail-slot-group{border-left:3px solid var(--secondary)}.avail-slot-time{color:var(--text-dark);align-items:center;gap:4px;margin-bottom:4px;font-size:.8rem;font-weight:600;display:flex}.avail-slot-time svg{color:var(--primary)}.avail-slot-info{flex-direction:column;gap:2px;display:flex}.avail-slot-type{color:var(--text-muted);font-size:.75rem}.avail-slot-booker{color:var(--primary);font-size:.75rem;font-weight:500}.avail-slot-actions{margin-top:var(--spacing-xs);gap:4px;display:flex}.avail-slot-btn{border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;padding:0;display:flex}.avail-slot-btn.edit{background:var(--background-light);color:var(--primary)}.avail-slot-btn.edit:hover{background:var(--primary);color:#fff}.avail-slot-btn.delete{background:var(--background-light);color:var(--error)}.avail-slot-btn.delete:hover{background:var(--error);color:#fff}.avail-slot-btn:disabled{opacity:.5;cursor:not-allowed}.avail-add-more-btn{padding:var(--spacing-xs)var(--spacing-sm);border:1px dashed var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;gap:4px;margin-top:auto;font-size:.8rem;display:flex}.avail-add-more-btn:hover{border-color:var(--primary);color:var(--primary);background:#00443f0d}.avail-loading{padding:var(--spacing-xl);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;grid-column:1/-1;display:flex}.avail-spinner{border:3px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite avail-spin}@keyframes avail-spin{to{transform:rotate(360deg)}}.spinning{animation:1s linear infinite avail-spin}.avail-modal-overlay{z-index:1000;padding:var(--spacing-md);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.avail-modal{border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;overflow-y:auto}.avail-modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.avail-modal-header h3{color:var(--text-dark);margin:0;font-size:1.25rem}.avail-modal-close{background:var(--background-light);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;padding:0;display:flex}.avail-modal-close:hover{background:var(--error);color:#fff}.avail-modal-form{padding:var(--spacing-lg)}.avail-form-group{margin-bottom:var(--spacing-md)}.avail-form-group label{color:var(--text-dark);margin-bottom:var(--spacing-xs);font-size:.9rem;font-weight:500;display:block}.avail-form-group input[type=date],.avail-form-group input[type=number],.avail-form-group input[type=text],.avail-form-group select,.avail-form-group textarea{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:border-color var(--transition-fast);font-size:.95rem}.avail-form-group input:focus,.avail-form-group select:focus,.avail-form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #00443f1a}.avail-form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.avail-checkbox-label{align-items:center;gap:var(--spacing-sm);cursor:pointer;display:flex}.avail-checkbox-label input{cursor:pointer;width:18px;height:18px}.avail-day-checkboxes{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.avail-day-checkbox{padding:var(--spacing-xs)var(--spacing-sm);background:var(--background-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;display:flex}.avail-day-checkbox:has(input:checked){background:var(--primary);color:#fff}.avail-day-checkbox input{display:none}.avail-modal-actions{justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-light);margin-top:var(--spacing-md);display:flex}.avail-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:500;display:flex}.avail-btn-primary{background:var(--primary);color:#fff;border:none}.avail-btn-primary:hover{background:var(--primary-dark)}.avail-btn-primary:disabled{opacity:.6;cursor:not-allowed}.avail-btn-secondary{background:var(--background-light);color:var(--text-dark);border:1px solid var(--border-light)}.avail-btn-secondary:hover{background:var(--border-light)}@media (width<=768px){.avail-calendar-header{flex-direction:column;align-items:stretch}.avail-calendar-controls{justify-content:center}.avail-stats-bar{flex-wrap:wrap;justify-content:center}.avail-calendar-header-row,.avail-week-view{grid-template-columns:repeat(7,minmax(60px,1fr))}.avail-day-header{padding:var(--spacing-sm)}.avail-day-name{font-size:.65rem}.avail-day-number{font-size:1rem}.avail-form-row{grid-template-columns:1fr}}[dir=rtl] .avail-slot-solo{border-left:none;border-right:3px solid var(--primary)}[dir=rtl] .avail-slot-group{border-left:none;border-right:3px solid var(--secondary)}.vcm-video-call-management{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.vcm-video-call-management-header{margin-bottom:var(--spacing-lg)}.vcm-video-call-management-title{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.vcm-video-call-management-icon{color:var(--primary);flex-shrink:0}.vcm-video-call-management .vcm-video-call-management-title h1{color:var(--text-dark);margin:0;font-size:2rem;font-weight:600}.vcm-video-call-management-title p{margin:var(--spacing-xs)0 0 0;color:var(--text-muted);font-size:1rem}.vcm-video-call-management-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-light);display:flex}.vcm-video-call-management-tab{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;font-size:1rem;font-weight:500;transition:all .2s;display:flex;position:relative}.vcm-video-call-management-tab:hover{color:var(--primary);background-color:var(--background-light)}.vcm-video-call-management-tab.active{color:var(--primary);border-bottom-color:var(--primary);background-color:var(--background-light)}.vcm-video-call-management-tab svg{flex-shrink:0}.vcm-video-call-management-content{min-height:600px}.vcm-video-call-stats-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.vcm-video-call-stat-card{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);background:#fff;transition:transform .2s,box-shadow .2s}.vcm-video-call-stat-card:hover{box-shadow:var(--shadow-md)}.vcm-video-call-stat-card h3{margin:0 0 var(--spacing-sm)0;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.vcm-video-call-stat-card .stat-value{color:var(--primary);margin-bottom:var(--spacing-xs);font-size:2.5rem;font-weight:700;display:block}.vcm-video-call-stat-card .stat-description{color:var(--text-muted);font-size:.875rem}.vcm-video-call-management-loading{justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;min-height:400px;display:flex}.vcm-video-call-management-spinner{border:3px solid var(--border-light);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.vcm-video-call-management-error{text-align:center;padding:var(--spacing-xl);color:var(--error)}.vcm-video-call-management-error h2{margin:0 0 var(--spacing-md)0;color:var(--error)}.vcm-video-call-management-error button{margin-top:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-lg);background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;font-weight:500;transition:background-color .2s}.vcm-video-call-management-error button:hover{background:var(--primary-dark)}.vcm-video-call-quick-actions{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.vcm-video-call-quick-action{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.vcm-video-call-quick-action:hover{background:var(--primary-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.vcm-video-call-quick-action.secondary{background:var(--background-light);color:var(--text-dark);border:1px solid var(--border-light)}.vcm-video-call-quick-action.secondary:hover{background:var(--border-light)}@media (width<=768px){.vcm-video-call-management{padding:var(--spacing-md)}.vcm-video-call-management-title{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.vcm-video-call-management-title h1{font-size:1.5rem}.vcm-video-call-management-tabs{border-bottom:none;flex-direction:column;gap:0}.vcm-video-call-management-tab{border-bottom:1px solid var(--border-light);border-radius:0}.vcm-video-call-management-tab.active{border-left:3px solid var(--primary);border-bottom:1px solid var(--border-light)}.vcm-video-call-stats-grid{grid-template-columns:1fr}.vcm-video-call-quick-actions{flex-direction:column}.vcm-video-call-quick-action{justify-content:center}}[dir=rtl] .vcm-video-call-management-title{text-align:right}[dir=rtl] .vcm-video-call-management-tab.active{border-right:3px solid var(--primary);border-left:none}@media (prefers-color-scheme:dark){.vcm-video-call-stat-card{background:var(--background-dark);border-color:var(--border-dark);color:var(--text-light)}.vcm-video-call-management-tab:hover,.vcm-video-call-management-tab.active{background-color:var(--background-dark)}}.vcm-video-call-management-tab:focus,.vcm-video-call-quick-action:focus{outline:2px solid var(--primary);outline-offset:2px}:root{--vocab-primary:#00443f;--vocab-primary-light:#00665e;--vocab-primary-dark:#00332f;--vocab-secondary:#cca061;--vocab-danger:#dc3545;--vocab-danger-light:#f8d7da;--vocab-success:#28a745;--vocab-success-light:#d4edda;--vocab-warning:#ffc107;--vocab-warning-light:#fff3cd;--vocab-info:#17a2b8;--vocab-info-light:#d1ecf1;--vocab-gray-100:#f8f9fa;--vocab-gray-200:#e9ecef;--vocab-gray-300:#dee2e6;--vocab-gray-400:#ced4da;--vocab-gray-500:#adb5bd;--vocab-gray-600:#6c757d;--vocab-gray-700:#495057;--vocab-gray-800:#343a40;--vocab-gray-900:#212529;--vocab-white:#fff;--vocab-shadow-sm:0 1px 2px #0000000d;--vocab-shadow:0 2px 8px #0000001a;--vocab-shadow-lg:0 8px 24px #00000026;--vocab-radius-sm:4px;--vocab-radius:8px;--vocab-radius-lg:12px;--vocab-font-arabic:"Amiri","Traditional Arabic",serif;--vocab-transition:.2s ease}.vocab-manager{background:var(--vocab-gray-100);min-height:100vh;padding:1.5rem}.vocab-manager__content{flex-direction:column;gap:1rem;display:flex}.vocab-header{background:var(--vocab-white);border-radius:var(--vocab-radius-lg);box-shadow:var(--vocab-shadow);overflow:hidden}.vocab-header__top{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.vocab-header__title-section{flex:1}.vocab-header__title{color:var(--vocab-gray-900);align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:600;display:flex}.vocab-header__title svg{color:var(--vocab-primary)}.vocab-header__subtitle{color:var(--vocab-gray-600);margin:.25rem 0 0 2.75rem;font-size:.875rem}.vocab-header__actions{flex-wrap:wrap;gap:.75rem;display:flex}.vocab-header__action-btn{border-radius:var(--vocab-radius);cursor:pointer;transition:var(--vocab-transition);border:none;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;display:flex}.vocab-header__action-btn--primary{background:var(--vocab-primary);color:var(--vocab-white)}.vocab-header__action-btn--primary:hover{background:var(--vocab-primary-light)}.vocab-header__action-btn--secondary{background:var(--vocab-white);color:var(--vocab-gray-700);border:1px solid var(--vocab-gray-300)}.vocab-header__action-btn--secondary:hover{background:var(--vocab-gray-100)}.vocab-header__stats{border-top:1px solid var(--vocab-gray-200);background:linear-gradient(135deg,var(--vocab-gray-100)0%,var(--vocab-white)100%)}.vocab-header__stats--collapsed{background:var(--vocab-white)}.vocab-header__collapse-btn{width:100%;color:var(--vocab-gray-600);cursor:pointer;transition:var(--vocab-transition);background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.8125rem;display:flex}.vocab-header__collapse-btn:hover{color:var(--vocab-gray-800);background:var(--vocab-gray-100)}.vocab-header__stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;padding:0 1.5rem 1.5rem;display:grid}.vocab-header__stat-card{background:var(--vocab-white);border-radius:var(--vocab-radius);box-shadow:var(--vocab-shadow-sm);border:1px solid var(--vocab-gray-200);transition:var(--vocab-transition);align-items:center;gap:1rem;padding:1.25rem;display:flex}.vocab-header__stat-card:hover{box-shadow:var(--vocab-shadow);transform:translateY(-2px)}.vocab-header__stat-icon{border-radius:var(--vocab-radius);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.vocab-header__stat-card--primary .vocab-header__stat-icon{background:var(--vocab-info-light);color:var(--vocab-info)}.vocab-header__stat-card--quran .vocab-header__stat-icon{background:var(--vocab-success-light);color:var(--vocab-success)}.vocab-header__stat-card--dictionary .vocab-header__stat-icon{color:#8e44ad;background:#e8daef}.vocab-header__stat-card--success .vocab-header__stat-icon{background:var(--vocab-warning-light);color:#d4a106}.vocab-header__stat-content{flex-direction:column;display:flex}.vocab-header__stat-value{color:var(--vocab-gray-900);font-size:1.75rem;font-weight:700;line-height:1}.vocab-header__stat-label{color:var(--vocab-gray-600);margin-top:.25rem;font-size:.8125rem}.vocab-header__stat-sub{color:var(--vocab-gray-500);margin-top:.125rem;font-size:.75rem}.vocab-header__stat-skeleton{background:linear-gradient(90deg,var(--vocab-gray-200)25%,var(--vocab-gray-100)50%,var(--vocab-gray-200)75%);border-radius:var(--vocab-radius-sm);background-size:200% 100%;width:100%;height:60px;animation:1.5s infinite skeleton-loading}.vocab-manager__error{background:var(--vocab-white);border-radius:var(--vocab-radius-lg);box-shadow:var(--vocab-shadow);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.vocab-manager__error p{color:var(--vocab-danger);margin:0 0 1rem}.vocab-manager__retry-btn{background:var(--vocab-primary);color:var(--vocab-white);border-radius:var(--vocab-radius);cursor:pointer;transition:var(--vocab-transition);border:none;padding:.625rem 1.25rem}.vocab-manager__retry-btn:hover{background:var(--vocab-primary-light)}.vocab-tabs{background:var(--vocab-white);border-radius:var(--vocab-radius-lg);box-shadow:var(--vocab-shadow);padding:.5rem}.vocab-tabs__container{gap:.5rem;display:flex}.vocab-tabs__tab{border-radius:var(--vocab-radius);color:var(--vocab-gray-600);cursor:pointer;transition:var(--vocab-transition);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;display:flex}.vocab-tabs__tab:hover{background:var(--vocab-gray-100);color:var(--vocab-gray-800)}.vocab-tabs__tab--active{background:var(--vocab-primary);color:var(--vocab-white)}.vocab-tabs__tab--active:hover{background:var(--vocab-primary-light);color:var(--vocab-white)}.vocab-tabs__icon{flex-shrink:0}.vocab-tabs__label{font-weight:500}.vocab-tabs__count{border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.vocab-tabs__tab:not(.vocab-tabs__tab--active) .vocab-tabs__count{background:var(--vocab-gray-200);color:var(--vocab-gray-700)}.vocab-tabs__tab--active .vocab-tabs__count{color:var(--vocab-white);background:#fff3}.vocab-filter{background:var(--vocab-white);border-radius:var(--vocab-radius-lg);box-shadow:var(--vocab-shadow);padding:1rem 1.5rem}.vocab-filter__search{margin-bottom:1rem;position:relative}.vocab-filter__search-icon{color:var(--vocab-gray-500);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.vocab-filter__search-input{border:1px solid var(--vocab-gray-300);border-radius:var(--vocab-radius);width:100%;transition:var(--vocab-transition);padding:.75rem 2.5rem .75rem 3rem;font-size:.9375rem}.vocab-filter__search-input:focus{border-color:var(--vocab-primary);outline:none;box-shadow:0 0 0 3px #00443f1a}.vocab-filter__search-clear{color:var(--vocab-gray-500);cursor:pointer;border-radius:var(--vocab-radius-sm);background:0 0;border:none;padding:.25rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.vocab-filter__search-clear:hover{background:var(--vocab-gray-100);color:var(--vocab-gray-700)}.vocab-filter__quick{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.vocab-filter__group{align-items:center;gap:.5rem;display:flex}.vocab-filter__group-label{color:var(--vocab-gray-600);font-size:.8125rem;font-weight:500}.vocab-filter__toggle-group{background:var(--vocab-gray-100);border-radius:var(--vocab-radius);padding:.25rem;display:flex}.vocab-filter__toggle{border-radius:var(--vocab-radius-sm);color:var(--vocab-gray-600);cursor:pointer;transition:var(--vocab-transition);background:0 0;border:none;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;display:flex}.vocab-filter__toggle:hover{color:var(--vocab-gray-800)}.vocab-filter__toggle--active{background:var(--vocab-white);color:var(--vocab-primary);box-shadow:var(--vocab-shadow-sm)}.vocab-filter__sort-buttons{gap:.25rem;display:flex}.vocab-filter__sort-btn{background:var(--vocab-gray-100);border-radius:var(--vocab-radius-sm);color:var(--vocab-gray-600);cursor:pointer;transition:var(--vocab-transition);border:1px solid #0000;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.8125rem;display:flex}.vocab-filter__sort-btn:hover{background:var(--vocab-gray-200)}.vocab-filter__sort-btn--active{background:var(--vocab-white);border-color:var(--vocab-primary);color:var(--vocab-primary)}.vocab-filter__advanced-toggle{border:1px solid var(--vocab-gray-300);border-radius:var(--vocab-radius);color:var(--vocab-gray-700);cursor:pointer;transition:var(--vocab-transition);background:0 0;align-items:center;gap:.5rem;margin-left:auto;padding:.5rem .75rem;font-size:.8125rem;display:flex}.vocab-filter__advanced-toggle:hover{background:var(--vocab-gray-100)}.vocab-filter__advanced-toggle--active{background:var(--vocab-primary);border-color:var(--vocab-primary);color:var(--vocab-white)}.vocab-filter__advanced-toggle svg.rotated{transform:rotate(180deg)}.vocab-filter__badge{background:var(--vocab-secondary);color:var(--vocab-white);border-radius:9999px;padding:.125rem .375rem;font-size:.6875rem;font-weight:600}.vocab-filter__clear-all{color:var(--vocab-danger);cursor:pointer;transition:var(--vocab-transition);background:0 0;border:none;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.vocab-filter__clear-all:hover{background:var(--vocab-danger-light);border-radius:var(--vocab-radius-sm)}.vocab-filter__advanced{border-top:1px solid var(--vocab-gray-200);gap:1.5rem;margin-top:1rem;padding-top:1rem;display:flex}.vocab-filter__advanced-group{flex-direction:column;gap:.5rem;display:flex}.vocab-filter__label{color:var(--vocab-gray-700);font-size:.8125rem;font-weight:500}.vocab-filter__select{border:1px solid var(--vocab-gray-300);border-radius:var(--vocab-radius-sm);background:var(--vocab-white);cursor:pointer;padding:.5rem 2rem .5rem .75rem;font-size:.875rem}.vocab-filter__select:focus{border-color:var(--vocab-primary);outline:none}.vocab-filter__chips{border-top:1px solid var(--vocab-gray-200);flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.vocab-filter__chip{background:var(--vocab-info-light);color:var(--vocab-info);border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .5rem .375rem .75rem;font-size:.8125rem;display:flex}.vocab-filter__chip button{color:inherit;cursor:pointer;opacity:.7;transition:var(--vocab-transition);background:0 0;border:none;justify-content:center;align-items:center;padding:.125rem;display:flex}.vocab-filter__chip button:hover{opacity:1}.vocab-table{background:var(--vocab-white);border-radius:var(--vocab-radius-lg);box-shadow:var(--vocab-shadow);overflow:hidden}.vocab-table__table{border-collapse:collapse;width:100%}.vocab-table__th{text-align:left;color:var(--vocab-gray-600);background:var(--vocab-gray-100);border-bottom:2px solid var(--vocab-gray-200);text-transform:uppercase;letter-spacing:.05em;padding:1rem;font-size:.8125rem;font-weight:600}.vocab-table__th--checkbox{text-align:center;width:48px}.vocab-table__th--actions{text-align:center;width:120px}.vocab-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--vocab-transition)}.vocab-table__th--sortable:hover{background:var(--vocab-gray-200)}.vocab-table__th--rtl{text-align:right}.vocab-table__th-content{align-items:center;gap:.5rem;display:flex}.vocab-table__th--rtl .vocab-table__th-content{justify-content:flex-end}.vocab-table__sort-indicator{opacity:.7;font-size:.75rem}.vocab-table__td{border-bottom:1px solid var(--vocab-gray-200);color:var(--vocab-gray-800);padding:.875rem 1rem;font-size:.9375rem}.vocab-table__td--checkbox,.vocab-table__td--actions{text-align:center}.vocab-table__td--rtl{text-align:right;direction:rtl}.vocab-table__row{transition:var(--vocab-transition)}.vocab-table__row:hover{background:var(--vocab-gray-100)}.vocab-table__row--selected{background:#00443f0d}.vocab-table__row--selected:hover{background:#00443f14}.vocab-table__arabic{font-family:var(--vocab-font-arabic);direction:rtl;unicode-bidi:isolate;font-size:1.125rem}.vocab-table__actions{justify-content:center;gap:.25rem;display:flex}.vocab-table__action-btn{border-radius:var(--vocab-radius-sm);width:32px;height:32px;color:var(--vocab-gray-500);cursor:pointer;transition:var(--vocab-transition);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.vocab-table__action-btn:hover{background:var(--vocab-gray-100)}.vocab-table__action-btn--visibility:hover{color:var(--vocab-info)}.vocab-table__action-btn--edit:hover{color:var(--vocab-primary)}.vocab-table__action-btn--delete:hover{color:var(--vocab-danger);background:var(--vocab-danger-light)}.vocab-table__skeleton{background:linear-gradient(90deg,var(--vocab-gray-200)25%,var(--vocab-gray-100)50%,var(--vocab-gray-200)75%);border-radius:var(--vocab-radius-sm);background-size:200% 100%;height:20px;animation:1.5s infinite skeleton-loading}.vocab-table__skeleton--header{width:80px}.vocab-table__skeleton--small{width:60px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.vocab-table--empty{text-align:center;padding:4rem 2rem}.vocab-table__empty-icon{margin-bottom:1rem;font-size:4rem}.vocab-table__empty-title{color:var(--vocab-gray-800);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.vocab-table__empty-text{color:var(--vocab-gray-600);margin:0}.vocab-pagination{background:var(--vocab-white);border-radius:var(--vocab-radius-lg);box-shadow:var(--vocab-shadow);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.vocab-pagination__info{color:var(--vocab-gray-600);font-size:.875rem}.vocab-pagination__showing strong{color:var(--vocab-gray-800)}.vocab-pagination__controls{align-items:center;gap:1.5rem;display:flex}.vocab-pagination__per-page{align-items:center;gap:.5rem;display:flex}.vocab-pagination__label{color:var(--vocab-gray-600);font-size:.875rem}.vocab-pagination__select{border:1px solid var(--vocab-gray-300);border-radius:var(--vocab-radius-sm);cursor:pointer;padding:.375rem .75rem;font-size:.875rem}.vocab-pagination__pages{align-items:center;gap:.25rem;display:flex}.vocab-pagination__btn{background:var(--vocab-white);border:1px solid var(--vocab-gray-300);border-radius:var(--vocab-radius-sm);width:36px;height:36px;color:var(--vocab-gray-600);cursor:pointer;transition:var(--vocab-transition);justify-content:center;align-items:center;padding:0;display:flex}.vocab-pagination__btn:hover:not(:disabled){background:var(--vocab-gray-100);color:var(--vocab-gray-800)}.vocab-pagination__btn:disabled{opacity:.5;cursor:not-allowed}.vocab-pagination__numbers{align-items:center;gap:.25rem;margin:0 .5rem;display:flex}.vocab-pagination__number{border-radius:var(--vocab-radius-sm);min-width:36px;height:36px;color:var(--vocab-gray-600);cursor:pointer;transition:var(--vocab-transition);background:0 0;border:none;padding:0 .5rem;font-size:.875rem}.vocab-pagination__number:hover{background:var(--vocab-gray-100)}.vocab-pagination__number--active{background:var(--vocab-primary);color:var(--vocab-white)}.vocab-pagination__number--active:hover{background:var(--vocab-primary-light)}.vocab-pagination__ellipsis{color:var(--vocab-gray-400);padding:0 .5rem}.vocab-bulk-bar{background:var(--vocab-gray-800);border-radius:var(--vocab-radius-lg);box-shadow:var(--vocab-shadow-lg);z-index:100;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;animation:.2s slideUp;display:flex;position:sticky;bottom:1rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vocab-bulk-bar__info{align-items:center;gap:1rem;display:flex}.vocab-bulk-bar__count{color:var(--vocab-white);font-size:.9375rem}.vocab-bulk-bar__clear{border-radius:var(--vocab-radius-sm);color:var(--vocab-gray-300);cursor:pointer;transition:var(--vocab-transition);background:#ffffff1a;border:none;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;display:flex}.vocab-bulk-bar__clear:hover{color:var(--vocab-white);background:#fff3}.vocab-bulk-bar__actions{align-items:center;gap:.5rem;display:flex}.vocab-bulk-bar__group{border-radius:var(--vocab-radius-sm);background:#ffffff1a;display:flex}.vocab-bulk-bar__btn{color:var(--vocab-gray-300);cursor:pointer;transition:var(--vocab-transition);background:0 0;border:none;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.vocab-bulk-bar__btn:hover{color:var(--vocab-white)}.vocab-bulk-bar__btn--delete:hover{color:var(--vocab-danger)}.vocab-bulk-bar__dropdown-wrapper{position:relative}.vocab-bulk-bar__dropdown{background:var(--vocab-white);border-radius:var(--vocab-radius);min-width:180px;box-shadow:var(--vocab-shadow-lg);z-index:10;margin-bottom:.5rem;position:absolute;bottom:100%;left:50%;overflow:hidden;transform:translate(-50%)}.vocab-bulk-bar__dropdown-header{text-transform:uppercase;color:var(--vocab-gray-500);border-bottom:1px solid var(--vocab-gray-200);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.vocab-bulk-bar__dropdown-item{text-align:left;width:100%;color:var(--vocab-gray-700);cursor:pointer;transition:var(--vocab-transition);background:0 0;border:none;padding:.75rem 1rem;font-size:.875rem;display:block}.vocab-bulk-bar__dropdown-item:hover{background:var(--vocab-gray-100)}.vocab-bulk-bar__dropdown-item--none{color:var(--vocab-gray-500);font-style:italic}.vocab-bulk-bar__dropdown-empty{text-align:center;color:var(--vocab-gray-500);padding:1rem;font-size:.875rem}.vocab-bulk-bar__modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vocab-bulk-bar__modal{background:var(--vocab-white);border-radius:var(--vocab-radius-lg);text-align:center;width:100%;max-width:400px;box-shadow:var(--vocab-shadow-lg);padding:2rem}.vocab-bulk-bar__modal-icon{color:var(--vocab-danger);margin-bottom:1rem}.vocab-bulk-bar__modal-title{color:var(--vocab-gray-900);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.vocab-bulk-bar__modal-text{color:var(--vocab-gray-600);margin:0 0 1.5rem;font-size:.9375rem}.vocab-bulk-bar__modal-actions{justify-content:center;gap:.75rem;display:flex}.vocab-bulk-bar__modal-btn{border-radius:var(--vocab-radius);cursor:pointer;transition:var(--vocab-transition);padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500}.vocab-bulk-bar__modal-btn--cancel{background:var(--vocab-gray-100);border:1px solid var(--vocab-gray-300);color:var(--vocab-gray-700)}.vocab-bulk-bar__modal-btn--cancel:hover{background:var(--vocab-gray-200)}.vocab-bulk-bar__modal-btn--confirm{background:var(--vocab-danger);color:var(--vocab-white);border:none}.vocab-bulk-bar__modal-btn--confirm:hover{background:#c82333}.vocab-form-panel__backdrop{z-index:999;background:#0000004d;animation:.2s fadeIn;position:fixed;inset:0}.vocab-form-panel{background:var(--vocab-white);width:100%;max-width:480px;height:100vh;box-shadow:var(--vocab-shadow-lg);z-index:1000;flex-direction:column;animation:.3s slideIn;display:flex;position:fixed;top:0;right:0}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.vocab-form-panel__header{border-bottom:1px solid var(--vocab-gray-200);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.vocab-form-panel__title{color:var(--vocab-gray-900);margin:0;font-size:1.25rem;font-weight:600}.vocab-form-panel__close{width:40px;height:40px;color:var(--vocab-gray-500);cursor:pointer;border-radius:var(--vocab-radius);transition:var(--vocab-transition);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.vocab-form-panel__close:hover{background:var(--vocab-gray-100);color:var(--vocab-gray-700)}.vocab-form-panel__form{flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.vocab-form-panel__error{background:var(--vocab-danger-light);border-radius:var(--vocab-radius);color:var(--vocab-danger);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.vocab-form-panel__field{flex-direction:column;gap:.5rem;display:flex}.vocab-form-panel__field--checkbox{flex-direction:row;align-items:center}.vocab-form-panel__label{color:var(--vocab-gray-700);font-size:.875rem;font-weight:500}.vocab-form-panel__required{color:var(--vocab-danger)}.vocab-form-panel__input,.vocab-form-panel__textarea,.vocab-form-panel__select{border:1px solid var(--vocab-gray-300);border-radius:var(--vocab-radius);transition:var(--vocab-transition);padding:.75rem 1rem;font-size:.9375rem}.vocab-form-panel__input:focus,.vocab-form-panel__textarea:focus,.vocab-form-panel__select:focus{border-color:var(--vocab-primary);outline:none;box-shadow:0 0 0 3px #00443f1a}.vocab-form-panel__input--error,.vocab-form-panel__textarea--error{border-color:var(--vocab-danger)}.vocab-form-panel__input--error:focus,.vocab-form-panel__textarea--error:focus{box-shadow:0 0 0 3px #dc35451a}.vocab-form-panel__input--arabic,.vocab-form-panel__textarea--arabic{font-family:var(--vocab-font-arabic);text-align:right;direction:rtl;font-size:1.125rem}.vocab-form-panel__textarea{resize:vertical;min-height:80px}.vocab-form-panel__field-error{color:var(--vocab-danger);font-size:.8125rem}.vocab-form-panel__checkbox-label{color:var(--vocab-gray-700);cursor:pointer;align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.vocab-form-panel__checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.vocab-form-panel__actions{border-top:1px solid var(--vocab-gray-200);gap:.75rem;margin-top:auto;padding:1.25rem 1.5rem;display:flex}.vocab-form-panel__btn{border-radius:var(--vocab-radius);cursor:pointer;transition:var(--vocab-transition);flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;display:flex}.vocab-form-panel__btn--cancel{background:var(--vocab-gray-100);border:1px solid var(--vocab-gray-300);color:var(--vocab-gray-700)}.vocab-form-panel__btn--cancel:hover{background:var(--vocab-gray-200)}.vocab-form-panel__btn--save{background:var(--vocab-primary);color:var(--vocab-white);border:none}.vocab-form-panel__btn--save:hover:not(:disabled){background:var(--vocab-primary-light)}.vocab-form-panel__btn--save:disabled{opacity:.7;cursor:not-allowed}.vocab-form-panel__spinner{animation:1s linear infinite spin}.vocab-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.vocab-modal{background:var(--vocab-white);border-radius:var(--vocab-radius-lg);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--vocab-shadow-lg);flex-direction:column;display:flex;overflow:hidden}.vocab-modal__header{border-bottom:1px solid var(--vocab-gray-200);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.vocab-modal__title{color:var(--vocab-gray-900);align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:600;display:flex}.vocab-modal__title svg{color:var(--vocab-primary)}.vocab-modal__close{width:40px;height:40px;color:var(--vocab-gray-500);cursor:pointer;border-radius:var(--vocab-radius);transition:var(--vocab-transition);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.vocab-modal__close:hover{background:var(--vocab-gray-100);color:var(--vocab-gray-700)}.vocab-modal__body{flex:1;padding:1.5rem;overflow-y:auto}.vocab-modal__footer{border-top:1px solid var(--vocab-gray-200);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.vocab-modal__btn{border-radius:var(--vocab-radius);cursor:pointer;transition:var(--vocab-transition);justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;display:flex}.vocab-modal__btn--secondary{background:var(--vocab-gray-100);border:1px solid var(--vocab-gray-300);color:var(--vocab-gray-700)}.vocab-modal__btn--secondary:hover{background:var(--vocab-gray-200)}.vocab-modal__btn--primary{background:var(--vocab-primary);color:var(--vocab-white);border:none}.vocab-modal__btn--primary:hover:not(:disabled){background:var(--vocab-primary-light)}.vocab-modal__btn--primary:disabled{opacity:.7;cursor:not-allowed}.vocab-modal__dropzone{border:2px dashed var(--vocab-gray-300);border-radius:var(--vocab-radius-lg);background:var(--vocab-gray-100);cursor:pointer;transition:var(--vocab-transition);flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.vocab-modal__dropzone:hover,.vocab-modal__dropzone--active{border-color:var(--vocab-primary);background:#00443f0d}.vocab-modal__dropzone-icon{color:var(--vocab-gray-400);margin-bottom:1rem}.vocab-modal__dropzone--active .vocab-modal__dropzone-icon{color:var(--vocab-primary)}.vocab-modal__dropzone-text{color:var(--vocab-gray-700);margin:0 0 .5rem;font-size:1rem}.vocab-modal__dropzone-hint{color:var(--vocab-gray-500);font-size:.8125rem}.vocab-modal__file-input{display:none}.vocab-modal__template{background:var(--vocab-gray-100);border-radius:var(--vocab-radius);margin-top:1.5rem;padding:1rem}.vocab-modal__template h4{color:var(--vocab-gray-700);margin:0 0 .5rem;font-size:.875rem;font-weight:600}.vocab-modal__template-code{background:var(--vocab-white);border:1px solid var(--vocab-gray-200);border-radius:var(--vocab-radius-sm);color:var(--vocab-gray-600);word-break:break-all;padding:.75rem;font-family:monospace;font-size:.8125rem;display:block}.vocab-modal__preview-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.vocab-modal__preview-info{color:var(--vocab-gray-700);align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.vocab-modal__preview-info svg,.vocab-modal__preview-count{color:var(--vocab-gray-500)}.vocab-modal__change-file{border:1px solid var(--vocab-gray-300);border-radius:var(--vocab-radius-sm);color:var(--vocab-gray-600);cursor:pointer;transition:var(--vocab-transition);background:0 0;padding:.375rem .75rem;font-size:.8125rem}.vocab-modal__change-file:hover{background:var(--vocab-gray-100)}.vocab-modal__error{background:var(--vocab-danger-light);border-radius:var(--vocab-radius);color:var(--vocab-danger);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.vocab-modal__preview{margin-top:1rem}.vocab-modal__preview h4{color:var(--vocab-gray-700);margin:0 0 .75rem;font-size:.875rem;font-weight:600}.vocab-modal__preview-table-wrapper{border:1px solid var(--vocab-gray-200);border-radius:var(--vocab-radius);overflow-x:auto}.vocab-modal__preview-table{border-collapse:collapse;width:100%;font-size:.8125rem}.vocab-modal__preview-table th,.vocab-modal__preview-table td{text-align:left;border-bottom:1px solid var(--vocab-gray-200);padding:.5rem .75rem}.vocab-modal__preview-table th{background:var(--vocab-gray-100);color:var(--vocab-gray-700);font-weight:600}.vocab-modal__preview-table td{color:var(--vocab-gray-600);text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.vocab-modal__result{flex-direction:column;align-items:center;padding:2rem 1rem;display:flex}.vocab-modal__result-icon{margin-bottom:1rem}.vocab-modal__result-icon--success{color:var(--vocab-success)}.vocab-modal__result-title{color:var(--vocab-gray-900);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.vocab-modal__result-text{color:var(--vocab-gray-600);text-align:center;margin:0 0 1.5rem}.vocab-modal__option-group{margin-bottom:1.5rem}.vocab-modal__option-group:last-child{margin-bottom:0}.vocab-modal__label{color:var(--vocab-gray-700);margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:block}.vocab-modal__radio-group{flex-direction:column;gap:.5rem;display:flex}.vocab-modal__radio{background:var(--vocab-gray-100);border-radius:var(--vocab-radius);cursor:pointer;transition:var(--vocab-transition);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.vocab-modal__radio:hover{background:var(--vocab-gray-200)}.vocab-modal__radio input[type=radio]{cursor:pointer;width:18px;height:18px}.vocab-modal__radio span{color:var(--vocab-gray-700);font-size:.9375rem}.vocab-modal__spinner{animation:1s linear infinite spin}@media (width<=1024px){.vocab-header__stats{grid-template-columns:repeat(2,1fr)}.vocab-filter__quick{flex-wrap:wrap}.vocab-filter__advanced-toggle{justify-content:center;width:100%;margin-left:0}}@media (width<=768px){.vocab-manager{padding:1rem}.vocab-header__stats{grid-template-columns:1fr}.vocab-header__actions{flex-wrap:wrap}.vocab-tabs{flex-direction:column}.vocab-filter__group{width:100%}.vocab-filter__toggle-group{flex:1;justify-content:center}.vocab-pagination{flex-direction:column;gap:1rem}.vocab-pagination__controls{justify-content:space-between;width:100%}.vocab-bulk-bar{flex-direction:column;gap:1rem;padding:1rem}.vocab-bulk-bar__actions{flex-wrap:wrap;justify-content:center}.vocab-form-panel{max-width:100%}.vocab-table__table{display:block;overflow-x:auto}}@media (width<=480px){.vocab-header__top{flex-direction:column;align-items:flex-start;gap:1rem}.vocab-header__controls{justify-content:flex-end;width:100%}.vocab-filter__sort-buttons{flex-direction:column;width:100%}.vocab-filter__sort-btn{justify-content:center;width:100%}.vocab-pagination__numbers{display:none}.vocab-modal{border-radius:0;max-height:100vh}}.video-upload-container{gap:var(--spacing-md);flex-direction:column;display:flex}.video-upload-input{display:none}.video-upload-zone{border:2px dashed var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-3xl);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--white)}.video-upload-zone:hover:not(.disabled){border-color:var(--primary);background:#00443f05}.video-upload-zone.drag-active{border-color:var(--primary);background:#00443f0d;border-style:solid}.video-upload-zone.disabled{opacity:.6;cursor:not-allowed}.video-upload-icon{color:var(--primary);opacity:.6;margin-bottom:var(--spacing-md)}.video-upload-zone:hover:not(.disabled) .video-upload-icon,.video-upload-zone.drag-active .video-upload-icon{opacity:1}.video-upload-title{color:var(--primary);margin:0 0 var(--spacing-sm)0;font-size:1.25rem;font-weight:600}.video-upload-subtitle{color:var(--primary);opacity:.7;margin:0 0 var(--spacing-lg)0;font-size:.875rem}.video-upload-info{gap:var(--spacing-xs);color:var(--primary);opacity:.6;flex-direction:column;font-size:.75rem;display:flex}.video-upload-file-preview{background:var(--light);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;display:flex}.video-upload-file-info{align-items:center;gap:var(--spacing-md);display:flex}.video-upload-file-icon{color:var(--primary);flex-shrink:0}.video-upload-file-details{gap:var(--spacing-xs);flex-direction:column;flex:1;min-width:0;display:flex}.video-upload-file-name{color:var(--primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.video-upload-file-size{color:var(--primary);opacity:.7;font-size:.75rem}.video-upload-clear-btn{width:32px;height:32px;color:var(--primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.video-upload-clear-btn:hover{color:var(--error);background:#00443f1a}.video-upload-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;display:flex}.video-upload-progress{gap:var(--spacing-sm);flex-direction:column;display:flex}.video-upload-progress-bar{background:var(--border-light);border-radius:var(--radius-full);height:8px;overflow:hidden}.video-upload-progress-fill{background:var(--primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-fast)}.video-upload-progress-text{justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--primary);font-size:.875rem;font-weight:500;display:flex}.video-upload-success{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--success-light);color:var(--success-dark);border-radius:var(--radius-md);font-weight:500;display:flex}.video-upload-error{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--error-light);color:var(--error-dark);border-radius:var(--radius-md);font-weight:500;display:flex}.video-upload-error-message{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--error-light);color:var(--error-dark);border-radius:var(--radius-md);font-size:.875rem;display:flex}@media (width<=768px){.video-upload-zone{padding:var(--spacing-xl)}.video-upload-title{font-size:1rem}.video-upload-info{font-size:.7rem}}.processing-status-container{background:var(--light);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:2px solid var(--border-light)}.processing-status-pending{border-color:var(--warning);background:var(--warning-light)}.processing-status-processing{border-color:var(--primary);background:#00443f0d}.processing-status-completed{border-color:var(--success);background:var(--success-light)}.processing-status-failed{border-color:var(--error);background:var(--error-light)}.processing-status-header{align-items:flex-start;gap:var(--spacing-md);display:flex}.processing-status-icon{flex-shrink:0}.processing-status-icon.pending{color:var(--warning-dark)}.processing-status-icon.processing{color:var(--primary)}.processing-status-icon.completed{color:var(--success-dark)}.processing-status-icon.failed{color:var(--error-dark)}.processing-status-info{flex:1}.processing-status-title{color:var(--primary);margin:0;font-size:1rem;font-weight:600}.processing-status-pending .processing-status-title{color:var(--warning-dark)}.processing-status-completed .processing-status-title{color:var(--success-dark)}.processing-status-failed .processing-status-title{color:var(--error-dark)}.processing-status-error{margin:var(--spacing-sm)0 0 0;color:var(--error-dark);font-size:.875rem}.processing-status-progress{margin-top:var(--spacing-lg)}.processing-status-progress-bar{border-radius:var(--radius-full);background:#00443f33;height:8px;overflow:hidden}.processing-status-progress-fill{background:var(--primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.processing-status-stages{margin-top:var(--spacing-md);justify-content:space-between;display:flex}.processing-status-stage{align-items:center;gap:var(--spacing-xs);color:var(--primary);opacity:.5;transition:opacity var(--transition-fast);font-size:.75rem;display:flex}.processing-status-stage.active{opacity:1}.processing-status-metadata{gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid #0000001a;grid-template-columns:repeat(3,1fr);display:grid}.processing-status-metadata-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.processing-status-metadata-label{color:var(--success-dark);opacity:.8;font-size:.75rem}.processing-status-metadata-value{color:var(--success-dark);font-size:.875rem;font-weight:600}.processing-status-actions{gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid #0000001a;display:flex}.processing-status-retry-btn,.processing-status-cancel-btn{align-items:center;gap:var(--spacing-sm);display:flex}.processing-status-compact{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;display:inline-flex}.processing-status-compact.processing-status-pending{background:var(--warning-light);color:var(--warning-dark)}.processing-status-compact.processing-status-processing{color:var(--primary);background:#00443f1a}.processing-status-compact.processing-status-completed{background:var(--success-light);color:var(--success-dark)}.processing-status-compact.processing-status-failed{background:var(--error-light);color:var(--error-dark)}.processing-status-compact .processing-status-text{white-space:nowrap}@media (width<=768px){.processing-status-metadata{grid-template-columns:1fr}.processing-status-stages{gap:var(--spacing-sm);flex-direction:column}.processing-status-actions{flex-direction:column}}.video-form-overlay{z-index:1000;padding:var(--spacing-lg);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.video-form-modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden}.video-form-header{padding:var(--spacing-xl);border-bottom:2px solid var(--border-light);background:var(--light);justify-content:space-between;align-items:center;display:flex}.video-form-header h2{color:var(--primary);margin:0;font-size:1.5rem;font-weight:700}.close-button{width:32px;height:32px;color:var(--primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.close-button:hover{background:var(--primary);color:var(--white)}.video-form-content{padding:var(--spacing-xl);flex:1;overflow-y:auto}.video-form{gap:var(--spacing-2xl);flex-direction:column;display:flex}.form-section{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-section h3{color:var(--primary);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light);margin:0;font-size:1.25rem;font-weight:600}.form-row{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.form-field{gap:var(--spacing-sm);flex-direction:column;display:flex}.checkbox-label{align-items:center;gap:var(--spacing-sm);cursor:pointer;display:flex;font-weight:600!important}.checkbox-label input[type=checkbox]{width:auto;margin:0}.video-form-preview{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--light);border-radius:var(--radius-md);border:1px solid var(--border-light)}.video-form-preview h4{color:var(--primary);margin:0 0 var(--spacing-md)0;font-size:1rem;font-weight:600}.video-form-preview-container{border-radius:var(--radius-md);width:280px;height:157px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.video-form-preview-thumbnail{object-fit:cover;width:100%;height:100%}.video-form-preview-overlay{color:var(--white);transition:background var(--transition-fast);background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-form-preview-container:hover .video-form-preview-overlay{background:#00000080}.video-form-thumbnail-section{gap:var(--spacing-xl);align-items:flex-start;display:flex}.video-form-thumbnail-controls{gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.thumbnail-timestamp-input{gap:var(--spacing-xs);flex-direction:column;display:flex}.thumbnail-timestamp-input label{align-items:center;gap:var(--spacing-xs);color:var(--primary);font-size:.875rem;font-weight:600;display:flex}.thumbnail-timestamp-input input{padding:var(--spacing-sm)var(--spacing-md);border:2px solid var(--border-light);border-radius:var(--radius-md);width:120px;transition:border-color var(--transition-fast);font-family:monospace;font-size:.875rem}.thumbnail-timestamp-input input:focus{border-color:var(--primary);outline:none}.thumbnail-timestamp-input small{color:var(--primary);opacity:.7;font-size:.75rem}.thumbnail-regenerate-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);white-space:nowrap;width:fit-content;font-size:.875rem;display:flex}.thumbnail-regenerate-btn:disabled{opacity:.6;cursor:not-allowed}.video-form-thumbnail-options{gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.thumbnail-option{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border-light);flex-direction:column;display:flex}.thumbnail-option-header{align-items:center;gap:var(--spacing-sm);color:var(--primary);font-size:.875rem;font-weight:600;display:flex}.thumbnail-options-divider{align-items:center;gap:var(--spacing-md);display:flex}.thumbnail-options-divider:before,.thumbnail-options-divider:after{content:"";background:var(--border-light);flex:1;height:1px}.thumbnail-options-divider span{color:var(--primary);opacity:.6;text-transform:uppercase;font-size:.75rem;font-weight:600}.thumbnail-upload-section{gap:var(--spacing-md);flex-direction:column;display:flex}.thumbnail-upload-input{cursor:pointer;display:block}.thumbnail-upload-input input[type=file]{display:none}.thumbnail-upload-placeholder{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);border:2px dashed var(--border-light);border-radius:var(--radius-md);background:var(--light);transition:all var(--transition-fast);text-align:center;flex-direction:column;display:flex}.thumbnail-upload-placeholder:hover{border-color:var(--primary);background:#00443f0d}.thumbnail-upload-placeholder svg{color:var(--primary);opacity:.6}.thumbnail-upload-placeholder span{color:var(--primary);font-size:.875rem;font-weight:500}.thumbnail-upload-placeholder small{color:var(--primary);opacity:.6;font-size:.75rem}.custom-thumbnail-preview{align-items:center;gap:var(--spacing-md);display:flex}.custom-thumbnail-image{object-fit:cover;border-radius:var(--radius-md);width:120px;height:68px;box-shadow:var(--shadow-sm)}.custom-thumbnail-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}@media (width<=768px){.video-form-overlay{padding:var(--spacing-sm)}.video-form-modal{max-height:95vh}.video-form-header,.video-form-content{padding:var(--spacing-lg)}.form-row{gap:var(--spacing-md);grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{justify-content:center}.preview-thumbnail{width:100%;max-width:300px}.video-form-thumbnail-section{flex-direction:column}.video-form-preview-container{width:100%;max-width:280px}.custom-thumbnail-preview{flex-direction:column;align-items:flex-start}.custom-thumbnail-image{aspect-ratio:16/9;width:100%;max-width:200px;height:auto}.custom-thumbnail-actions{flex-direction:row}}@media (width<=480px){.video-form-header,.video-form-content{padding:var(--spacing-md)}.video-form{gap:var(--spacing-lg)}.form-section{gap:var(--spacing-md)}}.category-manager{gap:var(--spacing-xl);flex-direction:column;display:flex}.category-header{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.category-header h3{color:var(--primary);margin:0;font-size:1.5rem;font-weight:600}.category-modal-overlay{z-index:1000;padding:var(--spacing-lg);background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.category-modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);flex-direction:column;width:100%;max-width:500px;max-height:90vh;animation:.2s ease-out slideUp;display:flex;overflow:hidden}.category-modal-sm{max-width:400px}.category-modal-header{padding:var(--spacing-lg)var(--spacing-xl);border-bottom:1px solid var(--border-light);background:var(--light);justify-content:space-between;align-items:center;display:flex}.category-modal-header h3{color:var(--primary);margin:0;font-size:1.25rem;font-weight:600}.category-modal-close{width:32px;height:32px;color:var(--primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.category-modal-close:hover{background:var(--primary);color:var(--white)}.category-modal-content{padding:var(--spacing-xl);flex:1;overflow-y:auto}.category-modal-actions{gap:var(--spacing-md);padding:var(--spacing-lg)var(--spacing-xl);border-top:1px solid var(--border-light);background:var(--light);justify-content:flex-end;display:flex}.category-modal-actions .btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);font-weight:600;display:flex}.delete-warning{color:var(--primary);text-align:center;margin:0;font-size:1rem;line-height:1.6}.form-message{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-weight:500;display:flex}.error-message{background:var(--error-light);color:var(--error-dark);border:1px solid var(--error)}.success-message{background:var(--success-light);color:var(--success-dark);border:1px solid var(--success)}.form-row{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.form-field{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.form-field label{color:var(--primary);font-size:.875rem;font-weight:600}.form-field input,.form-field textarea,.form-field select{padding:var(--spacing-md);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-primary);transition:border-color var(--transition-fast)}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--primary);outline:none}.form-field textarea{resize:vertical;min-height:80px}.color-input-container{align-items:center;display:flex;position:relative}.color-input{width:100%;height:48px;padding:var(--spacing-sm);cursor:pointer}.color-input-container svg{right:var(--spacing-md);color:var(--primary);opacity:.6;pointer-events:none;position:absolute}.icon-grid{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--light);border:2px solid var(--border-light);border-radius:var(--radius-md);grid-template-columns:repeat(6,1fr);max-height:200px;display:grid;overflow-y:auto}.icon-grid-item{aspect-ratio:1;border-radius:var(--radius-md);background:var(--white);width:100%;color:var(--primary);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;justify-content:center;align-items:center;display:flex}.icon-grid-item:hover{border-color:var(--primary);background:#00443f0d}.icon-grid-item.selected{border-color:var(--primary);background:var(--primary);color:var(--white)}.selected-icon-label{align-items:center;gap:var(--spacing-xs);color:var(--primary);opacity:.8;margin-top:var(--spacing-xs);font-size:.75rem;display:flex}.selected-icon-label span{font-weight:600}.form-help{color:var(--primary);opacity:.7;font-size:.75rem;line-height:1.4}.form-actions{gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light);display:flex}.form-actions .btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);font-weight:600;display:flex}.categories-list{flex:1}.no-categories{padding:var(--spacing-3xl);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.no-categories svg{color:var(--primary);opacity:.5}.no-categories h3{color:var(--primary);margin:0}.no-categories p{color:var(--primary);opacity:.7;margin:0}.categories-grid{gap:var(--spacing-lg);flex-direction:column;display:flex}.category-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.category-card:hover{box-shadow:var(--shadow-md)}.category-header-info{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.category-color{border-radius:var(--radius-sm);flex-shrink:0;width:4px;min-height:60px}.category-details{flex:1}.category-name{color:var(--primary);margin:0 0 var(--spacing-xs)0;font-size:1.125rem;font-weight:600;line-height:1.3}.category-slug{color:var(--primary);opacity:.6;margin:0 0 var(--spacing-sm)0;font-family:monospace;font-size:.875rem}.category-description{color:var(--black);opacity:.8;margin:0;font-size:.875rem;line-height:1.5}.category-meta{padding-top:var(--spacing-md);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.category-stats{gap:var(--spacing-md);color:var(--primary);opacity:.7;font-size:.75rem;display:flex}.video-count{font-weight:600}.menu-order{align-items:center;gap:var(--spacing-xs);display:flex}.category-actions{align-items:center;gap:var(--spacing-sm);display:flex}.order-buttons{margin-right:var(--spacing-sm);flex-direction:column;gap:2px;display:flex}.order-btn{border-radius:var(--radius-sm);cursor:pointer;width:24px;height:20px;transition:all var(--transition-fast);background:var(--light);color:var(--primary);border:none;justify-content:center;align-items:center;display:flex}.order-btn:hover:not(:disabled){background:var(--primary);color:var(--white)}.order-btn:disabled{opacity:.3;cursor:not-allowed}@media (width<=768px){.category-header{gap:var(--spacing-md);flex-direction:column;align-items:stretch}.category-modal-overlay{padding:var(--spacing-md)}.category-modal{max-height:95vh}.category-modal-header,.category-modal-content,.category-modal-actions{padding:var(--spacing-md)var(--spacing-lg)}.category-modal-actions{flex-direction:column}.category-modal-actions .btn{justify-content:center}.form-row,.categories-grid{gap:var(--spacing-md);grid-template-columns:1fr}.category-meta{gap:var(--spacing-sm);flex-direction:column;align-items:stretch}.category-actions{justify-content:center}.order-buttons{gap:var(--spacing-xs);flex-direction:row}.order-btn{width:28px;height:28px}.icon-grid{grid-template-columns:repeat(5,1fr)}}@media (width<=480px){.icon-grid{grid-template-columns:repeat(4,1fr)}}.processing-queue-tab{padding:var(--spacing-xl)}.processing-queue-stats{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(4,1fr);display:grid}.processing-queue-stat-card{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius-lg);background:var(--white);border:2px solid var(--border-light);display:flex}.processing-queue-stat-card.pending{border-left:4px solid var(--warning)}.processing-queue-stat-card.processing{border-left:4px solid var(--primary)}.processing-queue-stat-card.completed{border-left:4px solid var(--success)}.processing-queue-stat-card.failed{border-left:4px solid var(--error)}.processing-queue-stat-icon{border-radius:var(--radius-md);background:var(--light);width:48px;height:48px;color:var(--primary);justify-content:center;align-items:center;display:flex}.processing-queue-stat-card.pending .processing-queue-stat-icon{color:var(--warning-dark);background:var(--warning-light)}.processing-queue-stat-card.completed .processing-queue-stat-icon{color:var(--success-dark);background:var(--success-light)}.processing-queue-stat-card.failed .processing-queue-stat-icon{color:var(--error-dark);background:var(--error-light)}.processing-queue-stat-info{flex-direction:column;display:flex}.processing-queue-stat-value{color:var(--primary);font-size:1.75rem;font-weight:700}.processing-queue-stat-label{color:var(--primary);opacity:.7;font-size:.875rem}.processing-queue-avg-time{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);background:var(--light);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);display:flex}.processing-queue-avg-label{color:var(--primary);font-size:.875rem}.processing-queue-avg-value{color:var(--primary);font-weight:600}.processing-queue-controls{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);display:flex}.processing-queue-filter{padding:var(--spacing-md);border:2px solid var(--border-light);border-radius:var(--radius-md);background:var(--white);min-width:180px;font-size:1rem}.processing-queue-list{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.processing-queue-loading,.processing-queue-empty{padding:var(--spacing-3xl);justify-content:center;align-items:center;gap:var(--spacing-md);color:var(--primary);opacity:.7;flex-direction:column;display:flex}.processing-queue-empty h3{color:var(--primary);margin:0}.processing-queue-empty p{margin:0}.processing-queue-items{flex-direction:column;display:flex}.processing-queue-item{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);display:flex}.processing-queue-item:last-child{border-bottom:none}.processing-queue-item.pending{background:#ffc1070d}.processing-queue-item.processing{background:#00443f0d}.processing-queue-item.completed{background:#4caf500d}.processing-queue-item.failed{background:#f443360d}.processing-queue-item-status{flex-shrink:0}.processing-queue-icon.pending{color:var(--warning-dark)}.processing-queue-icon.processing{color:var(--primary)}.processing-queue-icon.completed{color:var(--success-dark)}.processing-queue-icon.failed{color:var(--error-dark)}.processing-queue-item-info{gap:var(--spacing-xs);flex-direction:column;flex:1;min-width:0;display:flex}.processing-queue-item-title{align-items:center;gap:var(--spacing-sm);color:var(--primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:flex;overflow:hidden}.processing-queue-item-title.deleted{color:var(--text-muted);opacity:.7}.processing-queue-deleted-badge{text-transform:uppercase;letter-spacing:.02em;background:var(--error-light);color:var(--error-dark);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;align-items:center;padding:2px 6px;font-size:.65rem;font-weight:500;display:inline-flex}.processing-queue-item-meta{color:var(--primary);opacity:.7;font-size:.75rem}.processing-queue-item-attempts{margin-left:var(--spacing-md);padding:var(--spacing-xs)var(--spacing-sm);background:var(--warning-light);color:var(--warning-dark);border-radius:var(--radius-sm)}.processing-queue-item-error{color:var(--error-dark);background:var(--error-light);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem}.processing-queue-item-actions{gap:var(--spacing-sm);flex-shrink:0;display:flex}.btn-sm{padding:var(--spacing-xs)var(--spacing-md);font-size:.875rem}@media (width<=1024px){.processing-queue-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.processing-queue-stats{grid-template-columns:1fr}.processing-queue-item{flex-wrap:wrap}.processing-queue-item-info{width:100%;margin-top:var(--spacing-sm);order:2}.processing-queue-item-actions{width:100%;margin-top:var(--spacing-sm);order:3}}.video-analytics-tab{padding:var(--spacing-xl)}.video-analytics-loading{padding:var(--spacing-3xl);justify-content:center;align-items:center;gap:var(--spacing-md);color:var(--primary);flex-direction:column;display:flex}.video-analytics-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.video-analytics-header h3{align-items:center;gap:var(--spacing-sm);color:var(--primary);margin:0;font-size:1.25rem;display:flex}.video-analytics-period{gap:var(--spacing-xs);background:var(--light);padding:var(--spacing-xs);border-radius:var(--radius-md);display:flex}.video-analytics-period-btn{padding:var(--spacing-sm)var(--spacing-md);color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:.875rem;font-weight:500}.video-analytics-period-btn:hover{background:#00443f1a}.video-analytics-period-btn.active{background:var(--primary);color:var(--white)}.video-analytics-stats{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(5,1fr);display:grid}.video-analytics-stat-card{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex}.video-analytics-stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.video-analytics-stat-icon.total{color:var(--primary);background:#00443f1a}.video-analytics-stat-icon.views{color:#2196f3;background:#2196f31a}.video-analytics-stat-icon.avg{color:#9c27b0;background:#9c27b01a}.video-analytics-stat-icon.likes{background:var(--success-light);color:var(--success-dark)}.video-analytics-stat-icon.dislikes{background:var(--error-light);color:var(--error-dark)}.video-analytics-stat-info{flex-direction:column;display:flex}.video-analytics-stat-value{color:var(--primary);font-size:1.5rem;font-weight:700}.video-analytics-stat-label{color:var(--primary);opacity:.7;font-size:.75rem}.video-analytics-breakdown{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.video-analytics-breakdown h4{color:var(--primary);margin:0 0 var(--spacing-lg)0;font-size:1rem}.video-analytics-breakdown-grid{gap:var(--spacing-lg);grid-template-columns:repeat(5,1fr);display:grid}.video-analytics-breakdown-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--light);border-radius:var(--radius-md);flex-direction:column;display:flex}.video-analytics-breakdown-label{color:var(--primary);opacity:.7;font-size:.875rem}.video-analytics-breakdown-value{font-size:1.5rem;font-weight:700}.video-analytics-breakdown-value.published{color:var(--success-dark)}.video-analytics-breakdown-value.draft{color:var(--warning-dark)}.video-analytics-breakdown-value.processing{color:var(--primary)}.video-analytics-breakdown-value.archived{color:var(--error-dark)}.video-analytics-breakdown-value.featured{color:#f57c00}.video-analytics-engagement{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.video-analytics-engagement h4{color:var(--primary);margin:0 0 var(--spacing-lg)0;font-size:1rem}.video-analytics-engagement-bar{background:var(--error-light);border-radius:var(--radius-full);height:24px;margin-bottom:var(--spacing-md);overflow:hidden}.video-analytics-engagement-likes{background:var(--success);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.video-analytics-engagement-labels{justify-content:space-between;display:flex}.video-analytics-engagement-like,.video-analytics-engagement-dislike{align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:600;display:flex}.video-analytics-engagement-like{color:var(--success-dark)}.video-analytics-engagement-dislike{color:var(--error-dark)}@media (width<=1200px){.video-analytics-stats,.video-analytics-breakdown-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.video-analytics-header{gap:var(--spacing-lg);flex-direction:column;align-items:stretch}.video-analytics-period{justify-content:center}.video-analytics-stats,.video-analytics-breakdown-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.video-analytics-stats,.video-analytics-breakdown-grid{grid-template-columns:1fr}}.storage-tab{padding:var(--spacing-xl)}.storage-tab-loading{padding:var(--spacing-3xl);justify-content:center;align-items:center;gap:var(--spacing-md);color:var(--primary);flex-direction:column;display:flex}.storage-tab-overview{gap:var(--spacing-xl);padding:var(--spacing-xl);background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);display:flex}.storage-tab-overview-icon{width:64px;height:64px;color:var(--primary);border-radius:var(--radius-lg);background:#00443f1a;justify-content:center;align-items:center;display:flex}.storage-tab-overview-info{flex:1}.storage-tab-overview-info h3{color:var(--primary);margin:0 0 var(--spacing-sm)0;font-size:1.25rem}.storage-tab-usage{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.storage-tab-usage-text{color:var(--primary);font-size:1rem}.storage-tab-usage-percent{color:var(--primary);font-size:1.25rem;font-weight:700}.storage-tab-progress{background:var(--light);border-radius:var(--radius-full);height:12px;overflow:hidden}.storage-tab-progress-bar{border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.storage-tab-warning{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--warning-light);color:var(--warning-dark);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);display:flex}.storage-tab-warning.critical{background:var(--error-light);color:var(--error-dark)}.storage-tab-breakdown{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.storage-tab-breakdown h4{color:var(--primary);margin:0 0 var(--spacing-lg)0;font-size:1rem}.storage-tab-breakdown-grid{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.storage-tab-breakdown-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--light);border-radius:var(--radius-md);display:flex}.storage-tab-breakdown-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.storage-tab-breakdown-icon.videos{color:#2196f3;background:#2196f31a}.storage-tab-breakdown-icon.thumbnails{color:#9c27b0;background:#9c27b01a}.storage-tab-breakdown-icon.previews{color:#ff9800;background:#ff98001a}.storage-tab-breakdown-icon.temp{background:var(--error-light);color:var(--error-dark)}.storage-tab-breakdown-info{flex-direction:column;display:flex}.storage-tab-breakdown-label{color:var(--primary);opacity:.7;font-size:.875rem}.storage-tab-breakdown-value{color:var(--primary);font-size:1.125rem;font-weight:600}.storage-tab-quality{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.storage-tab-quality h4{color:var(--primary);margin:0 0 var(--spacing-lg)0;font-size:1rem}.storage-tab-quality-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.storage-tab-quality-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--light);border-radius:var(--radius-md);flex-direction:column;display:flex}.storage-tab-quality-label{color:var(--primary);opacity:.7;font-size:.875rem}.storage-tab-quality-value{color:var(--primary);font-size:1.25rem;font-weight:600}.storage-tab-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.storage-tab-cleanup-btn{align-items:center;gap:var(--spacing-sm);width:fit-content;display:inline-flex}.storage-tab-cleanup-info{color:var(--primary);opacity:.7;font-size:.875rem}@media (width<=1024px){.storage-tab-breakdown-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.storage-tab-overview{text-align:center;flex-direction:column}.storage-tab-overview-icon{margin:0 auto}.storage-tab-breakdown-grid,.storage-tab-quality-grid{grid-template-columns:1fr}}.educational-videos-manager{padding:var(--spacing-xl)}.videos-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.videos-title{align-items:center;gap:var(--spacing-md);color:var(--primary);margin:0;font-size:1.75rem;font-weight:700;display:flex}.videos-tabs{gap:var(--spacing-sm);display:flex}.tab-button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);border:2px solid var(--border-light);background:var(--white);color:var(--primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:500;display:flex}.tab-button:hover{background:var(--light);border-color:var(--secondary)}.tab-button.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.videos-content{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.videos-controls{justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--light);border-bottom:1px solid var(--border-light);display:flex}.videos-filters{gap:var(--spacing-md);flex:1;display:flex}.search-box{align-items:center;min-width:300px;display:flex;position:relative}.search-box svg{left:var(--spacing-md);color:var(--primary);opacity:.6;position:absolute}.search-input{width:100%;padding:var(--spacing-md)var(--spacing-md)var(--spacing-md)2.5rem;border:2px solid var(--border-light);border-radius:var(--radius-md);transition:border-color var(--transition-fast);font-size:1rem}.search-input:focus{border-color:var(--primary);outline:none}.filter-select{padding:var(--spacing-md);border:2px solid var(--border-light);border-radius:var(--radius-md);background:var(--white);cursor:pointer;min-width:150px;transition:border-color var(--transition-fast);font-size:1rem}.filter-select:focus{border-color:var(--primary);outline:none}.add-video-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);white-space:nowrap;display:flex}.loading-container{padding:var(--spacing-3xl);justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.spinner{border:4px solid var(--border-light);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.no-videos{padding:var(--spacing-3xl);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.no-videos svg{color:var(--primary);opacity:.5}.no-videos h3{color:var(--primary);margin:0}.no-videos p{color:var(--primary);opacity:.7;margin:0}.videos-grid{gap:var(--spacing-xl);padding:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.video-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);overflow:hidden}.video-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.video-thumbnail{background:var(--light);width:100%;height:200px;position:relative;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.video-card:hover .video-thumbnail img{transform:scale(1.05)}.no-thumbnail{width:100%;height:100%;color:var(--primary);opacity:.5;justify-content:center;align-items:center;display:flex}.featured-badge{top:var(--spacing-md);right:var(--spacing-md);background:var(--secondary);color:var(--primary);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-full);align-items:center;gap:var(--spacing-xs);font-size:.75rem;font-weight:600;display:flex;position:absolute}.video-overlay{opacity:0;transition:opacity var(--transition-normal);background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-card:hover .video-overlay{opacity:1}.ev-play-button{background:var(--white);width:60px;height:60px;color:var(--primary);border-radius:var(--radius-full);transition:all var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:flex}.ev-play-button:hover{background:var(--secondary);transform:scale(1.1)}.video-info{padding:var(--spacing-lg)}.video-title{color:var(--primary);margin:0 0 var(--spacing-sm)0;font-size:1.125rem;font-weight:600;line-height:1.4}.video-description{color:var(--black);margin:0 0 var(--spacing-md)0;opacity:.8;line-height:1.5}.video-meta{gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap;font-size:.875rem;display:flex}.video-category,.video-views,.video-date{align-items:center;gap:var(--spacing-xs);color:var(--primary);opacity:.7;display:flex}.video-badges{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.status-badge,.difficulty-badge{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);text-transform:uppercase;font-size:.75rem;font-weight:600}.status-published{background:var(--success-light);color:var(--success-dark)}.status-draft{background:var(--warning-light);color:var(--warning-dark)}.status-archived{background:var(--error-light);color:var(--error-dark)}.difficulty-beginner{color:#1976d2;background:#e3f2fd}.difficulty-intermediate{color:#f57c00;background:#fff3e0}.difficulty-advanced{color:#c2185b;background:#fce4ec}.processing-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);text-transform:uppercase;font-size:.75rem;font-weight:600;display:inline-flex}.processing-pending{background:var(--warning-light);color:var(--warning-dark)}.processing-active{color:var(--primary);background:#00443f1a}.processing-completed{background:var(--success-light);color:var(--success-dark)}.processing-failed{background:var(--error-light);color:var(--error-dark)}.duration-badge{bottom:var(--spacing-md);right:var(--spacing-md);color:var(--white);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);background:#000000b3;font-size:.75rem;font-weight:600;position:absolute}.spin{animation:1s linear infinite spin}.video-actions{gap:var(--spacing-sm);display:flex}.action-btn{border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.pagination{padding:var(--spacing-xl);background:var(--light);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.pagination-info{color:var(--primary);font-size:.875rem}.pagination-controls{align-items:center;gap:var(--spacing-md);display:flex}.page-numbers{color:var(--primary);font-weight:500}@media (width<=768px){.educational-videos-manager{padding:var(--spacing-md)}.videos-header{gap:var(--spacing-lg);flex-direction:column;align-items:stretch}.videos-controls{gap:var(--spacing-md);flex-direction:column;align-items:stretch}.videos-filters{gap:var(--spacing-md);flex-direction:column}.search-box{min-width:auto}.videos-grid{gap:var(--spacing-lg);padding:var(--spacing-lg);grid-template-columns:1fr}.pagination{gap:var(--spacing-md);flex-direction:column}.pagination-controls{justify-content:center}}.user-management{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.user-management-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;display:flex}.user-management-header h2{color:var(--primary);margin:0;font-size:1.4rem;font-weight:600}.user-management-actions{gap:var(--spacing-sm);align-items:center;display:flex}.user-add-button{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;display:flex}.user-add-button:hover{background-color:var(--primary-dark)}.user-export-button{background-color:var(--light);color:var(--primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;display:flex}.user-export-button:hover:not(:disabled){background-color:var(--primary);color:#fff;border-color:var(--primary)}.user-export-button:disabled{opacity:.6;cursor:not-allowed}.user-statistics-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.user-stat-card{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:1px solid #0000000d}.user-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-stat-icon{width:40px;height:40px;margin:0 auto var(--spacing-sm);border-radius:var(--radius-full);background-color:rgba(var(--primary-rgb),.1);color:var(--primary);justify-content:center;align-items:center;display:flex}.user-stat-card.total .user-stat-icon{background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.user-stat-card.active .user-stat-icon{background-color:rgba(var(--success-rgb),.1);color:var(--success)}.user-stat-card.verified .user-stat-icon{background-color:rgba(var(--secondary-rgb),.1);color:var(--secondary)}.user-stat-card.new .user-stat-icon{background-color:rgba(var(--warning-rgb),.1);color:var(--warning-dark)}.user-stat-value{color:var(--primary);margin-bottom:var(--spacing-xs);font-size:1.8rem;font-weight:700}.user-stat-label{color:var(--secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.user-filters{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.user-search{background-color:var(--white);border-radius:var(--radius-md);border:1px solid #0000001a;flex:1;align-items:center;gap:8px;min-width:280px;padding:8px 12px;display:flex;position:relative}.user-search svg{color:var(--secondary);flex-shrink:0}.user-search input{color:var(--black);width:100%;font-size:.9rem;font-family:var(--font-primary);background:0 0;border:none;outline:none;flex:1}.user-search input::placeholder{color:#0006}.user-filter-group{gap:var(--spacing-xs);align-items:center;display:flex}.user-filter{background-color:var(--white);border-radius:var(--radius-md);border:1px solid #0000001a;align-items:center;gap:8px;min-width:140px;padding:6px 12px;display:flex}.user-filter label{color:var(--secondary);white-space:nowrap;font-size:.85rem;font-weight:500}.user-filter select{color:var(--black);cursor:pointer;font-size:.9rem;font-family:var(--font-primary);background:0 0;border:none;outline:none}.user-table-container{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.user-table{border-collapse:collapse;width:100%}.user-table thead{background-color:rgba(var(--primary-rgb),.03)}.user-table th{padding:var(--spacing-sm)var(--spacing-md);text-align:left;color:var(--secondary);border-bottom:2px solid #0000000d;font-size:.9rem;font-weight:600}.user-table tbody tr{transition:background-color var(--transition-fast)}.user-table tbody tr:hover{background-color:rgba(var(--primary-rgb),.02)}.user-table td{padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid #0000000d;font-size:.9rem}.user-table tr:last-child td{border-bottom:none}.user-info-cell{flex-direction:column;gap:2px;display:flex}.user-name{color:var(--black);font-weight:500}.user-email{color:var(--secondary);font-size:.85rem}.user-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.user-role-chip,.user-status-chip,.user-verification-chip{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.user-role-chip{background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.user-role-chip.admin{background-color:rgba(var(--error-rgb),.1);color:var(--error)}.user-role-chip.tester{background-color:rgba(var(--warning-rgb),.1);color:var(--warning-dark)}.user-role-chip.moderator{background-color:rgba(var(--secondary-rgb),.1);color:var(--secondary-dark)}.user-status-chip.active{background-color:rgba(var(--success-rgb),.1);color:var(--success)}.user-status-chip.inactive{background-color:rgba(var(--error-rgb),.1);color:var(--error)}.user-verification-chip.verified{background-color:rgba(var(--success-rgb),.1);color:var(--success)}.user-verification-chip.unverified{background-color:rgba(var(--warning-rgb),.1);color:var(--warning-dark)}.user-actions{gap:var(--spacing-xs);align-items:center;display:flex}.user-action-button{border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.user-action-button.edit{color:var(--primary)}.user-action-button.edit:hover{background-color:rgba(var(--primary-rgb),.1)}.user-action-button.delete{color:var(--error)}.user-action-button.delete:hover{background-color:rgba(var(--error-rgb),.1)}.user-action-button.more{color:var(--secondary)}.user-action-button.more:hover{background-color:#0000000d}.user-bulk-actions{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background-color:rgba(var(--primary-rgb),.05);border-bottom:2px solid var(--primary);margin-bottom:var(--spacing-md);display:flex}.user-bulk-info{color:var(--primary);margin-right:auto;font-size:.9rem;font-weight:500}.user-bulk-button{border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);border:1px solid;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;display:flex}.user-bulk-button.activate{background-color:var(--success-light);color:var(--success);border-color:var(--success)}.user-bulk-button.activate:hover{background-color:var(--success);color:#fff}.user-bulk-button.deactivate{background-color:var(--error-light);color:var(--error);border-color:var(--error)}.user-bulk-button.deactivate:hover{background-color:var(--error);color:#fff}.user-bulk-button.delete{background-color:var(--danger-light);color:var(--danger);border-color:var(--danger)}.user-bulk-button.delete:hover{background-color:var(--danger);color:#fff}.user-pagination{padding:var(--spacing-md);background-color:rgba(var(--primary-rgb),.02);border-top:1px solid #0000000d;justify-content:space-between;align-items:center;display:flex}.user-pagination-info{color:var(--secondary);font-size:.9rem}.user-pagination-controls{align-items:center;gap:var(--spacing-md);display:flex}.user-pagination-select{align-items:center;gap:var(--spacing-xs);display:flex}.user-pagination-select label{color:var(--secondary);font-size:.9rem}.user-pagination-select select{border-radius:var(--radius-sm);background-color:var(--white);cursor:pointer;font-size:.9rem;font-family:var(--font-primary);border:1px solid #0000001a;padding:4px 8px}.user-pagination-buttons{gap:var(--spacing-xs);display:flex}.user-pagination-button{background-color:var(--white);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);border:1px solid #0000001a;align-items:center;gap:4px;padding:6px 12px;font-size:.9rem;display:flex}.user-pagination-button:hover:not(:disabled){background-color:rgba(var(--primary-rgb),.05);border-color:var(--primary)}.user-pagination-button:disabled{opacity:.4;cursor:not-allowed}.user-management-loading{min-height:300px;color:var(--secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.user-management-spinner{border:3px solid rgba(var(--primary-rgb),.1);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.user-management-error{align-items:center;gap:var(--spacing-sm);background-color:var(--error-light);color:var(--error);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border:1px solid var(--error);display:flex}.user-empty-state{padding:var(--spacing-2xl);border-radius:var(--radius-md);text-align:center;background-color:#00000005;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.user-empty-icon{width:64px;height:64px;color:var(--secondary);margin-bottom:var(--spacing-md);opacity:.5}.user-empty-title{color:var(--primary);margin-bottom:var(--spacing-sm);font-size:1.2rem;font-weight:600}.user-empty-text{color:var(--secondary);margin-bottom:var(--spacing-lg)}.user-dialog-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.user-dialog{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);flex-direction:column;width:90%;max-width:600px;max-height:90vh;display:flex;overflow:hidden}.user-dialog-header{padding:var(--spacing-md);border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;display:flex}.user-dialog-title{color:var(--primary);margin:0;font-size:1.2rem;font-weight:600}.user-dialog-close{cursor:pointer;color:var(--secondary);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.user-dialog-close:hover{color:var(--primary)}.user-dialog-content{padding:var(--spacing-md);flex:1;overflow-y:auto}.user-dialog-actions{padding:var(--spacing-md);justify-content:flex-end;gap:var(--spacing-sm);background-color:rgba(var(--primary-rgb),.02);border-top:1px solid #0000001a;display:flex}.user-dialog-button{border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);font-size:.9rem;font-weight:500;font-family:var(--font-primary);border:none;padding:8px 16px}.user-dialog-button.cancel{border:1px solid var(--secondary);color:var(--secondary);background-color:#0000}.user-dialog-button.cancel:hover{background-color:#0000000d}.user-dialog-button.confirm{background-color:var(--primary);color:#fff}.user-dialog-button.confirm:hover{background-color:var(--primary-dark)}.user-dialog-button.danger{background-color:var(--error);color:#fff}.user-dialog-button.danger:hover{background-color:var(--error-dark)}.user-form-group{margin-bottom:var(--spacing-md)}.user-form-label{color:var(--secondary);margin-bottom:var(--spacing-xs);font-size:.9rem;font-weight:500;display:block}.user-form-input,.user-form-select{border-radius:var(--radius-md);width:100%;font-size:.9rem;font-family:var(--font-primary);background-color:var(--white);transition:border-color var(--transition-fast);border:1px solid #0000001a;padding:8px 12px}.user-form-input:focus,.user-form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.user-form-error{color:var(--error);margin-top:var(--spacing-xs);align-items:center;gap:4px;font-size:.85rem;display:flex}.user-form-error svg{flex-shrink:0}@media (width<=768px){.user-management-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.user-statistics-grid{grid-template-columns:repeat(2,1fr)}.user-filters{flex-direction:column;align-items:stretch}.user-search,.user-filter{width:100%;min-width:unset}.user-table-container{overflow-x:auto}.user-table{min-width:700px}.user-pagination{gap:var(--spacing-md);flex-direction:column;align-items:flex-start}.user-pagination-controls{justify-content:space-between;width:100%}.user-bulk-actions{flex-wrap:wrap}.user-bulk-info{width:100%;margin-bottom:var(--spacing-sm)}}@media (width<=480px){.user-statistics-grid{grid-template-columns:1fr}.user-dialog{width:95%;max-height:95vh}.user-action-button span{display:none}.user-table{font-size:.85rem}.user-table th,.user-table td{padding:var(--spacing-xs)}}[dir=rtl] .user-table th,[dir=rtl] .user-table td{text-align:right}[dir=rtl] .user-search svg,[dir=rtl] .user-filter svg{order:1}[dir=rtl] .user-actions{flex-direction:row-reverse}[dir=rtl] .user-bulk-info{margin-left:auto;margin-right:0}[dir=rtl] .user-dialog-close{margin-left:0;margin-right:auto}.newsletter-manager{padding:var(--spacing-lg)}.newsletter-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.newsletter-title{align-items:center;gap:var(--spacing-md);display:flex}.newsletter-title h1{color:var(--primary);margin:0;font-size:1.5rem}.newsletter-title p{color:#666;margin:0;font-size:.875rem}.newsletter-title svg{color:var(--primary)}.newsletter-refresh-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--light);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;display:flex}.newsletter-refresh-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.newsletter-stats-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.newsletter-stat-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);background:#fff;display:flex}.newsletter-stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.newsletter-stat-icon-primary{color:var(--primary);background:#00443f1a}.newsletter-stat-icon-success{color:var(--success);background:#28a7451a}.newsletter-stat-icon-info{color:#17a2b8;background:#17a2b81a}.newsletter-stat-icon-warning{color:#ffc107;background:#ffc1071a}.newsletter-stat-content{flex-direction:column;display:flex}.newsletter-stat-value{color:var(--primary);font-size:1.5rem;font-weight:700}.newsletter-stat-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.newsletter-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-light);padding-bottom:var(--spacing-sm);display:flex}.newsletter-tab{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md)var(--radius-md)0 0;cursor:pointer;color:#666;transition:all var(--transition-fast);background:0 0;border:none;font-size:.875rem;font-weight:500;display:flex}.newsletter-tab:hover{color:var(--primary);background:var(--light)}.newsletter-tab.active{color:var(--primary);background:var(--light);border-bottom:2px solid var(--primary);margin-bottom:-2px}.newsletter-manager-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:var(--spacing-lg);background:#fff}.newsletter-toolbar{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.newsletter-search{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--light);border-radius:var(--radius-md);flex:1;min-width:200px;display:flex}.newsletter-search svg{color:#666}.newsletter-search input{background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.newsletter-filter{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:#fff;font-size:.875rem}.newsletter-add-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:.875rem;font-weight:500;display:flex}.newsletter-add-btn:hover{background:var(--primary-dark)}.newsletter-table{border-collapse:collapse;width:100%}.newsletter-table th,.newsletter-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-light)}.newsletter-table th{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.newsletter-table td{font-size:.875rem}.newsletter-table tbody tr:hover{background:var(--light)}.newsletter-status-badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.newsletter-status-active{color:var(--success);background:#28a7451a}.newsletter-status-unsubscribed{color:var(--error);background:#dc35451a}.newsletter-status-bounced{color:#b38600;background:#ffc1071a}.newsletter-status-draft{color:#6c757d;background:#6c757d1a}.newsletter-status-scheduled{color:#17a2b8;background:#17a2b81a}.newsletter-status-sent{color:var(--primary);background:#00443f1a}.newsletter-status-cancelled{color:var(--error);background:#dc35451a}.newsletter-actions{gap:var(--spacing-sm);display:flex}.newsletter-action-btn{padding:var(--spacing-xs);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:#666;transition:all var(--transition-fast);background:0 0}.newsletter-action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.newsletter-action-btn-danger:hover{background:var(--error);border-color:var(--error)}.newsletter-action-btn-success:hover{background:var(--success);border-color:var(--success)}.newsletter-pagination{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light);color:#666;justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.newsletter-pagination-controls{align-items:center;gap:var(--spacing-md);display:flex}.newsletter-pagination-controls button{padding:var(--spacing-xs)var(--spacing-sm);background:var(--light);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.newsletter-pagination-controls button:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.newsletter-pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.newsletter-loading,.newsletter-empty{padding:var(--spacing-3xl);color:#666;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.newsletter-empty svg{opacity:.3;margin-bottom:var(--spacing-md)}.newsletter-analytics-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.newsletter-analytics-card{background:var(--light);border-radius:var(--radius-md);padding:var(--spacing-lg)}.newsletter-analytics-card h3{margin:0 0 var(--spacing-md)0;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem}.newsletter-analytics-item{padding:var(--spacing-sm)0;border-bottom:1px solid var(--border-light);justify-content:space-between;display:flex}.newsletter-analytics-item:last-child{border-bottom:none}.newsletter-analytics-item strong{color:var(--primary)}.newsletter-text-success{color:var(--success)!important}.newsletter-text-warning{color:#b38600!important}.newsletter-dialog-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.newsletter-dialog{border-radius:var(--radius-lg);padding:var(--spacing-xl);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-xl);background:#fff;overflow-y:auto}.newsletter-dialog-large{max-width:700px}.newsletter-dialog h2{margin:0 0 var(--spacing-lg)0;color:var(--primary)}.newsletter-manager-form{gap:var(--spacing-md);flex-direction:column;display:flex}.newsletter-manager-form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.newsletter-manager-form-group label{color:#333;font-size:.875rem;font-weight:500}.newsletter-manager-form-group input,.newsletter-manager-form-group textarea{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast);font-size:.875rem}.newsletter-manager-form-group input:focus,.newsletter-manager-form-group textarea:focus{border-color:var(--primary);outline:none}.newsletter-manager-form-group textarea{resize:vertical;min-height:100px}.newsletter-dialog-actions{justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);display:flex}.newsletter-btn-primary,.newsletter-btn-secondary{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500}.newsletter-btn-primary{background:var(--primary);color:#fff;border:none}.newsletter-btn-primary:hover{background:var(--primary-dark)}.newsletter-btn-secondary{color:#666;border:1px solid var(--border-color);background:0 0}.newsletter-btn-secondary:hover{background:var(--light)}.newsletter-preview{background:var(--light);border-radius:var(--radius-md);padding:var(--spacing-lg)}.newsletter-preview-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.newsletter-preview-meta{gap:var(--spacing-lg);margin-bottom:var(--spacing-md);color:#666;font-size:.875rem;display:flex}.newsletter-preview-content{padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff}.newsletter-preview-content pre{white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:inherit}@media (width<=768px){.newsletter-manager{padding:var(--spacing-md)}.newsletter-header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.newsletter-stats-grid{grid-template-columns:1fr 1fr}.newsletter-toolbar{flex-direction:column}.newsletter-search{width:100%}.newsletter-table{display:block;overflow-x:auto}.newsletter-dialog{margin:var(--spacing-md);max-height:calc(100vh - var(--spacing-xl))}}@media (width<=480px){.newsletter-stats-grid{grid-template-columns:1fr}.newsletter-tabs{flex-wrap:wrap}.newsletter-pagination{gap:var(--spacing-md);flex-direction:column}}.reviews-manager{padding:var(--spacing-lg)}.reviews-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.reviews-title{align-items:center;gap:var(--spacing-md);display:flex}.reviews-title h1{color:var(--primary);margin:0;font-size:1.5rem}.reviews-title p{color:#666;margin:0;font-size:.875rem}.reviews-title svg{color:var(--secondary)}.reviews-refresh-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--light);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;display:flex}.reviews-refresh-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.reviews-stats-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.reviews-stat-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);background:#fff;display:flex}.reviews-stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.reviews-stat-icon-primary{color:var(--primary);background:#00443f1a}.reviews-stat-icon-success{color:var(--success);background:#28a7451a}.reviews-stat-icon-info{color:var(--secondary);background:#cca0611a}.reviews-stat-icon-warning{color:#ffc107;background:#ffc1071a}.reviews-stat-content{flex-direction:column;display:flex}.reviews-stat-value{color:var(--primary);font-size:1.5rem;font-weight:700}.reviews-stat-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.reviews-distribution{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);background:#fff}.reviews-distribution h3{align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-md)0;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;display:flex}.reviews-distribution-bars{gap:var(--spacing-sm);flex-direction:column;display:flex}.reviews-distribution-row{align-items:center;gap:var(--spacing-md);display:flex}.reviews-distribution-label{color:#666;align-items:center;gap:4px;width:50px;font-size:.875rem;display:flex}.reviews-distribution-label svg{color:var(--secondary)}.reviews-distribution-bar-container{background:var(--light);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.reviews-distribution-bar{background:var(--secondary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.reviews-distribution-count{text-align:right;width:40px;color:var(--primary);font-size:.875rem;font-weight:500}.reviews-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-light);padding-bottom:var(--spacing-sm);display:flex}.reviews-tab{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md)var(--radius-md)0 0;cursor:pointer;color:#666;transition:all var(--transition-fast);background:0 0;border:none;font-size:.875rem;font-weight:500;display:flex}.reviews-tab:hover{color:var(--primary);background:var(--light)}.reviews-tab.active{color:var(--primary);background:var(--light);border-bottom:2px solid var(--primary);margin-bottom:-2px}.reviews-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:var(--spacing-lg);background:#fff}.reviews-toolbar{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.reviews-filter{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:#fff;font-size:.875rem}.reviews-list{gap:var(--spacing-md);flex-direction:column;display:flex}.reviews-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:box-shadow var(--transition-fast)}.reviews-card:hover{box-shadow:var(--shadow-md)}.reviews-card-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.reviews-card-user{align-items:center;gap:var(--spacing-md);display:flex}.reviews-card-avatar,.reviews-card-avatar-placeholder{border-radius:var(--radius-full);object-fit:cover;width:48px;height:48px}.reviews-card-avatar-placeholder{background:var(--primary);color:#fff;justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;display:flex}.reviews-card-user-info{flex-direction:column;display:flex}.reviews-card-user-info strong{color:var(--primary)}.reviews-card-user-info span{color:#666;font-size:.75rem}.reviews-card-meta{align-items:flex-end;gap:var(--spacing-sm);flex-direction:column;display:flex}.reviews-card-content{margin-bottom:var(--spacing-md)}.reviews-card-content p{color:#333;margin:0;line-height:1.6}.reviews-card-image{border-radius:var(--radius-md);max-width:200px;max-height:150px;margin-top:var(--spacing-md);object-fit:cover}.reviews-card-footer{padding-top:var(--spacing-md);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.reviews-card-date{color:#666;font-size:.75rem}.reviews-card-actions{gap:var(--spacing-sm);display:flex}.reviews-stars{gap:2px;display:flex}.reviews-star-filled{color:var(--secondary);fill:var(--secondary)}.reviews-star-empty{color:#ddd}.reviews-status-badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.reviews-status-pending{color:#b38600;background:#ffc1071a}.reviews-status-approved{color:var(--success);background:#28a7451a}.reviews-status-rejected{color:var(--error);background:#dc35451a}.reviews-action-btn{padding:var(--spacing-xs);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:#666;transition:all var(--transition-fast);background:0 0}.reviews-action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.reviews-action-btn-danger:hover{background:var(--error);border-color:var(--error)}.reviews-action-btn-success:hover{background:var(--success);border-color:var(--success)}.reviews-pagination{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light);color:#666;justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.reviews-pagination-controls{align-items:center;gap:var(--spacing-md);display:flex}.reviews-pagination-controls button{padding:var(--spacing-xs)var(--spacing-sm);background:var(--light);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.reviews-pagination-controls button:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.reviews-pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.reviews-loading,.reviews-empty{padding:var(--spacing-3xl);color:#666;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.reviews-empty svg{opacity:.3;margin-bottom:var(--spacing-md)}.reviews-dialog-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reviews-dialog{border-radius:var(--radius-lg);padding:var(--spacing-xl);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-xl);background:#fff;overflow-y:auto}.reviews-dialog h2{margin:0 0 var(--spacing-lg)0;color:var(--primary)}.reviews-detail-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;display:flex}.reviews-detail-user{align-items:center;gap:var(--spacing-md);display:flex}.reviews-detail-avatar,.reviews-detail-avatar-placeholder{border-radius:var(--radius-full);object-fit:cover;width:64px;height:64px}.reviews-detail-avatar-placeholder{background:var(--primary);color:#fff;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;display:flex}.reviews-detail-content{margin-bottom:var(--spacing-lg)}.reviews-detail-content p{margin:0;font-size:1rem;line-height:1.8}.reviews-detail-image{border-radius:var(--radius-md);max-width:100%;margin-top:var(--spacing-md)}.reviews-detail-meta{background:var(--light);padding:var(--spacing-md);border-radius:var(--radius-md);color:#666;font-size:.875rem}.reviews-detail-meta div{margin-bottom:var(--spacing-xs)}.reviews-detail-meta div:last-child{margin-bottom:0}.reviews-dialog-actions{justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);display:flex}.reviews-btn-primary,.reviews-btn-secondary,.reviews-btn-success,.reviews-btn-danger{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500;display:flex}.reviews-btn-primary{background:var(--primary);color:#fff;border:none}.reviews-btn-primary:hover{background:var(--primary-dark)}.reviews-btn-secondary{color:#666;border:1px solid var(--border-color);background:0 0}.reviews-btn-secondary:hover{background:var(--light)}.reviews-btn-success{background:var(--success);color:#fff;border:none}.reviews-btn-success:hover{background:#1e7e34}.reviews-btn-danger{background:var(--error);color:#fff;border:none}.reviews-btn-danger:hover{background:#bd2130}@media (width<=768px){.reviews-manager{padding:var(--spacing-md)}.reviews-header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.reviews-stats-grid{grid-template-columns:1fr 1fr}.reviews-card-header{gap:var(--spacing-md);flex-direction:column}.reviews-card-meta{align-items:flex-start}.reviews-card-footer{gap:var(--spacing-md);flex-direction:column;align-items:flex-start}.reviews-dialog{margin:var(--spacing-md)}}@media (width<=480px){.reviews-stats-grid{grid-template-columns:1fr}.reviews-tabs{flex-wrap:wrap}.reviews-pagination{gap:var(--spacing-md);flex-direction:column}.reviews-dialog-actions{flex-direction:column}.reviews-dialog-actions button{justify-content:center;width:100%}}.settings-manager{padding:var(--spacing-xl,2rem);max-width:900px}.settings-loading,.settings-error{justify-content:center;align-items:center;gap:var(--spacing-md,1rem);padding:var(--spacing-3xl,3rem);color:#666;flex-direction:column;display:flex}.settings-loading-icon{animation:1s linear infinite settings-spin}@keyframes settings-spin{to{transform:rotate(360deg)}}.settings-error{color:#dc3545}.settings-retry-btn{align-items:center;gap:var(--spacing-xs,.25rem);padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);border-radius:var(--radius-md,8px);cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;transition:all .2s;display:inline-flex}.settings-retry-btn:hover{background:#e9ecef}.settings-header{margin-bottom:var(--spacing-xl,2rem);justify-content:space-between;align-items:flex-start;display:flex}.settings-header-left{align-items:flex-start;gap:var(--spacing-md,1rem);display:flex}.settings-header-left>svg{color:var(--primary,#00443f);flex-shrink:0;margin-top:4px}.settings-title{color:var(--primary,#00443f);margin:0 0 var(--spacing-xs,.25rem);font-size:1.75rem;font-weight:700}.settings-subtitle{color:#666;margin:0;font-size:.95rem}.settings-refresh-btn{border-radius:var(--radius-md,8px);cursor:pointer;color:#666;background:#f8f9fa;border:1px solid #dee2e6;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.settings-refresh-btn:hover{color:var(--primary,#00443f);background:#e9ecef}.settings-section{margin-bottom:var(--spacing-2xl,2.5rem)}.settings-section-header{align-items:center;gap:var(--spacing-sm,.5rem);margin-bottom:var(--spacing-md,1rem);display:flex}.settings-section-header svg{color:var(--secondary,#cca061)}.settings-section-header h3{color:#333;margin:0;font-size:1.25rem;font-weight:600}.settings-card{border-radius:var(--radius-lg,12px);padding:var(--spacing-xl,2rem);background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.settings-row{justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl,2rem);padding:var(--spacing-lg,1.5rem)0;border-bottom:1px solid #f0f0f0;display:flex}.settings-row:first-child{padding-top:0}.settings-row:last-of-type{border-bottom:none}.settings-row--toggle{align-items:center}.settings-row--vertical{gap:var(--spacing-sm,.5rem);flex-direction:column}.settings-row-info{flex:1}.settings-row-label{align-items:center;gap:var(--spacing-sm,.5rem);color:#333;margin-bottom:var(--spacing-xs,.25rem);font-weight:600;display:flex}.settings-row-label svg{color:var(--secondary,#cca061)}.settings-row-description{color:#666;font-size:.875rem;line-height:1.5;display:block}.settings-toggle{cursor:pointer;color:#ccc;background:0 0;border:none;flex-shrink:0;padding:0;transition:color .2s}.settings-toggle.active{color:#22c55e}.settings-toggle:hover{opacity:.8}.settings-input,.settings-textarea{padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);border-radius:var(--radius-md,8px);font-family:var(--font-primary,"Montserrat",sans-serif);border:1px solid #e5e7eb;font-size:1rem;transition:border-color .2s,box-shadow .2s}.settings-input{min-width:240px}.settings-input:focus,.settings-textarea:focus{border-color:var(--primary,#00443f);outline:none;box-shadow:0 0 0 3px #00443f1a}.settings-textarea{resize:vertical;width:100%;min-height:80px}.settings-char-count{color:#999;text-align:right;font-size:.75rem;display:block}.settings-switch{flex-shrink:0;width:52px;height:28px;display:inline-block;position:relative}.settings-switch input{opacity:0;width:0;height:0}.settings-switch-slider{cursor:pointer;background-color:#e5e7eb;border-radius:28px;transition:all .3s;position:absolute;inset:0}.settings-switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0000001a}.settings-switch input:checked+.settings-switch-slider{background-color:var(--primary,#00443f)}.settings-switch input:checked+.settings-switch-slider:before{transform:translate(24px)}.settings-actions{margin-top:var(--spacing-xl,2rem);padding-top:var(--spacing-lg,1.5rem);border-top:1px solid #f0f0f0}.settings-save-btn{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem)var(--spacing-xl,2rem);color:#666;border-radius:var(--radius-md,8px);cursor:pointer;background:#e5e7eb;border:none;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.settings-save-btn.has-changes{background:var(--primary,#00443f);color:#fff}.settings-save-btn.has-changes:hover:not(:disabled){background:#003330;transform:translateY(-1px);box-shadow:0 4px 12px #00443f4d}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.settings-btn-spinner{animation:1s linear infinite settings-spin}.settings-info-box{align-items:flex-start;gap:var(--spacing-sm,.5rem);margin-top:var(--spacing-lg,1.5rem);padding:var(--spacing-md,1rem);border-radius:var(--radius-md,8px);color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fef9c3 100%);border:1px solid #fcd34d;font-size:.875rem;display:flex}.settings-info-box svg{flex-shrink:0;margin-top:2px}.settings-status{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-md,1rem);border-radius:var(--radius-md,8px);color:#666;background:#f8f9fa;border:1px solid #e5e7eb;font-size:.875rem;display:flex}.settings-status.active{color:#166534;background:linear-gradient(135deg,#dcfce7 0%,#d1fae5 100%);border-color:#86efac}.settings-status-indicator{background:#9ca3af;border-radius:50%;width:10px;height:10px}.settings-status.active .settings-status-indicator{background:#22c55e;animation:2s ease-in-out infinite settings-pulse}@keyframes settings-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@media (width<=768px){.settings-manager{padding:var(--spacing-lg,1.5rem)}.settings-header,.settings-row{gap:var(--spacing-md,1rem);flex-direction:column}.settings-input{min-width:100%}.settings-save-btn{justify-content:center;width:100%}}.settings-level-label{color:var(--primary,#00443f);font-weight:600}.settings-video-selector{width:100%;margin-top:var(--spacing-sm,.5rem);position:relative}.settings-video-search-container{align-items:center;display:flex;position:relative}.settings-search-icon{color:var(--secondary,#cca061);pointer-events:none;position:absolute;left:12px}.settings-video-search{border-radius:var(--radius-md,8px);border:1px solid #0000001a;width:100%;padding:10px 10px 10px 36px;font-size:.95rem;transition:border-color .2s}.settings-video-search:focus{border-color:var(--primary,#00443f);outline:none}.settings-video-dropdown{border-radius:var(--radius-md,8px);box-shadow:var(--shadow-md,0 4px 12px #00000026);z-index:100;background:#fff;border:1px solid #0000001a;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.settings-video-dropdown-loading,.settings-video-dropdown-empty{padding:var(--spacing-md,1rem);text-align:center;color:#666;justify-content:center;align-items:center;gap:var(--spacing-sm,.5rem);display:flex}.settings-video-list{padding:var(--spacing-xs,.25rem)}.settings-video-option{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem);border-radius:var(--radius-sm,4px);cursor:pointer;transition:background-color .2s;display:flex}.settings-video-option:hover{background-color:var(--light,#f1e9d6)}.settings-video-option-thumb{object-fit:cover;border-radius:var(--radius-xs,2px);flex-shrink:0;width:80px;height:45px}.settings-video-option-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings-video-option-title{color:#333;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.settings-video-option-duration{color:#666;font-size:.75rem}.settings-video-dropdown-close{width:100%;padding:var(--spacing-sm,.5rem);background:var(--light,#f1e9d6);color:#666;cursor:pointer;border:none;border-top:1px solid #0000001a;font-size:.85rem;transition:background-color .2s;display:block}.settings-video-dropdown-close:hover{background-color:#0000000d}.settings-video-selected{gap:var(--spacing-md,1rem);padding:var(--spacing-sm,.5rem);background:var(--light,#f1e9d6);border-radius:var(--radius-md,8px);margin-top:var(--spacing-sm,.5rem);align-items:flex-start;width:100%;display:flex}.settings-video-preview{border-radius:var(--radius-sm,4px);flex-shrink:0;width:160px;height:90px;position:relative;overflow:hidden}.settings-video-thumbnail{object-fit:cover;width:100%;height:100%}.settings-video-play-icon{color:#fff;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-video-duration{color:#fff;border-radius:var(--radius-xs,2px);background:#000c;padding:2px 6px;font-size:.7rem;position:absolute;bottom:4px;right:4px}.settings-video-info{gap:var(--spacing-sm,.5rem);flex-direction:column;flex:1;display:flex}.settings-video-title{color:var(--primary,#00443f);font-weight:600}.settings-video-remove{color:#dc3545;border-radius:var(--radius-sm,4px);cursor:pointer;background:0 0;border:1px solid #dc3545;align-items:center;gap:4px;width:fit-content;padding:4px 8px;font-size:.8rem;transition:all .2s;display:inline-flex}.settings-video-remove:hover{color:#fff;background:#dc3545}html[dir=rtl] .settings-header-left,html[dir=rtl] .settings-section-header,html[dir=rtl] .settings-row-label,html[dir=rtl] .settings-save-btn,html[dir=rtl] .settings-info-box,html[dir=rtl] .settings-status{flex-direction:row-reverse}html[dir=rtl] .settings-search-icon{left:auto;right:12px}html[dir=rtl] .settings-video-search{padding:10px 36px 10px 10px}html[dir=rtl] .settings-video-selected,html[dir=rtl] .settings-video-remove{flex-direction:row-reverse}@media (width<=768px){.settings-video-selected{flex-direction:column}.settings-video-preview{aspect-ratio:16/9;width:100%;height:auto}}.admin-dashboard{background-color:#f5f7fa;flex-direction:column;min-height:100vh;display:flex}.admin-dashboard-loading,.admin-dashboard-unauthorized{min-height:300px;padding:var(--spacing-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.admin-dashboard-unauthorized h1{color:var(--primary);margin-bottom:var(--spacing-md)}.admin-dashboard-unauthorized p{color:var(--secondary);max-width:600px}.admin-sidebar{background-color:var(--white);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border-bottom:1px solid #0000001a}.admin-title{color:var(--primary);margin:0 0 var(--spacing-md)0;font-size:1.5rem;font-weight:600}.admin-nav{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.admin-nav-button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--secondary);cursor:pointer;background:0 0;border:none;font-weight:500;transition:background-color .2s,color .2s;display:flex}.admin-nav-button:hover{color:var(--primary);background-color:#0000000d}.admin-nav-button.active{background-color:var(--primary);color:#fff}.admin-content{padding:var(--spacing-md);flex:1}.admin-dashboard-overview{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.admin-dashboard-overview h2{color:var(--primary);margin-top:0;margin-bottom:var(--spacing-md);font-size:1.4rem;font-weight:600}.admin-stats-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.admin-stat-card{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);align-items:center;gap:var(--spacing-md);border:1px solid #0000000d;display:flex}.admin-stat-icon{background-color:rgba(var(--primary-rgb),.1);color:var(--primary);border-radius:8px;width:40px;height:40px;padding:8px}.admin-stat-content{flex-direction:column;display:flex}.admin-stat-value{color:var(--primary);font-size:1.8rem;font-weight:700;line-height:1}.admin-stat-label{color:var(--secondary);margin-top:4px;font-size:.9rem}.admin-overview-actions,.admin-getting-started{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.admin-overview-actions h3,.admin-getting-started h3{color:var(--primary);margin-top:0;margin-bottom:var(--spacing-sm);font-size:1.1rem;font-weight:600}.admin-action-buttons{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.admin-action-button{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:background-color .2s;display:flex}.admin-action-button:hover{background-color:var(--primary-dark)}.admin-getting-started-list{margin:var(--spacing-sm)0 0 var(--spacing-md);padding-left:var(--spacing-sm);color:var(--secondary)}.admin-getting-started-list li{margin-bottom:var(--spacing-xs);line-height:1.5}[dir=rtl] .admin-nav-button,[dir=rtl] .admin-action-button{flex-direction:row-reverse}[dir=rtl] .admin-getting-started-list{margin:var(--spacing-sm)var(--spacing-md)0 0;padding-right:var(--spacing-sm);padding-left:0}@media (width>=768px){.admin-dashboard{flex-direction:row}.admin-sidebar{border-bottom:none;border-right:1px solid #0000001a;width:240px;height:100vh;position:sticky;top:0;overflow-y:auto}.admin-nav{flex-direction:column}.admin-content{padding:var(--spacing-lg);flex:1;overflow-y:auto}}@media (width<=767px){.admin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.admin-stat-card{text-align:center;padding:var(--spacing-sm);flex-direction:column}.admin-action-buttons{flex-direction:column}.admin-action-button{width:100%}}.notification-tabs-container{flex-direction:column;display:flex}.notification-tabs{gap:16px;margin-bottom:24px;display:flex}.notification-tab{border-radius:var(--radius-md);color:var(--secondary);cursor:pointer;background-color:#f5f7fa;border:none;align-items:center;gap:8px;padding:10px 16px;font-weight:500;transition:all .2s;display:flex}.notification-tab:hover{color:var(--primary);background-color:#0000000d}.notification-tab.active{background-color:var(--primary);color:#fff}@media (width<=768px){.notification-tabs{flex-direction:column;gap:8px}.notification-tab{justify-content:center;width:100%}}[dir=rtl] .notification-tab{flex-direction:row-reverse}