.admin-nav[data-v-31719b6b]{background:linear-gradient(135deg,var(--color-admin) 0%,var(--color-admin-hover) 100%);color:var(--color-text-primary);width:100%;padding:var(--spacing-lg) 0;margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md)}.admin-nav-container[data-v-31719b6b]{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--spacing-xl);position:relative}.admin-nav-list[data-v-31719b6b]{display:flex;justify-content:center;gap:var(--spacing-lg);list-style:none;padding:0;margin:0}.admin-nav-list li[data-v-31719b6b]{display:inline-flex}.admin-link[data-v-31719b6b]{display:flex;align-items:center;color:var(--color-text-primary);text-decoration:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-base);font-weight:600;font-size:var(--font-size-base);transition:var(--transition-base);position:relative;background:transparent;border:2px solid transparent}.admin-link[data-v-31719b6b]:before{content:"";position:absolute;inset:0;background:#ffffff1a;border-radius:var(--radius-base);opacity:0;transition:var(--transition-base)}.admin-link[data-v-31719b6b]:hover:before{opacity:1}.admin-link[data-v-31719b6b]:hover{transform:translateY(-2px);border-color:#ffffff4d}.admin-link[data-v-31719b6b]:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.admin-link.router-link-active[data-v-31719b6b]{background:#fff3;border-color:#fff6;box-shadow:0 4px 12px #0003}.admin-link.router-link-active[data-v-31719b6b]:after{content:"";position:absolute;bottom:-2px;left:20%;right:20%;height:3px;background:var(--color-text-primary);border-radius:var(--radius-xs)}@media (max-width: 768px){.admin-nav-container[data-v-31719b6b]{padding:0 var(--spacing-md)}.admin-nav-list[data-v-31719b6b]{gap:var(--spacing-sm)}.admin-link[data-v-31719b6b]{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}@media (max-width: 480px){.admin-nav-list[data-v-31719b6b]{flex-direction:column;width:100%}.admin-link[data-v-31719b6b]{width:100%;justify-content:center}}.admin-users[data-v-5d2fc2f9]{max-width:var(--max-width-content);margin:0 auto;padding:var(--spacing-lg)}.page-title[data-v-5d2fc2f9]{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xl) 0;padding-bottom:var(--spacing-base);border-bottom:2px solid var(--color-bg-input);display:flex;align-items:center;gap:var(--spacing-sm)}.status-container[data-v-5d2fc2f9]{margin-bottom:var(--spacing-xl)}.loading-indicator[data-v-5d2fc2f9]{padding:var(--spacing-xl);background:var(--color-bg-panel);border-radius:var(--radius-lg);color:var(--color-text-muted);text-align:center;box-shadow:var(--shadow-md)}.error-message[data-v-5d2fc2f9]{padding:var(--spacing-xl);background:var(--color-error-bg);border-radius:var(--radius-lg);color:var(--color-error-text);text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--color-error)}.table-responsive[data-v-5d2fc2f9]{overflow-x:auto;background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:2px solid transparent;transition:var(--transition-base)}.table-responsive[data-v-5d2fc2f9]:hover{border-color:var(--color-bg-input)}.users-table[data-v-5d2fc2f9]{width:100%;border-collapse:collapse;text-align:left}.users-table th[data-v-5d2fc2f9]{background:var(--color-bg-hover);color:var(--color-text-primary);padding:var(--spacing-lg) var(--spacing-xl);font-weight:600;font-size:var(--font-size-base);border-bottom:2px solid var(--color-bg-input)}.users-table td[data-v-5d2fc2f9]{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-bg-hover);color:var(--color-text-secondary);vertical-align:middle}.users-table tr[data-v-5d2fc2f9]:hover{background:var(--color-bg-hover)}.users-table tr:last-child td[data-v-5d2fc2f9]{border-bottom:none}.admin-row[data-v-5d2fc2f9]{background:linear-gradient(to right,#667eea1a,#764ba21a)}.badge[data-v-5d2fc2f9]{min-width:80px;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-weight:600;font-size:var(--font-size-xs);display:inline-block;text-align:center;text-transform:uppercase;letter-spacing:.5px}.admin-badge[data-v-5d2fc2f9]{background:linear-gradient(135deg,var(--color-primary-gradient-start) 0%,var(--color-primary-gradient-end) 100%);color:var(--color-text-primary);box-shadow:0 2px 8px #667eea4d}.instructor-badge[data-v-5d2fc2f9]{background:linear-gradient(135deg,var(--color-info) 0%,#1976d2 100%);color:var(--color-text-primary);box-shadow:0 2px 8px #2196f34d}.user-badge[data-v-5d2fc2f9]{background:var(--color-bg-hover);color:var(--color-text-tertiary);border:1px solid var(--color-bg-border)}.role-dropdown-container[data-v-5d2fc2f9]{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:150px}.role-dropdown[data-v-5d2fc2f9]{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-panel);border:1px solid var(--color-bg-border);border-radius:var(--radius-base);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-base);outline:none}.role-dropdown[data-v-5d2fc2f9]:hover:not(:disabled){border-color:var(--color-primary-gradient-start);background:var(--color-bg-hover)}.role-dropdown[data-v-5d2fc2f9]:focus{border-color:var(--color-primary-gradient-start);box-shadow:0 0 0 2px #667eea33}.role-dropdown[data-v-5d2fc2f9]:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-disabled)}.role-dropdown option[data-v-5d2fc2f9]{background:var(--color-bg-panel);color:var(--color-text-primary);padding:var(--spacing-sm)}.dropdown-spinner[data-v-5d2fc2f9]{position:absolute;right:var(--spacing-md);display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--color-text-primary);animation:dropdown-spin-5d2fc2f9 1s linear infinite;pointer-events:none}@keyframes dropdown-spin-5d2fc2f9{to{transform:rotate(360deg)}}@media (max-width: 768px){.users-table[data-v-5d2fc2f9]{font-size:var(--font-size-sm)}.users-table th[data-v-5d2fc2f9],.users-table td[data-v-5d2fc2f9]{padding:var(--spacing-md)}.role-dropdown-container[data-v-5d2fc2f9]{min-width:auto;width:100%}.role-dropdown[data-v-5d2fc2f9]{font-size:var(--font-size-xs)}}