.welcome-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px}.dark-theme .welcome-container{background:linear-gradient(135deg,#1e3a8a 0%,#4c1d95 100%)}.welcome-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:24px;max-width:1200px;margin:0 auto;padding:40px;box-shadow:0 20px 40px #0000001a}.dark-theme .welcome-section{background:#1f2937f2;box-shadow:0 20px 40px #0000004d}.welcome-header{border-bottom:2px solid #e5e7eb;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding-bottom:30px;display:flex}.dark-theme .welcome-header{border-bottom-color:#374151}.welcome-time{text-align:right;flex-shrink:0}.welcome-clock{color:#3b82f6;margin-bottom:4px;font-family:Courier New,monospace;font-size:2.5rem;font-weight:700}.welcome-date{color:#6b7280;font-size:1rem;font-weight:500}.dark-theme .welcome-date{color:#9ca3af}.welcome-greeting{flex:1;padding-right:40px}.welcome-title{color:#111827;background:linear-gradient(135deg,#3b82f6,#2275fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:2.8rem;font-weight:800}.dark-theme .welcome-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#60a5fa,#a78bfa)}.welcome-subtitle{color:#6b7280;margin:0;font-size:1.3rem;line-height:1.6}.dark-theme .welcome-subtitle{color:#d1d5db}.welcome-team-section{margin-bottom:40px}.welcome-team-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:30px;padding:30px;display:flex}.dark-theme .welcome-team-card{background:#1f2937;border-color:#374151}.team-logo-container{flex-shrink:0}.team-logo{background:linear-gradient(135deg,#3b82f6,#2275fc);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;padding:8px;display:flex}.team-logo-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.team-info{flex:1}.team-name{color:#111827;margin:0 0 8px;font-size:2rem;font-weight:700}.dark-theme .team-name{color:#f3f4f6}.team-tagline{color:#6b7280;margin:0 0 20px;font-size:1.1rem;font-style:italic}.team-stats{gap:30px;display:flex}.team-stat{text-align:center}.stat-number{color:#3b82f6;margin-bottom:4px;font-size:1.8rem;font-weight:800;display:block}.stat-label{color:#6b7280;font-size:.9rem;font-weight:500;display:block}.welcome-features{margin-bottom:40px}.features-title{color:#111827;text-align:center;margin:0 0 30px;font-size:2rem;font-weight:700}.dark-theme .features-title{color:#f3f4f6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.feature-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:30px;transition:all .3s}.dark-theme .feature-card{background:#374151;border-color:#4b5563}.feature-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.dark-theme .feature-card:hover{box-shadow:0 12px 24px #0000004d}.feature-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#2275fc);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:1.5rem;display:flex}.feature-name{color:#111827;margin:0 0 12px;font-size:1.3rem;font-weight:600}.dark-theme .feature-name{color:#f3f4f6}.feature-description{color:#6b7280;margin:0;line-height:1.6}.dark-theme .feature-description{color:#d1d5db}.welcome-stats{margin-bottom:40px}.stats-title{color:#111827;text-align:center;margin:0 0 30px;font-size:2rem;font-weight:700}.dark-theme .stats-title{color:#f3f4f6}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:16px;padding:24px;display:flex}.dark-theme .stat-card{background:#374151;border-color:#4b5563}.stat-icon{color:#3b82f6;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.3rem;display:flex}.dark-theme .stat-icon{color:#93c5fd;background:#1e40af}.stat-content{flex:1}.stat-value{color:#111827;margin-bottom:4px;font-size:1.8rem;font-weight:800}.dark-theme .stat-value{color:#f3f4f6}.stat-label{color:#6b7280;font-size:.9rem;font-weight:500}.welcome-cta{text-align:center;background:linear-gradient(135deg,#3b82f6,#2275fc);border-radius:20px;margin-bottom:40px;padding:50px}.cta-content{max-width:600px;margin:0 auto}.cta-title{color:#fff;margin:0 0 16px;font-size:2.2rem;font-weight:700}.cta-description{color:#ffffffe6;margin:0 0 30px;font-size:1.1rem;line-height:1.6}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.cta-button{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:16px 32px;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}.cta-button.primary{color:#3b82f6;background:#fff}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.cta-button.secondary{color:#fff;background:0 0;border:2px solid #fff}.cta-button.secondary:hover{color:#3b82f6;background:#fff;transform:translateY(-2px)}.welcome-footer{border-top:1px solid #e5e7eb;padding-top:30px}.dark-theme .welcome-footer{border-top-color:#374151}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-text{color:#6b7280;margin:0}.dark-theme .footer-text{color:#9ca3af}.footer-links{gap:20px;display:flex}.footer-link{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .2s}.footer-link:hover{color:#2563eb}@media (max-width:1024px){.welcome-header{text-align:center;flex-direction:column;gap:20px}.welcome-greeting{padding-right:0}.welcome-time{text-align:center}.team-stats{justify-content:center}}@media (max-width:768px){.welcome-section{padding:30px 20px}.welcome-title{font-size:2.2rem}.welcome-team-card{text-align:center;flex-direction:column;gap:20px}.team-stats{flex-direction:column;gap:20px}.features-grid,.stats-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.cta-button{justify-content:center;width:100%}.footer-content{text-align:center;flex-direction:column}.footer-links{justify-content:center}}@media (max-width:480px){.welcome-title{font-size:1.8rem}.welcome-subtitle{font-size:1.1rem}.welcome-cta{padding:30px 20px}.cta-title{font-size:1.8rem}}
.api-logs-container{background:#fff;border-radius:20px;max-width:1800px;margin:0 auto 32px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #00000014}.dark-theme .api-logs-container{background:#1e293b;box-shadow:0 4px 20px #0003}.api-logs-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;display:flex}.dark-theme .api-logs-header{border-bottom-color:#334155}.api-logs-title-section{flex:1}.api-logs-title{color:#0f172a;margin:0 0 8px;font-size:2rem;font-weight:700}.dark-theme .api-logs-title{color:#f8fafc}.api-logs-subtitle{color:#64748b;font-size:1.1rem;line-height:1.5}.dark-theme .api-logs-subtitle{color:#94a3b8}.api-logs-actions{align-items:center;gap:12px;display:flex}.api-logs-refresh-btn,.api-logs-clear-all-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.api-logs-refresh-btn{color:#0369a1;background:#e0f2fe;border:2px solid #bae6fd}.api-logs-refresh-btn:hover{background:#bae6fd;transform:translateY(-2px)}.api-logs-clear-all-btn{color:#dc2626;background:#fef2f2;border:2px solid #fecaca}.api-logs-clear-all-btn:hover:not(:disabled){background:#fecaca;transform:translateY(-2px)}.api-logs-clear-all-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.dark-theme .api-logs-refresh-btn{color:#7dd3fc;background:#38bdf81a;border-color:#38bdf84d}.dark-theme .api-logs-clear-all-btn{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.api-logs-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px;display:grid}.api-logs-stat-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:24px;transition:all .3s;display:flex}.api-logs-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.dark-theme .api-logs-stat-card{background:linear-gradient(135deg,#293445,#374151);border-color:#475569}.api-logs-stat-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#26c98f);border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex}.api-logs-stat-icon-success{background:linear-gradient(135deg,#10b981,#059669)}.api-logs-stat-icon-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.api-logs-stat-icon-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.api-logs-stat-content{flex:1}.api-logs-stat-value{color:#0f172a;margin-bottom:4px;font-size:2rem;font-weight:700;line-height:1}.dark-theme .api-logs-stat-value{color:#f8fafc}.api-logs-stat-label{color:#64748b;font-size:.9rem;font-weight:500}.dark-theme .api-logs-stat-label{color:#94a3b8}.api-logs-filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:24px}.dark-theme .api-logs-filters{background:#293445;border-color:#475569}.api-logs-filters-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px;display:grid}.api-logs-filters-row:last-child{margin-bottom:0}.api-logs-filter-group{flex-direction:column;gap:8px;display:flex}.api-logs-filter-label{color:#374151;font-size:.9rem;font-weight:600}.dark-theme .api-logs-filter-label{color:#e5e7eb}.api-logs-filter-select,.api-logs-filter-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:.9rem;transition:all .3s}.api-logs-filter-actions{align-items:flex-end;gap:12px;display:flex}.api-logs-apply-btn,.api-logs-clear-filters-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s}.api-logs-apply-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6,#26c98f)}.api-logs-clear-filters-btn{color:#6b7280;background:#f3f4f6;border:2px solid #e5e7eb}.api-logs-clear-filters-btn:hover{background:#e5e7eb}.dark-theme .api-logs-clear-filters-btn{color:#d1d5db;background:#4b5563;border-color:#6b7280}.api-logs-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;display:flex}.dark-theme .api-logs-error{color:#fca5a5;background:#dc26261a;border-color:#dc26264d}.api-logs-error-text{flex:1;font-weight:500}.api-logs-error-close{color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.5rem;display:flex}.api-logs-table-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.dark-theme .api-logs-table-container{background:#293445;border-color:#475569}.api-logs-table-header{background:#e2e8f0;border-bottom:2px solid #cbd5e1}.dark-theme .api-logs-table-header{background:#374151;border-bottom-color:#4b5563}.api-logs-table-row{grid-template-columns:80px 1fr 100px 120px 200px 150px 180px 80px;align-items:center;gap:16px;padding:16px 20px;display:grid}.api-logs-table-header-row{color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:700}.dark-theme .api-logs-table-header-row{color:#e5e7eb}.api-logs-table-data-row{background:#fff;border-bottom:1px solid #f1f5f9;transition:all .3s}.api-logs-table-data-row:hover{background:#f8fafc;transform:translate(4px)}.dark-theme .api-logs-table-data-row{background:#1e293b;border-bottom-color:#334155}.dark-theme .api-logs-table-data-row:hover{background:#293445}.api-logs-row-deleting{opacity:.5;transform:scale(.98)}.api-logs-col-method,.api-logs-col-status,.api-logs-col-response-time,.api-logs-col-actions{text-align:center}.api-logs-method-badge,.api-logs-status-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;text-align:center;border-radius:20px;min-width:60px;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-block}.api-logs-url-content{flex-direction:column;gap:4px;display:flex}.api-logs-url-path{color:#1f2937;word-break:break-all;font-size:.9rem;font-weight:600}.dark-theme .api-logs-url-path{color:#f3f4f6}.api-logs-user-agent{color:#6b7280;font-size:.75rem;font-style:italic}.dark-theme .api-logs-user-agent{color:#9ca3af}.api-logs-response-time{color:#1f2937;font-size:.9rem;font-weight:600}.dark-theme .api-logs-response-time{color:#f3f4f6}.api-logs-user-info{align-items:center;gap:12px;display:flex}.api-logs-user-avatar{border:2px solid #e5e7eb;border-radius:50%;width:40px;height:40px;overflow:hidden}.api-logs-user-avatar img{object-fit:cover;width:100%;height:100%}.dark-theme .api-logs-user-avatar{border-color:#4b5563}.api-logs-user-details{flex:1;min-width:0}.api-logs-user-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.9rem;font-weight:600;overflow:hidden}.dark-theme .api-logs-user-name{color:#f3f4f6}.api-logs-user-email{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.dark-theme .api-logs-user-email{color:#9ca3af}.api-logs-anonymous-user{color:#9ca3af;align-items:center;gap:8px;font-size:.9rem;font-style:italic;display:flex}.dark-theme .api-logs-anonymous-user{color:#6b7280}.api-logs-ip-address{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;padding:4px 8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem}.dark-theme .api-logs-ip-address{color:#d1d5db;background:#374151;border-color:#4b5563}.api-logs-timestamp{color:#6b7280;font-size:.8rem;line-height:1.4}.dark-theme .api-logs-timestamp{color:#9ca3af}.api-logs-actions{justify-content:center;gap:4px;display:flex}.api-logs-action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .3s;display:flex}.api-logs-action-delete{color:#dc2626;background:#fef2f2}.api-logs-action-delete:hover{background:#fecaca;transform:scale(1.1)}.dark-theme .api-logs-action-delete{color:#fca5a5;background:#ef444433}.api-logs-empty{text-align:center;grid-column:1/-1;padding:60px 20px}.api-logs-empty-icon{color:#d1d5db;margin-bottom:16px;font-size:4rem}.dark-theme .api-logs-empty-icon{color:#4b5563}.api-logs-empty-text{color:#6b7280;margin-bottom:8px;font-size:1.2rem;font-weight:600}.dark-theme .api-logs-empty-text{color:#9ca3af}.api-logs-empty-subtext{color:#9ca3af;font-size:.9rem}.dark-theme .api-logs-empty-subtext{color:#6b7280}.api-logs-pagination{border-top:2px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;display:flex}.dark-theme .api-logs-pagination{border-top-color:#334155}.api-logs-pagination-info{color:#64748b;font-size:.9rem;font-weight:500}.dark-theme .api-logs-pagination-info{color:#94a3b8}.api-logs-loading{text-align:center;padding:80px 0}.api-logs-loading-text{color:#64748b;font-size:1.5rem;font-weight:500}.dark-theme .api-logs-loading-text{color:#94a3b8}@media (max-width:1400px){.api-logs-table-row{grid-template-columns:80px 1fr 100px 120px 180px 140px 160px 80px;gap:12px;padding:12px 16px}}@media (max-width:1200px){.api-logs-container{padding:24px}.api-logs-table-row{grid-template-columns:70px 1fr 90px 110px 160px 120px 140px 70px;gap:10px;padding:10px 12px}.api-logs-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.api-logs-container{border-radius:16px;padding:20px}.api-logs-header{flex-direction:column;align-items:flex-start;gap:16px}.api-logs-actions{justify-content:space-between;width:100%}.api-logs-stats,.api-logs-filters-row{grid-template-columns:1fr}.api-logs-filter-actions{justify-content:center}.api-logs-table-container{overflow-x:auto}.api-logs-table-row{grid-template-columns:70px 300px 90px 110px 200px 140px 160px 70px;min-width:1200px}.api-logs-pagination{flex-direction:column;align-items:center;gap:16px}}@media (max-width:480px){.api-logs-container{border-radius:12px;padding:16px}.api-logs-title{font-size:1.5rem}.api-logs-actions{flex-direction:column;width:100%}.api-logs-refresh-btn,.api-logs-clear-all-btn{justify-content:center;width:100%}}.api-logs-filters-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.dark-theme .api-logs-filters-header{border-bottom-color:#475569}.api-logs-filters-title{color:#374151;margin:0;font-size:1.1rem;font-weight:600}.dark-theme .api-logs-filters-title{color:#e5e7eb}.api-logs-clear-all-filters-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:2px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .3s;display:flex}.api-logs-clear-all-filters-btn:hover{background:#fecaca;transform:translateY(-2px)}.dark-theme .api-logs-clear-all-filters-btn{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.api-logs-filter-select,.api-logs-filter-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-size:.9rem;transition:all .3s}.api-logs-filter-select:focus,.api-logs-filter-input:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.dark-theme .api-logs-filter-select,.dark-theme .api-logs-filter-input{color:#f9fafb;background:#374151;border-color:#4b5563}.api-logs-apply-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#26c98f);border:none;border-radius:10px;align-self:flex-end;align-items:center;gap:8px;height:fit-content;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.api-logs-apply-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}
.feature-settings-table-container{background:#fefefe;border-radius:16px;margin-bottom:2rem;padding:2rem;transition:all .3s;box-shadow:0 8px 20px #00000014}.feature-settings-table-container:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0000001f}.dark-theme .feature-settings-table-container{color:#f0f0f0;background:#1e293b;box-shadow:0 8px 20px #00000059}.feature-settings-header{flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.feature-settings-header h2{color:#111827;font-size:1.9rem;font-weight:700}.dark-theme .feature-settings-header h2{color:#f9fafb}.feature-settings-table{border-collapse:separate;border-spacing:0;border-radius:12px;width:100%;font-size:1.05rem;overflow:hidden}.feature-settings-table thead{background:#f9fafb}.feature-settings-table th{color:#111827;text-align:left;padding:1.2rem;font-size:1.15rem;font-weight:700}.feature-settings-table td{color:#374151;border-top:1px solid #e5e7eb;padding:1.2rem;font-size:1.2rem}.dark-theme .feature-settings-table thead{background:#334155}.dark-theme .feature-settings-table th{color:#e2e8f0}.dark-theme .feature-settings-table td{color:#cbd5e1;border-top:1px solid #475569}.feature-settings-key{align-items:center;gap:.8rem;font-size:1.2rem;font-weight:600;display:flex}.feature-settings-icon{color:#2563eb;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.3rem;transition:all .3s;display:flex}.feature-settings-icon:hover{color:#fff;background:#2563eb}.dark-theme .feature-settings-icon{color:#60a5fa;background:#334155}.dark-theme .feature-settings-icon:hover{color:#fff;background:#1e40af}.feature-settings-value{color:#111827;font-size:1.2rem;font-weight:700}.dark-theme .feature-settings-value{color:#f1f5f9}.feature-settings-badge{color:#1d4ed8;background-color:#f3f4f6;border-radius:999px;padding:.35rem .9rem;font-size:1.2rem;font-weight:600;transition:all .3s}.feature-settings-badge:hover{color:#fff;background-color:#2563eb}.dark-theme .feature-settings-badge{color:#93c5fd;background-color:#334155}.dark-theme .feature-settings-badge:hover{color:#fff;background-color:#2563eb}.feature-settings-search{width:350px;position:relative}.feature-input-search{border:1px solid #d1d5db;border-radius:12px;width:100%;padding:.75rem 3rem .75rem 1rem;font-size:1.2rem;transition:border-color .3s}.feature-input-search:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb40}.feature-icon-search{color:#6b7280;font-size:1.2rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.dark-theme .feature-input-search{color:#f0f0f0;background:#334155;border:1px solid #475569}.dark-theme .feature-input-search:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa4d}.dark-theme .feature-icon-search{color:#94a3b8}.dark-theme .feature-input-search::placeholder{color:#cbd5e1;opacity:1}.feature-settings-pagination{border-top:1px solid #e5e7eb;justify-content:center;margin-top:2rem;padding:1rem 0;display:flex}.dark-theme .feature-settings-pagination{border-top:1px solid #475569}.feature-settings-edit-btn{background-color:var(--Main,#2563eb);color:#fff;cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.feature-settings-edit-btn:hover{background-color:#1e40af;transform:translateY(-1px)}.dark-theme .feature-settings-edit-btn{background-color:#3b82f6}.dark-theme .feature-settings-edit-btn:hover{background-color:#1d4ed8}.feature-settings-empty{text-align:center;color:#6b7280;padding:1.5rem;font-size:1.2rem}.dark-theme .feature-settings-empty{color:#94a3b8}.feature-settings-error{text-align:center;color:#dc2626;padding:2rem;font-size:1.2rem}.feature-settings-error p{margin-bottom:1rem}.feature-settings-badges-container{flex-wrap:wrap;gap:.5rem;display:flex}
.api-endpoints-container{background:#fff;border-radius:14px;margin-bottom:24px;padding:24px;transition:all .3s;box-shadow:0 6px 14px #0000000f}.dark-theme .api-endpoints-container{background:#1e293b;box-shadow:0 6px 14px #00000026}.api-endpoints-header{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.api-endpoints-title{color:#111827;margin:0;font-size:2rem;font-weight:700}.dark-theme .api-endpoints-title{color:#f3f4f6}.api-endpoints-search{flex:1;min-width:250px;position:relative}.api-endpoints-input{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:10px 16px 10px 40px;font-size:1.2rem;transition:all .2s}.api-endpoints-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.dark-theme .api-endpoints-input{color:#f3f4f6;background-color:#1f2937;border-color:#374151}.api-endpoints-search-icon{color:#9ca3af;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.dark-theme .api-endpoints-input::placeholder{color:#9ca3af;opacity:1}.api-endpoints-table-container{background-color:#fff;border-radius:10px;margin-bottom:24px;overflow-x:auto}.dark-theme .api-endpoints-table-container{background-color:#1f2937}.api-endpoints-table{border-collapse:separate;border-spacing:0;width:100%;font-size:1.2rem}.api-endpoints-th{color:#374151;text-align:left;background-color:#f9fafb;padding:12px 16px;font-weight:600}.dark-theme .api-endpoints-th{color:#f3f4f6;background-color:#111827}.api-endpoints-td{color:#4b5563;border-bottom:1px solid #e5e7eb;padding:12px 16px}.dark-theme .api-endpoints-td{color:#d1d5db;border-color:#374151}.api-endpoints-badge{letter-spacing:.3px;border-radius:9999px;padding:4px 10px;font-size:1.2rem;font-weight:600;display:inline-block}.api-endpoints-badge-get{color:#1d4ed8;background-color:#dbeafe}.api-endpoints-badge-post{color:#15803d;background-color:#dcfce7}.api-endpoints-badge-put{color:#0369a1;background-color:#e0f2fe}.api-endpoints-badge-patch{color:#a16207;background-color:#fef9c3}.api-endpoints-badge-delete{color:#b91c1c;background-color:#fee2e2}.api-endpoints-badge-default{color:#374151;background-color:#e5e7eb}.api-endpoints-badge-yes{color:#15803d;background-color:#dcfce7}.api-endpoints-badge-no{color:#374151;background-color:#e5e7eb}.api-endpoints-error{text-align:center;color:#dc2626;padding:2rem;font-size:1.1rem}.api-endpoints-empty{text-align:center;color:#6b7280;padding:1.5rem;font-size:1.1rem}.api-endpoints-btn-retry{cursor:pointer;color:#fff;background-color:#3b82f6;border-radius:8px;padding:10px 16px;font-size:1.2rem;font-weight:600;transition:all .2s}.api-endpoints-btn-retry:hover{background-color:#2563eb;transform:translateY(-1px)}.api-endpoints-pagination{justify-content:center;margin-top:24px;display:flex}@media (max-width:768px){.api-endpoints-header{flex-direction:column}.api-endpoints-search{width:100%}.api-endpoints-th,.api-endpoints-td{padding:8px 12px;font-size:1.2rem}}
.performance-container{background:#fefefe;border-radius:16px;margin-bottom:2rem;padding:2rem;transition:background .3s,color .3s,box-shadow .3s;box-shadow:0 8px 20px #00000014}.dark-theme .performance-container{color:#f0f0f0;background:#1e293b}.performance-header{flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.performance-header h2{color:#111827;font-size:1.8rem;font-weight:700}.dark-theme .performance-header h2{color:#f0f0f0}.performance-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.performance-card{background:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.8rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #0000000f}.performance-card:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .3s;position:absolute;inset:0}.performance-card:hover{transform:translateY(-6px);box-shadow:0 10px 28px #0000001f}.performance-card:hover:before{opacity:1}.dark-theme .performance-card{background:#0f172a}.performance-card-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.performance-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:transform .3s,box-shadow .3s;display:flex}.performance-card:hover .performance-icon{transform:scale(1.1)rotate(3deg)}.performance-title{color:#374151;font-size:1.05rem;font-weight:600}.dark-theme .performance-title{color:#e5e7eb}.performance-value{color:#111827;margin-top:.25rem;font-size:1.35rem;font-weight:700}.dark-theme .performance-value{color:#f9fafb}.performance-progress{border-radius:8px;height:10px;margin-top:.8rem;transition:width .4s,background .3s}.bg-cpu{color:#b45309;background-color:#fef3c7}.bg-memory{color:#1e40af;background-color:#dbeafe}.bg-uptime{color:#065f46;background-color:#d1fae5}.bg-requests{color:#312e81;background-color:#e0e7ff}.bg-response{color:#4c1d95;background-color:#ede9fe}.bg-error{color:#991b1b;background-color:#fee2e2}.bg-db{color:#111827;background-color:#f3f4f6}.bg-collections{color:#0f766e;background-color:#ccfbf1}.bg-indexes{color:#312e81;background-color:#e0e7ff}.dark-theme .bg-cpu{color:#fef3c7;background-color:#b45309}.dark-theme .bg-memory{color:#dbeafe;background-color:#1e40af}.dark-theme .bg-uptime{color:#d1fae5;background-color:#065f46}.dark-theme .bg-requests{color:#e0e7ff;background-color:#312e81}.dark-theme .bg-response{color:#ede9fe;background-color:#4c1d95}.dark-theme .bg-error{color:#fee2e2;background-color:#991b1b}.dark-theme .bg-db{color:#f3f4f6;background-color:#254d2d}.dark-theme .bg-collections{color:#ccfbf1;background-color:#0f766e}.dark-theme .bg-indexes{color:#e0e7ff;background-color:#312e81}@media (max-width:1024px){.performance-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.performance-header h2{font-size:1.5rem}.performance-card-header{gap:.5rem}.performance-value{font-size:1.1rem}.performance-icon{width:40px;height:40px;font-size:1.25rem}}
.order-list-container{background:#fff;border-radius:16px;margin-bottom:32px;padding:32px;transition:all .3s;box-shadow:0 8px 24px #00000014}.dark-theme .order-list-container{background:#1e293b;box-shadow:0 8px 24px #0003}.order-list-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.dark-theme .order-list-header{border-bottom-color:#374151}.order-list-title{color:#111827;margin:0;font-size:1.8rem;font-weight:700}.dark-theme .order-list-title{color:#f3f4f6}.order-list-header-info{align-items:center;gap:16px;display:flex}.order-list-total{color:#6b7280;font-size:1.5rem;font-weight:500}.dark-theme .order-list-total{color:#9ca3af}.order-list-filters{background:#f8f9fa;border-radius:12px;flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:24px;padding:20px;display:flex}.dark-theme .order-list-filters{background:#293444}.order-filter-group{flex-direction:column;gap:8px;min-width:150px;display:flex}.order-filter-select,.order-filter-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:12px 16px;font-size:1.4rem;transition:all .2s}.dark-theme .order-filter-select,.dark-theme .order-filter-input{color:#f3f4f6;background:#374151;border-color:#4b5563}.order-filter-select:focus,.order-filter-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.order-filter-actions{align-items:center;gap:12px;display:flex}.order-filter-btn{cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-size:1.4rem;font-weight:600;transition:all .2s}.order-filter-apply{color:#fff;background:#3b82f6}.order-filter-apply:hover{background:#2563eb;transform:translateY(-2px)}.order-filter-clear{color:#fff;background:#6b7280}.order-filter-clear:hover{background:#4b5563;transform:translateY(-2px)}.order-list-loading{text-align:center;padding:80px 0}.order-list-loading-text{color:#6b7280;font-size:1.5rem;font-weight:500}.order-list-error{text-align:center;padding:80px 0}.order-list-error-text{color:#dc2626;margin-bottom:24px;font-size:1.5rem;font-weight:500}.order-list-retry-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;padding:12px 24px;font-size:1.5rem;font-weight:600;transition:all .2s}.order-list-retry-btn:hover{background-color:#2563eb;transform:translateY(-2px)}.order-list-table{width:100%}.order-list-table-header{gap:24px;margin-bottom:20px;padding:0 8px;display:flex}.order-list-column{padding:12px 8px}.order-column-title{color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:1.2rem;font-weight:700}.dark-theme .order-column-title{color:#d1d5db}.order-column-items{width:20%}.order-column-store,.order-column-address{width:15%}.order-column-payment{width:10%}.order-column-amount,.order-column-status{width:12%}.order-column-created{width:10%}.order-column-actions{width:6%}.order-list-divider{background-color:#e5e7eb;height:2px;margin-bottom:20px}.dark-theme .order-list-divider{background-color:#374151}.order-list-empty{text-align:center;padding:60px 0}.order-list-empty-text{color:#6b7280;font-size:1.25rem;font-weight:500}.order-list-items{flex-direction:column;gap:20px;display:flex}.order-list-item{background:#fafafa;border-radius:12px;padding:20px 16px;transition:all .3s}.order-list-item:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dark-theme .order-list-item{background:#293444}.dark-theme .order-list-item:hover{background:#374151;box-shadow:0 4px 12px #0000004d}.order-item-content{align-items:center;gap:24px;display:flex}.order-items-preview{flex-direction:column;gap:8px;display:flex}.order-item-image{object-fit:cover;border-radius:8px;width:50px;height:50px}.order-item-info{min-width:0}.order-item-details{color:#6b7280;font-size:1.2rem}.order-additional-items{color:#3b82f6;font-size:1.2rem;font-weight:500}.order-store-content{align-items:center;gap:12px;display:flex}.order-store-logo{object-fit:cover;border-radius:8px;width:40px;height:40px}.order-store-name{color:#111827;font-size:1.4rem;font-weight:600}.dark-theme .order-store-name{color:#f3f4f6}.order-address-content{flex-direction:column;gap:4px;display:flex}.order-address-city{color:#111827;font-size:1.4rem;font-weight:600}.dark-theme .order-address-city{color:#f3f4f6}.order-address-district{color:#6b7280;font-size:1.2rem}.order-payment-method{color:#374151;font-size:1.4rem;font-weight:500}.dark-theme .order-payment-method{color:#d1d5db}.order-amount-content{flex-direction:column;gap:4px;display:flex}.order-total-amount{color:#111827;font-size:1.4rem;font-weight:700}.dark-theme .order-total-amount{color:#f3f4f6}.order-delivery-price{color:#6b7280;font-size:1.2rem}.order-status-content{flex-direction:column;gap:8px;display:flex}.order-status-badge{border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:1rem;font-weight:600;line-height:1.2;display:inline-flex}.order-status-bg-pending{background-color:#fef3c7}.order-status-bg-confirmed{background-color:#d1fae5}.order-status-bg-processing{background-color:#dbeafe}.order-status-bg-shipped{background-color:#e0e7ff}.order-status-bg-delivered{background-color:#dcfce7}.order-status-bg-cancelled{background-color:#fee2e2}.order-status-pending{color:#d97706}.order-status-confirmed{color:#059669}.order-status-processing{color:#2563eb}.order-status-shipped{color:#4338ca}.order-status-delivered{color:#166534}.order-status-cancelled{color:#dc2626}.order-status-actions{gap:6px;display:flex}.order-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex}.order-action-btn:hover{transform:translateY(-2px);box-shadow:0 2px 8px #00000026}.order-action-success{color:#059669;background:#d1fae5}.order-action-info{color:#2563eb;background:#dbeafe}.order-action-warning{color:#d97706;background:#fef3c7}.order-action-danger{color:#dc2626;background:#fee2e2}.order-action-view{color:#2563eb;background:#dbeafe}.order-action-edit{color:#d97706;background:#fef3c7}.order-action-delete{color:#dc2626;background:#fee2e2}.order-created-date{color:#6b7280;font-size:1rem}.order-actions-content{justify-content:center;gap:8px;display:flex}.order-list-pagination{border-top:2px solid #f3f4f6;justify-content:center;gap:8px;margin-top:32px;padding-top:24px;display:flex}.dark-theme .order-list-pagination{border-top-color:#374151}.order-pagination-btn{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-width:48px;height:48px;padding:12px 18px;font-size:1.5rem;font-weight:600;transition:all .2s;display:flex}.order-pagination-btn:hover:not(:disabled){background:#f3f4f6;transform:translateY(-2px)}.order-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.order-pagination-active{color:#fff;background:#3b82f6;border-color:#3b82f6}.order-pagination-prev,.order-pagination-next{font-size:1.25rem}@media (max-width:1024px){.order-list-container{padding:24px}.order-list-title{font-size:2rem}.order-column-title{font-size:1rem}.order-list-filters{flex-direction:column;align-items:stretch}.order-filter-group{min-width:auto}}@media (max-width:768px){.order-list-container{border-radius:12px;padding:20px}.order-list-header{flex-direction:column;align-items:flex-start;gap:16px}.order-list-title{font-size:1.75rem}.order-list-table-header,.order-item-content{flex-direction:column;align-items:flex-start;gap:16px}.order-list-column{margin-bottom:12px;padding:8px 0;width:100%!important}.order-actions-content{justify-content:flex-start}.order-list-item{padding:24px 20px}.order-pagination-btn{min-width:42px;height:42px;padding:10px 14px;font-size:1rem}}@media (max-width:480px){.order-list-container{border-radius:10px;padding:16px}.order-list-title{font-size:1.5rem}.order-list-total{font-size:1rem}.order-list-item{padding:20px 16px}.order-status-badge{padding:6px 10px;font-size:.875rem}.order-action-btn{width:28px;height:28px;font-size:14px}.order-pagination-btn{min-width:36px;height:36px;padding:8px 12px;font-size:.875rem}}.order-item-image-stacked:first-child{z-index:3;top:0;left:0}.order-item-image-stacked:nth-child(2){z-index:2;opacity:.8;top:5px;left:5px;transform:scale(.9)}.order-item-image-stacked:nth-child(3){z-index:1;opacity:.6;top:10px;left:10px;transform:scale(.8)}.order-item-images-stack:hover .order-item-image-stacked:first-child{transform:translate(-5px)rotate(-5deg)}.order-item-images-stack:hover .order-item-image-stacked:nth-child(2){transform:translate(0)rotate(0)scale(.95)}.order-item-images-stack:hover .order-item-image-stacked:nth-child(3){transform:translate(5px)rotate(5deg)scale(.85)}.order-item-main{align-items:center;gap:12px;display:flex}.order-item-info{flex:1;min-width:0}.order-item-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:1.4rem;font-weight:600;overflow:hidden}.dark-theme .order-item-name{color:#f3f4f6}.order-item-details{color:#6b7280;flex-wrap:wrap;gap:4px;font-size:1.2rem;display:flex}.order-additional-items{color:#3b82f6;margin-top:4px;font-size:1.2rem;font-weight:500}.order-items-count{color:#111827;margin-bottom:4px;font-size:1.4rem;font-weight:600}.dark-theme .order-items-count{color:#f3f4f6}.order-item-images-stack{width:70px;height:70px;margin-right:12px;position:relative}.order-item-image-stacked{object-fit:cover;border:2px solid #fff;border-radius:8px;width:55px;height:55px;transition:all .3s;position:absolute;box-shadow:0 2px 8px #0000001a}.dark-theme .order-item-image-stacked{border-color:#374151}.order-item-images-stack:hover .order-item-image-stacked:first-child{opacity:1;z-index:10;transform:translate(-8px)translateY(-8px)rotate(-8deg)scale(1)}.order-item-images-stack:hover .order-item-image-stacked:nth-child(2){opacity:.9;z-index:9;transform:translate(0)translateY(0)rotate(0)scale(.95)}.order-item-images-stack:hover .order-item-image-stacked:nth-child(3){opacity:.8;z-index:8;transform:translate(8px)translateY(8px)rotate(8deg)scale(.9)}.order-item-image-placeholder{color:#9ca3af;z-index:1;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:55px;height:55px;font-size:18px;display:flex;position:absolute}.dark-theme .order-item-image-placeholder{color:#6b7280;background:#374151;border-color:#4b5563}
.user-list-container{background:#fff;border-radius:20px;max-width:1600px;margin:0 auto 32px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #00000014}.dark-theme .user-list-container{background:#1e293b;box-shadow:0 4px 20px #0003}.user-list-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;display:flex}.dark-theme .user-list-header{border-bottom-color:#334155}.user-list-title{color:#0f172a;margin:0;font-size:2rem;font-weight:700}.dark-theme .user-list-title{color:#f8fafc}.user-list-header-info{align-items:center;gap:20px;display:flex}.user-list-total{color:#64748b;font-size:1.1rem;font-weight:500}.dark-theme .user-list-total{color:#94a3b8}.user-list-table{width:100%}.user-list-table-header{gap:24px;margin-bottom:20px;padding:0 12px;display:flex}.user-list-column{padding:16px 8px}.user-list-column-title{color:#334155;text-transform:uppercase;letter-spacing:.5px;font-size:1.1rem;font-weight:700}.dark-theme .user-list-column-title{color:#cbd5e1}.user-list-column-user{width:25%}.user-list-column-email{width:20%}.user-list-column-wallet,.user-list-column-status,.user-list-column-created{width:15%}.user-list-column-actions{width:10%}.user-list-divider{background:linear-gradient(90deg,#0000 0%,#e2e8f0 20% 80%,#0000 100%);height:2px;margin-bottom:24px}.dark-theme .user-list-divider{background:linear-gradient(90deg,#0000 0%,#475569 20% 80%,#0000 100%)}.user-list-items{flex-direction:column;gap:16px;display:flex}.user-list-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px 20px;transition:all .3s}.user-list-item:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.dark-theme .user-list-item{background:#293445;border-color:#475569}.dark-theme .user-list-item:hover{background:#334155;border-color:#64748b;box-shadow:0 8px 24px #0000004d}.user-list-item-content{align-items:center;gap:24px;display:flex}.user-list-user-info{align-items:center;gap:16px;display:flex}.user-list-avatar{border:3px solid #e2e8f0;border-radius:50%;flex-shrink:0;width:60px;height:60px;overflow:hidden}.dark-theme .user-list-avatar{border-color:#475569}.user-list-avatar-img{object-fit:cover;width:100%;height:100%}.user-list-user-details{flex:1;min-width:0}.user-list-user-name{color:#1e293b;margin:0 0 4px;font-size:1.2rem;font-weight:600;line-height:1.3}.dark-theme .user-list-user-name{color:#f1f5f9}.user-list-user-id{color:#64748b;font-family:Courier New,monospace;font-size:.85rem}.dark-theme .user-list-user-id{color:#94a3b8}.user-list-email-link{color:#3b82f6;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.user-list-email-link:hover{color:#2563eb;background:#dbeafe;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.dark-theme .user-list-email-link{color:#60a5fa;background:#3b82f626;border-color:#3b82f64d}.dark-theme .user-list-email-link:hover{color:#3b82f6;background:#3b82f640;box-shadow:0 4px 12px #3b82f64d}.user-list-wallet-balance{color:#16a34a;background:#d1fae5;border:1px solid #a7f3d0;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:1.1rem;font-weight:600;display:flex}.dark-theme .user-list-wallet-balance{color:#4ade80;background:#16a34a26;border-color:#16a34a4d}.user-list-status-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.user-list-status-btn:disabled{opacity:.7;cursor:not-allowed}.user-list-status-approved{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.user-list-status-pending{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.user-list-status-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.user-list-status-loading{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-list-created-date{color:#64748b;text-align:center;padding:10px 0;font-size:.9rem;font-weight:500}.dark-theme .user-list-created-date{color:#94a3b8}.user-list-actions-content{justify-content:center;gap:8px;display:flex}.user-list-action-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000001a}.user-list-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.user-list-action-btn:disabled{opacity:.6;cursor:not-allowed}.user-list-action-approve{color:#065f46;background:#d1fae5}.user-list-action-approve:hover:not(:disabled){background:#a7f3d0}.user-list-action-delete{color:#dc2626;background:#fee2e2}.user-list-action-delete:hover:not(:disabled){background:#fecaca}.user-list-loading,.user-list-error{text-align:center;padding:80px 0}.user-list-loading-text,.user-list-error-text{margin-bottom:24px;font-size:1.5rem;font-weight:500}.user-list-error-text{color:#dc2626}.dark-theme .user-list-error-text{color:#ef4444}.user-list-retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s}.user-list-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.user-list-empty{text-align:center;padding:60px 0}.user-list-empty-text{color:#64748b;font-size:1.1rem;font-style:italic}.dark-theme .user-list-empty-text{color:#94a3b8}.user-list-item-deleting{opacity:.5;transition:all .3s;transform:scale(.95)}@media (max-width:1200px){.user-list-column-user{width:20%}.user-list-column-email{width:25%}.user-list-column-wallet,.user-list-column-status,.user-list-column-created{width:15%}.user-list-column-actions{width:10%}}@media (max-width:1024px){.user-list-container{padding:24px}.user-list-title{font-size:1.8rem}.user-list-table-header{gap:16px}}@media (max-width:768px){.user-list-container{border-radius:16px;padding:20px}.user-list-header{flex-direction:column;align-items:flex-start;gap:16px}.user-list-header-info{flex-direction:column;align-items:flex-start;gap:12px}.user-list-table-header{display:none}.user-list-item-content{flex-direction:column;align-items:flex-start;gap:20px}.user-list-column{margin-bottom:16px;padding:0;width:100%!important}.user-list-user-info{flex-direction:row;align-items:center;gap:12px}.user-list-actions-content{justify-content:flex-start;width:100%}.user-list-item{padding:20px}.user-list-avatar{width:50px;height:50px}.user-list-status-btn{min-width:100px}}@media (max-width:480px){.user-list-container{border-radius:12px;padding:16px}.user-list-title{font-size:1.5rem}.user-list-total{font-size:1rem}.user-list-item{padding:16px}.user-list-action-btn{width:36px;height:36px;font-size:14px}.user-list-avatar{width:44px;height:44px}.user-list-user-name{font-size:1.1rem}}.user-list-search-container{margin-bottom:32px}.user-list-search{width:100%;max-width:500px}.user-list-search .search-common-input-wrapper{max-width:100%}.user-list-search .search-common-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:14px;padding:14px 20px 14px 14px;font-size:1.1rem}.user-list-search .search-common-input:focus{background:#fff;border-color:#1a67e8;box-shadow:0 0 0 3px #1a67e81a}.dark-theme .user-list-search .search-common-input{background:#374151;border-color:#4b5563}.dark-theme .user-list-search .search-common-input:focus{background:#1f2937;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.user-list-search .search-common-clear-btn{color:#6b7280;right:120px}.user-list-search .search-common-clear-btn:hover{color:#374151;background:#f3f4f6}.dark-theme .user-list-search .search-common-clear-btn{color:#9ca3af}.dark-theme .user-list-search .search-common-clear-btn:hover{color:#f3f4f6;background:#4b5563}.user-list-search .search-common-submit-btn{color:#fff;background:linear-gradient(135deg,#1a67e8,#1557c4);right:12px}.user-list-search .search-common-submit-btn:hover{transform:translateY(-50%)scale(1.02);box-shadow:0 4px 12px #1a67e84d}.user-list-search .search-common-submit-btn:active{transform:translateY(-50%)scale(.98)}.user-list-search .search-common-input-wrapper:before{content:"";color:#6b7280;font-size:18px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.dark-theme .user-list-search .search-common-input-wrapper:before{color:#9ca3af}@media (max-width:768px){.user-list-search-container{margin-bottom:24px}.user-list-search .search-common-input{padding:12px 16px 12px 48px;font-size:1rem}.user-list-search .search-common-clear-btn{right:110px}.user-list-search .search-common-input-wrapper:before{font-size:16px;left:16px}}@media (max-width:480px){.user-list-search-container{margin-bottom:20px}.user-list-search .search-common-input{padding:10px 14px 10px 44px;font-size:.95rem}.user-list-search .search-common-clear-btn{right:100px}.user-list-search .search-common-submit-btn{padding:10px 16px;font-size:.9rem}.user-list-search .search-common-input-wrapper:before{font-size:16px;left:14px}}
.user-stats-container{background:#fff;border-radius:16px;flex-direction:column;align-items:center;margin-bottom:32px;padding:32px;transition:all .3s;box-shadow:0 8px 24px #00000014}.dark-theme .user-stats-container{background:#1e293b;box-shadow:0 4px 20px #0003}.user-stats-header{justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.user-stats-title{color:#111827;margin:0;font-size:1.8rem;font-weight:700}.dark-theme .user-stats-title{color:#f3f4f6}.user-stats-summary{flex-shrink:0}.total-users-card{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;align-items:center;gap:16px;min-width:200px;padding:20px;display:flex}.total-users-icon{opacity:.9;font-size:2.5rem}.total-users-content{flex-direction:column;display:flex}.total-users-number{font-size:2.2rem;font-weight:800;line-height:1}.total-users-label{opacity:.9;margin-top:4px;font-size:1rem}.user-stats-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;display:grid}.stats-card{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;padding:30px;transition:all .3s}.dark-theme .stats-card{background:#293444;border-color:#374151}.stats-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.stats-card-header{border-bottom:2px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.dark-theme .stats-card-header{border-bottom-color:#374151}.stats-card-title{color:#111827;align-items:center;gap:8px;margin:0;font-size:1.3rem;font-weight:600;display:flex}.dark-theme .stats-card-title{color:#f3f4f6}.view-all-link{color:#3b82f6;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s}.view-all-link:hover{color:#2563eb;text-decoration:underline}.stats-card-content{height:300px}.role-stats-grid{flex-direction:column;gap:12px;display:flex}.role-stat-item{background:#fff;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.dark-theme .role-stat-item{background:#374151}.role-stat-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.role-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.role-stat-info{flex:1;min-width:0}.role-stat-name{color:#111827;margin-bottom:2px;font-size:1.1rem;font-weight:600}.dark-theme .role-stat-name{color:#f3f4f6}.role-stat-count{color:#6b7280;font-size:.9rem}.role-stat-percentage{color:#3b82f6;flex-shrink:0;font-size:1.1rem;font-weight:700}.status-stats{flex-direction:column;gap:12px;display:flex}.status-stat-item{background:#fff;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.dark-theme .status-stat-item{background:#374151}.status-stat-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.status-indicator{flex-shrink:0}.status-dot{border-radius:50%;width:12px;height:12px}.status-dot.active{background:#10b981;box-shadow:0 0 0 3px #10b98133}.status-dot.inactive{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.status-info{flex:1}.status-name{color:#111827;margin-bottom:2px;font-size:1.1rem;font-weight:600}.dark-theme .status-name{color:#f3f4f6}.status-count{color:#6b7280;font-size:.9rem}.status-percentage{color:#10b981;flex-shrink:0;font-size:1.1rem;font-weight:700}.status-percentage.inactive{color:#ef4444}.recent-users-list{flex-direction:column;gap:12px;display:flex}.recent-user-item{background:#fff;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.dark-theme .recent-user-item{background:#374151}.recent-user-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.user-avatar{flex-shrink:0}.avatar-placeholder{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:600;display:flex}.user-info{flex:1;min-width:0}.user-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:1.3rem;font-weight:600;overflow:hidden}.dark-theme .user-name{color:#f3f4f6}.user-phone{color:#6b7280;margin-bottom:3px;font-size:1.1rem}.user-join-date{color:#9ca3af;font-size:1rem}.user-roles{flex-shrink:0;gap:5px;display:flex}.user-role-badge{white-space:nowrap;border-radius:12px;padding:4px 8px;font-size:1rem;font-weight:700}.more-roles{color:#3b82f6;padding:4px;font-size:.8rem;font-weight:500}.user-stats-actions{text-align:center;border-top:2px solid #e5e7eb;padding-top:24px}.dark-theme .user-stats-actions{border-top-color:#374151}.refresh-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:1.1rem;font-weight:600;transition:all .2s;display:inline-flex}.refresh-btn:hover{background:#2563eb;transform:translateY(-2px)}.user-stats-loading{text-align:center;padding:80px 0}.user-stats-loading-spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-stats-loading-text{color:#6b7280;font-size:1.2rem}.user-stats-error{text-align:center;padding:80px 0}.user-stats-error-icon{margin-bottom:16px;font-size:3rem}.user-stats-error-text{color:#dc2626;margin-bottom:24px;font-size:1.2rem}.user-stats-retry-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:12px 24px;font-size:1.1rem;font-weight:600;transition:all .2s}.user-stats-retry-btn:hover{background:#2563eb;transform:translateY(-2px)}@media (max-width:1200px){.user-stats-grid{grid-template-columns:repeat(2,1fr)}.stats-card:last-child{grid-column:1/-1}}@media (max-width:768px){.user-stats-container{padding:24px}.user-stats-header{flex-direction:column;gap:16px}.user-stats-grid{grid-template-columns:1fr}.stats-card-content{height:auto;max-height:300px}.total-users-card{justify-content:center;width:100%}}@media (max-width:480px){.user-stats-container{padding:16px}.user-stats-title{font-size:1.5rem}.stats-card,.total-users-card{padding:16px}.total-users-number{font-size:1.8rem}}
.create-user-container{background:#fff;border-radius:20px;max-width:600px;margin:0 auto;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #00000014}.dark-theme .create-user-container{background:#1e293b;box-shadow:0 4px 20px #0003}.create-user-header{text-align:center;border-bottom:2px solid #f1f5f9;margin-bottom:40px;padding-bottom:24px}.dark-theme .create-user-header{border-bottom-color:#334155}.create-user-title{color:#0f172a;margin:0 0 8px;font-size:2.2rem;font-weight:700}.dark-theme .create-user-title{color:#f8fafc}.create-user-subtitle{color:#64748b;margin:0;font-size:1.1rem}.dark-theme .create-user-subtitle{color:#94a3b8}.create-user-form{flex-direction:column;gap:24px;display:flex}.create-user-field{flex-direction:column;gap:8px;display:flex}.create-user-label{color:#374151;margin-bottom:4px;font-size:1rem;font-weight:600}.dark-theme .create-user-label{color:#d1d5db}.create-user-required{color:#dc2626}.create-user-input{color:#1f2937;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:14px 16px;font-size:1rem;transition:all .3s}.create-user-input:focus{border-color:#3b82f6;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #3b82f61a}.create-user-input:disabled{color:#6b7280;cursor:not-allowed;background-color:#f9fafb}.dark-theme .create-user-input{color:#f9fafb;background:#374151;border-color:#4b5563}.dark-theme .create-user-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.dark-theme .create-user-input:disabled{color:#9ca3af;background-color:#374151}.create-user-input-error{border-color:#dc2626}.create-user-input-error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.dark-theme .create-user-input-error{border-color:#ef4444}.dark-theme .create-user-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.create-user-error{color:#dc2626;align-items:center;gap:4px;font-size:.875rem;font-weight:500;display:flex}.dark-theme .create-user-error{color:#ef4444}.create-user-hint{color:#6b7280;margin-top:4px;font-size:.875rem;font-style:italic}.dark-theme .create-user-hint{color:#9ca3af}.create-user-submit-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:8px;margin:8px 0;padding:16px;font-weight:500;display:flex}.dark-theme .create-user-submit-error{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.create-user-actions{border-top:2px solid #f1f5f9;justify-content:flex-end;gap:16px;margin-top:24px;padding-top:24px;display:flex}.dark-theme .create-user-actions{border-top-color:#334155}.create-user-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:14px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.create-user-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.create-user-btn-primary{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.create-user-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.create-user-btn-secondary{color:#374151;background:#f3f4f6;border:2px solid #d1d5db}.create-user-btn-secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dark-theme .create-user-btn-secondary{color:#d1d5db;background:#374151;border-color:#4b5563}.dark-theme .create-user-btn-secondary:hover:not(:disabled){background:#4b5563}.create-user-btn-loading{animation:1s linear infinite create-user-spin}@keyframes create-user-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.create-user-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:8px;margin:8px 0;padding:16px;font-weight:500;display:flex}.dark-theme .create-user-success{color:#4ade80;background:#22c55e1a;border-color:#22c55e4d}@media (max-width:768px){.create-user-container{border-radius:16px;margin:0 16px;padding:24px}.create-user-title{font-size:1.8rem}.create-user-actions{flex-direction:column-reverse}.create-user-btn{width:100%;min-width:auto}}@media (max-width:480px){.create-user-container{border-radius:12px;margin:0 12px;padding:20px}.create-user-title{font-size:1.6rem}.create-user-subtitle{font-size:1rem}.create-user-input{padding:12px 14px;font-size:.95rem}.create-user-btn{padding:12px 20px;font-size:.95rem}}.create-user-field{animation:.5s ease-out create-user-fadeIn}@keyframes create-user-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.create-user-input:focus-visible,.create-user-btn:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}
.edit-user-container{background:#fff;border-radius:16px;margin-bottom:32px;padding:32px;box-shadow:0 4px 20px #00000014}.dark-theme .edit-user-container{background:#1e293b;box-shadow:0 4px 20px #0003}.edit-user-header{border-bottom:2px solid #f3f4f6;margin-bottom:32px;padding-bottom:24px}.dark-theme .edit-user-header{border-bottom-color:#374151}.edit-user-title{color:#111827;margin:0 0 8px;font-size:2rem;font-weight:700}.dark-theme .edit-user-title{color:#f3f4f6}.edit-user-subtitle{color:#6b7280;margin:0;font-size:1.1rem}.edit-user-loading{text-align:center;padding:80px 0}.edit-user-loading-spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite edit-user-spin}@keyframes edit-user-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.edit-user-loading-text{color:#6b7280;font-size:1.2rem}.edit-user-error{text-align:center;padding:40px 0}.edit-user-error-icon{margin-bottom:16px;font-size:3rem}.edit-user-error-text{color:#dc2626;margin-bottom:24px;font-size:1.2rem}.edit-user-back-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:12px 24px;font-size:1.1rem;font-weight:600;transition:all .2s}.edit-user-back-btn:hover{background:#2563eb;transform:translateY(-2px)}.edit-user-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:16px;display:flex}.edit-user-success-icon{flex-shrink:0;font-size:1.2rem}.edit-user-success-text{font-weight:500}.edit-user-form{width:100%}.edit-user-form-grid{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px;display:grid}.edit-user-form-section{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.dark-theme .edit-user-form-section{background:#293444;border-color:#374151}.edit-user-section-title{color:#111827;border-bottom:2px solid #e5e7eb;margin:0 0 20px;padding-bottom:12px;font-size:1.3rem;font-weight:600}.dark-theme .edit-user-section-title{color:#f3f4f6;border-bottom-color:#374151}.edit-user-form-group{margin-bottom:20px}.edit-user-label{color:#374151;margin-bottom:8px;font-size:1rem;font-weight:600;display:block}.dark-theme .edit-user-label{color:#d1d5db}.edit-user-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:all .2s}.dark-theme .edit-user-input{color:#f3f4f6;background:#374151;border-color:#4b5563}.edit-user-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.edit-user-radio-group{flex-wrap:wrap;gap:20px;display:flex}.edit-user-radio-label{cursor:pointer;align-items:center;gap:8px;display:flex}.edit-user-radio{accent-color:#3b82f6;width:18px;height:18px}.edit-user-radio-text{color:#374151;font-weight:500}.dark-theme .edit-user-radio-text{color:#d1d5db}.edit-user-roles-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.edit-user-role-checkbox{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:12px;transition:all .2s;display:flex}.dark-theme .edit-user-role-checkbox{background:#374151;border-color:#4b5563}.edit-user-role-checkbox:hover{border-color:#3b82f6;transform:translateY(-1px)}.edit-user-checkbox{opacity:0;width:0;height:0;position:absolute}.edit-user-checkbox-custom{border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.edit-user-checkbox:checked+.edit-user-checkbox-custom{background:#3b82f6;border-color:#3b82f6}.edit-user-checkbox:checked+.edit-user-checkbox-custom:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.edit-user-role-name{color:#374151;flex:1;font-weight:500}.dark-theme .edit-user-role-name{color:#d1d5db}.edit-user-role-badge{color:#fff;background:#10b981;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.edit-user-form-actions{border-top:2px solid #f3f4f6;justify-content:flex-end;gap:16px;padding-top:24px;display:flex}.dark-theme .edit-user-form-actions{border-top-color:#374151}.edit-user-cancel-btn,.edit-user-submit-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.edit-user-cancel-btn{color:#fff;background:#6b7280}.edit-user-cancel-btn:hover{background:#4b5563;transform:translateY(-1px)}.edit-user-submit-btn{color:#fff;background:#3b82f6}.edit-user-submit-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.edit-user-submit-btn:disabled{opacity:.7;cursor:not-allowed}.edit-user-loading-spinner{border:2px solid #0000;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite edit-user-spin}@media (max-width:1024px){.edit-user-form-grid{grid-template-columns:1fr;gap:24px}.edit-user-roles-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.edit-user-container{padding:24px}.edit-user-title{font-size:1.75rem}.edit-user-form-section{padding:20px}.edit-user-form-actions{flex-direction:column}.edit-user-cancel-btn,.edit-user-submit-btn{justify-content:center;width:100%}}@media (max-width:480px){.edit-user-container{padding:20px}.edit-user-title{font-size:1.5rem}.edit-user-roles-grid{grid-template-columns:1fr}.edit-user-radio-group{flex-direction:column;gap:12px}}
.user-details-container{background:#fff;border-radius:20px;max-width:1400px;margin:0 auto 32px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #00000014}.dark-theme .user-details-container{background:#1e293b;box-shadow:0 4px 20px #0003}.user-details-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;display:flex}.dark-theme .user-details-header{border-bottom-color:#334155}.user-details-profile{align-items:flex-start;gap:24px;display:flex}.user-details-avatar{border:4px solid #e2e8f0;border-radius:20px;width:120px;height:120px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.dark-theme .user-details-avatar{border-color:#475569}.user-details-avatar-img{object-fit:cover;width:100%;height:100%}.user-details-info{flex:1}.user-details-name{color:#0f172a;margin:0 0 8px;font-size:2.5rem;font-weight:700;line-height:1.2}.dark-theme .user-details-name{color:#f8fafc}.user-details-email{color:#64748b;margin:0 0 16px;font-size:1.2rem}.dark-theme .user-details-email{color:#94a3b8}.user-details-meta{align-items:center;gap:16px;display:flex}.user-details-status{text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:6px 12px;font-size:.9rem;font-weight:600}.user-details-status-approved{color:#166534;background:#dcfce7}.user-details-status-pending{color:#92400e;background:#fef3c7}.dark-theme .user-details-status-approved{color:#4ade80;background:#22c55e33}.dark-theme .user-details-status-pending{color:#fbbf24;background:#f59e0b33}.user-details-joined{color:#64748b;font-size:.9rem}.dark-theme .user-details-joined{color:#94a3b8}.user-details-actions{gap:12px;display:flex}.user-details-action-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:10px;padding:12px 24px;font-size:.9rem;font-weight:600;transition:all .3s}.user-details-action-approve{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.user-details-action-approve:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.user-details-action-reject{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.user-details-action-reject:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.user-details-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px;display:grid}.user-details-stat-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:24px;transition:all .3s;display:flex}.dark-theme .user-details-stat-card{background:linear-gradient(135deg,#334155,#475569);border-color:#64748b}.user-details-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.user-details-stat-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex}.user-details-stat-wallet{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.user-details-stat-questions{background:linear-gradient(135deg,#06b6d4,#0891b2)}.user-details-stat-sessions{background:linear-gradient(135deg,#10b981,#059669)}.user-details-stat-coupons{background:linear-gradient(135deg,#f59e0b,#d97706)}.user-details-stat-content{flex:1}.user-details-stat-value{color:#0f172a;margin:0 0 4px;font-size:2rem;font-weight:700;line-height:1}.dark-theme .user-details-stat-value{color:#f8fafc}.user-details-stat-label{color:#64748b;margin:0;font-size:.9rem;font-weight:500}.dark-theme .user-details-stat-label{color:#94a3b8}.user-details-tabs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:8px;margin-bottom:32px;padding:8px;display:flex}.dark-theme .user-details-tabs{background:#334155;border-color:#475569}.user-details-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-weight:600;transition:all .3s;display:flex}.dark-theme .user-details-tab{color:#94a3b8}.user-details-tab:hover{color:#374151;background:#fff}.dark-theme .user-details-tab:hover{color:#f1f5f9;background:#475569}.user-details-tab-active{color:#0f172a;background:#fff;box-shadow:0 2px 8px #0000001a}.dark-theme .user-details-tab-active{color:#f8fafc;background:#475569;box-shadow:0 2px 8px #0000004d}.user-details-content{min-height:400px}.user-details-overview-section{margin-bottom:32px}.user-details-overview-title{color:#0f172a;margin:0 0 20px;font-size:1.5rem;font-weight:600}.dark-theme .user-details-overview-title{color:#f8fafc}.user-details-overview-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.user-details-overview-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.dark-theme .user-details-overview-item{background:#334155;border-color:#475569}.user-details-overview-label{color:#64748b;margin:0 0 8px;font-size:.9rem;font-weight:500;display:block}.dark-theme .user-details-overview-label{color:#94a3b8}.user-details-overview-value{color:#0f172a;margin:0;font-size:1.1rem;font-weight:600}.dark-theme .user-details-overview-value{color:#f8fafc}.user-details-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:600}.user-details-status-badge-approved{color:#166534;background:#dcfce7}.user-details-status-badge-pending{color:#92400e;background:#fef3c7}.user-details-subscriptions-title,.user-details-sessions-title{color:#0f172a;margin:0 0 20px;font-size:1.5rem;font-weight:600}.dark-theme .user-details-subscriptions-title,.dark-theme .user-details-sessions-title{color:#f8fafc}.user-details-subscriptions-list{flex-direction:column;gap:16px;display:flex}.user-details-subscription-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s}.dark-theme .user-details-subscription-card{background:#334155;border-color:#475569}.user-details-subscription-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.user-details-subscription-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.user-details-subscription-name{color:#0f172a;margin:0;font-size:1.3rem;font-weight:600}.dark-theme .user-details-subscription-name{color:#f8fafc}.user-details-subscription-status{text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600}.user-details-subscription-status-active{color:#166534;background:#dcfce7}.user-details-subscription-status-expiring{color:#92400e;background:#fef3c7}.user-details-subscription-status-expired{color:#dc2626;background:#fee2e2}.user-details-subscription-details{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.user-details-subscription-detail{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.dark-theme .user-details-subscription-detail{border-bottom-color:#475569}.user-details-subscription-detail:last-child{border-bottom:none}.user-details-subscription-detail label{color:#64748b;font-size:.9rem;font-weight:500}.dark-theme .user-details-subscription-detail label{color:#94a3b8}.user-details-subscription-detail span{color:#0f172a;font-weight:600}.dark-theme .user-details-subscription-detail span{color:#f8fafc}.user-details-days-normal{color:#059669}.user-details-days-warning{color:#d97706}.user-details-days-expired{color:#dc2626}.user-details-sessions-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px;display:grid}.user-details-session-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .3s}.dark-theme .user-details-session-card{background:#334155;border-color:#475569}.user-details-session-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.user-details-session-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.user-details-session-id{color:#0f172a;margin:0;font-size:1.1rem;font-weight:600}.dark-theme .user-details-session-id{color:#f8fafc}.user-details-session-mode{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:4px 8px;font-size:.7rem;font-weight:600}.user-details-session-mode-study{color:#1e40af;background:#dbeafe}.user-details-session-mode-exam{color:#be185d;background:#fce7f3}.user-details-session-details{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.user-details-session-detail{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.user-details-session-detail label{color:#64748b;font-size:.8rem;font-weight:500}.dark-theme .user-details-session-detail label{color:#94a3b8}.user-details-session-detail span{color:#0f172a;font-size:.8rem;font-weight:600}.dark-theme .user-details-session-detail span{color:#f8fafc}.user-details-session-status{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600}.user-details-session-status-finished{color:#166534;background:#dcfce7}.user-details-session-status-ongoing{color:#1e40af;background:#dbeafe}.user-details-session-stats{border-top:1px solid #e2e8f0;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:12px;display:grid}.dark-theme .user-details-session-stats{border-top-color:#475569}.user-details-session-stat{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px}.dark-theme .user-details-session-stat{background:#475569;border-color:#64748b}.user-details-session-stat-correct{background:#f0fdf4;border-color:#bbf7d0}.user-details-session-stat-wrong{background:#fef2f2;border-color:#fecaca}.user-details-session-stat-unanswered{background:#fffbeb;border-color:#fed7aa}.user-details-session-stat-value{color:#0f172a;font-size:1.2rem;font-weight:700;line-height:1;display:block}.dark-theme .user-details-session-stat-value{color:#f8fafc}.user-details-session-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.7rem;display:block}.dark-theme .user-details-session-stat-label{color:#94a3b8}.user-details-no-data{text-align:center;color:#64748b;padding:60px 20px}.dark-theme .user-details-no-data{color:#94a3b8}.user-details-no-data i{opacity:.5;margin-bottom:16px;font-size:3rem}.user-details-no-data p{margin:0;font-size:1.1rem;font-style:italic}.user-details-loading,.user-details-error,.user-details-empty{text-align:center;padding:80px 20px}.user-details-loading-text,.user-details-error-text,.user-details-empty-text{margin-bottom:24px;font-size:1.5rem;font-weight:500}.user-details-error-text{color:#dc2626}.dark-theme .user-details-error-text{color:#ef4444}.user-details-retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s}.user-details-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}@media (max-width:1024px){.user-details-container{padding:24px}.user-details-header{flex-direction:column;gap:24px}.user-details-actions{justify-content:flex-start;width:100%}.user-details-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.user-details-container{border-radius:16px;padding:20px}.user-details-profile{text-align:center;flex-direction:column}.user-details-avatar{align-self:center}.user-details-meta{flex-direction:column;gap:8px}.user-details-stats{grid-template-columns:1fr}.user-details-tabs{flex-direction:column}.user-details-overview-grid,.user-details-sessions-list,.user-details-subscription-details,.user-details-session-details{grid-template-columns:1fr}}@media (max-width:480px){.user-details-container{border-radius:12px;padding:16px}.user-details-name{font-size:2rem}.user-details-avatar{width:100px;height:100px}.user-details-stat-card{padding:20px}.user-details-stat-value{font-size:1.5rem}}.user-details-manage-roles-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.user-details-manage-roles-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.user-details-section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.user-details-edit-roles-btn{color:#8b5cf6;cursor:pointer;background:0 0;border:2px solid #8b5cf6;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;transition:all .3s;display:flex}.user-details-edit-roles-btn:hover{color:#fff;background:#8b5cf6}.user-details-roles-count{color:#fff;background:#8b5cf6;border-radius:20px;margin-left:8px;padding:4px 12px;font-size:.8rem;font-weight:500}.user-details-success-message,.user-details-error-message{border-radius:10px;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;font-weight:500;display:flex}.user-details-success-message{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.dark-theme .user-details-success-message{color:#4ade80;background:#14532d;border-color:#22c55e}.user-details-error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.dark-theme .user-details-error-message{color:#ef4444;background:#7f1d1d;border-color:#f87171}.user-details-roles-section{margin-bottom:32px}.user-details-roles-title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:600}.dark-theme .user-details-roles-title{color:#f8fafc}.user-details-roles-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.user-details-role-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex}.dark-theme .user-details-role-item{background:#334155;border-color:#475569}.user-details-role-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.user-details-role-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.role-badge-admin{background:linear-gradient(135deg,#ef4444,#dc2626)}.role-badge-super-admin{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.role-badge-system-manager{background:linear-gradient(135deg,#06b6d4,#0891b2)}.role-badge-seller{background:linear-gradient(135deg,#f59e0b,#d97706)}.role-badge-buyer{background:linear-gradient(135deg,#10b981,#059669)}.role-badge-default{background:linear-gradient(135deg,#64748b,#475569)}.user-details-role-info{flex:1;min-width:0}.user-details-role-name{color:#0f172a;margin-bottom:4px;font-size:1.1rem;font-weight:600}.dark-theme .user-details-role-name{color:#f8fafc}.user-details-role-key{color:#64748b;margin-bottom:6px;font-family:Courier New,monospace;font-size:.85rem}.dark-theme .user-details-role-key{color:#94a3b8}.user-details-role-permissions{color:#8b5cf6;font-size:.8rem;font-weight:500}.user-details-no-roles{text-align:center;color:#64748b;padding:40px 20px;font-style:italic}.dark-theme .user-details-no-roles{color:#94a3b8}.user-details-no-roles i{opacity:.5;margin-bottom:16px;font-size:3rem}.user-details-no-roles p{margin:0;font-size:1.1rem}.user-details-role-manager-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.user-details-role-manager{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px #0003}.dark-theme .user-details-role-manager{background:#1e293b}.user-details-role-manager-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px;display:flex}.dark-theme .user-details-role-manager-header{border-bottom-color:#334155}.user-details-role-manager-header h3{color:#0f172a;margin:0;font-size:1.5rem;font-weight:600}.dark-theme .user-details-role-manager-header h3{color:#f8fafc}.user-details-role-manager-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:1.5rem;transition:all .3s}.user-details-role-manager-close:hover{color:#0f172a;background:#f1f5f9}.dark-theme .user-details-role-manager-close:hover{color:#f8fafc;background:#334155}.user-details-role-manager-content{max-height:calc(80vh - 140px);padding:24px;overflow-y:auto}.user-details-role-manager-user{background:#f8fafc;border-radius:12px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.dark-theme .user-details-role-manager-user{background:#293445}.user-details-role-manager-avatar{object-fit:cover;border-radius:12px;width:50px;height:50px}.user-details-role-manager-user-info{flex:1}.user-details-role-manager-user-name{color:#0f172a;font-size:1.1rem;font-weight:600}.dark-theme .user-details-role-manager-user-name{color:#f8fafc}.user-details-role-manager-user-email{color:#64748b;font-size:.9rem}.dark-theme .user-details-role-manager-user-email{color:#94a3b8}.user-details-role-manager-list h4{color:#0f172a;margin:0 0 16px;font-size:1.1rem;font-weight:600}.dark-theme .user-details-role-manager-list h4{color:#f8fafc}.user-details-role-manager-roles{flex-direction:column;gap:8px;display:flex}.user-details-role-manager-role{border:2px solid #e2e8f0;border-radius:12px;transition:all .3s}.user-details-role-manager-role-label{cursor:pointer;margin:0;padding:16px;display:block}.user-details-role-manager-checkbox{display:none}.user-details-role-manager-role-content{align-items:center;gap:16px;display:flex}.user-details-role-manager-role-icon{color:#fff;background:#8b5cf6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.user-details-role-manager-role-info{flex:1;min-width:0}.user-details-role-manager-role-name{color:#0f172a;margin-bottom:2px;font-weight:600}.dark-theme .user-details-role-manager-role-name{color:#f8fafc}.user-details-role-manager-role-key{color:#64748b;margin-bottom:4px;font-family:Courier New,monospace;font-size:.8rem}.dark-theme .user-details-role-manager-role-key{color:#94a3b8}.user-details-role-manager-role-permissions{color:#8b5cf6;font-size:.75rem;font-weight:500}.user-details-role-manager-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:24px;display:flex}.dark-theme .user-details-role-manager-actions{border-top-color:#334155}.user-details-role-manager-cancel,.user-details-role-manager-save{cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-weight:600;transition:all .3s}.user-details-role-manager-cancel{color:#fff;background:#64748b}.user-details-role-manager-cancel:hover{background:#475569}.user-details-role-manager-save{color:#fff;background:#8b5cf6;align-items:center;gap:8px;display:flex}.user-details-role-manager-save:hover:not(:disabled){background:#7c3aed;transform:translateY(-2px)}.user-details-role-manager-save:disabled{opacity:.7;cursor:not-allowed}.user-details-role-manager-spinner{border:2px solid #0000;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite user-details-spin}@keyframes user-details-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-details-role-manager-loading{text-align:center;color:#64748b;padding:20px}.dark-theme .user-details-role-manager-loading{color:#94a3b8}@media (max-width:768px){.user-details-role-manager{max-height:calc(100vh - 40px);margin:20px}.user-details-role-manager-actions{flex-direction:column}.user-details-roles-list{grid-template-columns:1fr}}@media (max-width:480px){.user-details-role-manager-content{padding:16px}.user-details-section-header{flex-direction:column;align-items:flex-start;gap:12px}.user-details-edit-roles-btn{align-self:flex-start}}.user-details-role-manager-role{cursor:pointer;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s}.dark-theme .user-details-role-manager-role{border-color:#475569}.user-details-role-manager-role:hover{border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf61a}.user-details-role-manager-role-selected{background:#faf5ff;border-color:#8b5cf6}.dark-theme .user-details-role-manager-role-selected{background:#2e1065;border-color:#8b5cf6}.user-details-role-manager-role-content{align-items:center;gap:16px;padding:16px;display:flex;position:relative}.user-details-role-manager-selected-indicator{color:#fff;background:#8b5cf6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;display:flex;position:absolute;top:12px;right:12px}.user-details-role-manager-role-label,.user-details-role-manager-checkbox{display:none}.user-details-subscription-actions{align-items:center;gap:12px;display:flex}.user-details-reset-subscription-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:background .3s,transform .15s;display:flex}.user-details-reset-subscription-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:scale(1.03)}.user-details-reset-subscription-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.user-details-reset-subscription-spinner{border:2px solid #0000;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite user-details-spin}.dark-theme .user-details-reset-subscription-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.dark-theme .user-details-reset-subscription-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}@media (max-width:768px){.user-details-subscription-actions{flex-direction:column;align-items:flex-start;gap:8px}.user-details-reset-subscription-btn{padding:6px 12px;font-size:.8rem}}
.subject-list-container{background:#fff;border-radius:20px;max-width:1500px;margin:0 auto 32px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #00000014}.dark-theme .subject-list-container{background:#1e293b;box-shadow:0 8px 24px #0003}.subject-list-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.dark-theme .subject-list-header{border-bottom-color:#374151}.subject-list-title{color:#111827;margin:0;font-size:1.8rem;font-weight:700}.dark-theme .subject-list-title{color:#f3f4f6}.subject-list-header-info{align-items:center;gap:16px;display:flex}.subject-list-total{color:#6b7280;font-size:1.5rem;font-weight:500}.dark-theme .subject-list-total{color:#9ca3af}.subject-list-table{width:100%}.subject-list-table-header{gap:24px;margin-bottom:20px;padding:0 8px;display:flex}.subject-add-btn{color:#fff;background-color:#4f46e5;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:background-color .2s,transform .1s;display:inline-flex;box-shadow:0 2px 6px #0000001a}.subject-add-btn:hover{background-color:#4338ca}.subject-add-btn:focus{outline:none;box-shadow:0 0 0 3px #6366f180}.subject-add-btn:active{transform:scale(.97)}.subject-list-column{padding:12px 8px}.subject-column-title{color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:1.2rem;font-weight:700}.dark-theme .subject-column-title{color:#d1d5db}.subject-column-code{width:10%}.subject-column-status{width:12%}.subject-list-divider{background-color:#e5e7eb;height:2px;margin-bottom:20px}.dark-theme .subject-list-divider{background-color:#374151}.subject-list-items{flex-direction:column;gap:20px;display:flex}.subject-list-item{background:#fafafa;border-radius:12px;padding:20px 16px;transition:all .3s}.subject-list-item:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dark-theme .subject-list-item{background:#293444;box-shadow:0 4px 12px #00000026}.dark-theme .subject-list-item:hover{background:#374151;box-shadow:0 4px 12px #0000004d}.subject-item-content{align-items:center;gap:24px;display:flex}.subject-image-wrapper{background:#f3f4f6;border-radius:12px;justify-content:center;align-items:flex-start;width:120px;height:120px;display:flex;overflow:hidden}.subject-image-wrapper img.subject-image{object-fit:cover;object-position:top center;width:100%;height:100%}.dark-theme .subject-image-wrapper{background:#374151}.subject-image{object-fit:cover;width:100%;height:100%}.subject-name-content{align-items:center;gap:16px;display:flex}.subject-name{color:#111827;margin-bottom:4px;font-size:1.4rem;font-weight:700}.subject-description{color:#6b7280;line-clamp:3;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:1rem;line-height:1.4;display:-webkit-box;overflow:hidden}.subject-code{color:#374151;font-family:monospace;font-size:1.2rem;font-weight:600}.dark-theme .subject-code{color:#d1d5db}.subject-packages-tags{flex-wrap:wrap;gap:8px;display:flex}.subject-package-tag{color:#374151;background:#eef2ff;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.subject-package-tag .price{color:#059669}.subject-package-tag:hover{background:#dbeafe;transform:translateY(-2px)}.dark-theme .subject-package-tag{color:#e5e7eb;background:#334b82}.subject-status-content{flex-direction:column;gap:8px;display:flex}.subject-status-badge{border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:1rem;font-weight:600;line-height:1.2;display:inline-flex}.subject-status-bg-active{background-color:#d1fae5}.subject-status-bg-inactive{background-color:#e5e7eb}.dark-theme .subject-status-bg-active{background-color:#065f46}.dark-theme .subject-status-bg-inactive{background-color:#4b5563}.subject-status-active{color:#059669}.subject-status-inactive{color:#374151}.dark-theme .subject-status-active{color:#34d399}.dark-theme .subject-status-inactive{color:#d1d5db}.subject-status-actions{gap:6px;display:flex}.subject-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex}.subject-action-btn:hover{transform:translateY(-2px);box-shadow:0 2px 8px #00000026}.subject-action-success{color:#059669;background:#d1fae5}.subject-action-warning{color:#d97706;background:#fef3c7}.subject-action-view{color:#2563eb;background:#dbeafe}.subject-action-edit{color:#d97706;background:#fef3c7}.subject-action-delete{color:#dc2626;background:#fee2e2}.dark-theme .subject-action-success{color:#34d399;background:#065f46}.dark-theme .subject-action-warning{color:#fbbf24;background:#92400e}.dark-theme .subject-action-view{color:#93c5fd;background:#1e40af}.dark-theme .subject-action-edit{color:#fbbf24;background:#92400e}.dark-theme .subject-action-delete{color:#fca5a5;background:#7f1d1d}.subject-created-date{color:#6b7280;font-size:1rem}.dark-theme .subject-created-date{color:#9ca3af}.subject-actions-content{justify-content:center;gap:8px;display:flex}.subject-list-pagination{border-top:2px solid #f3f4f6;justify-content:center;gap:8px;margin-top:32px;padding-top:24px;display:flex}.dark-theme .subject-list-pagination{border-top-color:#374151}.subject-pagination-btn{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-width:48px;height:48px;padding:12px 18px;font-size:1.5rem;font-weight:600;transition:all .2s;display:flex}.subject-pagination-btn:hover:not(:disabled){background:#f3f4f6;transform:translateY(-2px)}.subject-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.dark-theme .subject-pagination-btn{color:#d1d5db;background:#374151;border-color:#4b5563}.dark-theme .subject-pagination-btn:hover:not(:disabled){background:#4b5563}.subject-pagination-active{color:#fff;background:#3b82f6;border-color:#3b82f6}.dark-theme .subject-pagination-active{background:#1d4ed8;border-color:#1d4ed8}.subject-pagination-prev,.subject-pagination-next{font-size:1.25rem}.subject-list-loading{text-align:center;padding:80px 0}.subject-list-loading-text{color:#6b7280;font-size:1.5rem;font-weight:500}.dark-theme .subject-list-loading-text{color:#9ca3af}.subject-list-error{text-align:center;padding:80px 0}.subject-list-error-text{color:#dc2626;margin-bottom:24px;font-size:1.5rem;font-weight:500}.dark-theme .subject-list-error-text{color:#ef4444}.subject-list-retry-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;padding:12px 24px;font-size:1.5rem;font-weight:600;transition:all .2s}.subject-list-retry-btn:hover{background-color:#2563eb;transform:translateY(-2px)}.dark-theme .subject-list-retry-btn{background-color:#1d4ed8}.dark-theme .subject-list-retry-btn:hover{background-color:#1e40af}.subject-list-empty{text-align:center;padding:60px 0}.subject-list-empty-text{color:#6b7280;font-size:1.25rem;font-weight:500}.dark-theme .subject-list-empty-text{color:#9ca3af}@media (max-width:1024px){.subject-list-container{padding:24px}.subject-list-title{font-size:2rem}.subject-column-title{font-size:1rem}.subject-name{font-size:1.5rem}.subject-code{font-size:1rem}}@media (max-width:768px){.subject-list-container{border-radius:12px;padding:20px}.subject-list-header{flex-direction:column;align-items:flex-start;gap:16px}.subject-list-header-info{flex-wrap:wrap;gap:8px}.subject-list-title{font-size:1.75rem}.subject-list-table-header,.subject-item-content{flex-direction:column;align-items:flex-start;gap:16px}.subject-list-column{margin-bottom:12px;padding:8px 0;width:100%!important}.subject-actions-content{justify-content:flex-start}.subject-list-item{padding:24px 20px}.subject-pagination-btn{min-width:42px;height:42px;padding:10px 14px;font-size:1rem}.subject-column-code,.subject-column-title,.subject-list-table-header,.subject-list-divider,.subject-column-created{display:none}.subject-image-wrapper{width:100%;height:200px}.subject-name-content{flex-direction:row;align-items:center;gap:12px}.subject-item-content{flex-direction:column;align-items:flex-start;gap:16px}}@media (max-width:480px){.subject-list-container{border-radius:10px;padding:16px}.subject-list-title{font-size:1.5rem}.subject-list-total{font-size:1rem}.subject-list-item{padding:20px 16px}.subject-status-badge{padding:6px 10px;font-size:.875rem}.subject-action-btn{flex:1;max-width:100%}.subject-pagination-btn{min-width:36px;height:36px;padding:8px 12px;font-size:.875rem}.subject-image-wrapper{width:100%;height:200px}.subject-column-code,.subject-column-title,.subject-list-table-header,.subject-list-divider,.subject-column-created{display:none}}.subject-list-item{opacity:1;transition:all .5s;transform:translate(0)}.subject-list-item.deleting{opacity:0;height:0;margin:0;padding:0;overflow:hidden;transform:translate(-20px)}.subject-column-chapters{width:20%}.subject-chapters,.subject-chapters-tags{flex-wrap:wrap;gap:8px;display:flex}.subject-chapter-tag{color:#374151;background:#eef2ff;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.subject-chapter-tag:hover{background:#bae6fd;transform:translateY(-2px)}.dark-theme .subject-chapter-tag{color:#bfdbfe;background:#1e3a8a}.subject-no-chapters{color:#6b7280;font-size:1rem}.dark-theme .subject-no-chapters{color:#9ca3af}.subject-column-stats{width:18%}.subject-stats{flex-wrap:wrap;display:flex}.stats-badges{flex-wrap:wrap;gap:8px;display:flex}.stat-badge{border-radius:9999px;align-items:center;gap:4px;padding:6px 10px;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex}.stat-badge.packages{color:#0369a1;background:#e0f2fe}.stat-badge.exams{color:#be185d;background:#fce7f3}.stat-badge.chapters{color:#166534;background:#dcfce7}.stat-badge.questions{color:#92400e;background:#fef3c7}.dark-theme .stat-badge.packages{color:#93c5fd;background:#1e3a8a}.dark-theme .stat-badge.exams{color:#f9a8d4;background:#831843}.dark-theme .stat-badge.chapters{color:#86efac;background:#14532d}.dark-theme .stat-badge.questions{color:#fcd34d;background:#78350f}.subject-column-exams{width:18%}.subject-exams,.subject-exams-tags{flex-wrap:wrap;gap:8px;display:flex}.subject-exam-tag{color:#7c3aed;background:#f3e8ff;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.subject-exam-tag:hover{background:#e9d5ff;transform:translateY(-2px)}.subject-exam-tag .exam-type{text-transform:uppercase;color:#fff;background:#7c3aed;border-radius:9999px;padding:2px 6px;font-size:.75rem}.dark-theme .subject-exam-tag{color:#c4b5fd;background:#4c1d95}.dark-theme .subject-exam-tag .exam-type{color:#4c1d95;background:#c4b5fd}.subject-no-exams{color:#6b7280;font-size:1rem}.dark-theme .subject-no-exams{color:#9ca3af}.subject-no-packages{color:#6b7280;font-size:1rem}.dark-theme .subject-no-packages{color:#9ca3af}.subject-column-image{width:7%}.subject-column-name{width:18%}.subject-column-packages,.subject-column-chapters{width:15%}.subject-column-created{width:12%}.subject-column-actions{width:10%}@media (max-width:1024px){.subject-column-stats{width:22%}.stats-badges{flex-direction:column;gap:6px}}@media (max-width:768px){.subject-column-stats,.subject-column-exams{width:100%}.stats-badges{flex-direction:row;justify-content:flex-start}}.subject-name{color:#111827;-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;margin-bottom:8px;font-size:1.4rem;font-weight:700;display:-webkit-box;overflow:hidden}.dark-theme .subject-name{color:#f3f4f6}.subject-description{color:#6b7280;display:-webkit-box;display:box;-webkit-line-clamp:2;line-clamp:2;box-orient:vertical;text-overflow:ellipsis;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;margin-top:6px;font-size:1rem;line-height:1.4;display:-moz-box;overflow:hidden}.dark-theme .subject-description{color:#9ca3af}.subject-name-content{flex-direction:column;gap:10px;margin-left:16px;display:flex}.subject-name,.subject-description{text-overflow:ellipsis;word-break:break-word;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden;white-space:normal!important}.subject-list-search-container{margin-bottom:32px}.subject-list-search{width:100%;max-width:500px}.subject-list-search .search-common-input-wrapper{max-width:100%}.subject-list-search .search-common-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:14px;padding:14px 20px 14px 14px;font-size:1.1rem}.subject-list-search .search-common-input:focus{background:#fff;border-color:#1a67e8;box-shadow:0 0 0 3px #1a67e81a}.dark-theme .subject-list-search .search-common-input{background:#374151;border-color:#4b5563}.dark-theme .subject-list-search .search-common-input:focus{background:#1f2937;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.subject-list-search .search-common-clear-btn{color:#6b7280;right:120px}.subject-list-search .search-common-clear-btn:hover{color:#374151;background:#f3f4f6}.dark-theme .subject-list-search .search-common-clear-btn{color:#9ca3af}.dark-theme .subject-list-search .search-common-clear-btn:hover{color:#f3f4f6;background:#4b5563}.subject-list-search .search-common-submit-btn{color:#fff;background:linear-gradient(135deg,#1a67e8,#1557c4);right:12px}.subject-list-search .search-common-submit-btn:hover{transform:translateY(-50%)scale(1.02);box-shadow:0 4px 12px #1a67e84d}.subject-list-search .search-common-submit-btn:active{transform:translateY(-50%)scale(.98)}.subject-list-search .search-common-input-wrapper:before{content:"";color:#6b7280;font-size:18px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.dark-theme .subject-list-search .search-common-input-wrapper:before{color:#9ca3af}@media (max-width:768px){.subject-list-search-container{margin-bottom:24px}.subject-list-search .search-common-input{padding:12px 16px 12px 48px;font-size:1rem}.subject-list-search .search-common-clear-btn{right:110px}.subject-list-search .search-common-input-wrapper:before{font-size:16px;left:16px}}@media (max-width:480px){.subject-list-search-container{margin-bottom:20px}.subject-list-search .search-common-input{padding:10px 14px 10px 44px;font-size:.95rem}.subject-list-search .search-common-clear-btn{right:100px}.subject-list-search .search-common-submit-btn{padding:10px 16px;font-size:.9rem}.subject-list-search .search-common-input-wrapper:before{font-size:16px;left:14px}}
.subject-details-container{background:#fff;border-radius:20px;max-width:1500px;margin:0 auto 32px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #00000014}.dark-theme .subject-details-container{background:#1e293b;box-shadow:0 8px 24px #0003}.subject-details-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.dark-theme .subject-details-header{border-bottom-color:#374151}.subject-details-title-section h2{color:#111827;margin:0 0 8px;font-size:2rem;font-weight:700}.dark-theme .subject-details-title-section h2{color:#f3f4f6}.subject-details-code{color:#6b7280;font-size:1.1rem}.dark-theme .subject-details-code{color:#9ca3af}.subject-details-actions{align-items:center;gap:12px;display:flex}.subject-details-card{background:#fafafa;border-radius:12px;gap:32px;margin-bottom:32px;padding:24px;display:flex}.dark-theme .subject-details-card{background:#293444}.subject-image-wrapper.large{background:#f3f4f6;border-radius:16px;flex-shrink:0;width:120px;height:120px;overflow:hidden}.dark-theme .subject-image-wrapper.large{background:#374151}.subject-details-info-section{flex:1}.subject-name{color:#111827;margin:0 0 16px;font-size:1.8rem;font-weight:700}.dark-theme .subject-name{color:#f3f4f6}.subject-description{color:#6b7280;margin-bottom:24px;font-size:1.1rem;line-height:1.6}.dark-theme .subject-description{color:#9ca3af}.subject-meta{flex-direction:column;gap:8px;display:flex}.meta-item{align-items:center;gap:8px;display:flex}.meta-label{color:#374151;min-width:120px;font-weight:600}.dark-theme .meta-label{color:#d1d5db}.meta-value{color:#6b7280}.dark-theme .meta-value{color:#9ca3af}.subject-edit-form,.package-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#374151;font-weight:600}.dark-theme .form-group label{color:#d1d5db}.form-group input,.form-group textarea,.form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:12px 16px;font-size:1rem}.dark-theme .form-group input,.dark-theme .form-group textarea,.dark-theme .form-group select{color:#f3f4f6;background:#374151;border-color:#4b5563}.form-actions{gap:12px;margin-top:16px;display:flex}.subject-packages-section{margin-top:32px}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-title{color:#111827;margin:0;font-size:1.5rem;font-weight:700}.dark-theme .section-title{color:#f3f4f6}.packages-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.package-card{background:#fff;border:2px solid #f3f4f6;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000000d}.dark-theme .package-card{background:#293444;border-color:#374151;box-shadow:0 4px 12px #00000026}.package-name{color:#111827;margin:0 0 12px;font-size:1.2rem;font-weight:600}.dark-theme .package-name{color:#f3f4f6}.package-details{align-items:center;gap:16px;margin-bottom:12px;display:flex}.package-price{color:#059669;font-size:1.1rem;font-weight:700}.dark-theme .package-price{color:#34d399}.package-status{border-radius:20px;padding:4px 12px;font-size:.875rem;font-weight:600}.status-active{color:#059669;background:#d1fae5}.status-inactive{color:#374151;background:#e5e7eb}.status-free{color:#2563eb;background:#dbeafe}.dark-theme .status-active{color:#34d399;background:#065f46}.dark-theme .status-inactive{color:#d1d5db;background:#4b5563}.dark-theme .status-free{color:#93c5fd;background:#1e40af}.package-date{color:#6b7280;margin-bottom:16px;font-size:.875rem}.dark-theme .package-date{color:#9ca3af}.package-actions{gap:8px;display:flex}.btn-primary,.btn-secondary,.btn-edit,.btn-delete,.subject-details-edit-btn,.subject-details-back-btn,.subject-details-retry-btn{cursor:pointer;text-align:center;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{color:#fff;background:#3b82f6}.btn-primary:hover{background:#2563eb;transform:translateY(-2px)}.btn-secondary{color:#374151;background:#e5e7eb}.btn-secondary:hover{background:#d1d5db;transform:translateY(-2px)}.dark-theme .btn-secondary{color:#d1d5db;background:#4b5563}.dark-theme .btn-secondary:hover{background:#6b7280}.btn-edit{color:#d97706;background:#fef3c7;padding:8px 16px;font-size:.875rem}.btn-edit:hover{background:#fde68a;transform:translateY(-1px)}.btn-delete{color:#dc2626;background:#fee2e2;padding:8px 16px;font-size:.875rem}.btn-delete:hover{background:#fecaca;transform:translateY(-1px)}.subject-details-edit-btn{color:#d97706;background:#fef3c7}.subject-details-edit-btn:hover{background:#fde68a;transform:translateY(-2px)}.subject-details-back-btn{color:#374151;background:#e5e7eb}.subject-details-back-btn:hover{background:#d1d5db;transform:translateY(-2px)}.subject-details-retry-btn{color:#fff;background:#3b82f6;margin-right:12px}.subject-details-retry-btn:hover{background:#2563eb;transform:translateY(-2px)}.package-form-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;padding:32px;overflow-y:auto}.dark-theme .modal-content{background:#1e293b}.modal-content h4{color:#111827;margin:0 0 24px;font-size:1.5rem}.dark-theme .modal-content h4{color:#f3f4f6}.subject-details-loading,.subject-details-error{text-align:center;padding:80px 0}.subject-details-loading-text,.subject-details-error-text{margin-bottom:24px;font-size:1.5rem}.subject-details-error-text{color:#dc2626}.dark-theme .subject-details-error-text{color:#ef4444}.no-packages{text-align:center;color:#6b7280;padding:40px 0;font-style:italic}.dark-theme .no-packages{color:#9ca3af}@media (max-width:768px){.subject-details-header{flex-direction:column;align-items:flex-start;gap:16px}.subject-details-card{text-align:center;flex-direction:column}.subject-image-wrapper.large{margin:0 auto}.packages-list{grid-template-columns:1fr}}.subject-chapters-section{border-top:2px solid #f3f4f6;margin-top:32px;padding-top:32px}.dark-theme .subject-chapters-section{border-top-color:#374151}.chapters-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:16px;display:grid}.chapter-card{background:#fff;border:2px solid #f3f4f6;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 4px 12px #0000000d}.dark-theme .chapter-card{background:#293444;border-color:#374151;box-shadow:0 4px 12px #00000026}.chapter-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.dark-theme .chapter-card:hover{box-shadow:0 6px 16px #00000040}.chapter-info{margin-bottom:16px}.chapter-name{color:#111827;margin:0 0 12px;font-size:1.2rem;font-weight:600;line-height:1.4}.dark-theme .chapter-name{color:#f3f4f6}.chapter-date{color:#6b7280;font-size:.875rem}.dark-theme .chapter-date{color:#9ca3af}.chapter-actions{justify-content:flex-end;gap:8px;display:flex}.chapter-form-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chapter-form{flex-direction:column;gap:16px;display:flex}.no-chapters{text-align:center;color:#6b7280;grid-column:1/-1;padding:40px 0;font-style:italic}.dark-theme .no-chapters{color:#9ca3af}.chapter-btn-primary{color:#fff;cursor:pointer;background:#2275fc;border:none;border-radius:8px;padding:8px 16px;font-weight:600;transition:all .2s}.chapter-btn-primary:hover{background:#1a67e8;transform:translateY(-1px)}@keyframes chapterSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chapter-card{animation:.3s chapterSlideIn}@media (max-width:768px){.chapters-list{grid-template-columns:1fr}.chapter-card{padding:16px}.chapter-name{font-size:1.1rem}}.chapter-status{border-radius:20px;margin-left:8px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.chapter-status-active{color:#059669;background:#d1fae5}.chapter-status-inactive{color:#374151;background:#e5e7eb}.dark-theme .chapter-status-active{color:#34d399;background:#065f46}.dark-theme .chapter-status-inactive{color:#d1d5db;background:#4b5563}.chapter-card.dragging{opacity:.5;box-shadow:0 8px 24px #2275fc4d}.chapter-progress{background:#e5e7eb;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.chapter-progress-bar{background:#2275fc;border-radius:2px;height:100%;transition:width .3s}.dark-theme .chapter-progress{background:#374151}.dark-theme .chapter-progress-bar{background:#1a67e8}.chapters-count{color:#374151;background:#f3f4f6;border-radius:20px;align-items:center;gap:6px;margin-left:12px;padding:4px 12px;font-size:.875rem;font-weight:600;display:inline-flex}.dark-theme .chapters-count{color:#d1d5db;background:#374151}.subject-edit-form .image-uploader{text-align:center;background:#fafafa;border:2px dashed #e5e7eb;border-radius:12px;padding:20px}.dark-theme .subject-edit-form .image-uploader{background:#374151;border-color:#4b5563}.subject-edit-form .image-uploader-preview{margin-bottom:16px}.subject-edit-form .image-preview-container{margin:0 auto;display:inline-block;position:relative}.subject-edit-form .image-preview{object-fit:cover;border:2px solid #e5e7eb;border-radius:8px;width:100px;height:100px}.dark-theme .subject-edit-form .image-preview{border-color:#4b5563}.subject-edit-form .image-remove-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;line-height:1;display:flex;position:absolute;top:-8px;right:-8px}.subject-edit-form .image-uploader-placeholder{color:#6b7280;margin-bottom:8px;font-size:2.5rem}.dark-theme .subject-edit-form .image-uploader-placeholder{color:#9ca3af}.subject-edit-form .image-uploader-placeholder span{margin-top:8px;font-size:.9rem;display:block}.subject-edit-form .image-uploader-label{color:#fff;cursor:pointer;background:#2275fc;border-radius:8px;padding:10px 20px;font-weight:600;transition:background-color .2s;display:inline-block}.subject-edit-form .image-uploader-label:hover{background:#1a67e8}.subject-edit-form .image-uploader-error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin-top:8px;padding:8px;font-size:.9rem}.dark-theme .subject-edit-form .image-uploader-error{color:#fca5a5;background:#7f1d1d;border-color:#991b1b}.subject-edit-form .image-uploader-loading{color:#6b7280;background:#f3f4f6;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:8px;font-size:.9rem;display:flex}.dark-theme .subject-edit-form .image-uploader-loading{color:#9ca3af;background:#374151}.subject-edit-form .image-selected{color:#065f46;text-align:center;background:#d1fae5;border-radius:6px;margin-top:12px;padding:8px 12px;font-size:.9rem}.dark-theme .subject-edit-form .image-selected{color:#34d399;background:#065f46}.subject-edit-form .image-filename{word-break:break-all;font-weight:600}@media (max-width:768px){.subject-edit-form .image-uploader{padding:16px}.subject-edit-form .image-preview{width:80px;height:80px}.subject-edit-form .image-uploader-placeholder{font-size:2rem}}.subject-edit-form .image-uploader.drag-over{background:#dbeafe;border-color:#2275fc}.dark-theme .subject-edit-form .image-uploader.drag-over{background:#1e3a8a;border-color:#1a67e8}.current-image-preview{text-align:center;margin-bottom:16px}.current-image-preview img{border:2px solid #e5e7eb;border-radius:8px;max-width:150px;max-height:150px}.dark-theme .current-image-preview img{border-color:#4b5563}.current-image-label{color:#6b7280;margin-top:8px;font-size:.9rem;display:block}.dark-theme .current-image-label{color:#9ca3af}.image-uploader-button{color:#fff;cursor:pointer;background:#2275fc;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.image-uploader-button:hover{background:#1a67e8;transform:translateY(-1px)}.image-uploader-button:disabled{cursor:not-allowed;background:#9ca3af;transform:none}.dark-theme .image-uploader-button{background:#1a67e8}.dark-theme .image-uploader-button:hover{background:#155acf}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px;display:grid}.checkbox-group{align-items:center;margin-top:20px;display:flex}.checkbox-label{cursor:pointer;color:#374151;align-items:center;font-weight:500;display:flex}.dark-theme .checkbox-label{color:#d1d5db}.checkbox-label input[type=checkbox]{display:none}.checkmark{border:2px solid #d1d5db;border-radius:4px;width:20px;height:20px;margin-right:10px;transition:all .2s;position:relative}.dark-theme .checkmark{border-color:#6b7280}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#2275fc;border-color:#2275fc}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-label:hover .checkmark{border-color:#2275fc}.dark-theme .checkbox-label:hover .checkmark{border-color:#1a67e8}.package-details-extended{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:12px;display:grid}.package-detail-item{flex-direction:column;gap:4px;display:flex}.package-detail-label{color:#6b7280;text-transform:uppercase;font-size:.75rem;font-weight:600}.dark-theme .package-detail-label{color:#9ca3af}.package-detail-value{color:#374151;font-size:.875rem;font-weight:500}.dark-theme .package-detail-value{color:#d1d5db}.package-type-badge{border-radius:12px;margin-left:8px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-block}.type-trial{color:#92400e;background:#fef3c7}.dark-theme .type-paid{color:#34d399;background:#065f46}.dark-theme .type-free{color:#93c5fd;background:#1e3a8a}.dark-theme .type-trial{color:#fbbf24;background:#92400e}@media (max-width:768px){.form-grid,.package-details-extended{grid-template-columns:1fr}}.package-card-enhanced{background:#fff;border:2px solid #f3f4f6;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 4px 12px #0000000d}.dark-theme .package-card-enhanced{background:#293444;border-color:#374151;box-shadow:0 4px 12px #00000026}.package-card-enhanced:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.dark-theme .package-card-enhanced:hover{box-shadow:0 6px 16px #00000040}.price-with-discount{align-items:center;gap:8px;display:flex}.original-price{color:#6b7280;font-size:.9em;text-decoration:line-through}.dark-theme .original-price{color:#9ca3af}.discount-badge{color:#fff;background:#ef4444;border-radius:8px;padding:2px 6px;font-size:.75em;font-weight:600}.free-trial-badge{color:#fff;background:#10b981;border-radius:8px;margin-left:8px;padding:2px 8px;font-size:.75em;font-weight:600}.package-card-enhanced,.chapter-card{transition:opacity .3s,transform .3s}.package-card-enhanced.deleting,.chapter-card.deleting{opacity:0;transform:translateY(-10px)}.subject-exams-section{border-top:2px solid #f3f4f6;margin-top:32px;padding-top:32px}.dark-theme .subject-exams-section{border-top-color:#374151}.exams-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:16px;display:grid}.exam-card{background:#fff;border:2px solid #f3f4f6;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 4px 12px #0000000d}.dark-theme .exam-card{background:#293444;border-color:#374151;box-shadow:0 4px 12px #00000026}.exam-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.dark-theme .exam-card:hover{box-shadow:0 6px 16px #00000040}.exam-info{margin-bottom:16px}.exam-name{color:#111827;margin:0 0 8px;font-size:1.2rem;font-weight:600}.dark-theme .exam-name{color:#f3f4f6}.exam-type{text-transform:capitalize;border-radius:20px;margin-bottom:8px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.type-free{color:#059669;background:#d1fae5}.type-paid{color:#b91c1c;background:#fee2e2}.exam-date{color:#6b7280;font-size:.875rem}.dark-theme .exam-date{color:#9ca3af}.exam-actions{justify-content:flex-end;gap:8px;display:flex}.exam-form-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.exam-form{flex-direction:column;gap:16px;display:flex}.no-exams{text-align:center;color:#6b7280;grid-column:1/-1;padding:40px 0;font-style:italic}.dark-theme .no-exams{color:#9ca3af}@media (max-width:768px){.exams-list{grid-template-columns:1fr}.exam-card{padding:16px}.exam-name{font-size:1.1rem}}.subject-details-stats-section{flex-wrap:wrap;gap:16px;margin-top:32px;padding:16px 0;display:flex}.subject-details-stat-card{background:#f3f4f6;border-radius:12px;flex:180px;align-items:center;gap:12px;padding:16px 24px;transition:all .3s;display:flex}.dark-theme .subject-details-stat-card{background:#293444}.subject-details-stat-icon{font-size:1.8rem}.subject-details-stat-info{flex-direction:column;display:flex}.subject-details-stat-value{color:#111827;font-size:1.5rem;font-weight:700}.dark-theme .subject-details-stat-value{color:#f3f4f6}.subject-details-stat-label{color:#6b7280;font-size:.875rem}.dark-theme .subject-details-stat-label{color:#9ca3af}@media (max-width:768px){.subject-details-stats-section{flex-direction:column}}.chapter-exam-info{color:#666;margin:8px 0;font-size:14px}.chapter-exam-label{color:#4b5563;font-weight:600}.chapter-exam-name{color:#3b82f6;font-weight:500}