.user-details-container{max-width:1400px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#ffffff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin:0 auto 32px}.dark-theme .user-details-container{background:#1e293b;box-shadow:0 4px 20px rgba(0,0,0,.2)}.user-details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #f1f5f9}.dark-theme .user-details-header{border-bottom-color:#334155}.user-details-profile{display:flex;align-items:flex-start;gap:24px}.user-details-avatar{width:120px;height:120px;border-radius:20px;overflow:hidden;border:4px solid #e2e8f0;box-shadow:0 8px 24px rgba(0,0,0,.12)}.dark-theme .user-details-avatar{border-color:#475569}.user-details-avatar-img{width:100%;height:100%;object-fit:cover}.user-details-info{flex:1 1}.user-details-name{font-size:2.5rem;font-weight:700;color:#0f172a;margin:0 0 8px;line-height:1.2}.dark-theme .user-details-name{color:#f8fafc}.user-details-email{font-size:1.2rem;color:#64748b;margin:0 0 16px}.dark-theme .user-details-email{color:#94a3b8}.user-details-meta{display:flex;align-items:center;gap:16px}.user-details-status{padding:6px 12px;border-radius:8px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.user-details-status-approved{background:#dcfce7;color:#166534}.user-details-status-pending{background:#fef3c7;color:#92400e}.dark-theme .user-details-status-approved{background:rgba(34,197,94,.2);color:#4ade80}.dark-theme .user-details-status-pending{background:rgba(245,158,11,.2);color:#fbbf24}.user-details-joined{color:#64748b;font-size:.9rem}.dark-theme .user-details-joined{color:#94a3b8}.user-details-actions{display:flex;gap:12px}.user-details-action-btn{padding:12px 24px;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.user-details-action-approve{background:linear-gradient(135deg,#10b981,#059669);color:white}.user-details-action-approve:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.user-details-action-reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:white}.user-details-action-reject:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.user-details-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-bottom:32px}.user-details-stat-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:24px;border-radius:16px;display:flex;align-items:center;gap:16px;border:1px solid #e2e8f0;transition:all .3s ease}.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 rgba(0,0,0,.12)}.user-details-stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:white}.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 1}.user-details-stat-value{font-size:2rem;font-weight:700;color:#0f172a;margin:0 0 4px;line-height:1}.dark-theme .user-details-stat-value{color:#f8fafc}.user-details-stat-label{font-size:.9rem;color:#64748b;margin:0;font-weight:500}.dark-theme .user-details-stat-label{color:#94a3b8}.user-details-tabs{display:flex;gap:8px;margin-bottom:32px;padding:8px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.dark-theme .user-details-tabs{background:#334155;border-color:#475569}.user-details-tab{flex:1 1;padding:16px 24px;border:none;background:transparent;border-radius:8px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;justify-content:center}.dark-theme .user-details-tab{color:#94a3b8}.user-details-tab:hover{color:#374151;background:#ffffff}.dark-theme .user-details-tab:hover{color:#f1f5f9;background:#475569}.user-details-tab-active{color:#0f172a;background:#ffffff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.dark-theme .user-details-tab-active{color:#f8fafc;background:#475569;box-shadow:0 2px 8px rgba(0,0,0,.3)}.user-details-content{min-height:400px}.user-details-overview-section{margin-bottom:32px}.user-details-overview-title{font-size:1.5rem;font-weight:600;color:#0f172a;margin:0 0 20px}.dark-theme .user-details-overview-title{color:#f8fafc}.user-details-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px}.user-details-overview-item{background:#f8fafc;padding:20px;border-radius:12px;border:1px solid #e2e8f0}.dark-theme .user-details-overview-item{background:#334155;border-color:#475569}.user-details-overview-label{font-size:.9rem;color:#64748b;font-weight:500;margin:0 0 8px;display:block}.dark-theme .user-details-overview-label{color:#94a3b8}.user-details-overview-value{font-size:1.1rem;color:#0f172a;font-weight:600;margin:0}.dark-theme .user-details-overview-value{color:#f8fafc}.user-details-status-badge{padding:4px 12px;border-radius:6px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.user-details-status-badge-approved{background:#dcfce7;color:#166534}.user-details-status-badge-pending{background:#fef3c7;color:#92400e}.user-details-sessions-title,.user-details-subscriptions-title{font-size:1.5rem;font-weight:600;color:#0f172a;margin:0 0 20px}.dark-theme .user-details-sessions-title,.dark-theme .user-details-subscriptions-title{color:#f8fafc}.user-details-subscriptions-list{display:flex;flex-direction:column;gap:16px}.user-details-subscription-card{background:#f8fafc;padding:24px;border-radius:16px;border:1px solid #e2e8f0;transition:all .3s ease}.dark-theme .user-details-subscription-card{background:#334155;border-color:#475569}.user-details-subscription-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.user-details-subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.user-details-subscription-name{font-size:1.3rem;font-weight:600;color:#0f172a;margin:0}.dark-theme .user-details-subscription-name{color:#f8fafc}.user-details-subscription-status{padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.user-details-subscription-status-active{background:#dcfce7;color:#166534}.user-details-subscription-status-expiring{background:#fef3c7;color:#92400e}.user-details-subscription-status-expired{background:#fee2e2;color:#dc2626}.user-details-subscription-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px}.user-details-subscription-detail{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.dark-theme .user-details-subscription-detail{border-bottom-color:#475569}.user-details-subscription-detail:last-child{border-bottom:none}.user-details-subscription-detail label{font-weight:500;color:#64748b;font-size:.9rem}.dark-theme .user-details-subscription-detail label{color:#94a3b8}.user-details-subscription-detail span{font-weight:600;color:#0f172a}.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{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:16px;gap:16px}.user-details-session-card{background:#f8fafc;padding:20px;border-radius:16px;border:1px solid #e2e8f0;transition:all .3s ease}.dark-theme .user-details-session-card{background:#334155;border-color:#475569}.user-details-session-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.user-details-session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.user-details-session-id{font-size:1.1rem;font-weight:600;color:#0f172a;margin:0}.dark-theme .user-details-session-id{color:#f8fafc}.user-details-session-mode{padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.user-details-session-mode-study{background:#dbeafe;color:#1e40af}.user-details-session-mode-exam{background:#fce7f3;color:#be185d}.user-details-session-details{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:16px}.user-details-session-detail{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.user-details-session-detail label{font-weight:500;color:#64748b;font-size:.8rem}.dark-theme .user-details-session-detail label{color:#94a3b8}.user-details-session-detail span{font-weight:600;color:#0f172a;font-size:.8rem}.dark-theme .user-details-session-detail span{color:#f8fafc}.user-details-session-status{padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.user-details-session-status-finished{background:#dcfce7;color:#166534}.user-details-session-status-ongoing{background:#dbeafe;color:#1e40af}.user-details-session-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;padding-top:12px;border-top:1px solid #e2e8f0}.dark-theme .user-details-session-stats{border-top-color:#475569}.user-details-session-stat{text-align:center;padding:8px;border-radius:8px;background:#ffffff;border:1px solid #e2e8f0}.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{display:block;font-size:1.2rem;font-weight:700;color:#0f172a;line-height:1}.dark-theme .user-details-session-stat-value{color:#f8fafc}.user-details-session-stat-label{display:block;font-size:.7rem;color:#64748b;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.dark-theme .user-details-session-stat-label{color:#94a3b8}.user-details-no-data{text-align:center;padding:60px 20px;color:#64748b}.dark-theme .user-details-no-data{color:#94a3b8}.user-details-no-data i{font-size:3rem;margin-bottom:16px;opacity:.5}.user-details-no-data p{font-size:1.1rem;margin:0;font-style:italic}.user-details-empty,.user-details-error,.user-details-loading{text-align:center;padding:80px 20px}.user-details-empty-text,.user-details-error-text,.user-details-loading-text{font-size:1.5rem;margin-bottom:24px;font-weight:500}.user-details-error-text{color:#dc2626}.dark-theme .user-details-error-text{color:#ef4444}.user-details-retry-btn{padding:12px 24px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:white;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.user-details-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.3)}@media (max-width:1024px){.user-details-container{padding:24px}.user-details-header{flex-direction:column;gap:24px}.user-details-actions{width:100%;justify-content:flex-start}.user-details-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.user-details-container{padding:20px;border-radius:16px}.user-details-profile{flex-direction:column;text-align:center}.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-session-details,.user-details-sessions-list,.user-details-subscription-details{grid-template-columns:1fr}}@media (max-width:480px){.user-details-container{padding:16px;border-radius:12px}.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{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:white;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.user-details-manage-roles-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,.3)}.user-details-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-details-edit-roles-btn{background:transparent;color:#8b5cf6;border:2px solid #8b5cf6;padding:8px 16px;font-size:.8rem;display:flex;align-items:center;gap:6px;border-radius:8px;cursor:pointer;transition:all .3s ease}.user-details-edit-roles-btn:hover,.user-details-roles-count{background:#8b5cf6;color:white}.user-details-roles-count{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;margin-left:8px}.user-details-error-message,.user-details-success-message{padding:16px 20px;border-radius:10px;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-weight:500}.user-details-success-message{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.dark-theme .user-details-success-message{background:#14532d;color:#4ade80;border-color:#22c55e}.user-details-error-message{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.dark-theme .user-details-error-message{background:#7f1d1d;color:#ef4444;border-color:#f87171}.user-details-roles-section{margin-bottom:32px}.user-details-roles-title{font-size:1.5rem;font-weight:600;color:#0f172a;margin:0}.dark-theme .user-details-roles-title{color:#f8fafc}.user-details-roles-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.user-details-role-item{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.dark-theme .user-details-role-item{background:#334155;border-color:#475569}.user-details-role-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.user-details-role-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;flex-shrink:0}.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 1;min-width:0}.user-details-role-name{font-weight:600;color:#0f172a;font-size:1.1rem;margin-bottom:4px}.dark-theme .user-details-role-name{color:#f8fafc}.user-details-role-key{font-size:.85rem;color:#64748b;font-family:Courier New,monospace;margin-bottom:6px}.dark-theme .user-details-role-key{color:#94a3b8}.user-details-role-permissions{font-size:.8rem;color:#8b5cf6;font-weight:500}.user-details-no-roles{text-align:center;padding:40px 20px;color:#64748b;font-style:italic}.dark-theme .user-details-no-roles{color:#94a3b8}.user-details-no-roles i{font-size:3rem;margin-bottom:16px;opacity:.5}.user-details-no-roles p{font-size:1.1rem;margin:0}.user-details-role-manager-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-details-role-manager{background:#ffffff;border-radius:20px;width:100%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.2)}.dark-theme .user-details-role-manager{background:#1e293b}.user-details-role-manager-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.dark-theme .user-details-role-manager-header{border-bottom-color:#334155}.user-details-role-manager-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#0f172a}.dark-theme .user-details-role-manager-header h3{color:#f8fafc}.user-details-role-manager-close{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:4px;border-radius:6px;transition:all .3s ease}.user-details-role-manager-close:hover{background:#f1f5f9;color:#0f172a}.dark-theme .user-details-role-manager-close:hover{background:#334155;color:#f8fafc}.user-details-role-manager-content{padding:24px;overflow-y:auto;max-height:calc(80vh - 140px)}.user-details-role-manager-user{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:12px;margin-bottom:24px}.dark-theme .user-details-role-manager-user{background:#293445}.user-details-role-manager-avatar{width:50px;height:50px;border-radius:12px;object-fit:cover}.user-details-role-manager-user-info{flex:1 1}.user-details-role-manager-user-name{font-weight:600;color:#0f172a;font-size:1.1rem}.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{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:#0f172a}.dark-theme .user-details-role-manager-list h4{color:#f8fafc}.user-details-role-manager-roles{display:flex;flex-direction:column;gap:8px}.user-details-role-manager-role-label{display:block;padding:16px;cursor:pointer;margin:0}.user-details-role-manager-checkbox{display:none}.user-details-role-manager-role-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#8b5cf6;color:white;font-size:1.2rem;flex-shrink:0}.user-details-role-manager-role-info{flex:1 1;min-width:0}.user-details-role-manager-role-name{font-weight:600;color:#0f172a;margin-bottom:2px}.dark-theme .user-details-role-manager-role-name{color:#f8fafc}.user-details-role-manager-role-key{font-size:.8rem;color:#64748b;font-family:Courier New,monospace;margin-bottom:4px}.dark-theme .user-details-role-manager-role-key{color:#94a3b8}.user-details-role-manager-role-permissions{font-size:.75rem;color:#8b5cf6;font-weight:500}.user-details-role-manager-actions{display:flex;gap:12px;justify-content:flex-end;padding:24px;border-top:1px solid #e2e8f0}.dark-theme .user-details-role-manager-actions{border-top-color:#334155}.user-details-role-manager-cancel,.user-details-role-manager-save{padding:12px 24px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.user-details-role-manager-cancel{background:#64748b;color:white}.user-details-role-manager-cancel:hover{background:#475569}.user-details-role-manager-save{background:#8b5cf6;color:white;display:flex;align-items:center;gap:8px}.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{width:16px;height:16px;border:2px solid transparent;border-top-color:white;border-radius:50%;animation:user-details-spin 1s linear infinite}.user-details-role-manager-loading{text-align:center;padding:20px;color:#64748b}.dark-theme .user-details-role-manager-loading{color:#94a3b8}@media (max-width:768px){.user-details-role-manager{margin:20px;max-height:calc(100vh - 40px)}.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;gap:12px;align-items:flex-start}.user-details-edit-roles-btn{align-self:flex-start}}.user-details-role-manager-role{border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease;cursor:pointer}.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 rgba(139,92,246,.1)}.user-details-role-manager-role-selected{border-color:#8b5cf6;background:#faf5ff}.dark-theme .user-details-role-manager-role-selected{border-color:#8b5cf6;background:#2e1065}.user-details-role-manager-role-content{display:flex;align-items:center;gap:16px;padding:16px;position:relative}.user-details-role-manager-selected-indicator{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:#8b5cf6;color:white;display:flex;align-items:center;justify-content:center;font-size:.8rem}.user-details-role-manager-checkbox,.user-details-role-manager-role-label{display:none}.user-details-subscription-actions{display:flex;align-items:center;gap:12px}.user-details-reset-subscription-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:white;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .3s ease,transform .15s ease}.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{width:16px;height:16px;border:2px solid transparent;border-top-color:white;border-radius:50%;animation:user-details-spin 1s linear infinite}@keyframes user-details-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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}}