@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap";:root{--primary: #667eea;--primary-hover: #764ba2;--primary-light: rgba(102, 126, 234, .12);--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--accent: #00d4ff;--secondary: #6b7280;--success: #34d399;--success-bright: #00ff88;--warning: #fbbf24;--danger: #f87171;--bg: #0a0e27;--bg-secondary: #111631;--bg-card: rgba(26, 31, 58, .6);--bg-card-solid: #1a1f3a;--bg-elevated: rgba(26, 31, 58, .8);--bg-input: rgba(255, 255, 255, .06);--bg-hover: rgba(102, 126, 234, .12);--text: #e8e8e8;--text-secondary: rgba(255, 255, 255, .5);--text-tertiary: rgba(255, 255, 255, .35);--text-on-primary: #ffffff;--border: rgba(255, 255, 255, .06);--border-hover: rgba(102, 126, 234, .3);--border-accent: rgba(102, 126, 234, .12);--sidebar-bg: #0a0e27;--sidebar-inner-bg: #1a1f3a;--sidebar-text: #c7d2fe;--sidebar-active: #667eea;--sidebar-active-bg: rgba(102, 126, 234, .22);--sidebar-active-border: var(--accent);--success-bg: rgba(16, 185, 129, .12);--success-text: #34d399;--warning-bg: rgba(245, 158, 11, .1);--warning-text: #fbbf24;--danger-bg: rgba(239, 68, 68, .1);--danger-text: #fca5a5;--info-bg: rgba(102, 126, 234, .1);--info-text: #a5b4fc;--badge-admin-bg: rgba(251, 191, 36, .15);--badge-admin-text: #fbbf24;--badge-instructor-bg: rgba(96, 165, 250, .15);--badge-instructor-text: #93c5fd;--badge-student-bg: rgba(52, 211, 153, .15);--badge-student-text: #6ee7b7;--radius: 8px;--radius-lg: 12px;--shadow: 0 2px 8px rgba(0, 0, 0, .25);--shadow-lg: 0 4px 20px rgba(102, 126, 234, .15);--shadow-glow: 0 0 20px rgba(102, 126, 234, .25);--focus-ring: 0 0 0 3px rgba(102, 126, 234, .3)}[data-theme=light]{--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--bg: #f4f5f9;--bg-secondary: #eef0f5;--bg-card: #ffffff;--bg-card-solid: #ffffff;--bg-elevated: #ffffff;--bg-input: #ffffff;--bg-hover: rgba(102, 126, 234, .06);--text: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border: #e5e7eb;--border-hover: rgba(102, 126, 234, .28);--border-accent: rgba(102, 126, 234, .15);--sidebar-active-bg: rgba(102, 126, 234, .22);--sidebar-active-border: var(--accent);--success-bg: #f0fdf4;--success-text: #166534;--warning-bg: #fffbeb;--warning-text: #92400e;--danger-bg: #fef2f2;--danger-text: #991b1b;--info-bg: #eef2ff;--info-text: #3730a3;--badge-admin-bg: #fef3c7;--badge-admin-text: #92400e;--badge-instructor-bg: #dbeafe;--badge-instructor-text: #1e40af;--badge-student-bg: #d1fae5;--badge-student-text: #065f46;--badge-female-bg: #fce7f3;--badge-female-text: #9d174d;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(102, 126, 234, .14);--focus-ring: 0 0 0 3px rgba(102, 126, 234, .15)}[data-theme=high-contrast]{--primary: #6ea8fe;--primary-hover: #9ec5fe;--primary-light: rgba(110, 168, 254, .22);--primary-gradient: linear-gradient(135deg, #6ea8fe 0%, #9ec5fe 100%);--accent: #00e5ff;--secondary: #adb5bd;--success: #4ade80;--success-bright: #22ff77;--warning: #fde047;--danger: #ff6b6b;--bg: #000000;--bg-secondary: #0a0a0a;--bg-card: #0d0d0d;--bg-card-solid: #111111;--bg-elevated: #141414;--bg-input: #0d0d0d;--bg-hover: rgba(110, 168, 254, .18);--text: #ffffff;--text-secondary: #d4d4d4;--text-tertiary: #a3a3a3;--text-on-primary: #000000;--border: #525252;--border-hover: #6ea8fe;--border-accent: rgba(110, 168, 254, .45);--sidebar-bg: #000000;--sidebar-inner-bg: #111111;--sidebar-text: #e5e5e5;--sidebar-active: #6ea8fe;--sidebar-active-bg: #2a2a2a;--sidebar-active-border: #6ea8fe;--success-bg: rgba(74, 222, 128, .2);--success-text: #4ade80;--warning-bg: rgba(253, 224, 71, .18);--warning-text: #fde047;--danger-bg: rgba(255, 107, 107, .18);--danger-text: #ff6b6b;--info-bg: rgba(110, 168, 254, .18);--info-text: #93bbfd;--badge-admin-bg: rgba(253, 224, 71, .22);--badge-admin-text: #fde047;--badge-instructor-bg: rgba(110, 168, 254, .22);--badge-instructor-text: #93bbfd;--badge-student-bg: rgba(74, 222, 128, .22);--badge-student-text: #4ade80;--badge-female-bg: rgba(244, 114, 182, .2);--badge-female-text: #f9a8d4;--radius: 8px;--radius-lg: 12px;--shadow: 0 2px 8px rgba(0, 0, 0, .6);--shadow-lg: 0 4px 20px rgba(110, 168, 254, .25);--shadow-glow: 0 0 20px rgba(110, 168, 254, .4);--focus-ring: 0 0 0 3px #6ea8fe, 0 0 0 5px rgba(110, 168, 254, .35)}[data-theme=high-contrast] body{font-size:16px;letter-spacing:.01em}[data-theme=high-contrast] .card,[data-theme=high-contrast] .settings-card{border-width:2px}[data-theme=high-contrast] .btn{border:2px solid transparent;font-weight:600}[data-theme=high-contrast] .btn-primary{border-color:var(--primary)}[data-theme=high-contrast] a:focus-visible,[data-theme=high-contrast] button:focus-visible,[data-theme=high-contrast] input:focus-visible,[data-theme=high-contrast] select:focus-visible,[data-theme=high-contrast] textarea:focus-visible{outline:3px solid #6ea8fe;outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:inherit;transition:border-color .2s;outline:none;background:var(--bg-input);color:var(--text)}.input:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}.input::placeholder{color:var(--text-tertiary)}select,textarea{background:var(--bg-input);color:var(--text);border:1px solid var(--border)}select option{background:var(--bg-card-solid);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background:var(--primary-gradient);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary) 100%);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-primary:disabled{background:var(--primary-light);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-danger{background:var(--danger);color:var(--text-on-primary)}.btn-danger:hover{background:var(--danger);box-shadow:0 4px 14px #ef44444d;filter:brightness(1.1)}.btn-accent{background:#0891b2;color:#fff}.btn-accent:hover{background:#0e7490}.btn-accent:disabled{background:#67e8f9;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:13px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text)}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:9999px;font-size:12px;font-weight:500}.badge-admin{background:var(--badge-admin-bg);color:var(--badge-admin-text)}.badge-instructor{background:var(--badge-instructor-bg);color:var(--badge-instructor-text)}.badge-student{background:var(--badge-student-bg);color:var(--badge-student-text)}.alert{padding:12px 16px;border-radius:var(--radius);font-size:14px;margin-bottom:16px}.alert-error{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger)}.alert-success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success)}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border)}th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-secondary)}tr:hover td{background:var(--bg-hover)}code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em;color:var(--accent);background:#00d4ff1a;padding:.15em .45em;border-radius:4px}pre{background:var(--bg-card-solid);border-left:4px solid var(--accent);border-radius:var(--radius);padding:16px 20px;overflow-x:auto;color:var(--text);font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;box-shadow:var(--shadow);margin:12px 0}pre code{background:transparent;color:inherit;padding:0}.btn-accent{background:linear-gradient(135deg,#00d4ff,#0891b2);color:#0a0e27;font-weight:600}.btn-accent:hover{background:linear-gradient(135deg,#0891b2,#00d4ff);box-shadow:0 4px 14px #00d4ff59;transform:translateY(-1px)}.btn-accent:disabled{background:#00d4ff4d;cursor:not-allowed;transform:none;box-shadow:none}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.neural-box{background:linear-gradient(135deg,#667eea1a,#00d4ff0d);border:1px solid rgba(102,126,234,.35);border-radius:10px;padding:16px 20px;box-shadow:0 4px 16px #667eea1f}.highlight-box{background:#10b98114;border-left:4px solid var(--success-bright);padding:12px 16px;border-radius:0 var(--radius) var(--radius) 0}.warning-box{background:#f59e0b14;border-left:4px solid var(--warning);padding:12px 16px;border-radius:0 var(--radius) var(--radius) 0}