:root {--primary: #3b82f6;--primary-dark: #6366f1;--primary-light: #4f8cff;--success: #2ecc71;--success-dark: #10b981;--success-light: #22c55e;--success-darker: #27ae60;--danger: #ef4444;--danger-alt: #e74c3c;--danger-dark: #dc2626;--danger-light: #f87171;--warning: #f59e0b;--warning-dark: #f97316;--warning-light: #fbbf24;--purple: #8b5cf6;--purple-dark: #a855f7;--purple-light: #c084fc;--purple-darker: #7c3aed;--pink: #ec4899;--pink-dark: #db2777;--cyan: #06b6d4;--teal: #14b8a6;--white: #ffffff;--black: #000000;--slate-900: #1e293b;--slate-800: #1e293b;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--slate-50: #f8fafc;--gray-900: #111827;--gray-800: #1f2937;--gray-700: #374151;--gray-600: #4b5563;--gray-500: #6b7280;--gray-400: #9ca3af;--gray-300: #d1d5db;--gray-200: #e5e7eb;--gray-100: #f3f4f6;--gray-50: #f9fafb;--text-primary: #23242a;--text-dark: #2c3e50;--text-secondary: #666666;--text-muted: #888888;--text-light: #999999;--bg-primary: #ffffff;--bg-secondary: #f1f5f9;--bg-tertiary: #f8fafc;--bg-dark: #1e293b;--bg-card: #ffffff;--bg-light: #f8fafc;--bg-sidebar: rgba(255, 255, 255, 0.95);--border: #e2e8f0;--border-light: #f1f5f9;--border-dark: #cbd5e1;--radius-xs: 3px;--radius-sm: 4px;--radius-5: 5px;--radius-md: 6px;--radius-base: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-15: 15px;--radius-2xl: 16px;--radius-18: 18px;--radius-3xl: 20px;--radius-4xl: 24px;--radius-26: 26px;--radius-30: 30px;--radius-34: 34px;--radius-50: 50px;--radius-full: 50%;--radius-pill: 999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-purple: 0 4px 15px rgba(139, 92, 246, 0.3);--shadow-purple-light: 0 8px 24px rgba(139, 92, 246, 0.15);--transition-fast: 0.15s ease;--transition-base: 0.2s ease;--transition-slow: 0.3s ease;--z-base: 1;--z-dropdown: 1000;--z-modal: 1100;--z-overlay: 1200;--z-tooltip: 1300;--gradient-primary: linear-gradient(135deg, var(--gradient-purple-1) 0%, var(--gradient-purple-2) 100%);--gradient-secondary: linear-gradient(135deg, var(--gradient-pink-1) 0%, var(--gradient-pink-2) 100%);--gradient-accent: linear-gradient(135deg, var(--gradient-blue-1) 0%, var(--gradient-blue-2) 100%);--gradient-success: linear-gradient(135deg, var(--gradient-green-1) 0%, var(--gradient-green-2) 100%);--gradient-warning: linear-gradient(135deg, var(--gradient-rose-1) 0%, var(--gradient-yellow) 100%);--gradient-dark: linear-gradient(135deg, var(--gradient-dark-1) 0%, var(--gradient-dark-2) 100%);--gradient-error: linear-gradient(135deg, var(--danger) 0%, var(--danger-dark) 100%);--sidebar-width: 280px;--header-height: 80px;--border-radius: 16px;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bae6fd;--blue-400: #60a5fa;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-900: #1e3a8a;--blue-950: #1e2557;--sky-500: #0ea5e9;--sky-600: #0284c7;--indigo-600: #4f46e5;--purple-600: #9333ea;--red-50: #fef2f2;--red-100: #fee2e2;--red-700: #b91c1c;--red-900: #7f1d1d;--red-950: #450a0a;--green-50: #ecfdf5;--green-100: #d1fae5;--emerald-900: #064e3b;--emerald-950: #022c22;--amber-900: #78350f;--amber-950: #451a03;--slate-950: #0f172a;--slate-975: #0b1221;--gradient-purple-1: #667eea;--gradient-purple-2: #764ba2;--gradient-purple-alpha: rgba(102, 126, 234, 0.08);--gradient-purple-alpha-2: rgba(118, 75, 162, 0.08);--gradient-pink-1: #f093fb;--gradient-pink-2: #f5576c;--gradient-blue-1: #4facfe;--gradient-blue-2: #00f2fe;--gradient-green-1: #43e97b;--gradient-green-2: #38f9d7;--gradient-rose-1: #fa709a;--gradient-yellow: #fee140;--gradient-dark-1: #141e30;--gradient-dark-2: #243b55;--alpha-primary-10: rgba(59, 130, 246, 0.1);--alpha-primary-13: rgba(59, 130, 246, 0.13);--alpha-primary-15: rgba(59, 130, 246, 0.15);--alpha-primary-18: rgba(59, 130, 246, 0.18);--alpha-primary-20: rgba(59, 130, 246, 0.2);--alpha-primary-25: rgba(59, 130, 246, 0.25);--alpha-primary-28: rgba(59, 130, 246, 0.28);--alpha-primary-30: rgba(59, 130, 246, 0.3);--alpha-primary-35: rgba(59, 130, 246, 0.35);--alpha-primary-40: rgba(59, 130, 246, 0.4);--alpha-primary-42: rgba(59, 130, 246, 0.42);--alpha-primary-dark-10: rgba(99, 102, 241, 0.1);--alpha-primary-dark-28: rgba(99, 102, 241, 0.28);--alpha-indigo-30: rgba(79, 70, 229, 0.3);--alpha-purple-05: rgba(139, 92, 246, 0.05);--alpha-purple-30: rgba(139, 92, 246, 0.3);--alpha-gradient-purple-10: rgba(102, 126, 234, 0.1);--alpha-gradient-purple-20: rgba(102, 126, 234, 0.2);--alpha-gradient-purple-30: rgba(102, 126, 234, 0.3);--alpha-gradient-purple-40: rgba(102, 126, 234, 0.4);--alpha-danger-10: rgba(239, 68, 68, 0.1);--alpha-danger-30: rgba(239, 68, 68, 0.3);--alpha-danger-dark-40: rgba(220, 53, 69, 0.4);--alpha-danger-dark-45: rgba(220, 53, 69, 0.45);--alpha-pink-30: rgba(236, 72, 153, 0.3);--alpha-pink-40: rgba(236, 72, 153, 0.4);--alpha-white-02: rgba(255, 255, 255, 0.02);--alpha-white-05: rgba(255, 255, 255, 0.05);--alpha-white-06: rgba(255, 255, 255, 0.06);--alpha-white-08: rgba(255, 255, 255, 0.08);--alpha-white-10: rgba(255, 255, 255, 0.1);--alpha-white-15: rgba(255, 255, 255, 0.15);--alpha-white-18: rgba(255, 255, 255, 0.18);--alpha-white-20: rgba(255, 255, 255, 0.2);--alpha-black-05: rgba(0, 0, 0, 0.05);--alpha-black-08: rgba(0, 0, 0, 0.08);--alpha-black-10: rgba(0, 0, 0, 0.1);--alpha-black-15: rgba(0, 0, 0, 0.15);--alpha-black-30: rgba(0, 0, 0, 0.3);--alpha-slate-05: rgba(100, 116, 139, 0.05);--alpha-slate-10: rgba(100, 116, 139, 0.1);--alpha-slate-20: rgba(100, 116, 139, 0.2);--alpha-slate-30: rgba(100, 116, 139, 0.3);--alpha-slate-400-10: rgba(148, 163, 184, 0.1);--alpha-slate-400-20: rgba(148, 163, 184, 0.2);--alpha-slate-400-30: rgba(148, 163, 184, 0.3);--alpha-slate-400-50: rgba(148, 163, 184, 0.5);--alpha-slate-700-40: rgba(71, 85, 105, 0.4);--alpha-slate-950-50: rgba(15, 23, 42, 0.5);--alpha-primary-03: rgba(59, 130, 246, 0.03);--alpha-primary-08: rgba(59, 130, 246, 0.08);--alpha-primary-12: rgba(59, 130, 246, 0.12);--alpha-purple-600-10: rgba(147, 51, 234, 0.1);--alpha-purple-600-12: rgba(147, 51, 234, 0.12);--alpha-purple-600-15: rgba(147, 51, 234, 0.15);--alpha-purple-600-20: rgba(147, 51, 234, 0.2);--alpha-purple-600-25: rgba(147, 51, 234, 0.25);--alpha-purple-500-08: rgba(139, 92, 246, 0.08);--alpha-purple-500-10: rgba(139, 92, 246, 0.1);--alpha-purple-500-12: rgba(139, 92, 246, 0.12);--alpha-purple-500-15: rgba(139, 92, 246, 0.15);--alpha-purple-500-30: rgba(139, 92, 246, 0.3);--alpha-indigo-08: rgba(99, 102, 241, 0.08);--alpha-indigo-10: rgba(99, 102, 241, 0.1);--alpha-indigo-12: rgba(99, 102, 241, 0.12);--alpha-indigo-15: rgba(99, 102, 241, 0.15);--alpha-indigo-20: rgba(99, 102, 241, 0.2);--alpha-success-12: rgba(16, 185, 129, 0.12);--alpha-success-25: rgba(16, 185, 129, 0.25);--alpha-green-500-08: rgba(34, 197, 94, 0.08);--alpha-green-500-10: rgba(34, 197, 94, 0.1);--alpha-green-500-20: rgba(34, 197, 94, 0.2);--alpha-green-500-60: rgba(76, 175, 80, 0.6);--alpha-danger-15: rgba(239, 68, 68, 0.15);--alpha-danger-25: rgba(239, 68, 68, 0.25);--alpha-blue-600-20: rgba(37, 99, 235, 0.2);--alpha-blue-600-30: rgba(37, 99, 235, 0.3);--alpha-sky-500-08: rgba(14, 165, 233, 0.08);--alpha-white-02: rgba(255, 255, 255, 0.02);--alpha-white-03: rgba(255, 255, 255, 0.03);--alpha-white-04: rgba(255, 255, 255, 0.04);--alpha-white-28: rgba(255, 255, 255, 0.28);--alpha-black-02: rgba(0, 0, 0, 0.02);--alpha-black-06: rgba(0, 0, 0, 0.06);--alpha-black-18: rgba(0, 0, 0, 0.18);--alpha-black-70: rgba(0, 0, 0, 0.7);--alpha-slate-950-80: rgba(15, 23, 42, 0.8);--alpha-slate-950-90: rgba(15, 23, 42, 0.9);--alpha-slate-400-12: rgba(148, 163, 184, 0.12);--border-radius-sm: 4px;--accent-blue: #2563eb;--color-add: #10b981;--alpha-slate-400-35: rgba(148, 163, 184, 0.35);--alpha-black-32: rgba(0, 0, 0, 0.32);--alpha-black-08: rgba(0, 0, 0, 0.08);--alpha-purple-500-03: rgba(139, 92, 246, 0.03);--alpha-danger-dark-10: rgba(220, 38, 38, 0.1);--alpha-primary-45: rgba(59, 130, 246, 0.45);--alpha-sky-500-10: rgba(14, 165, 233, 0.1);--alpha-pink-10: rgba(236, 72, 153, 0.1);--alpha-pink-15: rgba(236, 72, 153, 0.15);--alpha-primary-02: rgba(59, 130, 246, 0.02);--alpha-primary-05: rgba(59, 130, 246, 0.05);--alpha-success-05: rgba(34, 197, 94, 0.05);--alpha-slate-800-60: rgba(30, 41, 59, 0.6);--alpha-slate-800-80: rgba(30, 41, 59, 0.8);--alpha-danger-05: rgba(239, 68, 68, 0.05);--alpha-danger-08: rgba(239, 68, 68, 0.08);--alpha-danger-12: rgba(239, 68, 68, 0.12);--alpha-danger-dark-02: rgba(220, 38, 38, 0.02);--alpha-danger-dark-03: rgba(220, 38, 38, 0.03);--alpha-danger-alt-05: rgba(220, 53, 69, 0.05);--alpha-primary-light-08: rgba(79, 140, 255, 0.08);--alpha-success-12-alt: rgba(46, 204, 113, 0.12);--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-400: #818cf8;--red-500: #d94a4a;--gray-400: #b0b4c1;--green-600: #059669;--green-700: #0f9e78;--alpha-gray-900-55: rgba(30, 32, 38, 0.55);--alpha-black-22: rgba(0, 0, 0, 0.22);--alpha-slate-700-60: rgba(71, 85, 105, 0.6);--blue-100: #dbeafe;--red-100: #fee2e2;--red-100-light: #ffeaea;--blue-100-light: #eaf2ff;--purple-100: #f3eaff;--purple-600-dark: #8e44ad;--warning-alt: #f1c40f;--alpha-black-04: rgba(0, 0, 0, 0.04);--alpha-black-35: rgba(0, 0, 0, 0.35);--alpha-black-40: rgba(0, 0, 0, 0.4);--alpha-black-45: rgba(0, 0, 0, 0.45);--alpha-color-100-200-255-10: rgba(100, 200, 255, 0.1);--alpha-color-100-200-255-20: rgba(100, 200, 255, 0.2);--alpha-color-102-126-234-05: rgba(102, 126, 234, 0.05);--alpha-color-107-114-128-08: rgba(107, 114, 128, 0.08);--alpha-color-107-114-128-15: rgba(107, 114, 128, 0.15);--alpha-color-118-75-162-05: rgba(118, 75, 162, 0.05);--alpha-purple-500-20: rgba(139, 92, 246, 0.2);--alpha-purple-500-25: rgba(139, 92, 246, 0.25);--alpha-color-14-165-233-05: rgba(14, 165, 233, 0.05);--alpha-color-14-165-233-12: rgba(14, 165, 233, 0.12);--alpha-slate-400-04: rgba(148, 163, 184, 0.04);--alpha-slate-400-05: rgba(148, 163, 184, 0.05);--alpha-slate-400-08: rgba(148, 163, 184, 0.08);--alpha-slate-400-18: rgba(148, 163, 184, 0.18);--alpha-slate-400-40: rgba(148, 163, 184, 0.4);--alpha-slate-400-55: rgba(148, 163, 184, 0.55);--alpha-slate-950-03: rgba(15, 23, 42, 0.03);--alpha-slate-950-08: rgba(15, 23, 42, 0.08);--alpha-slate-950-18: rgba(15, 23, 42, 0.18);--alpha-slate-950-60: rgba(15, 23, 42, 0.6);--alpha-slate-950-65: rgba(15, 23, 42, 0.65);--alpha-slate-950-95: rgba(15, 23, 42, 0.95);--alpha-gray-400-55: rgba(156, 163, 175, 0.55);--alpha-gray-400-70: rgba(156, 163, 175, 0.7);--alpha-gray-400-75: rgba(156, 163, 175, 0.75);--alpha-success-22: rgba(16, 185, 129, 0.22);--alpha-purple-16: rgba(168, 85, 247, 0.16);--alpha-color-216-180-254-30: rgba(216, 180, 254, 0.3);--alpha-pink-20: rgba(236, 72, 153, 0.2);--alpha-pink-25: rgba(236, 72, 153, 0.25);--alpha-danger-22: rgba(239, 68, 68, 0.22);--alpha-warning-15: rgba(245, 158, 11, 0.15);--alpha-warning-22: rgba(245, 158, 11, 0.22);--alpha-warning-30: rgba(245, 158, 11, 0.30);--alpha-color-247-144-9-10: rgba(247, 144, 9, 0.1);--alpha-danger-light-18: rgba(248, 113, 113, 0.18);--alpha-danger-light-30: rgba(248, 113, 113, 0.3);--alpha-color-248-250-252-92: rgba(248, 250, 252, 0.92);--alpha-color-249-250-251-95: rgba(249, 250, 251, 0.95);--alpha-warning-light-30: rgba(251, 191, 36, 0.3);--alpha-white-24: rgba(255, 255, 255, 0.24);--alpha-white-65: rgba(255, 255, 255, 0.65);--alpha-white-80: rgba(255, 255, 255, 0.8);--alpha-white-90: rgba(255, 255, 255, 0.9);--alpha-white-95: rgba(255, 255, 255, 0.95);--alpha-slate-800-95: rgba(30, 41, 59, 0.95);--alpha-green-500-12: rgba(34, 197, 94, 0.12);--alpha-green-500-15: rgba(34, 197, 94, 0.15);--alpha-color-37-99-235-18: rgba(37, 99, 235, 0.18);--alpha-color-37-99-235-25: rgba(37, 99, 235, 0.25);--alpha-primary-06: rgba(59, 130, 246, 0.06);--alpha-primary-14: rgba(59, 130, 246, 0.14);--alpha-primary-50: rgba(59, 130, 246, 0.5);--alpha-primary-60: rgba(59, 130, 246, 0.6);--alpha-green-500-40: rgba(76, 175, 80, 0.4);--alpha-color-96-165-250-30: rgba(96, 165, 250, 0.3);--alpha-indigo-22: rgba(99, 102, 241, 0.22);--alpha-indigo-25: rgba(99, 102, 241, 0.25);--alpha-indigo-35: rgba(99, 102, 241, 0.35);--color-022c22: #022c22;--color-0369a1: #0369a1;--color-064e3b: #064e3b;--color-0b1220: #0b1220;--color-0b1221: #0b1221;--color-0f5132: #0f5132;--color-0f766e: #0f766e;--color-15803d: #15803d;--color-166534: #166534;--color-1e2557: #1e2557;--color-1e3a8a: #1e3a8a;--color-273449: #273449;--color-4338ca: #4338ca;--color-450a0a: #450a0a;--color-451a03: #451a03;--color-78350f: #78350f;--color-7f1d1d: #7f1d1d;--color-b45309: #b45309;--color-c2410c: #c2410c;--color-d8b4fe: #d8b4fe;--color-dcfce7: #dcfce7;--color-e0e0e0: #e0e0e0;--color-e0f2fe: #e0f2fe;--color-e9d5ff: #e9d5ff;--color-ea580c: #ea580c;--color-eafff2: #eafff2;--color-ecfdf3: #ecfdf3;--color-f3f3f3: #f3f3f3;--color-f79009: #f79009;--color-fb923c: #fb923c;--color-fca5a5: #fca5a5;--color-fecdd3: #fecdd3;--alpha-white-01: rgba(255, 255, 255, 0.01);--alpha-indigo-03: rgba(99, 102, 241, 0.03);--alpha-indigo-06: rgba(99, 102, 241, 0.06);--alpha-purple-03: rgba(168, 85, 247, 0.03);--alpha-purple-06: rgba(168, 85, 247, 0.06);--alpha-purple-600-05: rgba(147, 51, 234, 0.05);--alpha-gradient-purple-02-10: rgba(118, 75, 162, 0.1);--alpha-blue-900-40: rgba(30, 58, 138, 0.4);--accent-dark: #1e293b;--accent-green: #10b981;--accent-purple: #8b5cf6;--accent-orange: #f59e0b;--accent-pink: #ec4899;--alpha-black-12: rgba(0, 0, 0, 0.12);--alpha-black-20: rgba(0, 0, 0, 0.20);--alpha-black-25: rgba(0, 0, 0, 0.25);--alpha-black-50: rgba(0, 0, 0, 0.50);--alpha-danger-20: rgba(239, 68, 68, 0.20);--alpha-purple-10: rgba(139, 92, 246, 0.10);--alpha-purple-15: rgba(139, 92, 246, 0.15);--alpha-slate-200-60: rgba(226, 232, 240, 0.60);--alpha-slate-400-15: rgba(148, 163, 184, 0.15);--alpha-slate-400-25: rgba(148, 163, 184, 0.25);--alpha-slate-400-60: rgba(148, 163, 184, 0.60);--alpha-slate-600-08: rgba(71, 85, 105, 0.08);--alpha-slate-600-10: rgba(71, 85, 105, 0.10);--alpha-slate-700-18: rgba(71, 85, 105, 0.18);--alpha-success-10: rgba(46, 204, 113, 0.10);--alpha-success-15: rgba(46, 204, 113, 0.15);--alpha-success-20: rgba(46, 204, 113, 0.20);--alpha-success-30: rgba(46, 204, 113, 0.30);--amber-100: #fef3c7;--amber-300: #fcd34d;--amber-800: #92400e;--bg-muted: #e2e8f0;--blue-300: #93c5fd;--border-color: #e2e8f0;--border-radius-md: 8px;--border-soft: #e2e8f0;--danger-color: #ef4444;--green-200: #bbf7d0;--green-500: #22c55e;--green-800: #166534;--indigo-50: #eef2ff;--primary-color: #3b82f6;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-400-alt: #a78bfa;--pink-400: #f472b6;--red-800: #991b1b;--rose-600: #e11d48;--shadow-glow: 0 0 20px rgba(59, 130, 246, 0.4);;}@media (max-width: 768px) {.dark-theme .quiz-tab {background-color: var(--slate-900);border-color: var(--alpha-white-10);}.dark-theme .quiz-tab.active {background: linear-gradient(135deg, var(--alpha-primary-15), var(--alpha-primary-dark-10));border-color: var(--blue-400);}}* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Poppins', sans-serif;background-color: var(--bg-light);color: var(--text-primary);line-height: 1.6;transition: all 0.3s ease;overflow-x: hidden;padding-top: 70px;}a {text-decoration: none;color: inherit;}@media (max-width: 1400px) {.navbar {display: none !important;}.navbar .nav-menu {display: none !important;}.navbar .nav-actions {display: none !important;}.navbar .mobile-toggle {display: none !important;}body {padding-top: 0;}}.container {display: flex;min-height: 100vh;overflow-x: hidden;max-width: 100vw;box-sizing: border-box;}.animated-bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;opacity: 0.05;background:radial-gradient(circle at 20% 80%, var(--alpha-primary-30) 0%, transparent 50%),radial-gradient(circle at 80% 20%, var(--alpha-purple-30) 0%, transparent 50%),radial-gradient(circle at 40% 40%, var(--alpha-pink-30) 0%, transparent 50%);animation: pulse 20s ease-in-out infinite;}.main-content {flex: 1;margin-left: var(--sidebar-width);padding: 25px 30px;position: relative;overflow-x: hidden;max-width: 100%;box-sizing: border-box;min-width: 0;}@media (max-width: 1400px) {.sidebar {transform: translateX(-100%);z-index: 1000;background: var(--bg-sidebar);}.ai-chat-grid {flex-direction: column;}.sidebar.active {transform: translateX(0);}.main-content {margin-left: 0;}.menu-toggle {display: block;font-size: 24px;cursor: pointer;width: 50px;height: 50px;border-radius: var(--radius-xl);background: transparent;background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;display: flex;align-items: center;justify-content: center;position: fixed;top: 16px;left: 16px;z-index: 1100;}.header h1 {font-size: 28px;}.search-box input {width: 100%;}.header {flex-direction: column;align-items: flex-start;gap: 12px;}.header-actions,.search-box,.search-box input {width: 100%;}.header-actions {width: 100%;order: 2;padding-top: 6px;}.search-box {width: 100%;}.header-login-btn,.header .user-profile {display: none;}.header-left {width: 100%;justify-content: center;text-align: center;}.header-left h1,.header-subtitle {width: 100%;text-align: center;}}@media (min-width: 1401px) {.sidebar {display: none;}.main-content {margin-left: 0;}.header-actions,.search-box,.user-profile,.header-login-btn {display: none !important;}}.sidebar {width: var(--sidebar-width);background: var(--bg-sidebar);backdrop-filter: blur(20px);box-shadow: var(--shadow-lg);position: fixed;height: 100vh;z-index: 100;overflow-y: auto;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);border-right: 1px solid var(--alpha-white-10);}.sidebar::-webkit-scrollbar {display: none;}.logo-container {padding: 30px 25px;text-align: center;border-bottom: 1px solid var(--alpha-slate-400-10);}.logo {font-family: 'Outfit', sans-serif;font-weight: 800;font-size: 32px;color: var(--text-primary);display: flex;align-items: center;justify-content: center;gap: 12px;}.logo-child {font-size: 28px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;clip-path: polygon(0 0, 100% 0, 100% 60%, 0 60%);}.logo-circle {position: absolute;font-size: 6px;background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}.logo-circle:nth-child(1) {top: 2px;left: 6px;}.logo-circle:nth-child(2) {top: 0;left: 50%;transform: translateX(-50%);}.logo-circle:nth-child(3) {top: 2px;right: 6px;}.logo-circle:nth-child(4) {top: 8px;left: 2px;}.logo-circle:nth-child(5) {top: 8px;right: 2px;}.logo-text {color: var(--text-primary);line-height: 1;}.logo-tld {background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}.nav-menu {padding: 10px 15px;}.nav-item {display: flex;align-items: center;padding: 18px 20px;margin: 8px 0;border-radius: var(--border-radius-md);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);font-weight: 500;position: relative;overflow: hidden;}.nav-item:before {content: '';position: absolute;left: 0;top: 0;height: 100%;width: 4px;background: var(--gradient-primary);transform: translateX(-100%);transition: transform 0.3s ease;}.nav-item:hover,.nav-item.active {background: var(--alpha-primary-10);transform: translateX(5px);box-shadow: var(--shadow-sm);}.nav-item:hover:before,.nav-item.active:before {transform: translateX(0);}.nav-item i {width: 24px;margin-right: 15px;font-size: 20px;background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}.nav-item.active i {background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}.theme-toggle {padding: 25px 20px;margin-top: 20px;border-top: 1px solid var(--alpha-slate-10);}.sidebar-header {padding: 12px 15px;font-weight: 600;font-size: 0.9rem;color: var(--text-primary);border-bottom: 1px solid var(--alpha-slate-400-10);background: var(--bg-light);}.dark-theme .sidebar-header {border-bottom: 1px solid var(--alpha-white-05);background: var(--alpha-white-02);}.account-section .nav-item {cursor: pointer;}.navbar .nav-container {width: 100%;padding: 25px 30px;display: flex;justify-content: space-between;align-items: center;position: relative;}.navbar .logo {font-family: 'Outfit', sans-serif;font-weight: 800;font-size: 24px;display: flex;align-items: center;color: var(--text-primary);flex-shrink: 0;margin-right: 20px;gap: 10px;}.navbar .logo-icon {position: relative;width: 32px;height: 32px;display: flex;align-items: flex-end;justify-content: center;}.logo-icon {display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;margin-right: 12px;}.logo-icon .material-symbols-rounded {font-size: 40px;background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;line-height: 1;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}.navbar .logo-text {color: var(--text-primary);line-height: 1;}.navbar .logo-tld {background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}.navbar .nav-menu {display: flex;gap: 20px;align-items: center;flex-grow: 1;justify-content: center;list-style: none;margin: 0;padding: 0;}.navbar .nav-link {font-weight: 500;font-size: 14px;color: var(--text-secondary);transition: color 0.3s;position: relative;white-space: nowrap;}.navbar .nav-link:hover,.navbar .nav-link.active {color: var(--accent-blue);}.navbar .nav-link.active::after {content: '';position: absolute;bottom: -25px;left: 0;width: 100%;height: 3px;background: var(--gradient-primary);border-radius: var(--radius-xs) var(--radius-xs) 0 0;}.navbar .nav-actions {display: flex;align-items: center;gap: 12px;flex-shrink: 0;margin-left: 20px;}.header {display: flex;justify-content: center;align-items: center;margin-bottom: 40px;padding: 20px 0;text-align: center;flex-wrap: wrap;}.header-left {display: flex;align-items: center;gap: 20px;justify-content: center;width: 100%;}.header h1 {font-family: 'Outfit', sans-serif;font-size: 36px;font-weight: 700;background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;line-height: 1.2;display: flex;align-items: center;justify-content: center;gap: 10px;text-align: center;width: 100%;}.header h1 i {font-size: 30px;color: var(--accent-blue);}.header-subtitle {font-size: 16px;color: var(--text-secondary);margin-top: 5px;font-weight: 400;text-align: center;}.header-actions {display: flex;align-items: center;gap: 20px;}.search-box {position: relative;}.search-box input {padding: 14px 20px 14px 50px;border-radius: var(--border-radius);border: 2px solid transparent;background: var(--bg-card);color: var(--text-primary);font-size: 15px;transition: all 0.3s ease;box-shadow: var(--shadow-md);}.search-box input:focus {outline: none;border-color: var(--accent-blue);box-shadow: var(--shadow-glow);}.search-box i {position: absolute;left: 20px;top: 50%;transform: translateY(-50%);color: var(--accent-blue);font-size: 18px;}.user-profile {display: flex;align-items: center;gap: 15px;cursor: pointer;padding: 12px 20px;border-radius: var(--border-radius);background: var(--bg-card);box-shadow: var(--shadow-md);transition: all 0.3s ease;}.user-profile:hover {transform: translateY(-3px);box-shadow: var(--shadow-lg);}.header-login-btn {display: flex;align-items: center;gap: 8px;padding: 10px 24px;height: auto;background: linear-gradient(135deg, var(--primary) 0%, var(--blue-600) 100%);border-radius: var(--radius-xl);font-weight: 600;font-size: 14px;color: var(--white);border: none;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 4px 15px var(--alpha-primary-30), 0 2px 8px var(--alpha-primary-20);position: relative;overflow: hidden;}.header-login-btn::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, var(--alpha-white-20), transparent);transition: left 0.5s ease;}.header-login-btn:hover {background: linear-gradient(135deg, var(--blue-600) 0%, var(--blue-700) 100%);box-shadow: 0 8px 25px var(--alpha-primary-40), 0 4px 12px var(--alpha-primary-30);transform: translateY(-2px);}.header-login-btn:hover::before {left: 100%;}.header-login-btn:active {transform: translateY(0);box-shadow: 0 2px 8px var(--alpha-primary-30);}.header-login-btn i {font-size: 16px;transition: transform 0.3s ease;}.header-login-btn:hover i {transform: scale(1.1);}@media (max-width: 1400px) {.header-login-btn {display: none !important;}}@media (max-width: 600px) {.header h1 {flex-direction: column;gap: 8px;font-size: 24px;}.header h1 i {font-size: 32px;}.header-subtitle {font-size: 14px;}}@media (max-width: 768px) {.dashboard-cards,.features-grid,.quizzes-grid {grid-template-columns: 1fr !important;}.section-title,.section-title i,.card-title,.card-content p,.feature-card h3,.feature-card p,.quiz-content h4,.quiz-content p {text-align: center;justify-content: center;}.section-title {display: inline-flex;flex-direction: column;align-items: center;justify-content: center;gap: 6px;}.section-title i {margin: 0;display: block;}.section-title+p {text-align: center;}.card-header,.card-content {align-items: center;text-align: center;}.feature-card h3 {flex-direction: column;gap: 8px;}.ai-chat-grid {flex-direction: column;}.header-actions {gap: 15px;}.solver-options {flex-direction: column;}.option-btn {justify-content: center;}}.navbar .user-profile-mini {display: flex;align-items: center;gap: 8px;padding: 4px 10px 4px 4px;background: var(--bg-light);border-radius: var(--radius-30);border: 1px solid var(--alpha-slate-400-20);cursor: pointer;transition: 0.3s;}.navbar .user-profile-mini:hover {border-color: var(--accent-blue);transform: translateY(-1px);}.auth-block .modal-header {background: var(--gradient-primary);color: var(--white);border-top-left-radius: 16px;border-top-right-radius: 16px;padding: 22px 24px 12px 24px;display: flex;align-items: center;justify-content: space-between;}.auth-block .modal-header h3 {font-size: 20px;font-weight: 700;margin: 0;display: flex;align-items: center;gap: 10px;}.auth-block .modal-body {padding: 24px;font-size: 16px;color: var(--text-primary);text-align: center;}.auth-block .btn {min-width: 110px;font-size: 15px;}.modal-overlay {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: var(--alpha-primary-13);z-index: 9999;display: flex;align-items: center;justify-content: center;transition: opacity 0.3s;}.modal-overlay.hidden {display: none;}.modal-open {overflow: hidden !important;position: fixed;width: 100%;height: 100%;}.modal-overlay {position: fixed;inset: 0;background: var(--alpha-slate-950-50);backdrop-filter: blur(6px);display: flex;align-items: center;justify-content: center;padding: 20px;z-index: 2000;}.modal-card {width: min(520px, 100%);background: var(--bg-card);border-radius: var(--border-radius);box-shadow: 0 20px 60px var(--alpha-black-30);border: 1px solid var(--alpha-white-06);padding: 32px;}.modal-header {display: flex;align-items: center;justify-content: space-between;gap: 15px;margin-bottom: 12px;}.modal-kicker {text-transform: uppercase;letter-spacing: 0.6px;font-size: 12px;color: var(--text-secondary);margin-bottom: 4px;font-weight: 700;}.modal-header h3 {font-family: 'Outfit', sans-serif;font-size: 26px;font-weight: 700;}.modal-close {border: none;background: transparent;font-size: 26px;line-height: 1;cursor: pointer;color: var(--text-secondary);}.modal-body {margin-top: 20px;display: flex;flex-direction: column;gap: 16px;max-height: calc(90vh - 140px);overflow-y: auto;overflow-x: hidden;padding-right: 5px;}.btn-google {width: 100%;justify-content: center;background: var(--white);color: var(--slate-900);border: 2px solid var(--alpha-slate-400-30);box-shadow: 0 1px 3px var(--alpha-black-10);font-weight: 600;gap: 12px;transition: all 0.3s ease;}.btn-google:hover {background: var(--slate-50);border-color: var(--alpha-slate-400-50);box-shadow: 0 4px 12px var(--alpha-black-15);}.btn-google svg {flex-shrink: 0;}.form-group {display: flex;flex-direction: column;gap: 8px;margin-bottom: 18px;}.form-group-compact {margin-bottom: 12px;}.modal-body::-webkit-scrollbar {width: 6px;}.modal-body::-webkit-scrollbar-track {background: transparent;}.modal-body::-webkit-scrollbar-thumb {background: var(--alpha-slate-400-30);border-radius: var(--radius-xs);}.modal-body::-webkit-scrollbar-thumb:hover {background: var(--alpha-slate-400-50);}.form-group label {font-weight: 600;font-size: 14px;color: var(--text-primary);}.form-group input,.form-group select,.form-group textarea {padding: 13px 16px;border-radius: var(--border-radius-md);border: 2px solid var(--alpha-slate-400-30);background: var(--bg-light);font-size: 15px;color: var(--text-primary);transition: all 0.3s ease;font-family: 'Poppins', sans-serif;}.form-group textarea {resize: vertical;min-height: 120px;}.form-group select {appearance: none;-webkit-appearance: none;-moz-appearance: none;background-image: none;padding-right: 42px;}.form-group input:focus,.form-group select:focus,.form-group textarea:focus {outline: none;border-color: var(--accent-blue);background: var(--bg-card);box-shadow: 0 0 0 3px var(--alpha-primary-10);}.form-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 16px;}.form-grid-compact {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 12px;}.form-footer {display: flex;justify-content: space-between;align-items: center;gap: 10px;margin-top: 4px;}.consent-card .modal-header {text-align: center;display: block;}.consent-card .modal-header>div {text-align: center;}.consent-actions .btn {flex: 1;}.empty-state {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 60px 40px;text-align: center;border-radius: var(--border-radius);background: linear-gradient(135deg, var(--alpha-primary-05) 0%, var(--alpha-purple-05) 100%);border: 2px dashed var(--alpha-primary-20);margin: 30px 0;min-height: 300px;}.empty-state-icon {font-size: 64px;margin-bottom: 20px;background: transparent;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: var(--gradient-primary);opacity: 0.7;animation: float 3s ease-in-out infinite;}.data-error-icon {position: relative;display: inline-flex;align-items: center;justify-content: center;width: 180px;height: 180px;margin: 0 auto 30px auto;background: linear-gradient(135deg, var(--alpha-danger-10) 0%, var(--alpha-danger-dark-10) 100%);border-radius: var(--radius-full);animation: float 3s ease-in-out infinite;}.data-error-icon i {font-size: 64px;background: linear-gradient(135deg, var(--danger) 0%, var(--danger-dark) 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;position: relative;z-index: 2;}.empty-state-title {font-size: 18px;font-weight: 600;color: var(--text-primary);margin-bottom: 10px;}.empty-state-message {font-size: 14px;color: var(--text-secondary);line-height: 1.6;}.btn-primary-error,.btn-secondary-error {display: inline-flex;align-items: center;gap: 8px;padding: 14px 28px;border-radius: var(--radius-xl);font-weight: 600;font-size: 15px;text-decoration: none;transition: all 0.3s ease;cursor: pointer;}.btn-primary-error {background: var(--gradient-primary);color: var(--white);box-shadow: 0 4px 15px var(--alpha-primary-30);}.btn-primary-error:hover {transform: translateY(-2px);box-shadow: 0 6px 20px var(--alpha-primary-40);}.btn-secondary-error {background: var(--bg-card);color: var(--text-primary);border: 2px solid var(--alpha-slate-20);}.btn-secondary-error:hover {background: var(--alpha-slate-05);border-color: var(--alpha-slate-30);transform: translateY(-2px);}.btn-block {width: 100%;justify-content: center;}.card-content>.btn {display: flex;width: max-content;margin: 0 auto;}.btn,.btn-primary,.btn-secondary,.btn-danger {display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 13px 22px;border-radius: var(--border-radius-md);font-weight: 700;letter-spacing: 0.2px;cursor: pointer;transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);border: none;font-family: 'Outfit', sans-serif;font-size: 15px;position: relative;overflow: hidden;text-decoration: none;}.btn:before,.btn-primary:before,.btn-secondary:before,.btn-danger:before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, var(--alpha-white-18), transparent);transition: 0.5s;}.btn:hover:before,.btn-primary:hover:before,.btn-secondary:hover:before,.btn-danger:hover:before {left: 100%;}.btn-primary {background: var(--gradient-primary);color: var(--white);box-shadow: 0 10px 30px var(--alpha-primary-28);border: 1px solid var(--alpha-primary-35);}.btn-primary:hover {transform: translateY(-2px) scale(1.01);box-shadow: 0 14px 36px var(--alpha-primary-42);}.btn-secondary {background: var(--alpha-primary-08);color: var(--accent-blue);border: 1px solid var(--alpha-primary-35);}.btn-secondary:hover {background: var(--accent-blue);color: var(--white);transform: translateY(-2px) scale(1.01);box-shadow: 0 12px 30px var(--alpha-primary-35);}.btn-danger {background: var(--gradient-error);color: var(--white);border: 1px solid var(--alpha-danger-dark-40);}.btn-danger:hover {transform: translateY(-2px) scale(1.01);box-shadow: 0 12px 34px var(--alpha-danger-dark-45);}.btn-ai {background: var(--gradient-secondary);color: var(--white);box-shadow: 0 6px 20px var(--alpha-pink-30);}.btn-ai:hover {transform: translateY(-3px);box-shadow: 0 10px 30px var(--alpha-pink-40);}.btn i {margin-right: 10px;font-size: 18px;}.btn-sm-icon {width: 32px;height: 32px;border-radius: var(--radius-base);border: 1px solid transparent;background: transparent;color: var(--text-secondary);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.2s ease;}.btn-sm-icon:hover {background: var(--alpha-primary-10);color: var(--accent-blue);}.modal-close-btn {width: 32px;height: 32px;border-radius: var(--radius-base);background: var(--alpha-danger-10);color: var(--danger);border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;}.modal-close-btn:hover {background: var(--danger);color: var(--white);}.btn-back {display: inline-flex;align-items: center;gap: 8px;background: var(--bg-card);border: 1px solid var(--alpha-slate-400-30);padding: 10px 18px;border-radius: var(--radius-lg);color: var(--text-primary);font-weight: 500;cursor: pointer;transition: all 0.2s ease;margin-bottom: 15px;}.btn-back:hover {background: var(--accent-blue);color: var(--white);border-color: var(--accent-blue);transform: translateX(-3px);}.btn-privacy {padding: 6px 8px;border: none;background: transparent;color: var(--text-secondary);cursor: pointer;border-radius: var(--radius-md);transition: all 0.2s ease;font-size: 0.95em;display: flex;align-items: center;justify-content: center;}.btn-privacy:hover {background: var(--slate-100);color: var(--accent-blue);}#sn-subjects-container .btn-view {background: linear-gradient(135deg, var(--purple), var(--purple-dark));color: var(--white);}#sn-subjects-container .btn-view:hover {background: linear-gradient(135deg, var(--purple-darker), var(--purple-600));transform: translateY(-2px);box-shadow: var(--shadow-purple);}.btn-icon {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border: none;background: var(--alpha-primary-10);color: var(--accent-blue);border-radius: var(--radius-base);cursor: pointer;transition: all 0.2s ease;font-size: 16px;}.btn-icon:hover {background: var(--accent-blue);color: var(--white);}.details-actions .btn {flex: 1;justify-content: center;}.empty-state {text-align: center;padding: 40px 20px;color: var(--text-secondary);}.empty-state i {font-size: 48px;margin-bottom: 15px;opacity: 0.5;}.empty-state p {margin: 0;font-size: 14px;}.chapter-actions-header .btn-primary,.chapter-actions-header .btn-secondary {display: inline-flex;align-items: center;gap: 8px;padding: 10px 14px;border-radius: var(--radius-lg);box-shadow: 0 2px 6px var(--alpha-primary-18);}.chapter-actions-header .btn-secondary {box-shadow: 0 2px 6px var(--alpha-black-08);border: 1px solid var(--alpha-black-05);}.dark-theme .chapter-actions-header .btn-secondary {border-color: var(--alpha-white-08);box-shadow: 0 2px 6px var(--alpha-black-30);}.form-grid-2 {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px;}.btn-sm {padding: 6px 10px;font-size: 12px;border-radius: var(--radius-md);border: none;cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;gap: 4px;background: var(--bg-card);color: var(--text-secondary);border: 1px solid var(--text-secondary);}.btn-sm:hover {background: var(--text-secondary);color: var(--white);}.btn-edit {border-color: var(--primary);color: var(--primary);}.btn-edit:hover {background: var(--primary);color: var(--white);}.btn-delete {border-color: var(--danger);color: var(--danger);}.btn-delete:hover {background: var(--danger);color: var(--white);}.btn-back-to-current {margin: 0 20px 16px 20px;width: calc(100% - 40px);display: flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 24px;background: var(--accent-blue);color: var(--white);border: none;border-radius: var(--radius-base);font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 2px 8px var(--alpha-primary-30);}.btn-back-to-current:hover {background: linear-gradient(135deg, var(--gradient-purple-1) 0%, var(--gradient-purple-2) 100%);transform: translateY(-2px);box-shadow: 0 4px 15px var(--alpha-primary-40);}.btn-back-to-current:active {transform: translateY(0);}.btn-back-to-current i {font-size: 14px;transition: transform 0.3s ease;}.btn-back-to-current:hover i {transform: translateX(-4px);}.btn-view-version {display: inline-flex;align-items: center;gap: 8px;padding: 8px 16px;background: transparent;color: var(--accent-blue);border: 1px solid var(--accent-blue);border-radius: var(--radius-base);font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.3s ease;}.btn-view-version:hover {background: var(--accent-blue);color: var(--white);transform: translateY(-2px);box-shadow: 0 4px 12px var(--alpha-primary-30);}.btn-view-version i {font-size: 12px;transition: transform 0.3s ease;}.btn-view-version:hover i {transform: translateX(4px);}.btn-scan-chapters {flex: 1;min-width: 160px;padding: 12px 20px;background: linear-gradient(135deg, var(--gradient-purple-1) 0%, var(--gradient-purple-2) 100%);color: var(--white);border: none;border-radius: var(--radius-base);font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;gap: 8px;box-shadow: 0 4px 15px var(--alpha-gradient-purple-30);}.btn-scan-chapters:hover {transform: translateY(-2px);box-shadow: 0 6px 20px var(--alpha-gradient-purple-40);}.btn-scan-chapters:active {transform: translateY(0);}.btn-scan-chapters:disabled {opacity: 0.6;cursor: not-allowed;transform: none;}.btn-add-manual {flex: 1;min-width: 140px;padding: 12px 20px;background: var(--white);color: var(--gradient-purple-1);border: 2px solid var(--gradient-purple-1);border-radius: var(--radius-base);font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;gap: 8px;}.btn-add-manual:hover {background: var(--gradient-purple-1);color: var(--white);transform: translateY(-2px);}.btn-add-manual:active {transform: translateY(0);}.dark-theme .btn-scan-chapters {box-shadow: 0 4px 15px var(--alpha-gradient-purple-20);}.dark-theme .btn-add-manual {background: var(--alpha-gradient-purple-10);color: var(--gradient-purple-1);border-color: var(--gradient-purple-1);}.dark-theme .btn-add-manual:hover {background: var(--gradient-purple-1);color: var(--white);}.btn-add-chapter-in-preview {width: 100%;padding: 14px 16px;background: var(--white);color: var(--success-dark);border: 2px dashed var(--success-dark);border-radius: var(--radius-base);font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;gap: 8px;margin-top: 12px;}.btn-add-chapter-in-preview:hover {background: var(--success-dark);color: var(--white);border-style: solid;transform: translateY(-2px);}.dark-theme .btn-add-chapter-in-preview {background: transparent;border-color: var(--success-dark);color: var(--success-dark);}.dark-theme .btn-add-chapter-in-preview:hover {background: var(--success-dark);color: var(--white);}.btn-icon {width: 36px;height: 36px;border: none;background: var(--bg-card);border-radius: var(--radius-base);cursor: pointer;display: flex;align-items: center;justify-content: center;color: var(--text-secondary);transition: all 0.2s ease;}.btn-icon:hover {background: var(--slate-100);color: var(--accent-blue);}.btn-sm {padding: 8px 16px;font-size: 0.9em;border-radius: var(--radius-md);border: none;cursor: pointer;transition: all 0.2s ease;}.btn-primary.btn-sm {background: var(--accent-blue) !important;color: var(--white) !important;flex: 1;}.btn-primary.btn-sm:hover {background: var(--blue-600) !important;}.btn-secondary.btn-sm {background: var(--bg-card);color: var(--text-primary) !important;border: 1px solid var(--slate-200);}.empty-state {text-align: center;padding: 40px 20px;animation: fadeIn 0.3s ease;}.empty-state.hidden {display: none;}.empty-state h4 {font-size: 1.2em;font-weight: 600;color: var(--text-primary);margin-bottom: 8px;}.empty-state p {color: var(--text-secondary);font-size: 0.95em;line-height: 1.5;max-width: 400px;margin: 0 auto;}.form-group label {display: block;margin-bottom: 6px;font-weight: 500;color: var(--text-primary);font-size: 0.95em;}.form-select,.form-input,.form-textarea {width: 100%;padding: 10px 12px;border: 1px solid var(--slate-200);border-radius: var(--radius-md);background: var(--bg-card);color: var(--text-primary);font-family: inherit;font-size: 0.95em;}.form-select:focus,.form-input:focus,.form-textarea:focus {outline: none;border-color: var(--accent-blue);box-shadow: 0 0 0 3px var(--alpha-primary-10);}.form-group input[type="checkbox"] {margin-right: 8px;cursor: pointer;}.form-select.hidden,.form-input.hidden {display: none;}.btn-secondary {background: var(--slate-100);color: var(--text-primary) !important;border: 1px solid var(--slate-200);}.btn-secondary:hover:not(:disabled) {background: var(--slate-200);}.btn-secondary:disabled {opacity: 0.5;cursor: not-allowed;}.btn-primary {background: var(--accent-blue) !important;color: var(--white) !important;border: none;font-weight: 500;cursor: pointer;}.btn-primary:hover:not(:disabled) {background: var(--blue-600) !important;transform: translateY(-1px);}.btn-primary:disabled {opacity: 0.5;cursor: not-allowed;}.btn-success {background: linear-gradient(135deg, var(--sky-500) 0%, var(--primary-dark) 100%) !important;color: var(--white) !important;box-shadow: 0 12px 32px var(--alpha-primary-dark-28);border: none;}.btn-success:hover {background: linear-gradient(135deg, var(--sky-600) 0%, var(--indigo-600) 100%) !important;transform: translateY(-1px) scale(1.01);box-shadow: 0 16px 38px var(--alpha-indigo-30);}.dark-theme .form-select,.dark-theme .form-input,.dark-theme .form-textarea {background: var(--bg-dark-card);color: var(--text-primary);border-color: var(--slate-700);}.dark-theme .btn-secondary {background: var(--slate-700) !important;border-color: var(--slate-600);}.dark-theme .btn-secondary:hover:not(:disabled) {background: var(--slate-600) !important;}.modal-footer {display: flex;gap: 12px;padding-top: 20px;border-top: 1px solid var(--alpha-white-08);}.modal-footer button {flex: 1;}.btn-lg {padding: 12px 24px;font-size: 1em;}.expired-actions .btn-primary {flex: 1;}.expired-actions .btn-secondary {flex: 1;}.dark-theme .modal-close,.dark-theme .close-btn {color: var(--slate-300) !important;background: transparent !important;}.dark-theme .modal-close:hover {color: var(--white) !important;background-color: var(--alpha-white-10) !important;}.dark-theme .btn-icon {background-color: var(--alpha-white-05);color: var(--slate-400);}.dark-theme .btn-icon:hover {background-color: var(--alpha-primary-20);color: var(--blue-400);}.dark-theme .form-group label {color: var(--slate-200);}.dark-theme .form-select,.dark-theme .form-input,.dark-theme .form-textarea {background-color: var(--slate-950);border-color: var(--alpha-white-15);color: var(--slate-100);}.dark-theme .form-select:focus,.dark-theme .form-input:focus {border-color: var(--blue-400);}.confirm-modal .modal-body p {margin: 0;font-size: 1rem;line-height: 1.6;color: var(--text-secondary);}.btn-danger {background: linear-gradient(135deg, var(--danger-color) 0%, var(--danger-dark) 100%);color: var(--white);border: none;cursor: pointer;}.btn-danger:hover {background: linear-gradient(135deg, var(--danger-dark) 0%, var(--red-700) 100%);transform: translateY(-2px);box-shadow: 0 4px 12px var(--alpha-danger-30);}.btn-danger:active {transform: translateY(0);}.dark-theme .confirm-modal .modal-body p {color: var(--dark-text-secondary);}.modal-title-group {display: flex;flex-direction: column;gap: 4px;}.modal-title-group h3 {margin: 0;font-size: 18px;color: var(--text-primary);}.modal-user-email {font-size: 13px;color: var(--text-secondary);margin: 0;}.empty-state {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 60px 20px;text-align: center;color: var(--text-secondary);}.empty-state i {font-size: 48px;margin-bottom: 15px;opacity: 0.5;}.empty-state p {margin: 0;font-size: 14px;}.form-footer button {flex: 1;padding: 10px 16px;font-size: 13px;font-weight: 600;border: none;border-radius: var(--radius-base);cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;gap: 8px;}.dashboard-wrapper {max-width: 1400px;margin: 0 auto;padding: 20px;}.modules-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 30px;}.dark-theme .stat-card,.dark-theme .admin-card {background: var(--bg-dark-card);border-color: var(--alpha-slate-700-40);}.admin-dashboard {padding: 0;}.announcements-cards {display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));gap: 20px;padding: 20px 0;}.admin-announcement-card::-webkit-scrollbar {width: 6px;}.admin-announcement-card::-webkit-scrollbar-track {background: transparent;}.admin-announcement-card::-webkit-scrollbar-thumb {background: var(--alpha-slate-400-30);border-radius: var(--radius-xs);}.admin-announcement-card::-webkit-scrollbar-thumb:hover {background: var(--alpha-slate-400-50);}.admin-announcement-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, var(--primary), var(--purple));opacity: 0;transition: opacity 0.3s ease;}.admin-announcement-card:hover {transform: translateY(-4px);box-shadow: 0 8px 24px var(--alpha-primary-15);}.admin-announcement-card:hover::before {opacity: 1;}@media (max-width: 768px) {.language-group {padding: 15px;}.grade-group {padding-left: 10px;}.paper-item {flex-direction: column;align-items: flex-start;gap: 12px;}.paper-info {width: 100%;text-align: center;flex-direction: column;}.paper-details {width: 100%;text-align: center;align-items: center;flex-direction: column;}.paper-year-badge {align-self: center;}.paper-actions {align-self: center;width: 100%;justify-content: center;}.textbook-item {width: 100%;flex-direction: column;align-items: flex-start;gap: 10px;text-align: center;}.textbook-info {width: 100%;}.textbook-actions {width: 100%;justify-content: center;}.chapter-actions-header {flex-direction: column;align-items: stretch;}.chapter-actions-header .btn-primary,.chapter-actions-header .btn-secondary {width: 100%;justify-content: center;}.chapters-list .admin-table {display: block;overflow-x: auto;width: 100%;}.chapter-card-header {flex-direction: column;}.chapter-card-info {width: 100%;text-align: center;align-items: center;}.chapter-card-title {justify-content: center;text-align: center;}.chapter-card-pages {justify-content: center;width: 100%;}.chapter-card-actions {width: 100%;justify-content: center;margin-top: 10px;}.past-paper-upload-modal {max-width: 95vw;}.pdf-viewer-modal {max-width: 100vw;width: 100vw;}#upload-past-paper-btn {width: 100%;}.answer-item {flex-direction: column;align-items: flex-start;gap: 12px;}.answer-info {width: 100%;text-align: center;flex-direction: column;}.answer-details {width: 100%;text-align: center;align-items: center;flex-direction: column;}.answer-actions {align-self: center;width: 100%;justify-content: center;}#add-textbook-answer-btn {width: 100%;}.note-item {flex-direction: column;align-items: flex-start;gap: 12px;}.note-info {width: 100%;text-align: center;flex-direction: column;}.note-details {width: 100%;text-align: center;align-items: center;flex-direction: column;}.note-actions {align-self: center;width: 100%;justify-content: center;}#add-short-note-btn {width: 100%;}.announcements-cards {grid-template-columns: 1fr;gap: 16px;padding: 16px 0;}.admin-content .announcement-card {margin: 0% !important;}.announcement-card {padding: 18px;gap: 12px;}.card-header {flex-direction: column;gap: 10px;}.type-badge,.status-badge {font-size: 11px;padding: 5px 10px;}.card-title {font-size: 16px;}.card-message {font-size: 13px;line-height: 1.5;}.card-button,.card-footer-preview {font-size: 12px;padding: 8px 10px;}.card-meta {gap: 10px;padding-top: 10px;flex-wrap: wrap;}.meta-item {font-size: 11px;}.admin-actions {display: flex;gap: 6px;padding-top: 10px;flex-wrap: wrap;}#add-announcement-btn {width: 100%;}}.admin-count,.user-count-badge {display: inline-flex;align-items: center;justify-content: center;min-width: 42px;height: 28px;padding: 0 12px;background: linear-gradient(135deg, var(--primary), var(--primary-dark));color: var(--white);border-radius: var(--radius-2xl);font-size: 13px;font-weight: 700;box-shadow: 0 2px 8px var(--alpha-primary-25);transition: all 0.2s ease;}.admin-count:hover,.user-count-badge:hover {transform: translateY(-2px);box-shadow: 0 4px 12px var(--alpha-primary-35);}.stats-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 25px;margin-bottom: 50px;}.section-header {display: flex;align-items: center;gap: 15px;margin-bottom: 30px;}.admin-card {background: var(--bg-card);border-radius: var(--border-radius);padding: 30px;box-shadow: var(--shadow-md);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;text-decoration: none;display: flex;flex-direction: column;border: 1px solid var(--alpha-slate-200-60);}.admin-card::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 5px;background: var(--card-gradient);opacity: 1;}.admin-card:hover {transform: translateY(-10px);box-shadow: var(--shadow-lg);}.admin-card:hover .card-icon {transform: scale(1.1);}.admin-card:hover .action-arrow {background: var(--text-primary);color: var(--white);border-color: var(--text-primary);transform: translateX(5px);}.dark-theme .admin-card:hover .action-arrow {background: var(--text-dark);color: var(--bg-dark);border-color: var(--text-dark);}.admin-welcome {margin-bottom: 30px;}.admin-welcome h2 {font-size: 28px;font-weight: 700;margin-bottom: 8px;color: var(--text-primary);display: flex;align-items: center;gap: 12px;}.admin-welcome h2 i {background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.admin-welcome p {color: var(--text-secondary);font-size: 15px;}.admin-stats-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 20px;margin-bottom: 40px;}.admin-management-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 25px;}.admin-item-card {background: var(--bg-secondary);border-radius: var(--border-radius);padding: 30px;border: 1px solid var(--border);transition: all 0.3s ease;position: relative;overflow: hidden;text-decoration: none;display: block;}.admin-item-card::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 4px;background: var(--gradient-primary);transform: scaleX(0);transition: transform 0.3s ease;}.admin-item-card:hover::before {transform: scaleX(1);}.admin-item-card:hover {transform: translateY(-5px);box-shadow: 0 10px 30px var(--alpha-black-10);border-color: var(--accent-blue);}.admin-item-card h3 {font-size: 20px;font-weight: 700;color: var(--text-primary);margin-bottom: 10px;}.admin-item-card p {color: var(--text-secondary);font-size: 14px;line-height: 1.6;margin-bottom: 15px;}.admin-item-card:hover .manage-arrow {background: var(--accent-blue);color: var(--white);transform: translateX(5px);}.admin-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;flex-wrap: wrap;gap: 20px;}.admin-header-left h2 {font-size: 26px;font-weight: 700;color: var(--text-primary);margin-bottom: 8px;display: flex;align-items: center;gap: 12px;}.admin-header-left h2 i {background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.admin-header-left p {color: var(--text-secondary);font-size: 14px;}.admin-search-bar {position: relative;margin-bottom: 25px;border: 1px solid var(--border-color);border-radius: var(--border-radius);background: var(--bg-card);padding: 0;overflow: hidden;}.admin-search-bar i {position: absolute;left: 18px;top: 50%;transform: translateY(-50%);color: var(--text-secondary);font-size: 16px;}.admin-search-bar input {width: 100%;padding: 14px 20px 14px 50px;border: none;background: transparent;color: var(--text-primary);font-size: 15px;transition: all 0.3s ease;}.admin-search-bar input:focus {outline: none;background: transparent;}.admin-actions {display: flex;justify-content: flex-end;gap: 10px;margin: 10px 0 20px;}.admin-table-container {overflow-x: auto;}.admin-table {width: 100%;border-collapse: collapse;}.admin-table thead {background: var(--alpha-primary-05);}.admin-table th {padding: 15px 20px;text-align: left;font-weight: 600;color: var(--text-primary);font-size: 14px;border-bottom: 2px solid var(--border);white-space: nowrap;}.admin-table td {padding: 18px 20px;color: var(--text-primary);border-bottom: 1px solid var(--border);font-size: 14px;}.admin-table tbody tr {transition: background 0.2s ease;}.admin-table tbody tr:hover {background: var(--alpha-primary-03);}.admin-table tbody tr:last-child td {border-bottom: none;}.admin-table .actions-cell {display: flex;gap: 8px;}.user-card.admin-card {border-color: var(--alpha-primary-30);background: linear-gradient(135deg, var(--alpha-primary-05) 0%, transparent 100%);}.user-card.admin-card:hover {border-color: var(--accent-blue);box-shadow: 0 10px 30px var(--alpha-primary-20);}.card-avatar.admin-avatar {background: var(--alpha-primary-15);color: var(--accent-blue);}.search-results {max-height: 300px;overflow-y: auto;margin-top: 8px;border: 1px solid var(--border);border-radius: var(--radius-base);background: var(--bg-primary);}.dark-theme .user-card.admin-card {background: linear-gradient(135deg, var(--alpha-primary-08), transparent);border-color: var(--alpha-primary-20);}.chapters-list .admin-table {margin-top: 0;}.admin-cards-grid {display: grid;gap: 25px;}@media (max-width: 600px) {.admin-actions button {width: 100%;}#sn-subjects-container .exercise-list .exercise {display: flex;flex-direction: column;align-items: center;text-align: center;padding: 20px;gap: 5px;}#sn-subjects-container .exercise .title {width: 100%;margin-bottom: 10px;font-size: 16px;line-height: 1.4;text-align: center;}#sn-subjects-container .exercise .actions {width: 100%;display: flex;flex-direction: column;align-items: center;gap: 8px;margin: 0;}#sn-subjects-container .exercise .reading-time {font-size: 13px;color: var(--slate-500);display: inline-block;margin: 0;}#sn-subjects-container .exercise .btn-sm {width: 100%;justify-content: center;padding: 12px;}}.admin-tabs {display: flex;gap: 12px;margin-bottom: 25px;border-bottom: 2px solid var(--border);}.admin-tab {padding: 12px 24px;background: none;border: none;border-bottom: 3px solid transparent;color: var(--text-secondary);font-weight: 600;font-size: 15px;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;gap: 8px;margin-bottom: -2px;}.admin-tab:hover {color: var(--text-primary);}.admin-tab.active {color: var(--accent-blue);border-bottom-color: var(--accent-blue);}.admin-tab-content {display: none;}.admin-tab-content.active {display: block;}.admin-modal {max-width: 700px;}.admin-modal .modal-body {max-height: 70vh;overflow-y: auto;}.faqs-header .admin-search-bar {width: 100%;}.plans-header {display: flex;justify-content: space-between;align-items: center;gap: 16px;margin-bottom: 16px;}.admin-modal.large {max-width: 760px;width: 95%;}.admin-action-btn.reply-btn {color: var(--primary);background: var(--alpha-primary-dark-10);}.admin-action-btn.reply-btn:hover {background: var(--alpha-primary-20);color: var(--primary-dark);}.dark-theme .admin-action-btn.reply-btn {color: var(--primary-light);background: var(--alpha-primary-15);}.dark-theme .admin-action-btn.reply-btn:hover {background: var(--alpha-primary-25);color: var(--primary-light);}.role-badge.admin {background: var(--alpha-purple-10);color: var(--purple-dark);}@media (max-width: 768px) {.admin-header {flex-direction: column;align-items: stretch;}.admin-stats-grid {grid-template-columns: 1fr;}.admin-management-grid {grid-template-columns: 1fr;}.admin-table-container {overflow-x: scroll;}.past-papers-grid {grid-template-columns: 1fr;}}.items-grouped {display: flex;flex-direction: column;gap: 30px;}.grades-grid,.subjects-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 20px;padding: 20px 0;}.admin-item-card {position: relative;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-15);padding: 20px;display: flex;align-items: center;gap: 15px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 2px 8px var(--alpha-black-05), inset 4px 0 0 0 var(--primary);overflow: hidden;}.admin-item-card:hover {transform: translateY(-4px);box-shadow: 0 8px 24px var(--alpha-primary-15), inset 6px 0 0 0 var(--purple);}.admin-item-icon {flex-shrink: 0;width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--alpha-primary-10), var(--alpha-purple-600-10));border-radius: var(--radius-xl);transition: all 0.3s ease;}.admin-item-icon i {font-size: 28px;color: var(--primary-dark);}.admin-item-card:hover .admin-item-icon {transform: scale(1.1) rotate(5deg);background: linear-gradient(135deg, var(--alpha-primary-20), var(--alpha-purple-600-20));}.admin-item-card:hover .admin-item-icon i {color: var(--purple-400);}.admin-item-content {flex: 1;min-width: 0;}.admin-item-title {font-size: 18px;font-weight: 600;color: var(--text-primary);margin: 0 0 8px 0;line-height: 1.3;overflow: hidden;}.admin-item-meta {display: flex;gap: 8px;flex-wrap: wrap;}.admin-item-actions {display: flex;gap: 8px;flex-shrink: 0;}.admin-action-btn {width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;border: none;border-radius: var(--radius-base);cursor: pointer;font-size: 14px;transition: all 0.2s ease;background: transparent;color: var(--text-secondary);}.admin-action-btn:hover {transform: translateY(-2px);}.admin-action-btn.edit-btn {color: var(--primary);background: var(--alpha-primary-10);}.admin-action-btn.edit-btn:hover {background: var(--alpha-primary-20);color: var(--primary);}.admin-action-btn.delete-btn {color: var(--danger);background: var(--alpha-danger-10);}.admin-action-btn.delete-btn:hover {background: var(--alpha-danger-20);color: var(--danger);}.dark-theme .admin-item-card {background: var(--bg-card-dark);border-color: var(--border-dark);box-shadow: 0 2px 8px var(--alpha-black-30);}.dark-theme .admin-item-card:hover {box-shadow: 0 8px 24px var(--alpha-primary-25);}.dark-theme .admin-item-icon {background: linear-gradient(135deg, var(--alpha-primary-15), var(--alpha-purple-600-15));}.dark-theme .admin-item-icon i {color: var(--indigo-400);}.dark-theme .admin-item-card:hover .admin-item-icon {background: linear-gradient(135deg, var(--alpha-primary-25), var(--alpha-purple-600-25));}.dark-theme .admin-item-card:hover .admin-item-icon i {color: var(--purple-300);}.dark-theme .admin-item-title {color: var(--dark-text-primary);}.dark-theme .admin-action-btn {color: var(--dark-text-secondary);}.dark-theme .admin-action-btn.edit-btn {color: var(--blue-400);background: var(--alpha-primary-15);}.dark-theme .admin-action-btn.edit-btn:hover {background: var(--alpha-primary-25);color: var(--blue-400);}.dark-theme .admin-action-btn.delete-btn {color: var(--danger-light);background: var(--alpha-danger-15);}.dark-theme .admin-action-btn.delete-btn:hover {background: var(--alpha-danger-25);color: var(--danger-light);}@media (max-width: 768px) {.grades-grid,.subjects-grid {grid-template-columns: 1fr !important;gap: 15px;}.admin-item-card {padding: 16px;flex-direction: column;align-items: center;gap: 12px;}.admin-item-icon {width: 48px;height: 48px;}.admin-item-icon i {font-size: 24px;}.admin-item-title {font-size: 16px;white-space: normal;text-align: center;width: 100%;}.admin-item-content {width: 100%;text-align: center;}.admin-item-meta {justify-content: center;}.admin-item-actions {width: 100%;justify-content: center;gap: 10px;}.admin-item-actions .admin-action-btn {width: 44px;height: 44px;}}.btn-add-admin {display: flex;align-items: center;gap: 10px;padding: 12px 20px;background: linear-gradient(135deg, var(--primary), var(--primary-dark));color: var(--white);border: none;border-radius: var(--radius-lg);font-weight: 600;font-size: 14px;cursor: pointer;transition: all 0.3s ease;white-space: nowrap;}.btn-add-admin:hover {transform: translateY(-2px);box-shadow: 0 8px 20px var(--alpha-primary-30);}.btn-add-admin i {font-size: 16px;}.user-card,.admin-card {background: var(--bg-primary);border: 2px solid var(--border);border-radius: var(--radius-xl);overflow: hidden;transition: all 0.3s ease;display: flex;flex-direction: column;}.user-card:hover,.admin-card:hover {transform: translateY(-8px);border-color: var(--primary);box-shadow: 0 12px 32px var(--alpha-primary-20);}.admin-card {border-color: var(--alpha-primary-30);background: linear-gradient(135deg, var(--bg-primary) 0%, var(--alpha-primary-03) 100%);}.admin-card:hover {border-color: var(--primary);}.admin-card.status-active {border-left: 4px solid var(--primary-dark);}.admin-card.status-inactive {border-left: 4px solid var(--danger);opacity: 0.85;}.user-avatar.admin-avatar {background: linear-gradient(135deg, var(--primary-dark), var(--purple-dark));}.user-details,.admin-badge {display: flex;flex-wrap: wrap;gap: 12px;justify-content: center;}.admin-badge {padding: 10px 14px;background: linear-gradient(135deg, var(--alpha-indigo-15), var(--alpha-purple-15));border-radius: var(--radius-base);font-size: 13px;font-weight: 600;color: var(--primary);justify-content: center;align-items: center;}.admin-badge i {margin-right: 6px;display: inline-flex;align-items: center;}.register-admin-modal {max-width: 450px;}.dark-theme .user-card,.dark-theme .admin-card {background: var(--alpha-slate-950-80);border-color: var(--alpha-slate-400-12);}.dark-theme .user-card:hover,.dark-theme .admin-card:hover {background: var(--slate-950);border-color: var(--primary);}.dark-theme .admin-badge {background: var(--alpha-primary-dark-10);}@media (max-width: 1024px) {.users-cards-container {grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}.users-header {flex-direction: column;align-items: flex-start;}.btn-add-admin {width: 100%;justify-content: center;}}.textbook-header {display: flex;justify-content: space-between;align-items: center;gap: 10px;}.textbook-header h4 {margin: 0;font-size: 16px;font-weight: 600;color: var(--text-primary);}.textbook-card .card-icon {background: var(--gradient-accent);}.tb-header-row {display: flex;justify-content: space-between;align-items: center;gap: 15px;margin-bottom: 20px;flex-wrap: wrap;}.exercise-list {display: none;padding: 0 18px 16px 18px;width: 100%;box-sizing: border-box;}.chapter-item.open .exercise-list {display: block;}.exercise-list .exercise {display: flex;align-items: center;justify-content: space-between;padding: 10px 0;border-bottom: 1px dashed var(--alpha-slate-400-30);width: 100%;gap: 15px;}.exercise-list .exercise:last-child {border-bottom: 0;}.exercise .title {font-weight: 500;flex: 1;}.exercise .actions {display: flex;gap: 10px;flex-shrink: 0;}.exercise .btn-sm {padding: 8px 12px;border-radius: var(--radius-lg);font-size: 13px;border: 1px solid var(--alpha-slate-400-30);background: var(--bg-card);color: var(--accent-blue);cursor: pointer;transition: all 0.2s ease;}.exercise .btn-sm:hover {background: var(--accent-blue);color: var(--white);border-color: var(--accent-blue);}.pp-subject-years .exercise-list {display: block;padding: 0 0 12px 0;}.pp-subject-years .exercise {display: flex;align-items: center;justify-content: space-between;padding: 10px 18px;border-bottom: 1px dashed var(--alpha-slate-400-30);}.pp-subject-years .exercise:last-child {border-bottom: 0;}.pp-subject-years .exercise .title {font-weight: 600;}.pp-subject-years .exercise .btn-sm {padding: 8px 12px;border-radius: var(--radius-lg);font-size: 13px;border: 1px solid var(--alpha-success-30);background: var(--bg-card);color: var(--success-dark);}.exercise-content-wrapper {overflow-x: auto;}.exercise-content-wrapper table tr {border-bottom: 1px solid var(--alpha-slate-400-10);}.exercise-content-wrapper table tr:last-child {border-bottom: none;}.exercise-header {margin-bottom: 25px;padding-bottom: 20px;border-bottom: 2px solid var(--alpha-slate-400-15);}.exercise-meta {display: flex;flex-direction: column;gap: 10px;}.exercise-badge {display: inline-flex;align-items: center;gap: 6px;background: var(--alpha-primary-12);color: var(--accent-blue);padding: 6px 12px;border-radius: var(--radius-base);font-size: 13px;font-weight: 600;width: fit-content;}.exercise-title {font-size: 26px;font-weight: 700;color: var(--text-primary);margin: 0;}.support-about-content-wrapper {background: var(--bg-card);border-radius: var(--radius-2xl);padding: 30px;margin-bottom: 25px;box-shadow: var(--shadow-sm);border: 1px solid var(--alpha-slate-400-15);min-height: 300px;width: 100%;max-width: 100%;box-sizing: border-box;min-width: 0;overflow-x: auto;}.support-about-content-wrapper h2 {margin-bottom: 15px;}.support-about-content-wrapper i {color:#10b981;}.exercise-content-wrapper {background: var(--bg-card);border-radius: var(--radius-2xl);padding: 30px;margin-bottom: 25px;box-shadow: var(--shadow-sm);border: 1px solid var(--alpha-slate-400-15);min-height: 300px;width: 100%;max-width: 100%;box-sizing: border-box;min-width: 0;overflow-x: auto;}.exercise-content-wrapper table {width: 100%;border-collapse: collapse;margin: 20px 0;}.exercise-content-wrapper table td {padding: 15px;vertical-align: top;}.exercise-content-wrapper table td:has(img:only-child) {padding: 5px !important;}.exercise-content-wrapper img {max-width: 100%;height: auto;border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);display: block;}.exercise-navigation {display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 20px 0;}.exercise-navigation .btn {min-width: 140px;}.exercise-counter {font-weight: 600;color: var(--text-secondary);font-size: 15px;}@media (max-width: 400px) {.exercise-navigation {flex-direction: column;align-items: stretch;gap: 15px;}.exercise-navigation .btn {width: 100%;min-width: auto;justify-content: center;}.exercise-counter {text-align: center;margin: 5px 0;}}@media (max-width: 500px) {.exercise-content-wrapper {width: 100vw !important;max-width: 100vw !important;margin: 0 !important;padding: 5px !important;box-sizing: border-box !important;overflow-x: hidden !important;display: block !important;position: relative;left: 0;}.exercise-content-wrapper td {display: block !important;width: calc(100vw - 20px) !important;max-width: calc(100vw - 20px) !important;padding: 10px 5px !important;margin: 0 auto !important;box-sizing: border-box !important;overflow-x: auto !important;overflow-y: hidden !important;border: none !important;border-bottom: 1px solid var(--alpha-slate-400-10) !important;}.exercise-content-wrapper td:has(img:only-child) {padding: 5px !important;margin: 0 !important;width: 100% !important;max-width: 100% !important;}.exercise-content-wrapper mjx-container,.exercise-content-wrapper .MathJax,.exercise-content-wrapper .MathJax_Display {width: fit-content !important;min-width: auto !important;max-width: none !important;display: block !important;overflow: visible !important;margin: 0 !important;font-size: 85% !important;}.exercise-content-wrapper img {max-width: 100% !important;width: 100% !important;height: auto !important;display: block;}}@media (max-width: 768px) {.exercise-content-wrapper {width: 100% !important;max-width: 100% !important;overflow-x: visible !important;padding: 10px !important;margin: 0 !important;box-sizing: border-box !important;display: block;min-width: 0 !important;}#exercise-view {padding: 0 5px !important;max-width: 100vw !important;overflow-x: hidden !important;font-size: 10px;}.exercise-content-wrapper table,.exercise-content-wrapper tbody,.exercise-content-wrapper tr {display: block !important;width: 100% !important;max-width: 100% !important;box-sizing: border-box !important;border: none !important;}.exercise-content-wrapper tr {margin-bottom: 20px;background: var(--bg-card);border: 1px solid var(--alpha-slate-400-25) !important;border-radius: var(--radius-xl);box-shadow: 0 2px 8px var(--alpha-black-05);display: flex !important;flex-direction: column;min-width: 0 !important;}.exercise-content-wrapper td {display: block !important;width: calc(100% - 28px) !important;max-width: calc(100vw - 68px) !important;box-sizing: border-box !important;padding: 12px 14px !important;border: none !important;border-bottom: 1px solid var(--alpha-slate-400-10) !important;text-align: left !important;min-width: 0 !important;overflow-x: auto !important;overflow-y: hidden !important;-webkit-overflow-scrolling: touch !important;white-space: normal !important;}.exercise-content-wrapper td:has(img:only-child) {padding: 5px !important;}.exercise-content-wrapper td:last-child {border-bottom: none !important;}.exercise-content-wrapper img,.exercise-content-wrapper td img {max-width: 100% !important;width: 100% !important;height: auto !important;display: block;object-fit: contain;}.exercise-content-wrapper mjx-container,.exercise-content-wrapper .MathJax,.exercise-content-wrapper .MathJax_Display,.exercise-content-wrapper .mjx-chtml,.exercise-content-wrapper span.MathJax {max-width: none !important;width: auto !important;min-width: 0 !important;display: inline-block !important;margin: 0 !important;padding: 5px 0 !important;outline: none !important;}.exercise-navigation {flex-direction: column;gap: 10px;}.exercise-navigation .btn {width: 100%;margin: 0;}}#sn-note-view .exercise-content-wrapper p,#sn-note-view .exercise-content-wrapper li,#sn-note-view .exercise-content-wrapper div {margin-bottom: 10px !important;line-height: 1.6 !important;color: var(--slate-700) !important;width: auto !important;}.dark-theme #sn-note-view .exercise-content-wrapper p,.dark-theme #sn-note-view .exercise-content-wrapper li,.dark-theme #sn-note-view .exercise-content-wrapper div {color: var(--text-secondary) !important;}#sn-note-view .exercise-content-wrapper ul,#sn-note-view .exercise-content-wrapper ol {padding-left: 20px !important;margin-left: 5px !important;}.dark-theme #sn-note-view .exercise-content-wrapper ul,.dark-theme #sn-note-view .exercise-content-wrapper ol {color: var(--text-secondary) !important;}#sn-note-view .exercise-content-wrapper img {display: block !important;margin: 15px auto !important;max-width: 100% !important;height: auto !important;object-fit: contain !important;}@media (max-width: 768px) {#sn-note-view .exercise-content-wrapper {width: 100% !important;max-width: 100% !important;overflow-x: visible !important;display: block !important;border: none !important;box-shadow: none !important;}#sn-note-view .exercise-content-wrapper * {max-width: 100% !important;box-sizing: border-box !important;word-wrap: break-word !important;overflow-wrap: break-word !important;white-space: normal !important;}}.textbook-link {display: inline-flex;align-items: center;gap: 6px;color: var(--accent-blue);font-size: 13px;margin-top: 8px;text-decoration: none;transition: all 0.2s ease;}.textbook-link:hover {color: var(--accent-purple);}.textbooks-list {display: grid;gap: 25px;}.textbook-item {padding: 25px;transition: all 0.3s ease;}.textbook-item:hover {box-shadow: 0 8px 25px var(--alpha-black-10);}.textbook-header {display: flex;justify-content: space-between;align-items: start;margin-bottom: 15px;}.textbook-header h3 {font-size: 20px;font-weight: 700;color: var(--text-primary);}.textbook-actions {display: flex;gap: 8px;}.dark-theme .exercise .title {color: var(--text-primary);}.dark-theme .exercise .reading-time {color: var(--text-light);}.textbook-item {display: flex;justify-content: space-between;align-items: center;padding: 12px 15px;transition: all 0.2s ease;border-radius: var(--border-radius-md);}.textbook-item:hover {border-color: var(--primary);box-shadow: 0 2px 8px var(--alpha-primary-10);transform: translateX(3px);}.textbook-info {display: flex;align-items: center;gap: 12px;flex: 1;}.textbook-header-content {flex: 1;}.textbook-title {font-size: 15px;font-weight: 600;color: var(--text-secondary);margin: 0 0 4px 0;}.textbook-pdf-link {font-size: 12px;color: var(--primary);text-decoration: none;transition: all 0.2s ease;}.textbook-pdf-link:hover {color: var(--primary-dark);text-decoration: underline;}.textbook-actions {display: flex;gap: 8px;}.textbooks-grouped {display: flex;flex-direction: column;gap: 2px;}.items-grouped {display: flex;flex-direction: column;gap: 30px;}.dark-theme .textbook-item {background: var(--bg-card-dark);border-color: var(--border-dark);}.dark-theme .textbook-item:hover {border-color: var(--primary);}.dark-theme .textbook-title {color: var(--dark-text-secondary);}.past-papers-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 20px;margin-top: 20px;}.past-papers-card .card-icon {background: var(--gradient-success);}#pdf-viewer-modal {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: var(--alpha-slate-950-90);z-index: 2000;display: none;align-items: center;justify-content: center;backdrop-filter: blur(5px);transition: all 0.3s ease;overflow: hidden;box-sizing: border-box;}#pdf-viewer-modal:not(.hidden) {display: flex !important;animation: fadeIn 0.2s ease-out;}.pdf-modal-card {width: 95vw;max-width: min(1400px, 95vw);height: 90vh;max-height: 90vh;display: flex;flex-direction: column;background: var(--bg-card);border-radius: var(--radius-xl);overflow: hidden;position: relative;box-shadow: 0 20px 50px var(--alpha-black-50);border: 1px solid var(--alpha-slate-400-10);padding: 10px !important;box-sizing: border-box;}.pdf-header {display: flex;justify-content: space-between;align-items: center;padding: 10px 15px;position: relative;box-sizing: border-box;width: 100%;max-width: 100%;}.dark-theme .pdf-header {background: var(--slate-900);border-bottom: 1px solid var(--alpha-white-08);}.pdf-controls-left {display: flex;align-items: center;gap: 15px;flex: 1;box-sizing: border-box;min-width: 0;}.pdf-controls-center {flex: 1;display: flex;justify-content: center;box-sizing: border-box;min-width: 0;gap: 10px;}.pdf-controls-right {flex: 1;display: flex;justify-content: flex-end;gap: 8px;box-sizing: border-box;min-width: 0;}.pdf-header #pdf-close-btn {order: 99;margin-left: 10px;}.pdf-header h3 {margin: 0;font-family: 'Outfit', sans-serif;font-size: 1rem;font-weight: 600;color: var(--text-primary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 200px;}.pdf-page-input {width: 45px;background: var(--bg-light);border: 1px solid var(--alpha-slate-400-30);color: var(--text-primary);padding: 4px;border-radius: var(--radius-md);text-align: center;font-weight: 600;}.pdf-zoom-select {background: var(--bg-light);border: 1px solid var(--alpha-slate-400-30);color: var(--text-primary);padding: 4px 8px;border-radius: var(--radius-md);cursor: pointer;font-size: 13px;outline: none;}.pdf-main-area {display: flex;flex: 1;overflow: hidden;position: relative;background: var(--slate-100);box-sizing: border-box;width: 100%;max-width: 100%;}.dark-theme .pdf-main-area {background: var(--slate-950);}.pdf-sidebar {width: 260px;background: var(--bg-card);border-right: 1px solid var(--alpha-slate-400-15);display: flex;flex-direction: column;flex-shrink: 0;transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index: 20;}.dark-theme .pdf-sidebar {border-right: 1px solid var(--alpha-white-08);}.pdf-sidebar.hidden {display: none;}.pdf-outline-content {flex: 1;overflow-y: auto;padding: 10px;}.pdf-body {flex: 1;overflow: auto;display: flex;justify-content: center;align-items: flex-start;padding: 30px;position: relative;box-sizing: border-box;width: 100%;max-width: 100%;}#pdf-canvas {background: var(--white);box-shadow: 0 4px 6px -1px var(--alpha-black-10);max-width: none;}.pdf-loader,.pdf-error-message {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 30;padding: 20px;border-radius: var(--radius-xl);}.pdf-progress-bar {width: 200px;height: 4px;background: var(--alpha-slate-400-20);border-radius: var(--radius-lg);margin: 15px auto 0;overflow: hidden;}.pdf-progress-fill {height: 100%;background: var(--accent-blue);width: 0%;transition: width 0.3s ease;}@media (max-width: 500px) {.pdf-modal-card {width: 100vw !important;max-width: 100vw !important;height: 100vh !important;max-height: 100vh !important;margin: 0 !important;border-radius: 0 !important;padding: 0 !important;}.pdf-header {flex-direction: row;flex-wrap: wrap;padding: 8px 8px 4px 8px;gap: 0px 10px;width: 100%;max-width: 100%;box-sizing: border-box;min-height: unset;align-items: center;justify-content: center;}.pdf-controls-left {width: 100%;max-width: 100%;display: flex;justify-content: space-between;align-items: center;order: 1;position: relative;box-sizing: border-box;min-height: 36px;flex-basis: 100%;}#pdf-title {position: absolute;left: 50%;transform: translateX(-50%);margin: 0;max-width: 50%;z-index: 1;}#pdf-toggle-sidebar {z-index: 2;}.pdf-header h3 {font-size: 0.85rem;max-width: 50%;text-align: center;margin: 0 auto;padding: 0 40px;}#pdf-close-btn {z-index: 2;background: var(--alpha-danger-10);color: var(--danger);min-width: 32px;min-height: 32px;padding: 6px;}.pdf-controls-center {display: contents;}.pdf-controls-right {display: contents;}#pdf-zoom-in {order: 2;background: var(--bg-light);padding: 6px;border-radius: var(--radius-base);width: 32px;flex-shrink: 0;}#pdf-prev {order: 3;background: var(--bg-light);padding: 6px;border-radius: var(--radius-base);width: 32px;flex-shrink: 0;}.page-info {order: 4;background: var(--bg-light);padding: 6px 10px;border-radius: var(--radius-base);flex-shrink: 0;}#pdf-next {order: 5;background: var(--bg-light);padding: 6px;border-radius: var(--radius-base);width: 32px;flex-shrink: 0;}#pdf-zoom-out {order: 6;background: var(--bg-light);padding: 6px;border-radius: var(--radius-base);width: 32px;flex-shrink: 0;}.pdf-zoom-select {display: none;}.btn-sm-icon,.btn-icon.small {width: 32px !important;height: 32px !important;min-width: 32px;min-height: 32px;background: var(--bg-light);padding: 6px;font-size: 14px;}.pdf-page-input {width: 42px;height: 30px;padding: 2px 4px;font-size: 13px;}.page-info {display: flex;align-items: center;gap: 4px;font-size: 13px;}.pdf-header .divider-vertical {display: none;}.pdf-body {padding: 8px 4px 4px 4px;align-items: center;}.pdf-main-area {flex: 1;overflow: hidden;height: calc(100vh - 110px);}.pdf-sidebar {position: absolute;top: 0;left: 0;height: 100%;width: 85%;max-width: 280px;z-index: 100;box-shadow: 10px 0 30px var(--alpha-black-50);}}@media (min-width: 501px) {.pdf-controls-left {justify-content: flex-start;}#pdf-close-btn {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}.pdf-controls-right {padding-right: 50px;}}.pdf-viewer-card {width: 95%;max-width: 1200px;height: 90vh;display: flex;flex-direction: column;max-height: 90vh;}.pdf-toolbar {display: flex;justify-content: space-between;align-items: center;gap: 12px;padding: 12px 16px;border-bottom: 1px solid var(--alpha-slate-400-20);background: var(--bg-card);flex-wrap: wrap;}.pdf-btn {background: transparent;border: 1px solid var(--alpha-slate-400-30);padding: 8px 12px;border-radius: var(--radius-base);cursor: pointer;transition: all 0.2s ease;color: var(--text-primary);font-size: 14px;display: inline-flex;align-items: center;gap: 6px;}.pdf-btn:hover:not(:disabled) {background: var(--accent-blue);color: var(--white);border-color: var(--accent-blue);}.pdf-btn:disabled {opacity: 0.4;cursor: not-allowed;}.pdf-btn-close {background: var(--alpha-danger-10);border-color: var(--alpha-danger-30);color: var(--danger);}.pdf-btn-close:hover {background: var(--danger);color: var(--white);border-color: var(--danger);}.pdf-divider {width: 1px;height: 24px;background: var(--alpha-slate-400-20);margin: 0 4px;}.pdf-page-status {font-weight: 600;color: var(--text-secondary);font-size: 14px;min-width: 80px;text-align: center;}.pdf-page-input {width: 70px;padding: 6px 8px;border-radius: var(--radius-base);border: 1px solid var(--alpha-slate-400-35);background: var(--bg-card);color: var(--text-primary);font-size: 14px;}.pdf-content {display: grid;grid-template-columns: 260px 1fr;gap: 0;flex: 1;overflow: hidden;background: var(--gray-50);}.dark-theme .pdf-content {background: var(--slate-900);}.pdf-outline {overflow: auto;border-right: 1px solid var(--alpha-slate-400-20);padding: 16px;background: var(--bg-card);}.pdf-outline.hidden {display: none;}.pdf-outline ul {list-style: none;padding: 0;margin: 0;}.pdf-outline li {padding: 8px 4px;cursor: pointer;border-radius: var(--radius-md);transition: background 0.2s ease;font-size: 13px;}.pdf-outline li:hover {background: var(--alpha-primary-10);color: var(--accent-blue);}.pdf-canvas-container {overflow: auto;display: flex;align-items: center;justify-content: center;background: var(--gray-50);position: relative;padding: 20px;}.pdf-iframe-container {overflow: auto;display: flex;align-items: stretch;justify-content: center;background: var(--gray-50);position: relative;}.dark-theme .pdf-iframe-container {background: var(--slate-900);}.pdf-iframe-container iframe {background: var(--white);border-radius: var(--radius-base);box-shadow: 0 4px 12px var(--alpha-black-10);}.dark-theme .pdf-canvas-container {background: var(--slate-900);}.pdf-canvas-container canvas {background: var(--white);border-radius: var(--radius-base);box-shadow: 0 4px 12px var(--alpha-black-10);max-width: 100%;height: auto;}.pdf-loading,.pdf-error {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 10;}.pdf-loading i {font-size: 48px;color: var(--accent-blue);margin-bottom: 16px;}.pdf-loading p {font-size: 16px;color: var(--text-secondary);font-weight: 500;}.pdf-error i {font-size: 48px;color: var(--danger);margin-bottom: 16px;}.pdf-error p {font-size: 16px;color: var(--text-primary);font-weight: 500;margin-bottom: 16px;}.pdf-fallback {position: relative;width: 100%;height: 100%;background: var(--alpha-black-02);border-radius: var(--radius-base);overflow: hidden;}.pdf-fallback iframe {width: 100%;height: 100%;border: none;background: var(--white);}.pdf-fallback-protector {position: absolute;top: 0;left: 0;right: 0;height: 60px;background: transparent;z-index: 5;}@media (max-width: 900px) {.navbar .login-btn-top .login-btn-text {display: none;}.navbar .login-btn-top {padding: 10px;width: 38px;justify-content: center;}.pdf-content {grid-template-columns: 1fr;}.pdf-toolbar {padding: 10px;}.toolbar-section {gap: 6px;}.pdf-btn {padding: 6px 10px;font-size: 13px;}.pdf-page-status {font-size: 13px;}}.past-papers-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 20px;}.past-papers-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 20px;}.pdf-actions {display: flex;gap: 10px;margin-top: 10px;flex-wrap: wrap;}.past-paper-upload-modal {max-width: 800px;max-height: 90vh;overflow-y: auto;}.pdf-viewer-modal {max-width: 95vw;width: 1200px;max-height: 95vh;}.pdf-viewer-modal .modal-body {max-height: calc(95vh - 80px);overflow-y: auto;padding: 0;}.pdf-viewer-container {display: flex;flex-direction: column;align-items: center;gap: 15px;padding: 20px;background: var(--bg-light);}.pdf-page {max-width: 100%;height: auto;box-shadow: 0 4px 12px var(--alpha-black-15);border-radius: var(--border-radius-md);}.dark-theme .pdf-viewer-container {background: var(--bg-secondary-dark);}.ms-auth-icon .material-icons-outlined {font-size: 2.8rem;line-height: 1;}.ms-auth-card {max-width: 370px;margin: 0 auto;background: linear-gradient(135deg, var(--slate-50) 60%, var(--indigo-100) 100%);border-radius: var(--radius-3xl);box-shadow: 0 8px 32px 0 var(--alpha-slate-700-18), 0 1.5px 6px 0 var(--alpha-slate-600-10);padding: 38px 32px 28px 32px;position: relative;display: flex;flex-direction: column;align-items: center;animation: msAuthPop 0.32s cubic-bezier(.4, 1.6, .6, 1);}.ms-auth-close {position: absolute;top: 18px;right: 18px;background: none;border: none;font-size: 1.6rem;color: var(--slate-400);cursor: pointer;transition: color 0.18s;z-index: 2;}.ms-auth-close:hover {color: var(--slate-700);}.ms-auth-icon {font-size: 2.8rem;color: var(--primary-dark);background: var(--indigo-50);border-radius: var(--radius-full);width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;margin-bottom: 18px;box-shadow: 0 2px 8px 0 var(--alpha-indigo-08);}.ms-auth-title {font-size: 1.35rem;font-weight: 700;color: var(--slate-900);margin-bottom: 8px;text-align: center;}.ms-auth-desc {font-size: 1.05rem;color: var(--gray-600);margin-bottom: 22px;text-align: center;line-height: 1.5;}.ms-auth-actions {display: flex;gap: 16px;width: 100%;justify-content: center;}.ms-auth-btn {flex: 1 1 0;padding: 12px 0;border: none;border-radius: var(--radius-base);font-size: 1.08rem;font-weight: 600;cursor: pointer;transition: background 0.18s, color 0.18s, box-shadow 0.18s;box-shadow: 0 1.5px 6px 0 var(--alpha-slate-600-08);display: flex;align-items: center;justify-content: center;gap: 8px;}.ms-auth-login {background: linear-gradient(90deg, var(--primary-dark) 60%, var(--indigo-400) 100%);color: var(--white);}.ms-auth-login:hover {background: linear-gradient(90deg, var(--indigo-600) 60%, var(--primary-dark) 100%);}.ms-auth-register {background: var(--white);color: var(--primary-dark);border: 1.5px solid var(--indigo-200);}.ms-auth-register:hover {background: var(--indigo-50);color: var(--indigo-600);}.ms-auth-footer {font-size: 0.98rem;color: var(--slate-400);margin-top: 8px;text-align: center;opacity: 0.85;}.math-solver-card .card-icon {background: var(--gradient-accent);}.math-solver-grid {display: grid;grid-template-columns: 1.1fr 0.9fr;gap: 20px;}.ms-list {padding-left: 18px;}.panel-body strong,.ms-list strong {font-weight: 700;color: var(--text-primary);}.panel-body em,.ms-list em {font-style: italic;color: var(--text-primary);}.panel-body code,.ms-list code {background: var(--alpha-slate-400-15);padding: 2px 6px;border-radius: var(--radius-sm);font-family: 'Consolas', 'Monaco', 'Courier New', monospace;font-size: 0.9em;color: var(--rose-600);}@media (max-width: 900px) {.math-solver-grid {grid-template-columns: 1fr;}.solver-tabs {grid-template-columns: 1fr !important;}.solver-actions {flex-direction: column;align-items: flex-start;}#ms-solve {width: 100%;}}.dark-theme .ms-auth-card,.dark-theme .auth-block,.dark-theme .modal-card {background: var(--slate-900);border: 1px solid var(--alpha-white-10);box-shadow: 0 10px 25px var(--alpha-black-50);}.dark-theme .ms-auth-title {color: var(--slate-100);}.dark-theme .ms-auth-card h3,.dark-theme .auth-block h3,.dark-theme .modal-header h3 {color: var(--white) !important;}.dark-theme .ms-auth-card p,.dark-theme .auth-block p,.dark-theme .auth-block .muted,.dark-theme .modal-body .muted {color: var(--slate-400) !important;}.dark-theme .ms-auth-card input,.dark-theme .auth-block input {background-color: var(--slate-950) !important;border-color: var(--alpha-white-10) !important;color: var(--white) !important;}.ai-tutor-card .card-icon {background: var(--gradient-secondary);}.ai-chat-container {background: var(--bg-card);border-radius: var(--border-radius);box-shadow: var(--shadow-lg);overflow: hidden;margin-bottom: 30px;display: flex;flex-direction: column;border: 1px solid var(--alpha-white-10);}.ai-chat-grid {display: flex;flex-direction: column;gap: 20px;}.chat-quick-prompts {padding: 20px 25px 10px;border-bottom: 1px solid var(--bg-light);background: var(--alpha-primary-05);}.dark-theme .chat-quick-prompts {background: var(--alpha-white-04);border-bottom: 1px solid var(--alpha-white-08);}.chat-header {background: var(--gradient-secondary);color: var(--white);padding: 25px;display: flex;align-items: center;justify-content: space-between;}.chat-header h3 {display: flex;align-items: center;gap: 15px;font-size: 22px;font-family: 'Outfit', sans-serif;}.chat-messages {padding: 25px;height: 450px;overflow-y: auto;}.chat-input {display: flex;padding: 25px;border-top: 1px solid var(--bg-light);}.chat-input input:focus {outline: none;border-color: var(--accent-blue);box-shadow: 0 0 0 3px var(--alpha-primary-10);}@media (max-width: 600px) {.chat-input {padding: 12px;}.modern-chat-input .input-wrapper input {padding: 12px 44px 12px 12px;font-size: 14px;}.modern-chat-input .input-wrapper button {font-size: 1.2em;right: 6px;}}.chat-input button i {color: var(--accent-blue);transform: scale(0.95);}.chat-input button:active i {background: var(--accent-blue) !important;-webkit-background-clip: text !important;background-clip: text;-webkit-text-fill-color: transparent !important;transform: scale(0.95);}.ai-chat-grid {display: grid;gap: 20px;}.ai-chat-container {min-height: 520px;}.ai-chat-container .chat-messages {max-height: 460px;overflow-y: auto;}.ai-chat-container .chat-header {gap: 8px;}@media (max-width: 1024px) {.ai-chat-grid {grid-template-columns: 1fr;}.announcements-cards {grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}}@media (max-width: 768px) {.selection-grid {grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));}.ai-chat-container {min-height: 440px;}.ai-chat-container .chat-messages {max-height: 360px;}}.create-quiz-modal .modal-header {justify-content: center;position: relative;}.create-quiz-modal .modal-header h3 {background: linear-gradient(135deg, var(--gradient-purple-1) 0%, var(--gradient-purple-2) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;font-size: 1.6em;font-weight: 700;text-align: center;}.create-quiz-modal .modal-close {position: absolute;right: 0px;top: 50%;transform: translateY(-50%);}body[data-page="quizes"] #quiz-attempt-overlay,body[data-page="quizes"] #quiz-results-overlay,body[data-page="quizes"] #quiz-created-overlay,body[data-page="quizes"] #loading-modal-overlay,body[data-page="model-questions"] #quiz-attempt-overlay,body[data-page="model-questions"] #quiz-results-overlay,body[data-page="model-questions"] #quiz-created-overlay,body[data-page="model-questions"] #loading-modal-overlay,body[data-page="model-questions"] #paper-attempt-overlay,body[data-page="model-questions"] #paper-results-overlay,body[data-page="model-questions"] #paper-created-overlay,body[data-page="model-questions"] #paper-loading-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--alpha-black-70);display: flex;align-items: center;justify-content: center;z-index: 1000;backdrop-filter: blur(4px);}.quiz-created-modal {overflow-y: hidden !important;}body[data-page="quizes"] #quiz-attempt-overlay.hidden,body[data-page="quizes"] #quiz-results-overlay.hidden,body[data-page="quizes"] #quiz-created-overlay.hidden,body[data-page="quizes"] #loading-modal-overlay.hidden,body[data-page="model-questions"] #quiz-attempt-overlay.hidden,body[data-page="model-questions"] #quiz-results-overlay.hidden,body[data-page="model-questions"] #quiz-created-overlay.hidden,body[data-page="model-questions"] #loading-modal-overlay.hidden,body[data-page="model-questions"] #paper-attempt-overlay.hidden,body[data-page="model-questions"] #paper-results-overlay.hidden,body[data-page="model-questions"] #paper-created-overlay.hidden,body[data-page="model-questions"] #paper-loading-overlay.hidden {display: none;}body[data-page="quizes"] .quiz-attempt-modal,body[data-page="model-questions"] .quiz-attempt-modal {background: linear-gradient(135deg, var(--white) 0%, var(--slate-50) 100%);border-radius: var(--radius-2xl);box-shadow: 0 20px 60px var(--alpha-black-15);max-width: 900px;width: 95%;max-height: 90vh;overflow: hidden;display: flex;flex-direction: column;animation: kqz-slideUp 0.3s ease-out;}body[data-page="quizes"] .attempt-body,body[data-page="model-questions"] .attempt-body {flex: 1;overflow-y: auto;overflow-x: hidden;display: flex;flex-direction: column;gap: 16px;margin: 20px;}body[data-page="quizes"] .attempt-start-screen,body[data-page="model-questions"] .attempt-start-screen {display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 200px;text-align: center;gap: 12px;padding: 16px;position: relative;}body[data-page="quizes"] .attempt-start-screen.hidden,body[data-page="model-questions"] .attempt-start-screen.hidden {display: none;}body[data-page="quizes"] .start-screen-icon,body[data-page="model-questions"] .start-screen-icon {font-size: 42px;color: var(--primary);animation: kqz-float 3s ease-in-out infinite;margin-bottom: 0;}body[data-page="quizes"] .start-screen-content h2,body[data-page="model-questions"] .start-screen-content h2 {margin: 0;font-size: 22px;color: var(--slate-900);font-weight: 700;margin-bottom: 4px;}body[data-page="quizes"] .start-screen-content p,body[data-page="model-questions"] .start-screen-content p {margin: 0 0 8px 0;font-size: 13px;color: var(--slate-500);max-width: 400px;line-height: 1.4;}body[data-page="quizes"] .start-screen-details,body[data-page="model-questions"] .start-screen-details {display: flex;flex-direction: row;gap: 16px;align-items: center;justify-content: center;width: 100%;max-width: 500px;margin: 4px 0;}body[data-page="quizes"] .detail-item,body[data-page="model-questions"] .detail-item {padding: 8px 16px;background: var(--slate-100);border-radius: var(--radius-base);display: flex;flex-direction: row;align-items: center;gap: 8px;}body[data-page="quizes"] .detail-item i,body[data-page="model-questions"] .detail-item i {font-size: 16px;color: var(--primary);}body[data-page="quizes"] .detail-item-value,body[data-page="model-questions"] .detail-item-value {font-size: 15px;font-weight: 700;color: var(--slate-900);}body[data-page="quizes"] .detail-item-label,body[data-page="model-questions"] .detail-item-label {font-size: 10px;color: var(--slate-500);text-transform: uppercase;letter-spacing: 0.5px;margin-left: 4px;}body[data-page="quizes"] .start-button-container,body[data-page="model-questions"] .start-button-container {margin-top: 4px;}body[data-page="quizes"] .start-button-container button,body[data-page="model-questions"] .start-button-container button {padding: 10px 36px;background: linear-gradient(135deg, var(--primary) 0%, var(--sky-500) 100%);color: var(--white);border: none;border-radius: var(--radius-base);font-size: 14px;font-weight: 600;cursor: pointer;display: flex;align-items: center;gap: 8px;transition: all 0.3s ease;box-shadow: 0 4px 15px var(--alpha-primary-30);}body[data-page="quizes"] .start-button-container button:hover,body[data-page="model-questions"] .start-button-container button:hover {transform: translateY(-2px);box-shadow: 0 6px 20px var(--alpha-primary-40);}body[data-page="quizes"] .start-button-container button:active,body[data-page="model-questions"] .start-button-container button:active {transform: translateY(0);}body[data-page="quizes"] .attempt-quiz-screen,body[data-page="model-questions"] .attempt-quiz-screen {display: flex;flex-direction: column;gap: 16px;flex: 1;}body[data-page="quizes"] .attempt-quiz-screen.hidden,body[data-page="model-questions"] .attempt-quiz-screen.hidden {display: none;}body[data-page="quizes"] .quiz-title-bar,body[data-page="model-questions"] .quiz-title-bar {display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: 12px;padding-bottom: 12px;border-bottom: 2px solid var(--slate-200);}body[data-page="quizes"] .quiz-screen-title,body[data-page="model-questions"] .quiz-screen-title {font-size: 18px;font-weight: 700;color: var(--slate-900);margin: 0;text-align: center;grid-column: 2;}body[data-page="quizes"] .title-close-btn,body[data-page="model-questions"] .title-close-btn {background: transparent;border: none;color: var(--slate-500);cursor: pointer;font-size: 20px;padding: 4px;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;flex-shrink: 0;}body[data-page="quizes"] .quiz-title-bar .title-close-btn,body[data-page="model-questions"] .quiz-title-bar .title-close-btn {grid-column: 3;justify-self: end;align-self: center;}body[data-page="quizes"] .attempt-start-screen .title-close-btn,body[data-page="model-questions"] .attempt-start-screen .title-close-btn {position: absolute;right: 0px;top: 0px;}body[data-page="quizes"] .title-close-btn:hover,body[data-page="model-questions"] .title-close-btn:hover {color: var(--danger);transform: scale(1.1);}body[data-page="quizes"] .attempt-top,body[data-page="model-questions"] .attempt-top {display: flex;flex-direction: row;justify-content: space-between;align-items: center;gap: 16px;padding-bottom: 12px;border-bottom: 2px solid var(--slate-200);}body[data-page="quizes"] .attempt-timer,body[data-page="model-questions"] .attempt-timer {display: flex;align-items: center;gap: 8px;padding: 8px 16px;background: var(--amber-100);border-radius: var(--radius-base);flex-shrink: 0;}body[data-page="quizes"] .attempt-timer i,body[data-page="model-questions"] .attempt-timer i {color: var(--primary);font-size: 14px;}body[data-page="quizes"] .attempt-timer span,body[data-page="model-questions"] .attempt-timer span {font-family: 'Monaco', 'Courier New', monospace;font-weight: 600;color: var(--slate-900);font-size: 13px;}body[data-page="quizes"] .attempt-timer .sep,body[data-page="model-questions"] .attempt-timer .sep {color: var(--slate-300);margin: 0 6px;}body[data-page="quizes"] .attempt-progress,body[data-page="model-questions"] .attempt-progress {font-size: 13px;color: var(--slate-500);font-weight: 500;text-align: right;flex-shrink: 0;}body[data-page="quizes"] .attempt-progress span,body[data-page="model-questions"] .attempt-progress span {font-weight: 600;color: var(--gray-700);}body[data-page="quizes"] .attempt-question,body[data-page="model-questions"] .attempt-question {flex: 1;display: flex;flex-direction: column;gap: 14px;padding: 16px;background: var(--slate-50);border-radius: var(--radius-lg);border: 1px solid var(--slate-200);}body[data-page="quizes"] .question-text,body[data-page="model-questions"] .question-text {font-size: 16px;font-weight: 600;color: var(--slate-900);line-height: 1.5;margin-bottom: 10px;}body[data-page="quizes"] .option-list,body[data-page="model-questions"] .option-list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}body[data-page="quizes"] .option-item,body[data-page="model-questions"] .option-item {padding: 12px 16px;background: var(--white);border: 2px solid var(--slate-200);border-radius: var(--radius-base);cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;position: relative;}body[data-page="quizes"] .option-item:hover,body[data-page="model-questions"] .option-item:hover {background: var(--slate-50);border-color: var(--primary);transform: scale(1.02);}body[data-page="quizes"] .option-item span,body[data-page="model-questions"] .option-item span {color: var(--slate-600);font-weight: 500;flex: 1;}body[data-page="quizes"] .option-item.selected,body[data-page="model-questions"] .option-item.selected {background: linear-gradient(135deg, var(--blue-100) 0%, var(--blue-200) 100%);border-color: var(--primary);box-shadow: 0 0 0 3px var(--alpha-primary-10);}body[data-page="quizes"] .option-item.selected::before,body[data-page="model-questions"] .option-item.selected::before {content: '✓';color: var(--primary);font-weight: 800;font-size: 18px;margin-left: auto;margin-right: 8px;}body[data-page="quizes"] .attempt-controls,body[data-page="model-questions"] .attempt-controls {display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: 16px;padding-top: 12px;border-top: 2px solid var(--slate-200);}body[data-page="quizes"] .attempt-nav,body[data-page="model-questions"] .attempt-nav {display: contents;}body[data-page="quizes"] .attempt-nav button,body[data-page="quizes"] .attempt-controls>button,body[data-page="model-questions"] .attempt-nav button,body[data-page="model-questions"] .attempt-controls>button {padding: 8px 18px;border: none;border-radius: var(--radius-md);font-weight: 600;cursor: pointer;transition: all 0.2s ease;font-size: 13px;display: flex;align-items: center;gap: 6px;}body[data-page="quizes"] #attempt-prev,body[data-page="model-questions"] #attempt-prev {background: var(--slate-100);color: var(--slate-500);padding: 8px 16px;justify-self: start;}body[data-page="quizes"] #attempt-prev:hover:not(:disabled),body[data-page="model-questions"] #attempt-prev:hover:not(:disabled) {background: var(--slate-200);}body[data-page="quizes"] #attempt-prev:disabled,body[data-page="model-questions"] #attempt-prev:disabled {opacity: 0.5;cursor: not-allowed;}body[data-page="quizes"] #attempt-next,body[data-page="quizes"] #attempt-submit,body[data-page="model-questions"] #attempt-next,body[data-page="model-questions"] #attempt-submit {background: linear-gradient(135deg, var(--primary) 0%, var(--sky-500) 100%);color: var(--white);padding: 8px 18px;justify-self: end;}body[data-page="quizes"] #attempt-next:hover:not(:disabled),body[data-page="quizes"] #attempt-submit:hover:not(:disabled),body[data-page="model-questions"] #attempt-next:hover:not(:disabled),body[data-page="model-questions"] #attempt-submit:hover:not(:disabled) {transform: translateY(-2px);box-shadow: 0 4px 12px var(--alpha-primary-30);}body[data-page="quizes"] #attempt-next:disabled,body[data-page="quizes"] #attempt-submit:disabled,body[data-page="model-questions"] #attempt-next:disabled,body[data-page="model-questions"] #attempt-submit:disabled {opacity: 0.5;cursor: not-allowed;}body[data-page="quizes"] #attempt-next.hidden,body[data-page="quizes"] #attempt-submit.hidden,body[data-page="model-questions"] #attempt-next.hidden,body[data-page="model-questions"] #attempt-submit.hidden {display: none;}body[data-page="quizes"] #attempt-submit,body[data-page="model-questions"] #attempt-submit {background: linear-gradient(135deg, var(--success-dark) 0%, var(--green-600) 100%);}body[data-page="quizes"] #attempt-submit:hover:not(:disabled),body[data-page="model-questions"] #attempt-submit:hover:not(:disabled) {box-shadow: 0 4px 12px var(--alpha-success-30);}body[data-page="quizes"] .quiz-results-modal,body[data-page="model-questions"] .quiz-results-modal {background: var(--bg-card);border-radius: var(--radius-2xl);box-shadow: 0 16px 48px var(--alpha-black-25);max-width: 560px;width: 92%;max-height: 82vh;overflow: hidden;animation: kqz-slideUp 0.28s ease-out;}body[data-page="quizes"] .quiz-results-header,body[data-page="model-questions"] .quiz-results-header {background: linear-gradient(135deg, var(--blue-600) 0%, var(--blue-700) 100%);padding: 18px 20px;border-bottom: none;position: relative;overflow: hidden;min-height: 64px;}body[data-page="quizes"] .quiz-results-header::before,body[data-page="model-questions"] .quiz-results-header::before {content: '';position: absolute;top: 0;right: 0;width: 300px;height: 300px;background: radial-gradient(circle, var(--alpha-white-10) 0%, transparent 70%);border-radius: var(--radius-full);pointer-events: none;}body[data-page="quizes"] .quiz-results-header .modal-header-content,body[data-page="model-questions"] .quiz-results-header .modal-header-content {position: relative;z-index: 1;}body[data-page="quizes"] .quiz-results-header h3,body[data-page="model-questions"] .quiz-results-header h3 {margin: 0;font-size: 22px;font-weight: 700;color: var(--white);text-shadow: 0 2px 6px var(--alpha-black-18);}body[data-page="quizes"] .quiz-results-header .modal-close:hover,body[data-page="model-questions"] .quiz-results-header .modal-close:hover {background: var(--alpha-white-28);transform: translateY(-1px);}body[data-page="quizes"] .results-body,body[data-page="model-questions"] .results-body {padding: 22px 20px 18px;text-align: center;background: var(--bg-card);color: var(--text-primary);}body[data-page="quizes"] .results-summary,body[data-page="model-questions"] .results-summary {margin-bottom: 18px;}body[data-page="quizes"] .results-summary h3,body[data-page="model-questions"] .results-summary h3 {margin: 0 0 4px 0;font-size: 20px;color: var(--text-primary);}body[data-page="quizes"] .results-meta,body[data-page="model-questions"] .results-meta {display: flex;flex-direction: column;gap: 10px;margin-top: 8px;padding: 14px;background: var(--alpha-slate-05);border-radius: var(--radius-lg);}body[data-page="quizes"] .results-meta span,body[data-page="model-questions"] .results-meta span {font-size: 15px;font-weight: 600;color: var(--text-secondary);}body[data-page="quizes"] .results-meta span i,body[data-page="model-questions"] .results-meta span i {margin-right: 8px;color: var(--blue-400);}body[data-page="quizes"] .results-actions,body[data-page="model-questions"] .results-actions {display: flex;gap: 12px;justify-content: center;padding-top: 24px;border-top: 2px solid var(--border-color);}body[data-page="quizes"] .results-actions button,body[data-page="model-questions"] .results-actions button {padding: 12px 28px;border: none;border-radius: var(--radius-base);font-weight: 600;cursor: pointer;transition: all 0.3s ease;font-size: 14px;display: flex;align-items: center;gap: 6px;}body[data-page="quizes"] #results-retake,body[data-page="model-questions"] #results-retake {background: linear-gradient(135deg, var(--primary) 0%, var(--sky-500) 100%);color: var(--white);}body[data-page="quizes"] #results-retake:hover,body[data-page="model-questions"] #results-retake:hover {transform: translateY(-2px);box-shadow: 0 4px 12px var(--alpha-primary-30);}body[data-page="quizes"] .empty-state,body[data-page="model-questions"] .empty-state {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 16px;padding: 60px 20px;color: var(--slate-500);}body[data-page="quizes"] .empty-icon,body[data-page="model-questions"] .empty-icon {font-size: 48px;color: var(--slate-300);}body[data-page="quizes"] .results-actions,body[data-page="model-questions"] .results-actions {display: flex;gap: 10px;justify-content: center;padding-top: 14px;border-top: 1px solid var(--alpha-white-08);}body[data-page="quizes"] .results-actions button,body[data-page="model-questions"] .results-actions button {padding: 10px 22px;border: none;border-radius: var(--radius-lg);font-weight: 700;cursor: pointer;transition: all 0.2s ease;box-shadow: 0 10px 24px var(--alpha-blue-600-20);}body[data-page="quizes"] #results-retake,body[data-page="model-questions"] #results-retake {background: linear-gradient(135deg, var(--blue-400) 0%, var(--blue-600) 100%);color: var(--white);}body[data-page="quizes"] #results-retake:hover,body[data-page="model-questions"] #results-retake:hover {box-shadow: 0 12px 26px var(--alpha-blue-600-30);transform: translateY(-1px);}body[data-page="quizes"] .loading-content h3,body[data-page="model-questions"] .loading-content h3 {font-size: 20px;color: var(--text-light);margin: 0 0 20px 0;}body[data-page="quizes"] .progress-bar,body[data-page="model-questions"] .progress-bar {height: 6px;background: var(--slate-200);border-radius: var(--radius-xs);overflow: hidden;margin: 10px 0px;}body[data-page="quizes"] .progress-fill,body[data-page="model-questions"] .progress-fill {height: 100%;background: linear-gradient(90deg, var(--primary) 0%, var(--sky-500) 100%);width: 0%;transition: width 0.3s ease;border-radius: var(--radius-xs);}@media (max-width: 768px) {body[data-page="quizes"] .quiz-attempt-modal,body[data-page="model-questions"] .quiz-attempt-modal {max-height: 95vh;}body[data-page="quizes"] .attempt-body {padding: 20px;gap: 16px;}body[data-page="quizes"] .attempt-top,body[data-page="model-questions"] .attempt-top {flex-direction: column;gap: 16px;}body[data-page="quizes"] .attempt-timer,body[data-page="model-questions"] .attempt-timer {width: 100%;justify-content: center;}body[data-page="quizes"] .attempt-controls,body[data-page="model-questions"] .attempt-controls {grid-template-columns: 1fr 1fr;gap: 10px;}body[data-page="quizes"] #attempt-prev,body[data-page="model-questions"] #attempt-prev {grid-column: 1;justify-self: stretch;}body[data-page="quizes"] #attempt-next,body[data-page="quizes"] #attempt-submit,body[data-page="model-questions"] #attempt-next,body[data-page="model-questions"] #attempt-submit {grid-column: 2;justify-self: stretch;}body[data-page="quizes"] .control-spacer,body[data-page="model-questions"] .control-spacer {display: none;}body[data-page="quizes"] .question-text,body[data-page="model-questions"] .question-text {font-size: 16px;}body[data-page="quizes"] .option-list {grid-template-columns: 1fr;gap: 8px;}body[data-page="quizes"] .option-item,body[data-page="model-questions"] .option-item {padding: 14px 16px;}body[data-page="quizes"] .results-body,body[data-page="model-questions"] .results-body {padding: 24px;}body[data-page="quizes"] .results-actions,body[data-page="model-questions"] .results-actions {flex-direction: column;}body[data-page="quizes"] .results-actions button,body[data-page="model-questions"] .results-actions button {width: 100%;justify-content: center;}body[data-page="quizes"] .start-screen-details {flex-direction: column;gap: 10px;max-width: 250px;}body[data-page="quizes"] .detail-item,body[data-page="model-questions"] .detail-item {justify-content: center;}body[data-page="quizes"] .start-screen-content h2,body[data-page="model-questions"] .start-screen-content h2 {font-size: 20px;}body[data-page="quizes"] .start-screen-content p,body[data-page="model-questions"] .start-screen-content p {font-size: 13px;}body[data-page="quizes"] .start-button-container button,body[data-page="model-questions"] .start-button-container button {padding: 10px 32px;font-size: 14px;}}@media (max-width: 480px) {body[data-page="quizes"] .quiz-attempt-modal,body[data-page="quizes"] .quiz-results-modal,body[data-page="quizes"] .loading-modal,body[data-page="model-questions"] .quiz-attempt-modal,body[data-page="model-questions"] .quiz-results-modal,body[data-page="model-questions"] .loading-modal {width: 100%;}#history-grid,[data-tab="completed"] .quizzes-grid,.progress-section {width: 100%;overflow-x: hidden;}.performance-chart h4 {text-align: center;}.performance-item {flex-wrap: wrap;gap: 8px;display: block !important;text-align: center;}.subject-name {min-width: auto;}.results-meta {flex-direction: column;gap: 10px;align-items: flex-start;}body[data-page="quizes"] .attempt-body,body[data-page="model-questions"] .attempt-body {padding: 14px;gap: 12px;}body[data-page="quizes"] .question-text,body[data-page="model-questions"] .question-text {font-size: 14px;}body[data-page="quizes"] .option-list {grid-template-columns: 1fr;}body[data-page="quizes"] .option-item,body[data-page="model-questions"] .option-item {padding: 10px 12px;}body[data-page="quizes"] .option-item span,body[data-page="model-questions"] .option-item span {font-size: 13px;}body[data-page="quizes"] .attempt-controls,body[data-page="quizes"] .results-actions,body[data-page="model-questions"] .attempt-controls,body[data-page="model-questions"] .results-actions {gap: 8px;}body[data-page="quizes"] .attempt-nav button,body[data-page="quizes"] .attempt-controls>button,body[data-page="model-questions"] .attempt-nav button,body[data-page="model-questions"] .attempt-controls>button {padding: 8px 12px;font-size: 12px;}body[data-page="quizes"] .start-screen-icon,body[data-page="model-questions"] .start-screen-icon {font-size: 36px;}body[data-page="quizes"] .start-screen-details {flex-direction: column;gap: 8px;max-width: 220px;}body[data-page="quizes"] .start-screen-content h2,body[data-page="model-questions"] .start-screen-content h2 {font-size: 18px;}body[data-page="quizes"] .start-screen-content p,body[data-page="model-questions"] .start-screen-content p {font-size: 12px;}body[data-page="quizes"] .start-button-container button,body[data-page="model-questions"] .start-button-container button {padding: 9px 28px;font-size: 13px;}}.quiz-card .card-icon {background: var(--gradient-success);}.quizzes-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 20px;margin-bottom: 30px;}#history-grid {grid-template-columns: none !important;}#history-papers-grid {grid-template-columns: none !important;}.quiz-card {background: var(--bg-card);border-radius: var(--radius-xl);overflow: hidden;box-shadow: 0 4px 12px var(--alpha-black-08);transition: all 0.3s ease;border: 1px solid var(--slate-200);display: flex;flex-direction: column;}.quiz-card:hover {transform: translateY(-3px);box-shadow: 0 8px 20px var(--alpha-black-10);border-color: var(--accent-blue);}.quiz-card-simple-header {padding: 16px;display: flex;justify-content: space-between;align-items: center;gap: 12px;border-bottom: 1px solid var(--slate-200);}.quiz-header-left {display: flex;align-items: center;gap: 10px;flex: 1;}.quiz-card-simple-header h3 {margin: 0;font-size: 1.05em;font-weight: 700;color: var(--text-primary);}.quiz-grade-badge {padding: 6px 12px;background: linear-gradient(135deg, var(--alpha-primary-12), var(--alpha-indigo-12));border: 1px solid var(--alpha-primary-25);border-radius: var(--radius-base);font-size: 0.85em;font-weight: 600;color: var(--accent-blue);white-space: nowrap;flex-shrink: 0;}.quiz-image {height: 160px;display: flex;align-items: center;justify-content: center;color: var(--white);font-size: 48px;position: relative;overflow: hidden;}.quiz-image:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--alpha-black-20);}.quiz-content {padding: 25px;}.quiz-content h4 {font-size: 20px;margin-bottom: 12px;font-family: 'Outfit', sans-serif;}.quiz-content p {color: var(--text-secondary);font-size: 14px;margin-bottom: 20px;line-height: 1.6;}.quiz-stats {display: flex;justify-content: space-between;font-size: 13px;color: var(--text-light);}.quizes-action-bar {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;gap: 20px;flex-wrap: wrap;}.btn-create-quiz {padding: 12px 24px;font-size: 1em;border-radius: var(--radius-base);cursor: pointer;display: flex;align-items: center;gap: 8px;transition: all 0.3s ease;background: var(--accent-blue) !important;color: var(--white) !important;border: none;font-weight: 500;}.btn-create-quiz:hover {transform: translateY(-2px);box-shadow: 0 4px 12px var(--alpha-primary-30);background: var(--blue-600) !important;}.quiz-filters {display: flex;gap: 12px;}.quizes-container {background: var(--bg-light);border-radius: var(--radius-xl);overflow: hidden;}.quizes-tabs {display: flex;border-bottom: 1px solid var(--slate-200);background: var(--bg-card);overflow-x: auto;scrollbar-width: none;}.quizes-tabs::-webkit-scrollbar {display: none;}.quiz-tab {flex: 1;min-width: max-content;padding: 14px 20px;border: none;background: none;color: var(--text-secondary);cursor: pointer;font-weight: 500;transition: all 0.3s ease;white-space: nowrap;display: flex;align-items: center;justify-content: center;gap: 8px;position: relative;}.quiz-tab:hover {color: var(--text-primary);background: var(--slate-100);}.quiz-tab.active {color: var(--accent-blue);border-bottom: 3px solid var(--accent-blue);}.quiz-tab-content {display: none;padding: 30px;animation: fadeIn 0.3s ease;}.quiz-tab-content.active {display: block;}.quizzes-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 24px;}.quiz-card {background: var(--bg-card);border: 1px solid var(--slate-200);border-radius: var(--radius-xl);overflow: hidden;transition: all 0.3s ease;display: flex;flex-direction: column;cursor: pointer;}.quiz-card:hover {transform: translateY(-4px);box-shadow: 0 8px 24px var(--alpha-black-12);border-color: var(--accent-blue);}.quiz-card.featured {border: 2px solid var(--accent-blue);}.quiz-card.in-progress {position: relative;}.quiz-progress-section {display: flex;gap: 20px;align-items: center;}.quiz-progress-indicator {position: relative;width: 100px;height: 100px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--alpha-primary-10), var(--alpha-sky-500-08));border-radius: var(--radius-full);border: 2px solid var(--alpha-primary-20);}.quiz-progress-indicator .progress-text {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-weight: 700;font-size: 1.4em;color: var(--accent-blue);line-height: 1;}.quiz-progress-info {display: flex;flex-direction: column;gap: 8px;flex: 1;}.quiz-progress-info span {display: flex;align-items: center;gap: 8px;font-size: 0.95em;color: var(--text-secondary);}.quiz-progress-info i {color: var(--accent-blue);width: 18px;text-align: center;}@media (max-width: 480px) {.quiz-progress-section {flex-direction: column;align-items: center;gap: 16px;}.quiz-progress-indicator {width: 90px;height: 90px;}.quiz-progress-info {text-align: center;}}.quiz-card-header {padding: 16px;display: flex;justify-content: space-between;align-items: flex-start;background: var(--slate-50);border-bottom: 1px solid var(--slate-200);}.quiz-meta {display: flex;align-items: center;gap: 8px;}.quiz-badge {padding: 4px 12px;border-radius: var(--radius-3xl);font-size: 0.8em;font-weight: 600;}.quiz-badge.featured-badge {background: var(--amber-300);color: var(--amber-900);}.quiz-badge.custom-badge {background: var(--green-200);color: var(--green-800);}.quiz-level {padding: 4px 12px;background: var(--bg-card);border-radius: var(--radius-3xl);font-size: 0.85em;color: var(--text-secondary);}.quiz-actions {display: flex;gap: 4px;}.quiz-card-body {padding: 16px;flex: 1;}.quiz-card-body h3 {margin: 0 0 8px 0;font-size: 1.1em;color: var(--text-primary);}.quiz-description {font-size: 0.9em;color: var(--text-secondary);margin: 0 0 12px 0;line-height: 1.4;}.quiz-card-meta {padding: 0 16px;display: flex;gap: 10px;align-items: center;flex-wrap: wrap;margin: 12px 0px;border-bottom: 1px solid var(--slate-200);padding-bottom: 12px;}.quiz-language {display: flex;align-items: center;gap: 5px;font-size: 0.85em;color: var(--text-secondary);padding: 4px 8px;background: var(--slate-100);border-radius: var(--radius-md);}.quiz-language i {color: var(--accent-blue);font-size: 0.9em;}.quiz-difficulty {display: flex;align-items: center;gap: 5px;font-size: 0.85em;font-weight: 600;padding: 4px 8px;border-radius: var(--radius-md);text-transform: capitalize;}.quiz-difficulty.easy {background: var(--green-100);color: var(--green-700);}.quiz-difficulty.easy i {color: var(--green-700);}.quiz-difficulty.moderate {background: var(--amber-100);color: var(--amber-800);}.quiz-difficulty.moderate i {color: var(--amber-800);}.quiz-difficulty.hard {background: var(--red-100);color: var(--red-800);}.quiz-difficulty.hard i {color: var(--red-800);}.quiz-info {display: grid;grid-template-columns: 1fr 1fr;gap: 12px;margin-bottom: 12px;font-size: 0.9em;color: var(--text-secondary);}.quiz-info span {display: flex;align-items: center;gap: 6px;padding: 8px;background: var(--slate-50);border-radius: var(--radius-base);font-size: 0.9em;}.quiz-info i {width: 16px;color: var(--accent-blue);}.quiz-stats {display: flex;gap: 16px;font-size: 0.85em;color: var(--text-secondary);padding-top: 12px;border-top: 1px solid var(--slate-200);}.quiz-stats span {display: flex;align-items: center;gap: 4px;}.quiz-card-footer {padding: 12px 16px;background: var(--slate-50);display: flex;gap: 8px;align-items: center;}.quiz-participants {display: flex;align-items: center;gap: 6px;font-size: 0.875rem;color: var(--gray-500);font-weight: 500;}.quiz-participants i {color: var(--accent-blue);}.quiz-attempts-section {margin-top: 20px;padding-top: 16px;border-top: 1px solid var(--gray-200);}.quiz-attempts-section.compact {padding-top: 12px;margin-top: 12px;}.participated-section h3 {margin: 0 0 10px;color: var(--gray-900);}@media (max-width: 768px) {.quizes-action-bar {flex-direction: column;gap: 12px;align-items: stretch !important;padding: 16px;}.btn-create-quiz {width: 100%;}.quizes-tabs {display: grid;grid-template-columns: 1fr 1fr;gap: 12px;border-bottom: none;padding: 16px;background: transparent;}.quiz-tab {flex: initial;min-width: initial;padding: 16px 12px;font-size: 0.9em;border: 2px solid var(--slate-200);border-radius: var(--radius-xl);background: var(--bg-card);flex-direction: column;gap: 8px;box-shadow: 0 2px 8px var(--alpha-black-06);}.quiz-tab i {display: block;font-size: 1.5em;margin-bottom: 4px;}.quiz-tab:hover {background: var(--bg-card);border-color: var(--accent-blue);transform: translateY(-2px);}.quiz-tab.active {background: linear-gradient(135deg, var(--alpha-primary-10), var(--alpha-indigo-08));border: 2px solid var(--accent-blue);color: var(--accent-blue);font-weight: 600;}.quiz-tab-content {padding: 16px;}.quizzes-grid {grid-template-columns: 1fr;gap: 16px;}.quiz-card-simple-header {flex-direction: column;align-items: flex-start;gap: 10px;padding: 14px;}.quiz-header-left {width: 100%;justify-content: space-between;}.quiz-grade-badge {align-self: flex-start;font-size: 0.8em;}.quiz-card-meta {padding: 0 14px;padding-bottom: 10px;margin-bottom: 10px;}.quiz-card-body {padding: 14px;}.quiz-description {font-size: 0.85em;margin-bottom: 10px;}.quiz-info {gap: 10px;font-size: 0.85em;}.quiz-card-footer {padding: 12px 14px;}.progress-grid {grid-template-columns: 1fr !important;}}@media (max-width: 480px) {.quizes-tabs {grid-template-columns: 1fr;gap: 10px;padding: 12px;}.quiz-tab {padding: 14px 10px;font-size: 0.9em;}.quiz-tab i {font-size: 1.8em;}.quiz-tab-content {padding: 12px;}.quiz-card-simple-header h3 {font-size: 0.95em;}.quiz-card-meta {flex-direction: column;align-items: flex-start;gap: 8px;}.quiz-language,.quiz-difficulty {font-size: 0.8em;}.quiz-info {font-size: 0.8em;gap: 8px;}.quiz-info span {padding: 6px;}.btn-sm {padding: 8px 12px;font-size: 0.85em;}.quiz-progress-indicator {width: 80px;height: 80px;}.quiz-progress-indicator .progress-text {font-size: 1.2em;}}.create-quiz-modal {max-width: 600px;max-height: 100vh;overflow-y: auto;}.create-quiz-steps {min-height: 200px;}.quiz-step {display: none;animation: slideIn 0.3s ease;}.quiz-step.active {display: block;}.form-group {margin-bottom: 16px;}.dark-theme .quiz-card,.dark-theme .stat-card,.dark-theme .performance-chart {background: var(--bg-dark-card);}.dark-theme .quiz-card-header,.dark-theme .quiz-card-footer {background: var(--slate-950);}.dark-theme .quiz-participants {color: var(--gray-400);}.dark-theme .quiz-attempts-section {border-top-color: var(--gray-700);}.dark-theme .quiz-tab:hover {background: var(--slate-700);}.dark-theme .filter-select,.dark-theme .quiz-level,.dark-theme .btn-icon {background: var(--bg-dark-card);}@media (max-width: 425px) {.language-grid {grid-template-columns: 1fr !important;}}@media (max-width: 768px) {.quizzes-grid {grid-template-columns: 1fr;}.progress-grid {grid-template-columns: 1fr;}.quizes-action-bar {flex-direction: column;align-items: stretch;}.btn-create-quiz {justify-content: center;}.step-navigation {flex-direction: column-reverse;}.step-navigation button {width: 100%;}.participated-grid {grid-template-columns: 1fr !important;}.participated-card {padding: 12px 14px;display: flex;flex-direction: column;}.participated-card-top {flex-direction: column;align-items: flex-start;margin-bottom: 6px;width: 100%;}.participated-card-top div:first-child {width: 100%;}.participated-actions {width: 100%;margin-top: 10px;order: 1000;}.attempt-rows {order: 1;}.pill-btn {width: 100%;justify-content: center;padding: 10px 12px;}.participated-meta {gap: 6px;margin: 6px 0;}.pill {font-size: 0.8rem;padding: 5px 9px;}.attempt-row {padding: 8px 10px;flex-direction: column;align-items: flex-start;display: block !important;}.attempt-row-main {width: 100%;justify-content: space-between;align-items: center;}.attempt-score {text-align: right;margin-left: auto;}.attempt-row-meta {font-size: 0.85rem;gap: 6px;width: 100%;flex-direction: column;align-items: flex-start;margin-top: 6px;margin-bottom: 8px;}.attempt-row-actions {width: 100%;justify-content: center;}.ghost-icon-btn {width: 36px;height: 36px;}}.quiz-created-modal {max-width: 600px;max-height: 85vh;overflow-y: auto;}.quiz-created-modal::after {height: auto !important;}.quiz-success-header .modal-header-content {text-align: center;flex: 1;}.quiz-success-header h3 {color: var(--text-primary);margin: 0;font-size: 1.5em;font-weight: 700;}.quiz-created-content {display: flex;flex-direction: column;gap: 24px;border-radius: var(--radius-2xl);padding: 32px 24px;margin: -20px -24px -20px -24px;}.quiz-summary {border: 1px solid var(--alpha-green-500-60);border-radius: var(--radius-2xl);padding: 10px 28px;text-align: center;}.quiz-summary h3 {color: var(--text-primary);margin: 0 0 12px 0;font-size: 1.5em;font-weight: 700;letter-spacing: -0.5px;}.quiz-attempt-modal {max-width: 760px;max-height: 85vh;overflow-y: auto;}.quiz-attempt-header .modal-header-content {text-align: center;flex: 1;}.quiz-results-modal {max-width: 560px;max-height: 82vh;overflow-y: auto;}.quiz-results-header .modal-header-content {text-align: center;flex: 1;}.quiz-meta-info {display: flex;align-items: center;justify-content: center;gap: 10px;flex-wrap: wrap;color: var(--text-secondary);font-size: 0.95em;}.quiz-meta-info span {display: flex;align-items: center;justify-content: center;gap: 6px;}.dark-theme body[data-page="quizes"] .quiz-attempt-modal,.dark-theme body[data-page="model-questions"] .quiz-attempt-modal {background: var(--slate-900);border: 1px solid var(--alpha-white-10);box-shadow: 0 10px 25px var(--alpha-black-50);}.dark-theme .quiz-card {border-color: var(--alpha-white-10);}.dark-theme .quiz-card-header {background-color: var(--slate-950);border-bottom: 1px solid var(--alpha-white-10);}.dark-theme .quiz-card-footer {background-color: var(--slate-950);border-top: 1px solid var(--alpha-white-10);}.dark-theme .quiz-card-meta {border-bottom-color: var(--alpha-white-10);}.dark-theme .quiz-card-body h3 {color: var(--slate-100);}.dark-theme .quiz-description,.dark-theme .quiz-progress-info span,.dark-theme .quiz-participants {color: var(--slate-400);}.dark-theme .quiz-language,.dark-theme .quiz-level,.dark-theme .quiz-info span {background-color: var(--alpha-white-05);color: var(--slate-300);}.dark-theme .quiz-progress-indicator {background: var(--alpha-slate-950-50);border-color: var(--alpha-primary-30);}.dark-theme .quiz-progress-indicator .progress-text {color: var(--blue-400);}.dark-theme .quiz-attempts-section {border-top-color: var(--alpha-white-10);}.dark-theme .participated-card {background-color: var(--slate-900);border-color: var(--alpha-white-10);}.dark-theme .quizes-tabs {background-color: var(--slate-900);border-bottom-color: var(--alpha-white-10);}.dark-theme .quiz-tab {color: var(--slate-400);}.dark-theme .quiz-tab:hover {background-color: var(--alpha-white-05);color: var(--slate-100);}.dark-theme .quiz-tab.active {color: var(--blue-400);border-bottom-color: var(--blue-400);}.dark-theme body[data-page="quizes"] .quiz-attempt-modal,.dark-theme body[data-page="model-questions"] .quiz-attempt-modal,.dark-theme .quiz-attempt-modal {background: var(--slate-900) !important;border: 1px solid var(--alpha-white-10) !important;box-shadow: 0 20px 60px var(--alpha-black-50) !important;color: var(--slate-100) !important;}.dark-theme .quiz-attempt-modal h2,.dark-theme .quiz-attempt-modal h3,.dark-theme .quiz-attempt-modal .modal-title {color: var(--white) !important;}.dark-theme .quiz-attempt-modal .close-btn,.dark-theme .quiz-attempt-modal .btn-close {filter: invert(1) grayscale(100%) brightness(200%);opacity: 0.8;}.dark-theme body[data-page="quizes"] .attempt-question,.dark-theme body[data-page="model-questions"] .attempt-question,.dark-theme .attempt-question {background: var(--slate-950) !important;border: 1px solid var(--alpha-white-10) !important;color: var(--slate-100) !important;}.dark-theme body[data-page="quizes"] .attempt-progress span,.dark-theme body[data-page="model-questions"] .attempt-progress span,.dark-theme .attempt-progress span {color: var(--slate-200) !important;}.dark-theme body[data-page="quizes"] .attempt-question h4,.dark-theme body[data-page="quizes"] .attempt-question p,.dark-theme body[data-page="model-questions"] .attempt-question h4,.dark-theme body[data-page="model-questions"] .attempt-question p {color: var(--slate-100) !important;}.dark-theme body[data-page="quizes"] .attempt-option,.dark-theme body[data-page="model-questions"] .attempt-option {background-color: var(--alpha-white-03) !important;border: 1px solid var(--alpha-white-10) !important;color: var(--slate-300) !important;}.dark-theme body[data-page="quizes"] .attempt-option:hover,.dark-theme body[data-page="model-questions"] .attempt-option:hover {background-color: var(--alpha-white-08) !important;}.dark-theme body[data-page="quizes"] .question-text,.dark-theme body[data-page="model-questions"] .question-text,.dark-theme .question-text {color: var(--slate-100) !important;}.dark-theme body[data-page="quizes"] .option-item,.dark-theme body[data-page="model-questions"] .option-item,.dark-theme .option-item {background-color: var(--slate-900) !important;border: 2px solid var(--alpha-white-10) !important;color: var(--slate-200) !important;}.dark-theme body[data-page="quizes"] .option-item:hover,.dark-theme body[data-page="model-questions"] .option-item:hover,.dark-theme .option-item:hover {background-color: var(--alpha-white-05) !important;border-color: var(--blue-400) !important;}.dark-theme body[data-page="quizes"] .option-item.selected,.dark-theme body[data-page="model-questions"] .option-item.selected,.dark-theme .option-item.selected {background-color: var(--alpha-blue-600-20) !important;border-color: var(--primary) !important;color: var(--white) !important;}.dark-theme body[data-page="quizes"] .option-item span,.dark-theme body[data-page="model-questions"] .option-item span,.dark-theme .option-item span {color: var(--slate-200) !important;font-weight: 500;}.dark-theme body[data-page="quizes"] .option-item .option-index,.dark-theme body[data-page="model-questions"] .option-item .option-index,.dark-theme .option-item .option-marker {color: var(--blue-400);border-color: var(--alpha-white-20);}.dark-theme body[data-page="quizes"] .option-item.selected span,.dark-theme body[data-page="model-questions"] .option-item.selected span,.dark-theme .option-item.selected span {color: var(--slate-600) !important;font-weight: 600;}.dark-theme body[data-page="quizes"] .option-item.selected .option-index,.dark-theme body[data-page="model-questions"] .option-item.selected .option-index,.dark-theme .option-item.selected .option-index {color: var(--slate-600) !important;border-color: var(--slate-600) !important;background-color: var(--alpha-white-20) !important;}.detail-row.subscription-row {align-items: flex-start;flex-direction: column;gap: 8px;}.subscription-plan-card {display: block;margin-top: 12px;padding: 16px;background: linear-gradient(135deg, var(--alpha-primary-08) 0%, var(--alpha-purple-500-08) 100%);border: 2px solid var(--alpha-primary-20);border-radius: var(--radius-xl);text-decoration: none;transition: all 0.3s ease;cursor: pointer;}.subscription-plan-card:hover {border-color: var(--accent-blue);background: linear-gradient(135deg, var(--alpha-primary-12) 0%, var(--alpha-purple-500-12) 100%);transform: translateY(-2px);box-shadow: 0 4px 12px var(--alpha-primary-15);}.plan-card-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px;}.plan-label {font-size: 12px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;color: var(--text-secondary);}.plan-card-header i {color: var(--accent-blue);font-size: 14px;transition: transform 0.3s ease;}.subscription-plan-card:hover .plan-card-header i {transform: translateX(4px);}.plan-card-content {display: flex;flex-direction: column;gap: 8px;}.plan-name-text {color: var(--text-primary);font-size: 18px;font-weight: 700;}.plan-status {display: inline-block;padding: 4px 10px;border-radius: var(--radius-md);font-size: 11px;font-weight: 600;text-transform: uppercase;background: var(--alpha-green-500-10);color: var(--success-light);width: fit-content;}.plan-status.expired {background: var(--alpha-danger-10);color: var(--danger);}.dark-theme .subscription-plan-card {background: linear-gradient(135deg, var(--alpha-primary-10) 0%, var(--alpha-purple-500-10) 100%);border-color: var(--alpha-primary-30);}.dark-theme .subscription-plan-card:hover {background: linear-gradient(135deg, var(--alpha-primary-15) 0%, var(--alpha-purple-500-15) 100%);}.subscription-card {background: linear-gradient(135deg, var(--alpha-green-500-08), var(--alpha-primary-08));border: 1px solid var(--alpha-green-500-20);border-radius: var(--radius-lg);padding: 16px;}.subscription-info {display: grid;grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));gap: 12px;}@media (max-width: 1024px) {.users-cards-container {grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}.detail-grid {grid-template-columns: repeat(2, 1fr);}.subscription-info {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 768px) {.users-cards-container {grid-template-columns: 1fr;}.card-info {grid-template-columns: repeat(2, 1fr);}.detail-grid {grid-template-columns: 1fr;}.subscription-info {grid-template-columns: 1fr;}.user-details-header {flex-direction: column;text-align: center;}.details-actions {flex-direction: column;}}.dark-theme .subscription-card {background: linear-gradient(135deg, var(--alpha-green-500-10), var(--alpha-primary-10));border-color: var(--alpha-green-500-20);}.plan-card {position: relative;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-2xl);padding: 16px;box-shadow: var(--shadow-sm);overflow: hidden;}.plan-card::before {content: '';position: absolute;inset: 0;background: radial-gradient(circle at 20% 20%, var(--alpha-indigo-08), transparent 55%);pointer-events: none;}.plan-card:hover {box-shadow: var(--shadow-md);transform: translateY(-1px);}.plan-card-header {display: flex;justify-content: space-between;align-items: flex-start;gap: 14px;position: relative;z-index: 1;}.plan-heading {display: flex;flex-direction: column;gap: 6px;width: 100%;}.plan-title-row {display: flex;align-items: center;gap: 10px;justify-content: space-between;flex-wrap: wrap;}.plan-desc {margin: 6px 0 0;color: var(--text-secondary);font-size: 14px;}.plan-price {font-size: 16px;font-weight: 700;color: var(--success-dark);}.plan-price-block {display: flex;flex-direction: column;align-items: flex-start;gap: 6px;margin-top: 10px;}.plan-duration-chip {padding: 6px 10px;border-radius: var(--radius-lg);background: var(--bg-muted);color: var(--text-secondary);font-size: 13px;border: 1px solid var(--border-color);}.plan-limits {margin-top: 12px;position: relative;z-index: 1;}.plan-limit-list {display: flex;flex-wrap: wrap;gap: 8px;margin-top: 8px;}.plan-limit-chip {display: flex;align-items: center;justify-content: space-between;gap: 10px;min-width: 220px;padding: 8px 16px;}.plan-limit-values {display: inline-flex;align-items: center;gap: 6px;}.plan-card-actions {margin-top: 12px;display: flex;gap: 8px;justify-content: flex-end;position: relative;z-index: 1;}.plan-status {padding: 5px 10px;border-radius: var(--radius-pill);font-size: 12px;font-weight: 600;border: 1px solid transparent;display: inline-flex;align-items: center;gap: 6px;white-space: nowrap;}.plan-status--active {background: var(--alpha-success-12);color: var(--teal);border-color: var(--alpha-success-25);}.plan-status--inactive {background: var(--alpha-danger-12);color: var(--red-500);border-color: var(--alpha-danger-25);}.plan-form-card,.feature-card {background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-2xl);padding: 16px;box-shadow: var(--shadow-md);}@media (max-width: 900px) {.plan-card {padding: 14px !important;}.plan-limit-list {gap: 6px;}.plan-card-actions {justify-content: center;}.form-grid-2 {grid-template-columns: 1fr;}}@media (max-width: 640px) {.plans-grid {grid-template-columns: 1fr !important;}.limit-row {flex-direction: column;align-items: flex-start;}.limit-inputs {width: 100%;}.limit-inputs input,.limit-inputs select {width: 100%;padding: 10px 5px;}.plan-price-block {align-items: flex-start;}.plan-limit-chip {padding: 8px 0px;}}#plans-container .loading-spinner {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 300px;grid-column: 1 / -1;}#current-subscription-card .loading-spinner,#subscription-history .loading-spinner {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;min-height: 200px;grid-column: 1 / -1;}.subscriptions-error {grid-column: 1 / -1 !important;}.subscriptions-error .error-icon {font-size: 64px;margin-bottom: 20px;opacity: 0.8;color: var(--danger);display: flex;align-items: center;justify-content: center;}.subscriptions-error .error-icon i {font-size: 64px;}.subscriptions-error .error-title {font-size: 22px;font-weight: 700;color: var(--text-primary);margin-bottom: 10px;}.subscriptions-error .error-message {font-size: 14px;color: var(--text-secondary);margin-bottom: 12px;max-width: 400px;line-height: 1.6;}.dark-theme .subscriptions-error .error-icon {color: var(--danger-light);}.subscriptions-page {padding: 40px 0;}.subscriptions-header {text-align: center;margin-bottom: 60px;}.subscriptions-header h1 {font-size: 36px;font-weight: 700;color: var(--text-primary);margin-bottom: 10px;}.subscriptions-header .subtitle {font-size: 16px;color: var(--text-secondary);max-width: 600px;margin: 0 auto;}.plan-card {background: var(--bg-card);border: 2px solid var(--alpha-slate-400-15);border-radius: var(--radius-2xl);padding: 30px;position: relative;transition: all 0.3s ease;display: flex;flex-direction: column;max-width: 400px;width: 100%;}.plan-card:hover {border-color: var(--accent-blue);transform: translateY(-5px);box-shadow: 0 10px 30px var(--alpha-primary-10);}.plan-card.active {border-color: var(--accent-blue);background: linear-gradient(135deg, var(--alpha-primary-05) 0%, var(--alpha-primary-02) 100%);}.plan-badge {position: absolute;top: 20px;right: 20px;background: var(--accent-blue);color: var(--white);padding: 6px 12px;border-radius: var(--radius-md);font-size: 12px;font-weight: 600;text-transform: uppercase;}.plan-name {font-size: 24px;font-weight: 700;color: var(--text-primary);margin-bottom: 10px;}.plan-description {font-size: 14px;color: var(--text-secondary);margin-bottom: 20px;flex: 1;}.plan-price {font-size: 36px;font-weight: 700;color: var(--text-primary);margin-bottom: 5px;}.plan-price-period {font-size: 13px;color: var(--text-secondary);margin-bottom: 25px;}.plan-duration {font-size: 12px;font-weight: 600;color: var(--accent-blue);background: var(--alpha-primary-10);padding: 8px 12px;border-radius: var(--radius-md);margin-bottom: 20px;display: inline-block;}.plan-duration i {margin-right: 6px;font-size: 14px;}.plan-features {list-style: none;margin-bottom: 30px;flex: 1;}.plan-feature {padding: 10px 0;border-bottom: 1px solid var(--alpha-slate-400-10);font-size: 14px;color: var(--text-secondary);display: flex;align-items: center;gap: 10px;}.plan-feature:last-child {border-bottom: none;}.plan-feature span {display: inline-flex;align-items: center;justify-content: center;width: 20px;height: 20px;background: var(--alpha-green-500-10);color: var(--success-light);border-radius: var(--radius-full);font-size: 12px;}.plan-feature.not-included {color: var(--alpha-slate-400-60);}.plan-feature.not-included span {background: var(--alpha-slate-400-10);color: var(--slate-400);}.plan-action {width: 100%;padding: 12px;border: none;border-radius: var(--radius-base);font-weight: 600;font-size: 14px;cursor: pointer;transition: all 0.3s ease;}.plan-action.subscribe {background: var(--accent-blue);color: var(--white);}.plan-action.subscribe:hover {background: var(--blue-600);}.plan-action.current {background: var(--alpha-green-500-10);color: var(--success-light);cursor: default;}.plan-action.disabled {background: var(--alpha-slate-400-10);color: var(--text-secondary);cursor: not-allowed;}.current-subscription-section,.subscription-history-section {background: var(--bg-card);border: 1px solid var(--alpha-slate-400-15);border-radius: var(--radius-2xl);padding: 30px;margin-bottom: 40px;}.current-subscription-card {background: linear-gradient(135deg, var(--alpha-primary-05) 0%, var(--alpha-success-05) 100%);border: 2px solid var(--alpha-primary-20);border-radius: var(--radius-xl);padding: 25px;}.subscription-info {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 20px;}.subscription-history {display: grid;gap: 15px;}.dark-theme .plan-card {background: var(--alpha-slate-800-80);border-color: var(--alpha-slate-400-20);}.dark-theme .plan-card.active {background: var(--alpha-primary-08);border-color: var(--accent-blue);}.dark-theme .current-subscription-card {background: linear-gradient(135deg, var(--alpha-primary-08) 0%, var(--alpha-green-500-08) 100%);}.dark-theme .subscription-history-section,.dark-theme .current-subscription-section {background: var(--alpha-slate-800-60);border-color: var(--alpha-slate-400-15);}@media (max-width: 768px) {.subscriptions-header h1 {font-size: 28px;}.plans-container {flex-direction: column;align-items: center;gap: 20px;}.plan-card {width: 100%;max-width: 100%;}.subscription-info {grid-template-columns: 1fr;}.history-item {grid-template-columns: 1fr !important;gap: 10px;text-align: center;}}.subscription-info,.usage-info {display: flex;flex-direction: column;gap: 10px;}.info-value.plan-name {font-size: 14px;color: var(--primary);}.usage-subscription-wrapper {display: flex;flex-direction: column;gap: 30px;}.usage-plan-header {display: flex;justify-content: space-between;align-items: flex-start;gap: 20px;padding-bottom: 25px;border-bottom: 2px solid var(--alpha-primary-15);}.usage-plan-info {flex: 1;display: flex;flex-direction: column;gap: 12px;}.usage-plan-badge {display: inline-flex;align-items: center;gap: 6px;padding: 6px 14px;border-radius: var(--radius-md);font-size: 13px;font-weight: 600;width: fit-content;text-transform: uppercase;letter-spacing: 0.5px;}.usage-plan-badge.active {background: var(--accent-green);color: white;}.usage-plan-badge.expired {background: linear-gradient(135deg, var(--danger) 0%, var(--danger-dark) 100%);color: white;}.usage-plan-name {font-size: 28px;font-weight: 800;background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin: 0;}.usage-plan-meta {display: flex;flex-wrap: wrap;gap: 20px;font-size: 14px;color: var(--text-secondary);}.usage-plan-meta-item {display: flex;align-items: center;gap: 6px;}.usage-plan-meta-item i {color: var(--accent-blue);font-size: 13px;}.usage-plan-price {text-align: right;}.usage-price-label {font-size: 12px;text-transform: uppercase;letter-spacing: 0.5px;color: var(--text-light);margin-bottom: 6px;font-weight: 600;}.usage-price-value {font-size: 32px;font-weight: 800;background: linear-gradient(135deg, var(--accent-orange) 0%, var(--accent-pink) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.usage-features-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 20px;}.usage-feature-card {background: var(--bg-secondary);border: 2px solid var(--border-color);border-radius: var(--radius-lg);padding: 20px;transition: all 0.3s ease;}.usage-feature-card:hover {transform: translateY(-2px);box-shadow: 0 8px 20px var(--shadow-color);border-color: var(--accent-blue);}.usage-feature-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;gap: 10px;}.usage-feature-name {font-size: 16px;font-weight: 700;color: var(--text-primary);}.usage-feature-period {font-size: 11px;color: var(--text-light);background: var(--alpha-primary-08);padding: 4px 10px;border-radius: var(--radius-md);display: flex;align-items: center;gap: 4px;white-space: nowrap;}.usage-feature-period i {font-size: 10px;}.usage-progress-section {display: flex;flex-direction: column;gap: 10px;}.usage-numbers {display: flex;align-items: baseline;gap: 6px;font-weight: 700;}.usage-used {font-size: 32px;background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.usage-separator {font-size: 24px;color: var(--text-light);}.usage-limit {font-size: 24px;color: var(--text-secondary);}.usage-bonus {font-size: 13px;color: var(--accent-green);background: var(--alpha-green-500-08);padding: 4px 10px;border-radius: var(--radius-md);margin-left: 6px;display: inline-flex;align-items: center;gap: 4px;}.usage-bonus i {font-size: 11px;}.usage-progress-bar {height: 10px;background: var(--alpha-primary-08);border-radius: var(--radius-md);overflow: hidden;position: relative;}.usage-progress-fill {height: 100%;background: linear-gradient(90deg, var(--accent-blue) 0%, var(--accent-purple) 100%);border-radius: var(--radius-md);transition: width 0.5s ease, background 0.3s ease;}.usage-progress-fill.warning {background: linear-gradient(90deg, var(--accent-orange) 0%, var(--warning) 100%);}.usage-progress-fill.critical {background: linear-gradient(90deg, var(--danger) 0%, var(--danger-dark) 100%);}.usage-remaining {font-size: 13px;color: var(--text-secondary);text-align: right;}.usage-unlimited-badge {display: flex;align-items: center;justify-content: center;gap: 8px;padding: 12px;background: linear-gradient(135deg, var(--alpha-purple-10) 0%, var(--alpha-blue-10) 100%);border-radius: var(--radius-md);font-size: 16px;font-weight: 700;color: var(--accent-purple);}.usage-unlimited-badge i {font-size: 20px;}.usage-empty-state {padding: 40px;text-align: center;color: var(--text-light);font-size: 14px;background: var(--alpha-primary-05);border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;gap: 8px;}.dark-theme .usage-feature-card {background: var(--alpha-slate-800-80);border-color: var(--alpha-slate-400-20);}.dark-theme .usage-feature-card:hover {border-color: var(--accent-blue);background: var(--alpha-slate-800-90);}.dark-theme .usage-plan-header {border-bottom-color: var(--alpha-slate-400-15);}.dark-theme .usage-plan-name {background: linear-gradient(135deg, var(--blue-400) 0%, var(--purple-400-alt) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.dark-theme .usage-price-value {background: linear-gradient(135deg, var(--color-fb923c) 0%, var(--pink-400) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.dark-theme .usage-used {background: linear-gradient(135deg, var(--blue-400) 0%, var(--purple-400-alt) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}@media (max-width: 768px) {.usage-plan-header {flex-direction: column;gap: 20px;}.usage-plan-price {text-align: left;}.usage-plan-name {font-size: 24px;}.usage-price-value {font-size: 28px;}.usage-features-grid {grid-template-columns: 1fr;}.usage-plan-meta {flex-direction: column;gap: 10px;}.usage-used {font-size: 28px;}.usage-limit {font-size: 20px;}.usage-feature-card {padding: 16px;border-radius: var(--radius-md);}.usage-feature-card:hover {transform: translateY(-1px);box-shadow: 0 4px 12px var(--alpha-black-10);}.usage-feature-header {flex-direction: column;align-items: flex-start;margin-bottom: 12px;gap: 8px;}.usage-feature-name {font-size: 14px;}.usage-feature-period {font-size: 10px;padding: 3px 8px;align-self: flex-start;}.usage-numbers {gap: 4px;}.usage-used {font-size: 28px;}.usage-separator {font-size: 20px;}.usage-limit {font-size: 18px;}.usage-bonus {font-size: 12px;padding: 3px 8px;}.usage-progress-bar {height: 8px;}.usage-remaining {font-size: 12px;}.usage-unlimited-badge {padding: 10px;font-size: 14px;}.usage-unlimited-badge i {font-size: 18px;}}@media (max-width: 480px) {.usage-features-grid {gap: 12px;}.usage-feature-card {padding: 12px;border-width: 1px;border-radius: var(--radius-base);text-align: center;}.usage-feature-header {gap: 6px;margin-bottom: 10px;flex-direction: column;align-items: center;}.usage-feature-name {font-size: 13px;font-weight: 600;}.usage-feature-period {font-size: 9px;padding: 2px 6px;border-radius: var(--radius-sm);align-self: center;}.usage-feature-period i {font-size: 9px;}.usage-progress-section {gap: 8px;}.usage-numbers {flex-wrap: wrap;gap: 2px;justify-content: center;align-items: center;}.usage-used {font-size: 24px;}.usage-separator {font-size: 18px;}.usage-limit {font-size: 16px;}.usage-bonus {font-size: 11px;padding: 2px 6px;margin-left: 0;justify-content: center;display: flex;align-items: center;}.usage-bonus i {font-size: 10px;}.usage-progress-bar {height: 6px;border-radius: var(--radius-sm);}.usage-progress-fill {border-radius: var(--radius-sm);}.usage-remaining {font-size: 11px;text-align: center;}.usage-unlimited-badge {padding: 8px;font-size: 13px;gap: 6px;border-radius: var(--radius-md);justify-content: center;}.usage-unlimited-badge i {font-size: 16px;}}.empty-state,.error-state {padding: 60px 20px;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;grid-column: 1 / -1;}.empty-state-icon,.error-state-icon {font-size: 48px;opacity: 0.3;margin-bottom: 12px;}.empty-state-title,.error-state-title {font-size: 18px;font-weight: 700;color: var(--text-primary);margin: 0;}.empty-state-message,.error-state-message {font-size: 14px;color: var(--text-secondary);margin: 0;}.error-state {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 40px 20px;border: 2px solid var(--danger-color);border-radius: var(--radius-base);background-color: var(--alpha-danger-alt-05);gap: 15px;margin: 20px 0;width: 100%;box-sizing: border-box;}.error-state-icon {font-size: 48px;color: var(--danger-color);animation: pulse-error 2s infinite;}.error-state-title {font-size: 18px;font-weight: 600;color: var(--danger-color);margin: 0;}.error-state-message {font-size: 14px;color: var(--text-secondary);text-align: center;margin: 0;}.error-page {display: flex;align-items: center;justify-content: center;min-height: 60vh;padding: 40px 20px;}.error-state {text-align: center;padding: 40px 20px;}.error-state i {font-size: 36px;color: var(--danger);margin-bottom: 10px;}.error-state p {color: var(--text-secondary);margin: 0;}.error-state {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 60px 40px;text-align: center;background: linear-gradient(135deg, var(--alpha-danger-05) 0%, var(--alpha-danger-dark-02) 100%);border: 2px solid var(--alpha-danger-20);border-radius: var(--radius-2xl);grid-column: 1 / -1;}.dark-theme .error-state {background: linear-gradient(135deg, var(--alpha-danger-08) 0%, var(--alpha-danger-dark-03) 100%);border-color: var(--alpha-danger-30);}.error-state {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 60px 20px;text-align: center;color: var(--danger);}.error-state i {font-size: 48px;margin-bottom: 15px;}.error-state p {margin: 0;font-size: 14px;}.announcement-footer {margin-top: 0.90rem;font-size: 0.80rem;color: var(--gray-500);text-align: center;line-height: 1.5;word-break: break-word;padding: 0 0.2rem;}.dark-theme .announcement-footer {color: var(--gray-400);}.announcement-action-btn {width: 100%;margin-top: 1.2rem;padding: 0.95rem 0;font-size: 1.13rem;font-weight: 700;border: none;border-radius: var(--radius-lg);background: linear-gradient(90deg, var(--primary-light) 60%, var(--success) 100%);color: var(--white);box-shadow: 0 2px 8px 0 var(--alpha-primary-light-08);cursor: pointer;transition: background 0.18s, color 0.18s, box-shadow 0.18s;letter-spacing: 0.01em;display: block;}.announcement-action-btn:hover {background: linear-gradient(90deg, var(--success) 60%, var(--primary-light) 100%);color: var(--white);box-shadow: 0 4px 16px 0 var(--alpha-success-12);}.dark-theme .announcement-action-btn {background: linear-gradient(135deg, var(--success) 0%, var(--primary-dark) 100%);color: var(--white);}.dark-theme .announcement-action-btn:hover {background: linear-gradient(135deg, var(--primary-dark) 0%, var(--success) 100%);}.announcement-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1200;background: var(--alpha-gray-900-55);display: flex;align-items: center;justify-content: center;transition: background 0.3s;}.announcement-overlay.hidden {display: none;}.announcement-card {min-width: 290px;max-width: 420px;width: 100%;background: var(--white);border-radius: var(--radius-3xl);box-shadow: 0 12px 40px 0 var(--alpha-black-22), 0 2px 8px 0 var(--alpha-black-10);padding: 2.5rem 2.2rem 2rem 2.2rem;position: relative;display: flex;flex-direction: column;align-items: center;animation: annPop 0.35s cubic-bezier(.7, -0.2, .3, 1.4);border: none;margin: 0 12px;overflow-y: auto;overflow-x: hidden;max-height: 97%;}.announcement-card::-webkit-scrollbar {width: 6px;}.announcement-card::-webkit-scrollbar-track {background: transparent;}.announcement-card::-webkit-scrollbar-thumb {background: var(--alpha-slate-400-30);border-radius: var(--radius-xs);}.announcement-card::-webkit-scrollbar-thumb:hover {background: var(--alpha-slate-400-50);}.announcement-card::-webkit-scrollbar {width: 6px;}.announcement-card::-webkit-scrollbar-track {background: transparent;}.announcement-card::-webkit-scrollbar-thumb {background: var(--alpha-slate-400-30);border-radius: var(--radius-xs);}.announcement-card::-webkit-scrollbar-thumb:hover {background: var(--alpha-slate-400-50);}@keyframes annPop {0% {transform: scale(0.85) translateY(40px);opacity: 0;}100% {transform: scale(1) translateY(0);opacity: 1;}}.announcement-icon {font-size: 2.9rem;margin-bottom: 1.1rem;display: flex;align-items: center;justify-content: center;filter: drop-shadow(0 2px 8px var(--alpha-black-10));}.announcement-title {font-size: 1.45rem;font-weight: 800;margin-bottom: 0.7rem;text-align: center;letter-spacing: 0.01em;color: var(--text-primary);}.announcement-message {font-size: 1rem;color: var(--text-primary);text-align: center;line-height: 1.5;white-space: pre-line;word-break: break-word;}#announcement-message i {width: 28px;height: 28px;display: inline-flex;align-items: center;justify-content: center;font-size: 14px;background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}.announcement-close {position: absolute;top: 1.1rem;right: 1.1rem;background: none;border: none;font-size: 1.35rem;color: var(--text-muted);cursor: pointer;transition: color 0.2s;padding: 0.2rem 0.4rem;border-radius: var(--radius-full);}.announcement-card.type-new_feature {border-top: 6px solid var(--primary-light);}.announcement-card.type-new_feature {border-top: 6px solid var(--primary-light);box-shadow: 0 0 0 2px var(--blue-100);}.announcement-card.type-discontinuation {border-top: 6px solid var(--danger-alt);box-shadow: 0 0 0 2px var(--red-100);}.announcement-card.type-system_update {border-top: 6px solid var(--warning);box-shadow: 0 0 0 2px var(--white);}.announcement-card.type-maintenance {border-top: 6px solid var(--purple-600);box-shadow: 0 0 0 2px var(--purple-100);}.announcement-card.type-general {border-top: 6px solid var(--success);box-shadow: 0 0 0 2px var(--color-eafff2);}.announcement-icon.type-new_feature {color: var(--primary-light);}.announcement-icon.type-discontinuation {color: var(--danger-alt);}.announcement-icon.type-system_update {color: var(--warning);}.announcement-icon.type-maintenance {color: var(--purple-600);}.announcement-icon.type-general {color: var(--success);}.dark-theme .announcement-card {background: var(--text-primary);color: var(--color-f3f3f3);box-shadow: 0 12px 40px 0 var(--alpha-black-32), 0 2px 8px 0 var(--alpha-black-08);}.dark-theme .announcement-message {color: var(--color-e0e0e0);}.dark-theme .announcement-card.type-new_feature {border-top: 6px solid var(--primary-light);}.dark-theme .announcement-card.type-discontinuation {border-top: 6px solid var(--danger-alt);}.dark-theme .announcement-card.type-system_update {border-top: 6px solid var(--warning);}.dark-theme .announcement-card.type-maintenance {border-top: 6px solid var(--purple-600);}.dark-theme .announcement-card.type-general {border-top: 6px solid var(--success);}.dark-theme .announcement-icon.type-new_feature {color: var(--primary-light);}.dark-theme .announcement-icon.type-discontinuation {color: var(--danger-alt);}.dark-theme .announcement-icon.type-system_update {color: var(--warning);}.dark-theme .announcement-icon.type-maintenance {color: var(--purple-600);}.dark-theme .announcement-icon.type-general {color: var(--success);}@keyframes msAuthPop {0% {transform: scale(0.85) translateY(40px);opacity: 0;}100% {transform: scale(1) translateY(0);opacity: 1;}}.ai-disclaimer {font-size: 12px;color: var(--rose-600);background: var(--alpha-slate-400-10);border-radius: var(--radius-base);padding: 10px 16px;margin-top: 10px;margin-bottom: 0;display: flex;align-items: center;gap: 8px;justify-content: center;font-weight: 500;}.auth-block {max-width: 370px;margin: 0 auto;border-radius: var(--radius-2xl);box-shadow: 0 8px 32px var(--alpha-primary-13);background: var(--bg-card);padding: 0;}.dark-theme {--bg-light: var(--slate-950);--bg-card: var(--slate-900);--bg-sidebar: var(--alpha-slate-800-95);--text-primary: var(--slate-100);--text-secondary: var(--slate-300);--text-light: var(--slate-400);--shadow-sm: 0 2px 10px var(--alpha-black-20);--shadow-md: 0 4px 20px var(--alpha-black-25);--shadow-lg: 0 10px 40px var(--alpha-black-30);--bg-primary: var(--slate-900);--bg-secondary: var(--slate-700);--border: var(--slate-600);}@keyframes pulse {0%,100% {transform: scale(1);}50% {transform: scale(1.05);}}.ai-feature {position: relative;}.ai-feature:after {content: "";font-family: 'Material Icons Outlined';content: "\e65f";position: absolute;top: 50%;right: 8px;transform: translateY(-50%);color: var(--purple);font-size: 18px;opacity: 0.9;z-index: 2;transition: all 0.2s ease;}.dark-theme .ai-feature:after {color: var(--purple-400);}.ai-feature {background: transparent !important;border: none !important;}.ai-feature:hover,.ai-feature.active {background: var(--alpha-primary-10) !important;border: none !important;}.ai-feature:hover:after,.ai-feature.active:after {opacity: 1;color: var(--purple-darker);transform: translateY(-50%) scale(1.1);}.dark-theme .ai-feature:hover:after,.dark-theme .ai-feature.active:after {color: var(--purple-300);}.stat-card {background: var(--bg-card);border-radius: var(--border-radius);padding: 25px;box-shadow: var(--shadow-md);display: flex;align-items: center;gap: 20px;transition: transform 0.3s ease, box-shadow 0.3s ease;border: 1px solid var(--alpha-slate-200-60);}.stat-card:hover {transform: translateY(-5px);box-shadow: var(--shadow-lg);}.stat-icon {width: 60px;height: 60px;border-radius: var(--radius-2xl);display: flex;align-items: center;justify-content: center;font-size: 24px;color: var(--white) !important;flex-shrink: 0;box-shadow: 0 8px 20px var(--alpha-black-15);}.stat-info h3 {font-family: 'Outfit', sans-serif;font-size: 32px;font-weight: 700;margin: 0;line-height: 1;color: var(--text-primary);}.stat-info p {color: var(--text-secondary);font-size: 14px;font-weight: 500;margin: 5px 0 0 0;text-transform: uppercase;letter-spacing: 0.5px;}.section-header h2 {font-family: 'Outfit', sans-serif;font-size: 24px;font-weight: 700;color: var(--text-primary);margin: 0;}.section-line {flex: 1;height: 1px;background: var(--alpha-slate-20);opacity: 0.3;}.card-top {display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 20px;}.card-icon {width: 60px;height: 60px;border-radius: var(--radius-2xl);display: flex;align-items: center;justify-content: center;font-size: 26px;color: var(--white);background: var(--card-gradient);box-shadow: 0 8px 20px var(--alpha-black-15);transition: transform 0.3s ease;}.action-arrow {width: 35px;height: 35px;border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;color: var(--text-secondary);border: 1px solid var(--alpha-slate-200-60);transition: all 0.3s ease;}.card-content h4 {font-family: 'Outfit', sans-serif;font-size: 20px;font-weight: 700;color: var(--text-primary);margin: 0 0 10px 0;}.card-content p {font-size: 15px;color: var(--text-secondary);margin: 0;line-height: 1.6;}.dark-theme .stat-info p,.dark-theme .card-content p,.dark-theme .action-arrow {color: var(--slate-400);}.dark-theme .action-arrow {border-color: var(--alpha-slate-700-60);}.announcement-card {background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-15);padding: 24px;display: flex;flex-direction: column;gap: 16px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 2px 8px var(--alpha-black-05);position: relative;overflow: hidden;overflow-y: auto;min-width: 0;}.announcement-card .card-footer-preview {display: block;}.card-header {display: flex;justify-content: space-between;align-items: center;gap: 12px;}.type-badge {display: inline-flex;align-items: center;gap: 6px;font-size: 12px;font-weight: 600;padding: 6px 12px;background: var(--alpha-primary-10);border-radius: var(--radius-3xl);text-transform: uppercase;letter-spacing: 0.5px;}.status-badge {display: inline-flex;align-items: center;gap: 6px;font-size: 11px;font-weight: 700;padding: 6px 12px;border-radius: var(--radius-3xl);text-transform: uppercase;letter-spacing: 0.5px;}.status-badge.active {background: var(--alpha-green-500-15);color: var(--success-light);}.status-badge.inactive {background: var(--alpha-danger-15);color: var(--danger);}.card-content {display: flex;flex-direction: column;gap: 12px;min-width: 0;}.card-title {font-size: 18px;font-weight: 700;color: var(--text-primary);margin: 0;line-height: 1.4;word-break: break-word;overflow-wrap: break-word;word-wrap: break-word;}.card-message {font-size: 14px;color: var(--text-secondary);line-height: 1.6;margin: 0;word-break: break-word;overflow-wrap: break-word;word-wrap: break-word;}.card-button {display: flex;align-items: center;gap: 8px;padding: 10px 12px;background: var(--alpha-primary-08);border-radius: var(--radius-base);font-size: 13px;color: var(--primary);font-weight: 500;min-width: 0;overflow-wrap: break-word;word-wrap: break-word;}.card-button i {font-size: 12px;flex-shrink: 0;}.card-footer-preview {display: flex;align-items: center;gap: 8px;padding: 10px 12px;background: var(--alpha-color-107-114-128-08);border-radius: var(--radius-base);font-size: 13px;color: var(--text-secondary);font-style: italic;min-width: 0;overflow-wrap: break-word;word-wrap: break-word;}.card-footer-preview i {font-size: 12px;opacity: 0.6;flex-shrink: 0;}.card-meta {display: flex;gap: 12px;flex-wrap: wrap;padding-top: 12px;border-top: 1px solid var(--border-color);min-width: 0;}.meta-item {display: flex;align-items: center;gap: 6px;font-size: 12px;color: var(--text-secondary);min-width: 0;overflow-wrap: break-word;word-wrap: break-word;}.meta-item i {font-size: 11px;opacity: 0.6;flex-shrink: 0;}.card-actions {display: flex;gap: 8px;padding-top: 12px;border-top: 1px solid var(--border-color);min-width: 0;}.action-btn {flex: 1;display: flex;align-items: center;justify-content: center;gap: 6px;padding: 10px 12px;border: 1px solid var(--border-color);border-radius: var(--radius-base);background: transparent;color: var(--text-secondary);font-size: 12px;font-weight: 600;cursor: pointer;transition: all 0.2s ease;text-transform: uppercase;letter-spacing: 0.3px;white-space: nowrap;min-width: 0;overflow: hidden;text-overflow: ellipsis;}.action-btn:hover {transform: translateY(-2px);box-shadow: 0 4px 12px var(--alpha-black-10);}.action-btn i {font-size: 11px;flex-shrink: 0;}.action-btn-edit {color: var(--primary);border-color: var(--alpha-primary-30);background: var(--alpha-primary-08);}.action-btn-edit:hover {background: var(--alpha-primary-15);border-color: var(--primary);color: var(--primary);}.action-btn-toggle {color: var(--purple);border-color: var(--alpha-purple-30);background: var(--alpha-purple-500-08);}.action-btn-toggle:hover {background: var(--alpha-purple-500-15);border-color: var(--purple);color: var(--purple);}.action-btn-delete {color: var(--danger);border-color: var(--alpha-danger-30);background: var(--alpha-danger-08);}.action-btn-delete:hover {background: var(--alpha-danger-15);border-color: var(--danger);color: var(--danger);}.dark-theme .announcement-card {background: var(--bg-card-dark);border-color: var(--border-dark);box-shadow: 0 2px 8px var(--alpha-black-30);}.dark-theme .announcement-card:hover {box-shadow: 0 8px 24px var(--alpha-primary-25);}.dark-theme .card-title {color: var(--dark-text-primary);}.dark-theme .card-message {color: var(--dark-text-secondary);}.dark-theme .card-meta {border-color: var(--border-dark);}.dark-theme .meta-item {color: var(--dark-text-secondary);}.dark-theme .card-actions {border-color: var(--border-dark);}.dark-theme .card-button {background: var(--alpha-primary-15);color: var(--blue-400);}.dark-theme .card-footer-preview {background: var(--alpha-color-107-114-128-15);color: var(--dark-text-secondary);}.dark-theme .type-badge {background: var(--alpha-primary-15);color: var(--blue-400);}.dark-theme .action-btn {color: var(--dark-text-secondary);border-color: var(--border-dark);}.dark-theme .action-btn-edit {color: var(--blue-400);border-color: var(--alpha-color-96-165-250-30);background: var(--alpha-primary-15);}.dark-theme .action-btn-edit:hover {background: var(--alpha-primary-25);border-color: var(--blue-400);color: var(--blue-400);}.dark-theme .action-btn-toggle {color: var(--color-d8b4fe);border-color: var(--alpha-color-216-180-254-30);background: var(--alpha-purple-500-15);}.dark-theme .action-btn-toggle:hover {background: var(--alpha-purple-500-25);border-color: var(--color-d8b4fe);color: var(--color-d8b4fe);}.dark-theme .action-btn-delete {color: var(--danger-light);border-color: var(--alpha-danger-light-30);background: var(--alpha-danger-15);}.dark-theme .action-btn-delete:hover {background: var(--alpha-danger-25);border-color: var(--danger-light);color: var(--danger-light);}.theme-switch {display: flex;align-items: center;justify-content: space-between;background: var(--bg-card);padding: 12px 20px;border-radius: var(--border-radius-md);box-shadow: var(--shadow-sm);cursor: pointer;transition: all 0.3s ease;}.theme-switch:hover {box-shadow: var(--shadow-md);transform: translateY(-2px);}.theme-label {display: flex;align-items: center;gap: 12px;font-weight: 500;}.theme-label i {background: var(--gradient-warning);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-size: 18px;}.switch {position: relative;display: inline-block;width: 54px;height: 28px;}.switch input {opacity: 0;width: 0;height: 0;}.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background: var(--gradient-dark);transition: .4s;border-radius: var(--radius-34);}.slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 4px;bottom: 4px;background: var(--white);transition: .4s;border-radius: var(--radius-full);box-shadow: 0 2px 5px var(--alpha-black-20);}input:checked+.slider {background: var(--gradient-primary);}input:checked+.slider:before {transform: translateX(26px);}.content-section {max-width: 1400px;margin-left: auto;margin-right: auto;width: 100%;box-sizing: border-box;overflow-x: hidden;}.user-avatar {width: 44px;height: 44px;border-radius: var(--radius-full);background: var(--gradient-primary);display: flex;align-items: center;justify-content: center;color: var(--white);font-weight: 700;font-size: 18px;box-shadow: 0 4px 15px var(--alpha-primary-30);}.account-card {width: min(460px, 100%);}.divider {display: flex;align-items: center;gap: 10px;color: var(--text-secondary);font-size: 13px;margin: 20px 0;}.divider:before,.divider:after {content: '';flex: 1;height: 1px;background: var(--alpha-slate-400-40);}.register-scrollable {max-height: 65vh;overflow-y: auto;padding-right: 8px;}.register-scrollable::-webkit-scrollbar {width: 6px;}.register-scrollable::-webkit-scrollbar-track {background: transparent;}.register-scrollable::-webkit-scrollbar-thumb {background: var(--alpha-slate-400-30);border-radius: var(--radius-xs);}.register-scrollable::-webkit-scrollbar-thumb:hover {background: var(--alpha-slate-400-50);}select {appearance: none;-webkit-appearance: none;-moz-appearance: none;background-image: none;}.text-btn {background: none;border: none;color: var(--accent-blue);cursor: pointer;font-weight: 600;transition: color 0.2s ease;}.text-btn:hover {color: var(--accent-purple);}.consent-section {margin: 20px 0;padding: 20px;background: linear-gradient(135deg, var(--alpha-primary-03) 0%, var(--alpha-purple-500-03) 100%);border: 2px solid var(--alpha-primary-15);border-radius: var(--radius-xl);}.consent-label {font-size: 14px;font-weight: 600;color: var(--text-primary);margin-bottom: 12px;}.consent-checkboxes {display: flex;flex-direction: column;gap: 12px;}.consent-checkbox {display: flex;align-items: flex-start;gap: 12px;cursor: pointer;position: relative;}.consent-checkbox input[type="checkbox"] {position: absolute;opacity: 0;cursor: pointer;}.checkbox-custom {position: relative;width: 20px;height: 20px;flex-shrink: 0;border: 2px solid var(--accent-blue);border-radius: var(--radius-sm);background: var(--bg-card);transition: all 0.3s ease;}.consent-checkbox:hover .checkbox-custom {border-color: var(--accent-purple);transform: scale(1.05);}.consent-checkbox input:checked~.checkbox-custom {background: var(--accent-blue);border-color: var(--accent-blue);}.checkbox-custom::after {content: '';position: absolute;display: none;left: 6px;top: 2px;width: 5px;height: 10px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);}.consent-checkbox input:checked~.checkbox-custom::after {display: block;}.checkbox-text {font-size: 14px;color: var(--text-secondary);line-height: 1.5;}.consent-link {color: var(--accent-blue);font-weight: 600;text-decoration: none;transition: color 0.2s ease;}.consent-link:hover {color: var(--accent-purple);text-decoration: underline;}.consent-card {max-width: 520px;}.consent-icon {width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;margin: 0 auto 16px;background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 100%);border-radius: var(--radius-full);color: var(--white);font-size: 28px;box-shadow: 0 8px 20px var(--alpha-primary-30);}.consent-message {padding: 16px 20px;background: var(--alpha-primary-05);border-left: 4px solid var(--accent-blue);border-radius: var(--radius-base);margin-bottom: 20px;}.consent-message p {color: var(--text-secondary);font-size: 14px;line-height: 1.6;margin: 0;}.consent-documents {margin-bottom: 24px;}#consent-checklist {display: flex;flex-direction: column;gap: 12px;}.consent-doc-item {display: flex;align-items: flex-start;gap: 12px;padding: 16px;background: var(--bg-card);border: 2px solid var(--border-color);border-radius: var(--radius-lg);transition: all 0.3s ease;cursor: pointer;}.consent-doc-item:hover {border-color: var(--accent-blue);box-shadow: var(--shadow-sm);transform: translateX(4px);}.consent-doc-item.checked {border-color: var(--accent-blue);background: linear-gradient(135deg, var(--alpha-primary-05) 0%, var(--alpha-purple-05) 100%);}.consent-doc-checkbox {position: relative;width: 24px;height: 24px;flex-shrink: 0;border: 2px solid var(--accent-blue);border-radius: var(--radius-md);background: var(--bg-card);transition: all 0.3s ease;}.consent-doc-item.checked .consent-doc-checkbox {background: var(--accent-blue);border-color: var(--accent-blue);}.consent-doc-checkbox::after {content: '';position: absolute;display: none;left: 7px;top: 3px;width: 6px;height: 12px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);}.consent-doc-item.checked .consent-doc-checkbox::after {display: block;}.consent-doc-info {flex: 1;}.consent-doc-title {font-weight: 600;color: var(--text-primary);margin-bottom: 4px;font-size: 15px;display: flex;align-items: center;gap: 8px;}.consent-doc-link {color: var(--accent-blue);font-size: 13px;text-decoration: none;display: inline-flex;align-items: center;gap: 4px;transition: color 0.2s ease;}.consent-doc-link:hover {color: var(--accent-purple);text-decoration: underline;}.consent-doc-link i {font-size: 11px;}.consent-actions {display: flex;gap: 12px;}#consent-accept:disabled {opacity: 0.5;cursor: not-allowed;transform: none;}.dark-theme .consent-section {background: linear-gradient(135deg, var(--alpha-primary-08) 0%, var(--alpha-purple-500-08) 100%);}.dark-theme .consent-message {background: var(--alpha-primary-10);}.helper-text {color: var(--text-secondary);font-size: 14px;margin-top: 8px;}@keyframes float {0%,100% {transform: translateY(0px);}50% {transform: translateY(-15px);}}@keyframes pulse-error {0%,100% {opacity: 1;}50% {opacity: 0.6;}}.error-container {max-width: 600px;width: 100%;text-align: center;animation: fadeInUp 0.6s ease;}.error-icon {position: relative;display: inline-flex;align-items: center;justify-content: center;width: 180px;height: 180px;margin: 0 auto 30px auto;background: linear-gradient(135deg, var(--alpha-primary-10) 0%, var(--alpha-purple-600-10) 100%);border-radius: var(--radius-full);animation: float 3s ease-in-out infinite;}.error-icon i {font-size: 64px;background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;position: relative;z-index: 2;}.error-icon.access-denied {background: linear-gradient(135deg, var(--alpha-danger-10) 0%, var(--alpha-danger-dark-10) 100%);}.error-icon.access-denied i {background: linear-gradient(135deg, var(--danger) 0%, var(--danger-dark) 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}.error-code {display: block;margin-top: 12px;font-size: 36px;font-weight: 800;background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;opacity: 0.7;}.error-title {font-size: 32px;font-weight: 700;background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 15px;}.error-message {font-size: 16px;color: var(--text-secondary);line-height: 1.6;margin-bottom: 30px;}.error-details {margin: 25px 0;}.access-info {display: inline-flex;align-items: center;gap: 10px;padding: 12px 20px;background: var(--alpha-danger-10);border: 1px solid var(--alpha-danger-30);border-radius: var(--radius-xl);color: var(--danger-dark);font-size: 14px;font-weight: 500;}.access-info i {font-size: 18px;}.error-actions {display: flex;gap: 15px;justify-content: center;margin-bottom: 40px;flex-wrap: wrap;}@keyframes kqz-slideUp {from {transform: translateY(30px);opacity: 0;}to {transform: translateY(0);opacity: 1;}}@keyframes kqz-float {0%,100% {transform: translateY(0);}50% {transform: translateY(-10px);}}@keyframes kqz-spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.error-suggestions {padding: 25px;background: var(--bg-card);border-radius: var(--radius-2xl);border: 1px solid var(--alpha-slate-10);}.suggestions-title {font-size: 14px;font-weight: 600;color: var(--text-secondary);margin-bottom: 15px;text-transform: uppercase;letter-spacing: 0.5px;}.suggestion-links {display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;}.suggestion-links a {display: inline-flex;align-items: center;gap: 6px;padding: 8px 16px;background: var(--alpha-primary-10);color: var(--accent-blue);border-radius: var(--radius-base);font-size: 13px;font-weight: 500;text-decoration: none;transition: all 0.2s ease;}.suggestion-links a:hover {background: var(--alpha-primary-20);transform: translateY(-2px);}.suggestion-links a i {font-size: 14px;}@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);}to {opacity: 1;transform: translateY(0);}}@keyframes float {0%,100% {transform: translateY(0px);}50% {transform: translateY(-15px);}}.error-block {grid-column: 1 / -1;}.loading-block {grid-column: 1 / -1;}.loading-card {width: 100%;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}.loading-card.centered {min-height: 200px;}.text-center {text-align: center;}.grade-card {background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-base);padding: 20px;display: flex;flex-direction: column;gap: 15px;transition: all 0.3s ease;box-shadow: 0 2px 4px var(--alpha-black-05);}.grade-card:hover {border-color: var(--primary-color);box-shadow: 0 4px 12px var(--alpha-primary-15);transform: translateY(-2px);}.grade-card h3 {margin: 0;font-size: 18px;font-weight: 600;color: var(--text-primary);}.grade-actions {display: flex;gap: 10px;}.subject-card {background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-base);padding: 20px;display: flex;flex-direction: column;gap: 15px;transition: all 0.3s ease;box-shadow: 0 2px 4px var(--alpha-black-05);}.subject-card:hover {border-color: var(--primary-color);box-shadow: 0 4px 12px var(--alpha-primary-15);transform: translateY(-2px);}.subject-card h3 {margin: 0;font-size: 18px;font-weight: 600;color: var(--text-primary);}.text-right {text-align: right;margin-top: 6px;}.field-hint {font-size: 12px;margin-top: 4px;}.account-summary {display: flex;gap: 15px;align-items: center;}@media (max-width: 768px) {.account-summary {gap: 12px;}.account-summary .user-avatar {width: 40px;height: 40px;font-size: 16px;}.account-summary .user-name {font-size: 16px;}.account-summary .user-status {font-size: 12px;}.account-summary .helper-text {font-size: 12px;}}@media (max-width: 480px) {.account-summary {gap: 10px;flex-wrap: wrap;}.account-summary .user-avatar {width: 36px;height: 36px;font-size: 14px;flex-shrink: 0;}.account-summary .user-name {font-size: 14px;font-weight: 600;}.account-summary .user-status {font-size: 11px;}.account-summary .helper-text {font-size: 11px;}}.account-details {margin-top: 12px;border: 1px solid var(--alpha-slate-400-30);border-radius: var(--border-radius-md);padding: 12px 14px;background: var(--bg-light);}.detail-row {display: flex;justify-content: space-between;padding: 8px 0;color: var(--text-secondary);align-items: center;}.account-actions {display: flex;justify-content: flex-end;gap: 10px;margin-top: 16px;}@media (max-width: 768px) {.account-actions {gap: 8px;}.account-actions .btn {padding: 10px 16px;font-size: 14px;}.account-actions .btn i {font-size: 14px;}}@media (max-width: 480px) {.account-actions {flex-direction: column;gap: 8px;justify-content: stretch;}.account-actions .btn {width: 100%;padding: 12px 14px;font-size: 13px;justify-content: center;}.account-actions .btn i {font-size: 13px;}}.dashboard-cards {display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 25px;margin-bottom: 40px;}.card {background: var(--bg-card);border-radius: var(--border-radius);padding: 30px;box-shadow: var(--shadow-md);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;border: 1px solid var(--alpha-white-10);}.card:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 5px;background: var(--gradient-primary);}.card:hover {transform: translateY(-10px);box-shadow: var(--shadow-lg);}.card-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}.card-title {font-size: 22px;font-weight: 700;font-family: 'Outfit', sans-serif;}.card-icon {width: 60px;height: 60px;border-radius: var(--radius-2xl);display: flex;align-items: center;justify-content: center;font-size: 26px;color: var(--white);box-shadow: 0 8px 20px var(--alpha-black-15);}.notes-card .card-icon {background: var(--gradient-warning);}.model-questions-card .card-icon {background: var(--gradient-secondary);}.card-content p {color: var(--text-secondary);margin-bottom: 25px;font-size: 15px;line-height: 1.7;}.card .card-icon {transition: transform 0.25s ease;}.card:hover .card-icon {transform: scale(1.06);}.card::after {content: '';position: absolute;bottom: -50px;right: -50px;width: 160px;height: 160px;background: radial-gradient(closest-side, var(--alpha-primary-12), transparent);pointer-events: none;}.section-title {font-size: 28px;font-weight: 700;margin-bottom: 30px;font-family: 'Outfit', sans-serif;display: flex;align-items: center;justify-content: center;gap: 15px;width: 100%;text-align: center;}.section-title i {background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-size: 32px;}.section-title span.material-icons-outlined {background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-size: 32px;}.features-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));gap: 25px;margin-bottom: 50px;}.feature-card {background: var(--bg-card);border-radius: var(--border-radius);padding: 30px;box-shadow: var(--shadow-md);transition: all 0.3s ease;border: 1px solid var(--alpha-white-10);}.feature-card:hover {transform: translateY(-5px);box-shadow: var(--shadow-lg);}.feature-card h3 {font-size: 22px;margin-bottom: 15px;font-family: 'Outfit', sans-serif;display: flex;align-items: center;justify-content: center;gap: 12px;text-align: center;}.feature-card h3 i {background: var(--gradient-success);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-size: 24px;}.feature-card p {color: var(--text-secondary);margin-bottom: 20px;font-size: 15px;line-height: 1.7;text-align: center;}.feature-card button {display: flex;align-items: center;justify-content: center;margin: 15px auto 0;width: max-content;}.feature-list {list-style-type: none;margin-top: 20px;}.feature-list li {padding: 10px 0;display: flex;align-items: center;color: var(--text-secondary);}.feature-list li:before {content: "✓";color: var(--accent-green);font-weight: bold;margin-right: 12px;font-size: 18px;}.tb-language {display: inline-flex;align-items: center;gap: 10px;}.tb-language select {padding: 10px 14px;border-radius: var(--radius-lg);border: 2px solid var(--alpha-slate-400-30);background: var(--bg-card);color: var(--text-primary);font-weight: 500;appearance: none;-webkit-appearance: none;-moz-appearance: none;background-image: none;}.grade-selector {display: grid;grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));gap: 14px;margin-bottom: 22px;}.grade-card {border: 1px solid var(--alpha-slate-400-25);border-radius: var(--radius-2xl);background: var(--bg-card);padding: 16px;text-align: center;cursor: pointer;transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;box-shadow: var(--shadow-sm);}.grade-card:hover {transform: translateY(-3px);box-shadow: var(--shadow-md);}.grade-card.active {border-color: var(--accent-blue);box-shadow: 0 6px 20px var(--alpha-primary-18);}.grade-card .g-label {font-weight: 700;}.grade-card .g-sub {font-size: 12px;color: var(--text-secondary);margin-top: 4px;}.chapters-accordion {display: none;flex-direction: column;gap: 12px;}.chapters-accordion.active {display: flex;}.chapter-item {background: var(--bg-card);border: 1px solid var(--alpha-slate-400-25);border-radius: var(--radius-2xl);overflow: hidden;display: flex;flex-direction: column;}.chapter-head {display: flex;justify-content: space-between;align-items: center;gap: 12px;padding: 16px 18px;cursor: pointer;width: 100%;}.chapter-head .left {display: flex;gap: 10px;align-items: center;font-weight: 600;flex: 1;}.chapter-head .badge {background: var(--alpha-primary-12);color: var(--accent-blue);padding: 4px 8px;border-radius: var(--radius-base);font-size: 12px;}.chapter-head .chev {color: var(--text-secondary);transition: transform 0.2s ease;flex-shrink: 0;}.chapter-item.open .chapter-head .chev {transform: rotate(180deg);}.pp-level-selector {display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));gap: 14px;margin-bottom: 22px;}.pp-years-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));gap: 12px;}.pp-year-card {border: 1px solid var(--alpha-slate-400-25);border-radius: var(--radius-2xl);background: var(--bg-card);padding: 16px;text-align: center;cursor: pointer;transition: transform 0.2s ease, box-shadow 0.2s ease;}.pp-year-card:hover {transform: translateY(-3px);box-shadow: var(--shadow-md);}.pp-year-card .y-label {font-weight: 700;}.pp-year-card .y-sub {font-size: 12px;color: var(--text-secondary);margin-top: 4px;}.pp-subject-accordion {display: flex;flex-direction: column;gap: 12px;}.pp-subject-item {background: var(--bg-card);border: 1px solid var(--alpha-slate-400-25);border-radius: var(--radius-2xl);overflow: hidden;}.pp-subject-head {display: flex;justify-content: space-between;align-items: center;gap: 12px;padding: 16px 18px;cursor: pointer;}.pp-subject-head .left {display: flex;gap: 10px;align-items: center;font-weight: 600;}.pp-subject-head .badge {background: var(--alpha-success-12);color: var(--success-dark);padding: 4px 8px;border-radius: var(--radius-base);font-size: 12px;}.pp-subject-head .chev {color: var(--text-secondary);transition: transform 0.2s ease;}.pp-subject-item.open .pp-subject-head .chev {transform: rotate(180deg);}.pp-subject-years {display: none;padding: 0 18px 16px 18px;}.pp-subject-item.open .pp-subject-years {display: block;}.page-info {font-size: 13px;color: var(--text-secondary);font-weight: 500;display: flex;align-items: center;gap: 5px;}.outline-item {display: block;padding: 8px 12px;color: var(--text-secondary);font-size: 13px;cursor: pointer;border-radius: var(--radius-md);transition: all 0.2s ease;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.outline-item:hover {background: var(--alpha-primary-10);color: var(--accent-blue);}.outline-sub-items {margin-left: 12px;padding-left: 8px;border-left: 1px solid var(--alpha-slate-400-20);}.spinner {border: 3px solid var(--alpha-primary-10);border-radius: var(--radius-full);border-top: 3px solid var(--accent-blue);width: 30px;height: 30px;animation: spin 1s linear infinite;margin: 0 auto;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.hidden {display: none !important;}.divider-vertical {width: 1px;height: 20px;background: var(--alpha-slate-400-20);margin: 0 5px;}.toolbar-section {display: flex;align-items: center;gap: 8px;}.hidden {display: none !important;}#exercise-view {animation: fadeIn 0.3s ease;width: 100%;max-width: 100%;box-sizing: border-box;overflow-x: hidden;}@keyframes fadeIn {from {opacity: 0;transform: translateY(10px);}to {opacity: 1;transform: translateY(0);}}.solver-left,.solver-right {background: var(--bg-card);border-radius: var(--border-radius);padding: 24px;box-shadow: var(--shadow-lg);border: 1px solid var(--alpha-slate-400-18);}.solver-hero .hero-badge {display: inline-flex;align-items: center;gap: 6px;padding: 6px 12px;border-radius: var(--radius-pill);background: var(--alpha-primary-12);color: var(--accent-blue);font-weight: 700;font-size: 12px;letter-spacing: 0.04em;}.solver-hero h2 {margin: 10px 0 6px 0;font-size: 26px;}.solver-hero p {color: var(--text-secondary);margin: 0;}.solver-tabs {display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;margin: 18px 0;}@media (max-width: 768px) {.solver-tabs {grid-template-columns: 1fr !important;}}.solver-tab {border: 1px solid var(--alpha-slate-400-35);background: var(--bg-light);padding: 12px;border-radius: var(--radius-lg);cursor: pointer;font-weight: 700;color: var(--text-primary);display: inline-flex;align-items: center;gap: 8px;transition: all 0.2s ease;}.solver-tab.active {border-color: var(--alpha-primary-60);box-shadow: 0 10px 26px var(--alpha-primary-15);background: linear-gradient(120deg, var(--alpha-primary-08), var(--alpha-primary-03));}.solver-pane {border: 1px dashed var(--alpha-slate-400-35);border-radius: var(--radius-2xl);padding: 16px;background: var(--alpha-slate-400-04);}.dropzone {border: 2px dashed var(--alpha-primary-50);border-radius: var(--radius-2xl);padding: 28px;text-align: center;background: var(--alpha-primary-06);transition: all 0.2s ease;}.dropzone.dragging {border-color: var(--accent-blue);background: var(--alpha-primary-12);}.dz-icon {font-size: 36px;color: var(--accent-blue);margin-bottom: 10px;}.linkish {color: var(--accent-blue);cursor: pointer;font-weight: 700;}.camera-box {border-radius: var(--radius-2xl);background: var(--alpha-slate-950-03);padding: 12px;}.camera-box video,.camera-box canvas {width: 100%;border-radius: var(--radius-xl);background: var(--slate-950);}.camera-actions {display: flex;gap: 10px;margin-top: 10px;}@media (max-width: 768px) {.camera-box {padding: 10px;}.camera-actions {gap: 8px;flex-direction: column;}.camera-actions .btn {width: 100%;font-size: 14px;padding: 10px 16px;}.camera-actions .btn i {font-size: 14px;}}@media (max-width: 480px) {.solver-pane {padding: 12px;border-radius: var(--radius-xl);}.camera-box {padding: 8px;border-radius: var(--radius-xl);}.camera-box video,.camera-box canvas {border-radius: var(--radius-lg);}.camera-actions {gap: 6px;margin-top: 8px;}.camera-actions .btn {font-size: 13px;padding: 8px 12px;border-radius: var(--radius-md);}.camera-actions .btn i {font-size: 13px;}}.solver-pane textarea {width: 100%;border-radius: var(--radius-xl);border: 1px solid var(--alpha-slate-400-50);padding: 12px;background: var(--bg-light);color: var(--text-primary);font-family: inherit;}.chips {display: flex;gap: 10px;flex-wrap: wrap;margin-top: 10px;}.chip {border: 1px solid var(--alpha-slate-400-60);background: var(--bg-light);padding: 6px 10px;border-radius: var(--radius-pill);cursor: pointer;font-size: 13px;}.solver-actions {margin-top: 16px;display: flex;align-items: center;gap: 10px;}.solver-actions .muted {font-size: 13px;}.solver-right .panel {background: var(--bg-card);border-radius: var(--radius-2xl);border: 1px solid var(--alpha-slate-400-20);box-shadow: var(--shadow-md);margin-bottom: 16px;}.panel-header {padding: 12px 14px;border-bottom: 1px solid var(--alpha-slate-400-20);display: flex;align-items: center;justify-content: space-between;}.panel-body {padding: 14px;min-height: 140px;}.pill {display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;border-radius: var(--radius-pill);background: var(--alpha-slate-400-20);font-size: 12px;font-weight: 700;}.pill.success {background: var(--alpha-success-12);color: var(--success-dark);}.preview-image img {width: 100%;border-radius: var(--radius-xl);box-shadow: 0 12px 30px var(--alpha-black-12);}.preview-text {background: var(--alpha-slate-400-08);padding: 12px;border-radius: var(--radius-lg);}.loading-line {height: 12px;background: linear-gradient(90deg, var(--alpha-slate-400-20), var(--alpha-slate-400-35), var(--alpha-slate-400-20));background-size: 200% 100%;border-radius: var(--radius-md);margin-bottom: 8px;animation: shimmer 1.1s infinite;}@keyframes shimmer {0% {background-position: 200% 0;}100% {background-position: -200% 0;}}.muted {color: var(--text-secondary);}.error-text {color: var(--red-700);}.upload-area p {color: var(--text-secondary);font-size: 15px;}.solver-options {display: flex;gap: 15px;flex-wrap: wrap;}.option-btn {display: flex;align-items: center;gap: 10px;padding: 15px 25px;background: var(--bg-light);border-radius: var(--border-radius-md);cursor: pointer;transition: all 0.3s ease;font-weight: 500;border: 2px solid transparent;}.option-btn:hover {background: var(--gradient-primary);color: var(--white);transform: translateY(-3px);box-shadow: 0 8px 20px var(--alpha-primary-30);}.option-btn.active {background: var(--gradient-primary);color: var(--white);box-shadow: 0 8px 20px var(--alpha-primary-30);}.message {margin-bottom: 25px;display: flex;}.message.user {justify-content: flex-end;}.message-bubble {max-width: 70%;padding: 18px 24px;border-radius: var(--radius-3xl);font-size: 15px;line-height: 1.6;position: relative;}.message.bot .message-bubble {background: var(--bg-light);color: var(--text-primary);border-top-left-radius: 5px;box-shadow: var(--shadow-sm);}.message.user .message-bubble {background: var(--gradient-primary);color: var(--white);border-top-right-radius: 5px;box-shadow: 0 6px 15px var(--alpha-primary-30);}.modern-chat-input .input-wrapper {position: relative;width: 100%;display: flex;align-items: center;}.modern-chat-input input {width: 100%;padding: 16px 54px 16px 20px;border-radius: var(--border-radius-md);border: 2px solid var(--bg-light);background: var(--bg-light);color: var(--text-primary);font-family: 'Poppins', sans-serif;font-size: 15px;transition: all 0.3s ease;box-sizing: border-box;}.modern-chat-input .input-wrapper button {position: absolute;right: 8px;top: 50%;transform: translateY(-50%);background: none;border: none;padding: 0;margin: 0;color: var(--accent-blue);font-size: 1.5em;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: color 0.2s;z-index: 2;}.modern-chat-input .input-wrapper button:active,.modern-chat-input .input-wrapper button:focus {color: var(--accent-dark);outline: none;}.modern-chat-input .input-wrapper i.fas.fa-paper-plane {pointer-events: none;}.support-section {border-top: 1px solid var(--alpha-slate-10);}.account-section {border-top: 1px solid var(--alpha-slate-10);padding-top: 10px;}.account-section .user-info {display: flex;flex-direction: column;gap: 2px;flex: 1;}.account-section .user-name {font-size: 14px;font-weight: 600;color: var(--text-primary);}.account-section .user-status {font-size: 12px;color: var(--text-secondary);}.footer {margin-top: 60px;padding-top: 40px;border-top: 1px solid var(--alpha-slate-10);color: var(--text-secondary);font-size: 15px;}.footer-content {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 40px;margin-bottom: 40px;}.footer-section h4 {font-size: 18px;margin-bottom: 20px;color: var(--text-primary);font-family: 'Outfit', sans-serif;}.footer-section i {font-size: 25px;}.footer-links {list-style-type: none;}.footer-links li {margin-bottom: 12px;}.footer-links a {transition: all 0.3s ease;display: inline-block;}.footer-links a:hover {color: var(--accent-blue);transform: translateX(5px);}.copyright {text-align: center;margin-top: 40px;padding-top: 25px;border-top: 1px solid var(--alpha-slate-10);font-size: 14px;}.quote {font-style: italic;margin-top: 15px;color: var(--accent-blue);font-weight: 500;}.hidden {display: none;}.mobile-only {display: none;}.progress-container {margin: 30px 0;}.progress-label {display: flex;justify-content: space-between;margin-bottom: 10px;}.progress-bar {height: 10px;background: var(--bg-light);border-radius: var(--radius-5);overflow: hidden;}.progress-fill {height: 100%;background: var(--gradient-success);border-radius: var(--radius-5);transition: width 1s ease;}.navbar {position: fixed;top: 0;left: 0;width: 100%;height: 70px;background: var(--bg-sidebar);backdrop-filter: blur(20px);border-bottom: 1px solid var(--alpha-slate-400-10);z-index: 1000;display: flex;align-items: center;justify-content: center;box-shadow: var(--shadow-sm);}.navbar .ai-link {position: relative;padding-right: 26px;}.navbar .ai-link::before {content: "";font-family: 'Material Icons Outlined';content: "\e65f";position: absolute;top: 50%;right: 4px;transform: translateY(-50%);color: var(--purple);font-size: 16px;opacity: 0.9;transition: all 0.2s ease;line-height: 1;}.navbar .ai-link:hover::before,.navbar .ai-link.active::before {opacity: 1;color: var(--purple-darker);transform: translateY(-50%) scale(1.1);}.dark-theme .navbar .ai-link::before {color: var(--purple-400);}.dark-theme .navbar .ai-link:hover::before,.dark-theme .navbar .ai-link.active::before {color: var(--purple-300);}.navbar .icon-btn {width: 38px;height: 38px;border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;background: var(--bg-light);color: var(--text-secondary);cursor: pointer;transition: 0.3s;}.navbar .icon-btn:hover,.navbar .icon-btn.active {background: var(--alpha-primary-10);color: var(--accent-blue);}.navbar .avatar {width: 30px;height: 30px;background: var(--gradient-primary);border-radius: var(--radius-full);color: var(--white);display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 13px;}.navbar .user-name {font-size: 13px;font-weight: 600;padding-right: 2px;}.navbar .login-btn-top {display: inline-flex;align-items: center;gap: 8px;padding: 10px 16px;height: 38px;border: none;border-radius: var(--radius-xl);background: linear-gradient(135deg, var(--primary) 0%, var(--blue-600) 100%);color: var(--white);font-weight: 600;font-size: 14px;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 4px 12px var(--alpha-primary-35), 0 2px 8px var(--alpha-primary-25);position: relative;overflow: hidden;}.navbar .login-btn-top::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, var(--alpha-white-24), transparent);transition: left 0.5s ease;}.navbar .login-btn-top:hover {background: linear-gradient(135deg, var(--blue-600) 0%, var(--blue-700) 100%);transform: translateY(-2px);box-shadow: 0 8px 22px var(--alpha-primary-45), 0 4px 12px var(--alpha-primary-35);}.navbar .login-btn-top:hover::before {left: 100%;}.navbar .login-btn-top i {font-size: 14px;transition: transform 0.3s ease;}.navbar .login-btn-top:hover i {transform: scale(1.08);}.navbar .login-btn-top .login-btn-text {line-height: 1;}.navbar .login-btn-top.hidden {display: none;}.navbar .mobile-toggle {display: none;font-size: 22px;cursor: pointer;color: var(--text-primary);}.navbar .search-bar-dropdown {position: absolute;top: 100%;left: 0;width: 100%;background: var(--bg-sidebar);border-bottom: 1px solid var(--alpha-slate-400-10);box-shadow: var(--shadow-md);z-index: 990;opacity: 0;transform: translateY(-15px);visibility: hidden;transition: all 0.3s ease;display: flex;justify-content: center;padding: 20px 0;backdrop-filter: blur(20px);}.navbar .search-bar-dropdown.active {opacity: 1;transform: translateY(0);visibility: visible;}.navbar .search-container {width: 95%;max-width: 800px;position: relative;display: flex;align-items: center;}.navbar .search-input {width: 100%;padding: 12px 50px 12px 25px;font-size: 16px;border-radius: var(--radius-50);border: 2px solid var(--alpha-slate-400-20);background: var(--bg-light);color: var(--text-primary);font-family: 'Poppins', sans-serif;outline: none;transition: all 0.3s ease;}.navbar .search-input:focus {border-color: var(--accent-blue);box-shadow: 0 0 0 4px var(--alpha-primary-10);}.navbar .search-close-btn {position: absolute;right: 15px;width: 30px;height: 30px;border-radius: var(--radius-full);background: var(--alpha-slate-400-20);display: flex;align-items: center;justify-content: center;cursor: pointer;color: var(--text-secondary);transition: 0.2s;font-size: 14px;}.navbar .search-close-btn:hover {background: var(--accent-blue);color: var(--white);}@media (max-width: 1400px) {.navbar {display: none !important;}.navbar .nav-menu {display: none !important;}.navbar .nav-actions {display: none !important;}.navbar .mobile-toggle {display: none !important;}}#global-search-results {position: absolute;z-index: 1200;background: linear-gradient(135deg, var(--alpha-white-90), var(--alpha-color-248-250-252-92));border: 1px solid var(--alpha-slate-400-25);box-shadow: 0 22px 60px var(--alpha-slate-950-18);border-radius: var(--radius-18);padding: 14px;max-height: 70vh;overflow-y: auto;min-width: 420px;backdrop-filter: blur(18px);}#global-search-results.hidden {display: none;}#global-search-results .search-state,#global-search-results .search-error,#global-search-results .search-empty {padding: 14px;border-radius: var(--radius-xl);background: var(--alpha-primary-08);color: var(--text-secondary);font-weight: 600;text-align: center;}#global-search-results .search-error {background: var(--alpha-danger-08);color: var(--red-700);}.search-section {padding: 10px 8px;border-bottom: 1px solid var(--alpha-slate-400-20);}.search-section:last-child {border-bottom: none;}.search-section-title {font-size: 12px;letter-spacing: 0.05em;color: var(--text-secondary);text-transform: uppercase;margin-bottom: 8px;font-weight: 700;}.search-section-body {display: flex;flex-direction: column;gap: 8px;}.search-hit {display: block;padding: 12px 14px;border-radius: var(--radius-xl);border: 1px solid var(--alpha-slate-400-25);background: linear-gradient(120deg, var(--alpha-white-95), var(--alpha-color-248-250-252-92));text-decoration: none;color: var(--text-primary);transition: all 0.2s ease;box-shadow: inset 0 1px 0 var(--alpha-white-65);}.search-hit:hover {transform: translateY(-2px);border-color: var(--alpha-primary-50);box-shadow: 0 12px 30px var(--alpha-primary-18);}.search-hit .hit-badge {display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;border-radius: var(--radius-pill);background: var(--alpha-primary-12);color: var(--accent-blue);font-weight: 700;font-size: 12px;text-transform: uppercase;letter-spacing: 0.03em;border: 1px solid var(--alpha-primary-25);}.search-hit .hit-title {font-weight: 800;margin: 6px 0 4px 0;font-size: 16px;line-height: 1.3;}.search-hit .hit-meta {color: var(--text-secondary);font-size: 13px;}#global-search-results mark {background: var(--alpha-primary-18);color: var(--text-primary);padding: 0 2px;border-radius: var(--radius-sm);}.dark-theme #global-search-results {background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--alpha-primary-04) 100%);border-color: var(--alpha-slate-400-30);box-shadow: 0 22px 60px var(--alpha-slate-950-40);backdrop-filter: blur(50px);}.dark-theme #global-search-results .search-state,.dark-theme #global-search-results .search-error,.dark-theme #global-search-results .search-empty {background: var(--alpha-primary-10);color: var(--text-secondary);border: 1px solid var(--alpha-primary-15);}.dark-theme #global-search-results .search-error {background: var(--alpha-danger-12);color: var(--red-400);border-color: var(--alpha-danger-25);}.dark-theme .search-section {border-bottom-color: var(--alpha-slate-400-20);}.dark-theme .search-section-title {color: var(--text-light);}.dark-theme .search-hit {background: linear-gradient(120deg, var(--bg-tertiary) 0%, var(--alpha-primary-04) 100%);border-color: var(--alpha-slate-400-25);box-shadow: inset 0 1px 0 var(--alpha-white-08);}.dark-theme .search-hit:hover {border-color: var(--alpha-primary-40);box-shadow: 0 12px 30px var(--alpha-primary-25);background: linear-gradient(120deg, var(--alpha-primary-08) 0%, var(--alpha-primary-06) 100%);}.dark-theme .search-hit .hit-badge {background: var(--alpha-primary-15);color: var(--accent-blue);border-color: var(--alpha-primary-30);}.dark-theme .search-hit .hit-title {color: var(--text-primary);}.dark-theme .search-hit .hit-meta {color: var(--text-light);}.dark-theme #global-search-results mark {background: var(--alpha-primary-20);color: var(--text-primary);}.language-selector-tabs {display: flex;gap: 12px;margin-bottom: 30px;padding: 0 0 20px 0;justify-content: center;}.lang-tab {padding: 10px 24px;border: 2px solid var(--text-light);background: transparent;color: var(--text-secondary);border-radius: var(--radius-50);font-weight: 600;cursor: pointer;transition: all 0.3s ease;font-size: 14px;display: flex;align-items: center;gap: 8px;}.lang-tab:hover {border-color: var(--accent-blue);color: var(--accent-blue);transform: translateY(-2px);}.lang-tab.active {background: var(--accent-blue);color: var(--white);border-color: var(--accent-blue);box-shadow: 0 4px 15px var(--alpha-primary-30);}.note-meta-info {display: flex;gap: 20px;align-items: center;margin: 12px 0;font-size: 14px;color: var(--text-secondary);flex-wrap: wrap;}.note-date,.note-reading-time {display: flex;align-items: center;gap: 6px;font-weight: 500;}.note-categories {display: flex;gap: 8px;margin-top: 15px;flex-wrap: wrap;}.category-tag {display: inline-block;padding: 6px 14px;background: linear-gradient(135deg, var(--alpha-primary-10), var(--alpha-purple-500-10));color: var(--accent-blue);border: 1px solid var(--alpha-primary-30);border-radius: var(--radius-3xl);font-size: 12px;font-weight: 600;text-transform: capitalize;transition: all 0.3s ease;}.category-tag:hover {background: linear-gradient(135deg, var(--alpha-primary-20), var(--alpha-purple-500-20));border-color: var(--accent-blue);transform: translateY(-2px);}.dark-theme .category-tag {color: var(--accent-blue);border-color: var(--alpha-primary-40);}.reading-time {display: inline-flex;align-items: center;gap: 6px;font-size: 12px;color: var(--text-secondary);background: var(--alpha-primary-08);padding: 4px 10px;border-radius: var(--radius-xl);font-weight: 500;}#sn-subjects-container .badge {background: linear-gradient(135deg, var(--alpha-purple-500-15), var(--alpha-purple-15));color: var(--accent-purple);border: 1px solid var(--alpha-purple-30);}#sn-subjects-container .reading-time {background: var(--alpha-purple-500-08);color: var(--accent-purple);}.stat-card {background: var(--bg-secondary);border-radius: var(--border-radius);padding: 25px;display: flex;align-items: center;gap: 20px;transition: all 0.3s ease;border: 1px solid var(--border);}.stat-card:hover {transform: translateY(-5px);box-shadow: 0 10px 30px var(--alpha-black-10);}.stat-icon {width: 60px;height: 60px;border-radius: var(--radius-xl);display: flex;align-items: center;justify-content: center;font-size: 24px;color: var(--white);flex-shrink: 0;}.stat-info h3 {font-size: 32px;font-weight: 700;color: var(--text-primary);margin-bottom: 4px;}.stat-info p {color: var(--text-secondary);font-size: 14px;font-weight: 500;}.manage-icon {width: 60px;height: 60px;background: var(--gradient-primary);border-radius: var(--radius-xl);display: flex;align-items: center;justify-content: center;font-size: 28px;color: var(--white);margin-bottom: 20px;}.manage-arrow {display: inline-flex;align-items: center;justify-content: center;width: 35px;height: 35px;border-radius: var(--radius-full);background: var(--alpha-primary-10);color: var(--accent-blue);transition: all 0.3s ease;}.action-btn {padding: 8px 12px;border: none;border-radius: var(--radius-md);font-size: 13px;font-weight: 500;cursor: pointer;transition: all 0.2s ease;display: inline-flex;align-items: center;gap: 6px;}.action-btn-edit {background: var(--alpha-primary-10);color: var(--accent-blue);}.action-btn-edit:hover {background: var(--accent-blue);color: var(--white);}.action-btn-delete {background: var(--alpha-danger-10);color: var(--danger);}.action-btn-delete:hover {background: var(--danger);color: var(--white);}.action-btn-view {background: var(--alpha-green-500-10);color: var(--success-light);}.action-btn-view:hover {background: var(--success-light);color: var(--white);}.users-section {margin-bottom: 40px;}.users-section .section-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;gap: 15px;}.users-section .section-header h3 {font-size: 20px;font-weight: 700;color: var(--text-primary);margin: 0;}.user-count {font-size: 13px;color: var(--text-secondary);font-weight: 500;padding: 6px 12px;background: var(--bg-secondary);border-radius: var(--radius-3xl);}.users-cards-container {display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 18px;}.user-card {background: var(--bg-primary);border: 1px solid var(--border);border-radius: var(--border-radius);padding: 20px;transition: all 0.3s ease;display: flex;flex-direction: column;gap: 12px;}.user-card:hover {transform: translateY(-4px);box-shadow: 0 10px 30px var(--alpha-primary-15);border-color: var(--accent-blue);}.card-header {display: flex;align-items: flex-start;justify-content: space-between;gap: 12px;}.card-title {display: flex;align-items: center;gap: 12px;flex: 1;min-width: 0;}.card-avatar {width: 48px;height: 48px;border-radius: var(--radius-full);background: var(--alpha-primary-10);display: flex;align-items: center;justify-content: center;font-size: 24px;color: var(--accent-blue);flex-shrink: 0;}.card-title h4 {font-size: 15px;font-weight: 700;color: var(--text-primary);margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.card-email {font-size: 12px;color: var(--text-secondary);margin: 4px 0 0 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.card-body {padding: 12px 0;border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);flex: 1;}.card-info {display: grid;grid-template-columns: repeat(2, 1fr);gap: 12px;}.info-item {display: flex;flex-direction: column;gap: 4px;}.info-item label {font-size: 11px;font-weight: 600;color: var(--text-secondary);text-transform: uppercase;letter-spacing: 0.5px;}.info-item span {font-size: 13px;color: var(--text-primary);font-weight: 500;}.card-footer {display: flex;gap: 8px;justify-content: flex-start;}.user-details-header {display: flex;align-items: center;gap: 20px;margin-bottom: 30px;padding: 20px 0;border-bottom: 1px solid var(--border);}.user-avatar-large {width: 80px;height: 80px;border-radius: var(--radius-full);background: linear-gradient(135deg, var(--alpha-primary-10), var(--alpha-purple-500-10));display: flex;align-items: center;justify-content: center;font-size: 40px;color: var(--accent-blue);flex-shrink: 0;}.user-header-info h4 {font-size: 18px;font-weight: 700;color: var(--text-primary);margin: 0 0 4px 0;}.user-email {font-size: 13px;color: var(--text-secondary);margin: 0 0 12px 0;}.user-badges {display: flex;gap: 8px;flex-wrap: wrap;}.details-section {margin-bottom: 24px;}.details-section h5 {font-size: 13px;font-weight: 700;color: var(--text-secondary);text-transform: uppercase;letter-spacing: 0.5px;margin: 0 0 12px 0;}.detail-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 12px;}.detail-item {display: flex;flex-direction: column;gap: 4px;padding: 12px;background: var(--bg-secondary);border-radius: var(--radius-base);}.detail-item label {font-size: 11px;font-weight: 600;color: var(--text-secondary);text-transform: uppercase;}.detail-item value {font-size: 14px;color: var(--text-primary);font-weight: 600;}.sub-item {display: flex;flex-direction: column;gap: 4px;}.sub-item label {font-size: 11px;font-weight: 600;color: var(--text-secondary);text-transform: uppercase;}.sub-item value {font-size: 14px;color: var(--text-primary);font-weight: 600;}.usage-list {display: flex;flex-direction: column;gap: 10px;}.usage-item {display: flex;align-items: center;gap: 12px;padding: 12px;background: var(--bg-secondary);border-radius: var(--radius-base);}.usage-icon {width: 36px;height: 36px;border-radius: var(--radius-full);background: var(--alpha-primary-10);display: flex;align-items: center;justify-content: center;color: var(--accent-blue);flex-shrink: 0;}.usage-info {flex: 1;min-width: 0;}.usage-name {font-size: 13px;font-weight: 600;color: var(--text-primary);}.usage-count {font-size: 12px;color: var(--text-secondary);margin-top: 2px;}.usage-date {font-size: 11px;color: var(--text-secondary);white-space: nowrap;}.details-actions {display: flex;gap: 10px;margin-top: 24px;padding-top: 24px;border-top: 1px solid var(--border);}.search-result-item {padding: 12px 14px;border-bottom: 1px solid var(--border);display: flex;align-items: center;gap: 12px;cursor: pointer;transition: background 0.2s ease;}.search-result-item:last-child {border-bottom: none;}.search-result-item:hover {background: var(--bg-secondary);}.result-icon {width: 36px;height: 36px;border-radius: var(--radius-full);background: var(--alpha-primary-10);display: flex;align-items: center;justify-content: center;font-size: 18px;color: var(--accent-blue);}.result-info {flex: 1;min-width: 0;}.result-name {font-size: 13px;font-weight: 600;color: var(--text-primary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.result-email {font-size: 12px;color: var(--text-secondary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 2px;}.search-no-results {padding: 20px;text-align: center;color: var(--text-secondary);font-size: 13px;}.loader-state {text-align: center;padding: 40px 20px;}.dark-theme .user-card {background: var(--alpha-slate-950-80);border-color: var(--alpha-slate-400-12);}.dark-theme .user-card:hover {border-color: var(--alpha-primary-40);box-shadow: 0 10px 30px var(--alpha-primary-10);}.dark-theme .card-avatar {background: var(--alpha-primary-15);}.dark-theme .card-body,.dark-theme .details-section {border-color: var(--alpha-slate-400-12);}.dark-theme .detail-item,.dark-theme .card-info {background: var(--alpha-slate-400-08);}.dark-theme .usage-item,.dark-theme .search-result-item {background: var(--alpha-slate-400-08);border-color: var(--alpha-slate-400-12);}.dark-theme .search-results {background: var(--alpha-slate-950-80);border-color: var(--alpha-slate-400-12);}.dark-theme .search-result-item:hover {background: var(--alpha-slate-400-15);}.action-btn-chapters {background: var(--alpha-purple-600-10);color: var(--purple-600);}.action-btn-chapters:hover {background: var(--purple-600);color: var(--white);}.chapter-management {min-height: 300px;}.chapter-actions-header {display: flex;align-items: center;justify-content: space-between;gap: 12px;}.dark-theme .chapter-actions-header {background: linear-gradient(135deg, var(--alpha-primary-12) 0%, var(--alpha-purple-500-12) 100%);border-color: var(--alpha-primary-28);box-shadow: 0 4px 12px var(--alpha-black-18);}.ann-title {font-weight: 700;color: var(--text-primary);margin-bottom: 6px;}.ann-message {color: var(--text-secondary);font-size: 13px;line-height: 1.5;}.pill {display: inline-flex;align-items: center;padding: 6px 12px;border-radius: var(--radius-pill);background: var(--alpha-primary-08);color: var(--text-primary);font-weight: 600;font-size: 12px;}.status-pill {padding: 6px 12px;border-radius: var(--radius-pill);font-weight: 700;font-size: 12px;text-transform: capitalize;}.status-pill.active {background: var(--alpha-green-500-12);color: var(--color-15803d);}.status-pill.inactive {background: var(--alpha-danger-12);color: var(--red-700);}.action-btn-reply {background: var(--alpha-purple-10);color: var(--purple-dark);}.action-btn-reply:hover {background: var(--purple-dark);color: var(--white);}.loading-row,.loading-card {text-align: center;padding: 60px 20px;color: var(--text-secondary);}.loader {width: 40px;height: 40px;border: 4px solid var(--alpha-primary-10);border-top-color: var(--accent-blue);border-radius: var(--radius-full);margin: 0 auto 15px;animation: spin 1s linear infinite;}@keyframes spin {to {transform: rotate(360deg);}}.paper-card {background: var(--bg-primary);border: 1px solid var(--border);border-radius: var(--border-radius);padding: 20px;transition: all 0.3s ease;position: relative;}.paper-card:hover {transform: translateY(-3px);box-shadow: 0 8px 25px var(--alpha-black-10);border-color: var(--accent-blue);}.paper-card h3 {font-size: 18px;font-weight: 700;color: var(--text-primary);margin-bottom: 8px;}.paper-card .paper-info {font-size: 13px;color: var(--text-secondary);margin-bottom: 15px;}.paper-card .paper-actions {display: flex;gap: 8px;margin-top: 15px;}.chapters-list {display: grid;gap: 12px;margin-top: 15px;}.chapter-item {background: var(--alpha-primary-05);border: 1px solid var(--alpha-primary-20);border-radius: var(--radius-base);display: flex;justify-content: space-between;align-items: center;transition: all 0.2s ease;}.chapter-item:hover {background: var(--alpha-primary-10);}.chapter-info h4 {font-size: 15px;font-weight: 600;color: var(--text-primary);margin-bottom: 4px;}.chapter-info p {font-size: 13px;color: var(--text-secondary);}.chapter-actions {display: flex;gap: 8px;}.subject-card {background: var(--bg-primary);border: 1px solid var(--border);border-radius: var(--border-radius);padding: 25px;transition: all 0.3s ease;position: relative;overflow: hidden;}.subject-card::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 4px;background: var(--gradient-primary);}.subject-card:hover {transform: translateY(-5px);box-shadow: 0 10px 30px var(--alpha-black-10);}.subject-header {display: flex;align-items: start;gap: 15px;margin-bottom: 15px;}.subject-icon {width: 50px;height: 50px;border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;font-size: 22px;color: var(--white);flex-shrink: 0;}.subject-info h3 {font-size: 18px;font-weight: 700;color: var(--text-primary);margin-bottom: 6px;}.subject-info p {font-size: 13px;color: var(--text-secondary);line-height: 1.6;}.subject-footer {display: flex;justify-content: space-between;align-items: center;margin-top: 15px;padding-top: 15px;border-top: 1px solid var(--border);}.subject-grades {font-size: 12px;color: var(--text-secondary);}.subject-actions {display: flex;gap: 8px;}.feedback-list {display: grid;gap: 20px;}.feedback-item {background: var(--bg-primary);border: 1px solid var(--border);border-radius: var(--border-radius);padding: 20px;transition: all 0.3s ease;}.feedback-item:hover {box-shadow: 0 5px 20px var(--alpha-black-08);}.feedback-header {display: flex;justify-content: space-between;align-items: start;margin-bottom: 12px;}.feedback-user {display: flex;align-items: center;gap: 12px;}.feedback-avatar {width: 45px;height: 45px;border-radius: var(--radius-full);background: var(--gradient-primary);display: flex;align-items: center;justify-content: center;color: var(--white);font-weight: 700;font-size: 18px;}.feedback-user-info h4 {font-size: 15px;font-weight: 600;color: var(--text-primary);margin-bottom: 4px;}.feedback-user-info p {font-size: 12px;color: var(--text-secondary);}.feedback-rating {display: flex;gap: 4px;color: var(--warning-light);}.feedback-message {color: var(--text-primary);font-size: 14px;line-height: 1.7;margin-bottom: 15px;}.feedback-actions {display: flex;gap: 8px;}.faqs-list {display: grid;gap: 15px;}.faq-item {background: var(--bg-primary);border: 1px solid var(--border);border-radius: var(--border-radius);padding: 20px;transition: all 0.3s ease;}.faq-item:hover {box-shadow: 0 5px 20px var(--alpha-black-08);}.faq-header {display: flex;justify-content: space-between;align-items: start;margin-bottom: 10px;}.faq-category {display: inline-block;padding: 4px 12px;border-radius: var(--radius-3xl);font-size: 11px;font-weight: 600;text-transform: uppercase;background: var(--alpha-primary-10);color: var(--accent-blue);}.faq-question {font-size: 16px;font-weight: 600;color: var(--text-primary);margin-bottom: 8px;}.faq-answer {color: var(--text-secondary);font-size: 14px;line-height: 1.6;margin-bottom: 12px;}.faq-actions {display: flex;gap: 8px;justify-content: flex-end;}.support-tabs {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 14px;margin: 0 auto 30px;padding: 14px;max-width: 780px;background: linear-gradient(135deg, var(--alpha-indigo-12), var(--alpha-sky-500-10));border: 1px solid var(--border-color);border-radius: var(--radius-3xl);box-shadow: var(--shadow-lg);}.support-tab {position: relative;background: var(--bg-card);border: 1px solid transparent;padding: 14px 16px;cursor: pointer;color: var(--text-secondary);font-weight: 600;letter-spacing: 0.1px;border-radius: var(--radius-2xl);transition: all 0.25s ease;display: flex;align-items: center;gap: 12px;box-shadow: var(--shadow-sm);text-align: left;overflow: hidden;}.support-tab::before {content: '';position: absolute;inset: 0;border-radius: inherit;background: linear-gradient(135deg, var(--alpha-indigo-22), var(--alpha-purple-16));opacity: 0;transition: opacity 0.25s ease;z-index: 0;}.support-tab:hover {transform: translateY(-2px);box-shadow: var(--shadow-md);color: var(--text-primary);border-color: var(--alpha-indigo-25);}.support-tab:hover::before {opacity: 0.08;}.support-tab .tab-icon {width: 46px;height: 46px;border-radius: var(--radius-xl);display: grid;place-items: center;background: linear-gradient(135deg, var(--alpha-indigo-15), var(--alpha-color-14-165-233-12));color: var(--primary-dark);font-size: 18px;z-index: 1;}.support-tab .tab-text {display: flex;flex-direction: column;gap: 3px;z-index: 1;}.support-tab .tab-title {font-size: 15px;color: inherit;}.support-tab .tab-desc {font-size: 13px;color: var(--text-muted);font-weight: 500;}.support-tab.active {color: var(--white);background: linear-gradient(135deg, var(--primary-dark), var(--purple-dark), var(--cyan));box-shadow: 0 14px 35px var(--alpha-indigo-35);transform: translateY(-2px);border-color: transparent;}.support-tab.active::before {opacity: 0.12;}.support-tab.active .tab-icon {background: var(--alpha-white-15);color: var(--white);}.support-tab.active .tab-desc {color: var(--alpha-white-90);}.support-tab-content {display: none;animation: fadeIn 0.25s ease;}.support-tab-content.active {display: block;}@keyframes fadeIn {from {opacity: 0;transform: translateY(4px);}to {opacity: 1;transform: translateY(0);}}.faqs-header {display: flex;flex-direction: column;gap: 15px;margin-bottom: 20px;}.plans-title {margin: 0;font-size: 22px;}.plans-subtitle {margin: 6px 0 0;color: var(--text-muted);font-size: 14px;}.plans-layout {display: grid;grid-template-columns: 1fr;gap: 20px;align-items: start;}.plans-column.narrow {max-width: 420px;}.feature-section {margin-top: 20px;display: flex;flex-direction: column;gap: 12px;}.section-header-inline {display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 12px;}.section-hint {color: var(--text-muted);font-size: 13px;margin: 4px 0 0;}@media (max-width: 768px) {.section-header-inline {align-items: flex-start;gap: 12px;}.section-header-inline > div {flex: 1;}.section-header-inline .btn-primary {flex-shrink: 0;padding: 10px 16px;font-size: 13px;}.section-header-inline .btn-primary i {font-size: 13px;margin-right: 6px;}}@media (max-width: 480px) {.section-header-inline {flex-direction: column;align-items: stretch;gap: 10px;}.section-header-inline > div {flex: 1;}.section-header-inline h3 {font-size: 18px;margin: 0 0 8px 0;}.section-hint {font-size: 12px;margin: 4px 0 0;}.section-header-inline .btn-primary {width: 100%;padding: 10px 14px;font-size: 13px;justify-content: center;}.section-header-inline .btn-primary i {font-size: 13px;margin-right: 6px;}}.plans-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 14px;}.chip-title {font-weight: 600;color: var(--text-primary);}.chip-value {font-weight: 700;color: var(--primary-dark);}.chip-reset {color: var(--text-muted);font-size: 12px;}.feature-card {min-height: 220px;}.card-title-row {display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-bottom: 10px;}.inline-toggle {display: flex;align-items: center;justify-content: space-between;}.limits-block-header h4 {margin: 0;}.limit-fields {display: flex;flex-direction: column;gap: 10px;margin-top: 10px;}.limit-row {display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 10px;border: 1px solid var(--border-color);border-radius: var(--radius-xl);background: var(--bg-card);}.limit-label {flex: 1;}.limit-title {font-weight: 600;}.limit-sub {color: var(--text-muted);font-size: 12px;}.limit-inputs {display: flex;align-items: center;gap: 8px;}.limit-inputs input {padding: 10px 12px;border: 1px solid var(--border-color);border-radius: var(--radius-lg);background: var(--bg-card);font-size: 14px;max-width: 80px;}.limit-inputs select {padding: 10px 12px;border: 1px solid var(--border-color);border-radius: var(--radius-lg);background: var(--bg-card);font-size: 14px;}.limit-inputs input:focus,.limit-inputs select:focus {outline: 2px solid var(--alpha-indigo-25);border-color: var(--primary-dark);}.input-hint {margin-top: 4px;color: var(--text-muted);font-size: 12px;}.feedback-grid,.faqs-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));gap: 20px;padding: 20px 0;}.feedback-grid .loading-block,.feedback-grid .error-block,.faqs-grid .loading-block,.faqs-grid .error-block {grid-column: 1 / -1;}.faq-card,.feedback-card {position: relative;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--border-radius-md);padding: 20px;display: flex;flex-direction: column;gap: 16px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 2px 8px var(--alpha-black-05),inset 4px 0 0 0 var(--primary);display: flex;flex-direction: column;gap: 16px;}.feedback-card:hover {transform: translateY(-4px);box-shadow: 0 8px 24px var(--alpha-primary-15);border-left-width: 6px;}.feedback-card-header {display: flex;justify-content: space-between;align-items: center;}@media (max-width: 640px) {.feedback-card-header {flex-direction: column;align-items: center;gap: 8px;text-align: center;}.feedback-card-header>div:last-child {display: flex;align-items: center;justify-content: center;gap: 8px;width: 100%;}.feedback-type-badge {width: 100%;justify-content: center;}.feedback-card-actions {justify-content: center !important;}}.feedback-type-badge {display: inline-flex;align-items: center;gap: 6px;font-size: 13px;font-weight: 600;text-transform: capitalize;padding: 6px 12px;background: var(--alpha-primary-08);border-radius: var(--radius-3xl);}.feedback-type-badge i {font-size: 12px;}.feedback-id-badge {font-size: 12px;font-weight: 600;color: var(--text-secondary);padding: 4px 10px;background: var(--alpha-black-04);border-radius: var(--radius-xl);}.status-badge {display: inline-flex;align-items: center;gap: 5px;font-size: 11px;font-weight: 600;padding: 4px 10px;border-radius: var(--radius-xl);text-transform: uppercase;letter-spacing: 0.5px;}.status-replied {background: var(--alpha-success-15);color: var(--success);}.status-pending {background: var(--alpha-warning-15);color: var(--warning);}.status-badge i {font-size: 10px;}.feedback-replied {opacity: 0.85;border-left-color: var(--success);}.feedback-replied:hover {opacity: 1;}.reply-item {background: var(--bg-light);border: 1px solid var(--border-color);border-radius: var(--border-radius-md);padding: 20px;margin-bottom: 16px;}.reply-header {margin-bottom: 12px;padding-bottom: 12px;border-bottom: 1px solid var(--border-color);}.reply-meta {display: flex;align-items: center;gap: 12px;font-size: 13px;color: var(--text-light);}.reply-meta i {color: var(--primary);}.reply-sender {padding: 2px 8px;background: var(--alpha-primary-10);color: var(--primary);border-radius: var(--radius-sm);font-weight: 500;}.reply-subject {margin-bottom: 12px;font-size: 14px;color: var(--text-secondary);}.reply-subject strong {color: var(--text-primary);}.reply-message {color: var(--text-primary);line-height: 1.6;font-size: 14px;padding: 12px;background: var(--bg-base);border-radius: var(--border-radius-sm);border-left: 3px solid var(--primary);}.no-replies-state {text-align: center;padding: 40px 20px;}.no-replies-icon {font-size: 48px;color: var(--text-light);margin-bottom: 16px;opacity: 0.5;}.no-replies-title {font-size: 18px;font-weight: 600;color: var(--text-primary);margin-bottom: 8px;}.no-replies-message {font-size: 14px;color: var(--text-secondary);line-height: 1.6;max-width: 400px;margin: 0 auto;}.view-btn {background: var(--alpha-primary-10);color: var(--primary);}.view-btn:hover {background: var(--alpha-primary-20);transform: translateY(-2px);}.feedback-card-body {display: flex;flex-direction: column;gap: 12px;}.feedback-message {color: var(--text-primary);line-height: 1.6;font-size: 14px;padding: 12px;background: var(--alpha-primary-03);border-radius: var(--radius-base);border-left: 3px solid var(--alpha-primary-30);}.feedback-meta {display: flex;flex-wrap: wrap;gap: 12px;}.feedback-meta-item {display: inline-flex;align-items: center;gap: 6px;font-size: 12px;color: var(--text-secondary);}.feedback-meta-item i {font-size: 11px;opacity: 0.7;}.feedback-card-actions {display: flex;justify-content: flex-end;padding-top: 8px;gap: 10px;border-top: 1px solid var(--border-color);}.faq-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-purple-light);border-left-width: 6px;}.faq-card-icon {flex-shrink: 0;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--alpha-purple-500-10), var(--alpha-pink-10));border-radius: var(--radius-xl);transition: all 0.3s ease;}.faq-card-icon i {font-size: 24px;color: var(--purple-dark);}.faq-card:hover .faq-card-icon {transform: scale(1.1) rotate(5deg);background: linear-gradient(135deg, var(--alpha-purple-500-20), var(--alpha-pink-20));}.faq-card:hover .faq-card-icon i {color: var(--purple-light);}.faq-card-content {flex: 1;min-width: 0;}.faq-question {font-size: 16px;font-weight: 600;color: var(--text-primary);margin: 0 0 10px 0;line-height: 1.4;}.faq-answer {font-size: 14px;color: var(--text-secondary);line-height: 1.6;margin: 0;}.faq-card-actions {display: flex;flex-direction: column;gap: 8px;flex-shrink: 0;}.dark-theme .feedback-card,.dark-theme .faq-card {background: var(--bg-card-dark);border-color: var(--border-dark);box-shadow: 0 2px 8px var(--alpha-black-30);}.dark-theme .feedback-card:hover,.dark-theme .faq-card:hover {box-shadow: 0 8px 24px var(--alpha-primary-25);}.dark-theme .feedback-message {background: var(--alpha-primary-05);border-left-color: var(--alpha-primary-40);}.dark-theme .feedback-type-badge {background: var(--alpha-primary-15);}.dark-theme .feedback-id-badge {background: var(--alpha-white-05);color: var(--dark-text-secondary);}.dark-theme .feedback-meta-item {color: var(--dark-text-secondary);}.dark-theme .faq-card-icon {background: linear-gradient(135deg, var(--alpha-purple-500-15), var(--alpha-pink-15));}.dark-theme .faq-card:hover .faq-card-icon {background: linear-gradient(135deg, var(--alpha-purple-500-25), var(--alpha-pink-25));}.dark-theme .faq-card-icon i {color: var(--purple-light);}.dark-theme .faq-card:hover .faq-card-icon i {color: var(--color-e9d5ff);}.dark-theme .faq-question {color: var(--dark-text-primary);}.dark-theme .faq-answer {color: var(--dark-text-secondary);}.dark-theme .feedback-card-actions {border-top-color: var(--border-dark);}.feedback-list,.faqs-list {display: flex;flex-direction: column;gap: 15px;}.feedback-item,.faq-item {background: var(--bg-primary);border: 1px solid var(--border);border-radius: var(--border-radius);padding: 20px;transition: all 0.3s ease;}.feedback-item:hover,.faq-item:hover {box-shadow: 0 4px 12px var(--alpha-black-08);}.feedback-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}.feedback-date {font-size: 12px;color: var(--text-secondary);}.feedback-message {color: var(--text-primary);line-height: 1.6;margin-bottom: 15px;}.faq-question {margin-bottom: 10px;}.faq-answer {color: var(--text-secondary);line-height: 1.6;margin-bottom: 15px;}.faq-actions {display: flex;gap: 8px;}.role-badge {display: inline-block;padding: 4px 12px;border-radius: var(--radius-3xl);font-size: 12px;font-weight: 600;text-transform: uppercase;}.role-badge.user {background: var(--alpha-primary-10);color: var(--accent-blue);}.paper-card {background: var(--bg-primary);border: 1px solid var(--border);border-radius: var(--border-radius);padding: 20px;transition: all 0.3s ease;}.paper-card:hover {transform: translateY(-3px);box-shadow: 0 8px 25px var(--alpha-black-10);}.paper-card h3 {font-size: 18px;font-weight: 700;color: var(--text-primary);margin-bottom: 8px;}.paper-meta {font-size: 13px;color: var(--text-secondary);margin-bottom: 15px;}.paper-actions {display: flex;gap: 8px;}.chapters-preview-section {margin: 20px 0px;padding: 20px;background: var(--bg-card);border: 1px solid var(--alpha-primary-20);border-radius: var(--border-radius-md);box-shadow: var(--shadow-sm);}.chapters-preview-section h3 {font-size: 16px;font-weight: 600;margin-bottom: 15px;color: var(--text-primary);display: flex;align-items: center;gap: 8px;}.chapters-preview-list {display: flex;flex-direction: column;gap: 10px;}.chapter-preview-item {display: flex;justify-content: space-between;align-items: center;padding: 12px;background: var(--bg-light);border: 1px solid var(--alpha-slate-20);border-radius: var(--radius-lg);transition: all 0.2s ease;}.chapter-preview-item:hover {background: var(--alpha-primary-05);border-color: var(--alpha-primary-40);}.chapter-preview-info {display: flex;flex-direction: column;gap: 4px;flex: 1;}.chapter-preview-info strong {font-weight: 600;color: var(--text-primary);font-size: 14px;}.chapter-pages {font-size: 12px;color: var(--text-secondary);}.chapter-preview-actions {display: flex;gap: 8px;align-items: center;}#scan-status {display: none;margin: 20px 0;text-align: center;padding: 20px;background: var(--alpha-primary-10);border-radius: var(--radius-lg);border: 1px solid var(--alpha-primary-30);}.loader {border: 3px solid var(--alpha-primary-10);border-radius: var(--radius-full);border-top: 3px solid var(--primary);width: 40px;height: 40px;animation: spin 1s linear infinite;margin: 0 auto 10px;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}#scan-error {display: none;margin: 20px 0;}.hidden {display: none !important;}.tabs .tab-btn {border: none;background: transparent;padding: 10px 14px;border-bottom: 2px solid transparent;color: var(--text-secondary);cursor: pointer;font-weight: 600;}.tabs .tab-btn.active {color: var(--text-primary);border-bottom-color: var(--accent-blue);}.history-list .history-item:hover {box-shadow: var(--shadow-sm);}#legal-current-meta {font-size: 13px;color: var(--text-secondary);}#legal-content h2 {display: flex;align-items: center;justify-content: space-between;font-size: 22px;margin: 6px 0 12px;color: var(--text-primary);}#legal-content .legal-meta-inline {font-size: 13px;color: var(--text-secondary);font-weight: 500;}#legal-content h3 {font-size: 16px;margin: 12px 0 8px;color: var(--text-primary);}#legal-content p {margin: 8px 0;color: var(--text-secondary);}#legal-content ul {margin: 8px 0 12px 18px;color: var(--text-secondary);}#legal-content li {margin: 4px 0;}.legal-viewing-banner {margin: 20px 0;padding: 0;border-radius: var(--radius-xl);background: linear-gradient(135deg, var(--alpha-primary-08) 0%, var(--alpha-purple-500-08) 100%);border: 2px solid var(--alpha-primary-30);overflow: hidden;box-shadow: 0 4px 15px var(--alpha-primary-15);animation: slideDown 0.4s ease;}@keyframes slideDown {from {opacity: 0;transform: translateY(-10px);}to {opacity: 1;transform: translateY(0);}}.banner-content {display: flex;align-items: center;gap: 16px;padding: 16px 20px;background: linear-gradient(90deg, var(--alpha-primary-05) 0%, transparent 100%);}.banner-icon {flex-shrink: 0;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: var(--accent-blue);color: var(--white);border-radius: var(--radius-full);font-size: 18px;box-shadow: 0 4px 10px var(--alpha-primary-30);}.banner-text {flex: 1;display: flex;flex-direction: column;gap: 4px;}.banner-text strong {font-size: 15px;font-weight: 600;color: var(--accent-blue);}.banner-text span {font-size: 13px;color: var(--text-secondary);}.dark-theme .banner-text span {color: var(--text-light);}.history-section {margin-top: 40px;padding-top: 24px;border-top: 2px solid var(--border-color);}.history-header {display: flex;align-items: center;gap: 10px;font-size: 18px;font-weight: 600;color: var(--text-primary);margin-bottom: 24px;}.history-header i {color: var(--accent-blue);font-size: 20px;}.history-timeline {position: relative;padding-left: 30px;}.history-timeline::before {content: '';position: absolute;left: 9px;top: 12px;bottom: 12px;width: 2px;background: linear-gradient(180deg, var(--accent-blue) 0%, var(--alpha-primary-20) 100%);}.timeline-item {position: relative;margin-bottom: 20px;cursor: pointer;}.timeline-marker {position: absolute;left: -26px;top: 8px;width: 12px;height: 12px;border-radius: var(--radius-full);background: var(--accent-blue);border: 3px solid var(--bg-card);box-shadow: 0 0 0 2px var(--accent-blue);transition: all 0.3s ease;}.timeline-item:hover .timeline-marker {transform: scale(1.3);box-shadow: 0 0 0 4px var(--alpha-primary-20);}.timeline-content {background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-xl);padding: 16px;transition: all 0.3s ease;box-shadow: var(--shadow-sm);}.timeline-item:hover .timeline-content {transform: translateX(4px);box-shadow: var(--shadow-md);border-color: var(--accent-blue);}.timeline-header {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 10px;margin-bottom: 12px;}.version-badge {display: inline-flex;align-items: center;gap: 6px;padding: 6px 12px;background: linear-gradient(135deg, var(--alpha-primary-10) 0%, var(--alpha-primary-05) 100%);color: var(--accent-blue);border-radius: var(--radius-md);font-weight: 600;font-size: 14px;}.version-badge i {font-size: 12px;}.version-date {display: inline-flex;align-items: center;gap: 6px;color: var(--text-secondary);font-size: 13px;}.version-date i {font-size: 12px;}.dark-theme .timeline-marker {border-color: var(--bg-dark-card);}.dark-theme .version-badge {background: linear-gradient(135deg, var(--alpha-primary-15) 0%, var(--alpha-primary-08) 100%);}.save-progress-section {background: linear-gradient(135deg, var(--alpha-gradient-purple-10) 0%, var(--alpha-gradient-purple-02-10) 100%);border: 2px solid var(--alpha-gradient-purple-30);border-radius: var(--radius-xl);padding: 20px;margin: 20px 0;animation: fadeIn 0.3s ease;}.save-progress-section.hidden {display: none;}.rescan-progress-section {background: linear-gradient(135deg, var(--alpha-primary-10) 0%, var(--alpha-purple-600-10) 100%);border: 2px solid var(--alpha-primary-30);border-radius: var(--radius-xl);padding: 20px;margin: 20px 0;animation: fadeIn 0.3s ease;}.rescan-progress-section.hidden {display: none;}.progress-header {display: flex;align-items: center;gap: 12px;margin-bottom: 16px;color: var(--accent-blue);font-weight: 600;}.progress-header i {font-size: 20px;}.progress-header h4 {margin: 0;font-size: 16px;}.progress-list {display: flex;flex-direction: column;gap: 10px;}.progress-item {display: flex;align-items: center;gap: 12px;padding: 12px;background: var(--white);border-radius: var(--radius-base);border-left: 4px solid var(--gradient-purple-1);transition: all 0.3s ease;animation: slideInRight 0.3s ease;}.progress-icon {font-size: 18px;color: var(--gradient-purple-1);min-width: 20px;}.progress-icon.success {color: var(--success-dark);}.progress-icon.error {color: var(--danger);}.tb-progress-text {flex: 1;font-size: 14px;color: var(--text-primary);position: static;}.tb-progress-text.success {color: var(--success-dark);font-weight: 600;}.tb-progress-text.error {color: var(--danger);}.dark-theme .save-progress-section {background: linear-gradient(135deg, var(--alpha-color-102-126-234-05) 0%, var(--alpha-color-118-75-162-05) 100%);border-color: var(--alpha-gradient-purple-20);}.dark-theme .progress-item {background: var(--alpha-white-05);border-left-color: var(--gradient-purple-1);}@keyframes slideInRight {from {opacity: 0;transform: translateX(-20px);}to {opacity: 1;transform: translateX(0);}}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}.chapter-card {background: linear-gradient(135deg, var(--alpha-white-95) 0%, var(--alpha-color-249-250-251-95) 100%);border: 1px solid var(--alpha-primary-15);border-radius: var(--radius-xl);padding: 20px;margin-bottom: 12px;box-shadow: 0 2px 8px var(--alpha-black-05);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;}.chapter-card::before {content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 4px;background: linear-gradient(180deg, var(--primary) 0%, var(--purple) 100%);transition: width 0.3s ease;}.chapter-card:hover {transform: translateY(-2px);box-shadow: 0 6px 20px var(--alpha-primary-15);border-color: var(--alpha-primary-30);}.chapter-card:hover::before {width: 6px;}.chapter-card-header {display: flex;align-items: center;justify-content: space-between;gap: 12px;}.chapter-card-info {flex: 1;display: flex;flex-direction: column;gap: 8px;}.chapter-card-title {font-size: 16px;font-weight: 600;color: var(--text-primary);display: flex;flex-wrap: wrap;align-items: center;gap: 10px;margin: 0;max-width: 100%;white-space: normal;word-break: break-word;overflow: visible;}.chapter-card-title i {color: var(--primary);font-size: 18px;flex-shrink: 0;}.chapter-card-pages {display: flex;align-items: center;gap: 16px;margin-top: 6px;}.chapter-page-badge {display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;background: var(--alpha-primary-10);border-radius: var(--radius-md);font-size: 13px;font-weight: 500;color: var(--primary);}.chapter-page-badge i {font-size: 12px;}.chapter-card-actions {display: flex;gap: 8px;align-items: center;}.chapter-action-btn {padding: 8px 12px;border: none;border-radius: var(--radius-base);font-size: 13px;font-weight: 500;cursor: pointer;transition: all 0.3s ease;display: inline-flex;align-items: center;gap: 6px;background: transparent;}.chapter-action-btn i {font-size: 14px;}.chapter-action-btn.scan-btn {color: var(--purple);background: var(--alpha-purple-500-10);}.chapter-action-btn.scan-btn:hover {background: var(--alpha-purple-500-20);transform: translateY(-1px);}.chapter-action-btn.scan-btn:disabled {opacity: 0.6;cursor: not-allowed;transform: none;}.chapter-action-btn.edit-btn {color: var(--primary);background: var(--alpha-primary-10);}.chapter-action-btn.edit-btn:hover {background: var(--alpha-primary-20);transform: translateY(-1px);}.chapter-action-btn.delete-btn {color: var(--danger);background: var(--alpha-danger-10);}.chapter-action-btn.delete-btn:hover {background: var(--alpha-danger-20);transform: translateY(-1px);}.chapter-scan-progress {margin-top: 12px;padding: 12px;background: var(--alpha-purple-05);border-radius: var(--radius-base);border-left: 3px solid var(--purple);animation: slideInDown 0.3s ease;}.chapter-scan-status {display: flex;align-items: center;gap: 10px;font-size: 13px;color: var(--text-secondary);}.chapter-scan-status i {color: var(--purple);animation: spin 1s linear infinite;}.chapter-scan-status.success {color: var(--success-dark);}.chapter-scan-status.success i {color: var(--success-dark);animation: none;}.chapter-scan-status.error {color: var(--danger);}.chapter-scan-status.error i {color: var(--danger);animation: none;}@keyframes slideInDown {from {opacity: 0;transform: translateY(-10px);}to {opacity: 1;transform: translateY(0);}}@keyframes spin {to {transform: rotate(360deg);}}.dark-theme .chapter-card {background: linear-gradient(135deg, var(--alpha-slate-800-95) 0%, var(--alpha-slate-950-95) 100%);border-color: var(--alpha-primary-20);box-shadow: 0 2px 8px var(--alpha-black-30);}.dark-theme .chapter-card:hover {box-shadow: 0 6px 20px var(--alpha-primary-25);border-color: var(--alpha-primary-40);}.dark-theme .chapter-page-badge {background: var(--alpha-primary-15);color: var(--blue-400);}.dark-theme .chapter-action-btn.scan-btn {color: var(--purple-400);background: var(--alpha-purple-500-15);}.dark-theme .chapter-action-btn.scan-btn:hover {background: var(--alpha-purple-500-25);}.dark-theme .chapter-action-btn.edit-btn {color: var(--blue-400);background: var(--alpha-primary-15);}.dark-theme .chapter-action-btn.edit-btn:hover {background: var(--alpha-primary-25);}.dark-theme .chapter-action-btn.delete-btn {color: var(--danger-light);background: var(--alpha-danger-15);}.dark-theme .chapter-action-btn.delete-btn:hover {background: var(--alpha-danger-25);}.dark-theme .chapter-scan-progress {background: var(--alpha-purple-500-10);}.filter-select {padding: 10px 16px;border: 1px solid var(--slate-200);border-radius: var(--radius-base);background-color: var(--bg-card);color: var(--text-primary);cursor: pointer;font-size: 0.95em;}.progress-circle {filter: drop-shadow(0 2px 8px var(--alpha-primary-15));}.attempts-title-row {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}.attempts-count {font-size: 0.8rem;color: var(--gray-500);}.attempt-chips {display: flex;flex-direction: column;gap: 8px;}.attempt-chip {display: grid;grid-template-columns: 1fr auto auto auto auto;gap: 8px;align-items: center;padding: 10px 12px;border-radius: var(--radius-lg);border: 1px solid var(--gray-200);background: var(--slate-50);cursor: pointer;transition: all 0.2s ease;text-align: left;font-size: 0.85rem;}.attempt-chip:hover {transform: translateY(-2px);box-shadow: 0 6px 16px var(--alpha-black-08);}.attempt-chip .chip-label {font-weight: 700;color: var(--gray-900);}.attempt-chip .chip-score {font-weight: 600;color: var(--gray-800);}.attempt-chip .chip-percent {font-weight: 700;}.attempt-chip .chip-date {color: var(--gray-500);font-size: 0.8rem;}.attempt-chip .chip-action {color: var(--accent-blue);font-weight: 700;display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: var(--radius-full);background: var(--alpha-primary-10);box-shadow: 0 2px 6px var(--alpha-primary-20);}.attempt-chip .chip-action i {font-size: 0.85rem;}.attempt-chip.grade-excellent {border-color: var(--success-dark);}.attempt-chip.grade-good {border-color: var(--primary);}.attempt-chip.grade-fair {border-color: var(--warning);}.attempt-chip.grade-needs-improvement {border-color: var(--danger);}.participated-header .kicker {font-size: 0.85rem;text-transform: uppercase;letter-spacing: 0.04em;color: var(--gray-500);margin: 0 0 6px;}.participated-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 14px;}.participated-card {background: var(--white);border: 1px solid var(--gray-200);border-radius: var(--radius-2xl);padding: 14px 16px;box-shadow: 0 10px 30px var(--alpha-black-06);}.participated-card-top {display: flex;align-items: flex-start;justify-content: space-between;gap: 12px;margin-bottom: 8px;flex-wrap: wrap;}.participated-card-top h4 {margin: 2px 0 0;color: var(--slate-950);}.participated-actions {display: flex;gap: 8px;flex-wrap: wrap;}.participated-meta {display: flex;flex-wrap: wrap;gap: 8px;margin: 8px 0 4px;overflow-x: hidden;}.pill {display: inline-flex;align-items: center;gap: 6px;padding: 6px 10px;border-radius: var(--radius-pill);background: var(--gray-100);color: var(--gray-800);font-size: 0.85rem;}.pill-btn {display: inline-flex;align-items: center;gap: 6px;padding: 8px 12px;border-radius: var(--radius-pill);border: none;background: var(--blue-600);color: var(--white);font-weight: 600;cursor: pointer;transition: transform 0.15s ease, box-shadow 0.15s ease;}.pill-btn:hover {transform: translateY(-1px);box-shadow: 0 8px 18px var(--alpha-color-37-99-235-25);}.attempt-rows {display: flex;flex-direction: column;gap: 10px;margin-top: 12px;}.attempt-row {border: 1px solid var(--gray-200);border-radius: var(--radius-lg);padding: 10px 12px;background: var(--gray-50);display: grid;grid-template-columns: 1fr auto;column-gap: 12px;row-gap: 6px;align-items: center;}.attempt-row-main {display: flex;align-items: center;gap: 10px;flex-wrap: wrap;grid-column: 1;}.attempt-row-meta {display: flex;align-items: center;gap: 14px;flex-wrap: wrap;color: var(--gray-600);font-size: 0.9rem;grid-column: 1;}.attempt-row-meta i {color: var(--gray-500);}.attempt-row-actions {display: flex;gap: 8px;flex-wrap: nowrap;grid-column: 2;grid-row: 1 / span 2;align-self: center;align-items: center;justify-content: center;}.attempt-label {font-weight: 700;color: var(--gray-500);}.attempt-score {font-weight: 600;color: var(--gray-900);}.attempt-percent {font-weight: 700;padding: 4px 8px;border-radius: var(--radius-pill);background: var(--indigo-50);color: var(--color-4338ca);}.attempt-percent.grade-unknown {background: var(--gray-200);color: var(--gray-700);}.attempt-status {font-size: 0.8rem;padding: 4px 8px;border-radius: var(--radius-pill);background: var(--color-e0f2fe);color: var(--color-0369a1);font-weight: 600;}.attempt-status.status-complete {background: var(--color-ecfdf3);color: var(--color-15803d);}.attempt-status.status-pending {background: var(--white);color: var(--color-c2410c);}.ghost-btn {border: 1px solid var(--gray-200);background: var(--white);color: var(--gray-800);padding: 7px 12px;border-radius: var(--radius-lg);font-weight: 600;display: inline-flex;align-items: center;gap: 6px;cursor: pointer;transition: background 0.15s ease, border-color 0.15s ease;}.ghost-btn:hover {background: var(--slate-50);border-color: var(--slate-300);}.ghost-btn.disabled {opacity: 0.6;cursor: not-allowed;}.ghost-icon-btn {width: 36px;height: 36px;border-radius: var(--radius-lg);border: 1px solid var(--gray-200);background: var(--white);color: var(--gray-800);display: inline-flex;align-items: center;justify-content: center;cursor: pointer;transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;}.ghost-icon-btn:hover {background: var(--slate-50);border-color: var(--slate-300);transform: translateY(-1px);}.ghost-icon-btn.disabled {opacity: 0.55;cursor: not-allowed;}.attempt-row.empty {justify-content: center;text-align: center;color: var(--gray-500);}.dark-theme .participated-card {background: var(--slate-950);border-color: var(--gray-800);box-shadow: 0 10px 30px var(--alpha-black-35);}.dark-theme .participated-card-top h4 {color: var(--gray-200);}.dark-theme .participated-meta .pill {background: var(--gray-900);color: var(--gray-200);}.dark-theme .attempt-row {background: var(--gray-900);border-color: var(--gray-800);}.dark-theme .attempt-row-meta {color: var(--gray-400);}.dark-theme .ghost-btn {background: var(--color-0b1221);border-color: var(--gray-800);color: var(--gray-200);}.dark-theme .ghost-btn:hover {background: var(--gray-900);}.dark-theme .pill-btn {box-shadow: 0 10px 20px var(--alpha-blue-600-30);}.attempts-title {font-size: 0.875rem;font-weight: 600;color: var(--gray-700);margin-bottom: 12px;display: flex;align-items: center;gap: 6px;}.attempts-title i {color: var(--accent-blue);font-size: 0.875rem;}.attempts-list {display: flex;flex-direction: column;gap: 10px;}.attempt-card {background: linear-gradient(135deg, var(--slate-50) 0%, var(--slate-100) 100%);border-radius: var(--radius-lg);padding: 12px;border-left: 4px solid var(--slate-300);transition: all 0.2s ease;}.attempt-card:hover {transform: translateX(4px);box-shadow: 0 4px 12px var(--alpha-black-08);}.attempt-card.grade-excellent {border-left-color: var(--success-dark);background: linear-gradient(135deg, var(--green-50) 0%, var(--green-100) 100%);}.attempt-card.grade-good {border-left-color: var(--primary);background: linear-gradient(135deg, var(--blue-50) 0%, var(--blue-100) 100%);}.attempt-card.grade-fair {border-left-color: var(--warning);background: linear-gradient(135deg, var(--white) 0%, var(--amber-100) 100%);}.attempt-card.grade-needs-improvement {border-left-color: var(--danger);background: linear-gradient(135deg, var(--red-50) 0%, var(--red-100) 100%);}.attempt-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}.attempt-badge {font-size: 0.75rem;font-weight: 600;padding: 4px 10px;background: var(--alpha-white-80);border-radius: var(--radius-xl);color: var(--gray-800);backdrop-filter: blur(4px);}.attempt-score {font-weight: 700;font-size: 1rem;color: var(--gray-800);}.attempt-body {display: flex;flex-direction: column;gap: 8px;}.attempt-percentage {display: flex;align-items: center;gap: 12px;}.percentage-value {font-size: 1.25rem;font-weight: 700;min-width: 55px;}.attempt-card.grade-excellent .percentage-value {color: var(--success-dark);}.attempt-card.grade-good .percentage-value {color: var(--blue-600);}.attempt-card.grade-fair .percentage-value {color: var(--warning-dark);}.attempt-card.grade-needs-improvement .percentage-value {color: var(--danger-dark);}.percentage-bar {flex: 1;height: 8px;background: var(--alpha-black-10);border-radius: var(--radius-sm);overflow: hidden;}.percentage-fill {height: 100%;border-radius: var(--radius-sm);transition: width 0.5s ease;}.attempt-card.grade-excellent .percentage-fill {background: linear-gradient(90deg, var(--success-dark) 0%, var(--green-600) 100%);}.attempt-card.grade-good .percentage-fill {background: linear-gradient(90deg, var(--primary) 0%, var(--blue-600) 100%);}.attempt-card.grade-fair .percentage-fill {background: linear-gradient(90deg, var(--warning) 0%, var(--warning-dark) 100%);}.attempt-card.grade-needs-improvement .percentage-fill {background: linear-gradient(90deg, var(--danger) 0%, var(--danger-dark) 100%);}.attempt-meta {display: flex;gap: 12px;font-size: 0.75rem;color: var(--gray-500);}.attempt-meta span {display: flex;align-items: center;gap: 4px;}.attempt-meta i {font-size: 0.7rem;}.progress-text {font-weight: 700;font-size: 0.85em;color: var(--accent-blue);}.section-header {margin-bottom: 24px;}.section-header h3 {margin: 0 0 4px 0;font-size: 1.3em;}.section-header p {margin: 0;color: var(--text-secondary);}.progress-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 20px;margin-bottom: 40px;}.stat-card {background: var(--bg-card);padding: 20px;border-radius: var(--radius-xl);border: 1px solid var(--slate-200);display: flex;gap: 16px;align-items: center;}.progress-grid .stat-icon {width: 50px;height: 50px;border-radius: var(--radius-lg);background: var(--slate-100);display: flex;align-items: center;justify-content: center;color: var(--accent-blue) !important;font-size: 1.5em;}.stat-content h4 {margin: 0 0 4px 0;font-size: 0.95em;color: var(--text-secondary);}.stat-value {margin: 0;font-size: 1.8em;font-weight: 700;color: var(--text-primary);}.performance-chart {background: var(--bg-card);padding: 24px;border-radius: var(--radius-xl);border: 1px solid var(--slate-200);}.performance-chart h4 {margin: 0 0 20px 0;font-size: 1.1em;}.performance-list {display: flex;flex-direction: column;gap: 16px;}.performance-item {display: flex;align-items: center;gap: 16px;}.subject-name {min-width: 100px;font-weight: 500;color: var(--text-primary);}.progress-bar {flex: 1;height: 8px;background: var(--slate-100);border-radius: var(--radius-sm);overflow: hidden;}.progress-fill {height: 100%;background: linear-gradient(90deg, var(--gradient-purple-1) 0%, var(--gradient-purple-2) 100%);transition: width 0.3s ease;}.score-badge {min-width: 50px;text-align: right;font-weight: 600;color: var(--accent-blue);}@keyframes slideIn {from {opacity: 0;transform: translateX(20px);}to {opacity: 1;transform: translateX(0);}}.step-header {margin-bottom: 24px;}.step-header h4 {margin: 0 0 8px 0;font-size: 1.2em;color: var(--text-primary);}.step-header p {margin: 0;color: var(--text-secondary);font-size: 0.95em;}.step-content {margin-top: 20px;}.language-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 16px;margin-bottom: 24px;}.selection-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 14px;margin-bottom: 20px;}.selection-card {position: relative;padding: 14px 14px 16px;border: 2px solid var(--slate-200);border-radius: var(--radius-lg);background: var(--bg-card);cursor: pointer;transition: all 0.2s ease;display: flex;flex-direction: column;gap: 8px;}.selection-card:hover {border-color: var(--accent-blue);box-shadow: 0 8px 18px var(--alpha-slate-950-08);transform: translateY(-1px);}.selection-card.selected {border-color: var(--accent-blue);background: linear-gradient(135deg, var(--alpha-primary-08), var(--alpha-primary-14));box-shadow: 0 10px 24px var(--alpha-primary-18);}.selection-card .card-title {font-weight: 700;font-size: 1em;color: var(--text-primary);}.selection-card .card-meta {font-size: 0.85em;color: var(--text-secondary);display: flex;align-items: center;gap: 6px;}.selection-card .card-badge {position: absolute;top: 10px;right: 10px;background: var(--indigo-50);color: var(--indigo-600);padding: 4px 10px;border-radius: var(--radius-pill);font-size: 0.78em;font-weight: 600;}.selection-card.selected .card-badge {background: var(--blue-700);color: var(--white);}.chapters-grid .selection-card {padding: 12px 12px 14px;}.chapters-grid .card-title {font-size: 0.95em;line-height: 1.4;}.language-grid.empty {display: none;}.language-card {padding: 20px;border: 2px solid var(--slate-200);border-radius: var(--radius-lg);text-align: center;cursor: pointer;transition: all 0.3s ease;}.language-card.unavailable {opacity: 0.6;cursor: not-allowed;}.language-card:hover:not(.unavailable) {border-color: var(--accent-blue);background: var(--slate-50);}.language-card.selected {border-color: var(--accent-blue);background: var(--accent-blue);color: var(--white);}.language-card.selected:hover {background: linear-gradient(135deg, var(--primary) 0%, var(--blue-600) 100%);border-color: var(--blue-600);}.language-card.selected h5,.language-card.selected p {color: var(--white);}.language-icon {font-size: 2.5em;margin-bottom: 12px;color: var(--accent-blue);}.language-card.selected .language-icon {color: var(--white);}.language-card h5 {margin: 0 0 4px 0;font-size: 1.1em;color: var(--text-primary);}.language-card p {margin: 0;font-size: 0.85em;color: var(--text-secondary);}.empty-icon {width: 80px;height: 80px;margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--gradient-purple-1)15 0%, var(--gradient-purple-2)15 100%);}.empty-icon i {font-size: 2em;color: var(--gradient-purple-1);}.visibility-group {margin-top: 20px;}.visibility-option {position: relative;display: flex;align-items: center;gap: 14px;padding: 18px;border: 1.5px solid var(--slate-200);border-radius: var(--radius-2xl);background: linear-gradient(135deg, var(--alpha-primary-06), var(--alpha-color-14-165-233-05));transition: all 0.22s ease;cursor: pointer;box-shadow: 0 8px 26px var(--alpha-slate-950-08);}.visibility-option:hover {border-color: var(--accent-blue);background: var(--alpha-primary-10);box-shadow: 0 12px 32px var(--alpha-primary-18);transform: translateY(-1px);}.visibility-checkbox {width: 20px;height: 20px;cursor: pointer;accent-color: var(--accent-blue);}.visibility-label {display: flex;align-items: center;gap: 14px;cursor: pointer;flex: 1;margin: 0;padding-right: 76px;}.visibility-icon {position: absolute;right: 18px;top: 50%;transform: translateY(-50%);width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--sky-500) 0%, var(--primary-dark) 100%);border-radius: var(--radius-2xl);color: var(--white);font-size: 1.2em;box-shadow: 0 12px 30px var(--alpha-indigo-25);}.visibility-text {display: flex;flex-direction: column;gap: 4px;}.visibility-title-row {display: flex;align-items: center;gap: 10px;}.visibility-title {font-weight: 700;font-size: 1.05em;color: var(--text-primary);}.visibility-badge {background: var(--alpha-success-12);color: var(--success-dark);padding: 4px 10px;border-radius: var(--radius-pill);font-size: 0.8em;font-weight: 700;letter-spacing: 0.02em;}.visibility-description {font-size: 0.9em;color: var(--sky-500);font-weight: 600;}.visibility-option:has(.visibility-checkbox:checked) {border-color: var(--accent-blue);background: linear-gradient(135deg, var(--alpha-primary-14), var(--alpha-color-14-165-233-12));box-shadow: 0 14px 34px var(--alpha-primary-25);}.visibility-option:has(.visibility-checkbox:checked) .visibility-icon {animation: pulse 0.3s ease;}.visibility-option:has(.visibility-checkbox:checked) .visibility-badge {background: var(--alpha-success-22);color: var(--green-700);}@media (max-width: 600px) {.visibility-group {margin-top: 16px;}.visibility-option {flex-direction: column;align-items: center;gap: 12px;padding: 14px;position: relative;text-align: center;}.visibility-checkbox {width: 18px;height: 18px;margin-top: 2px;margin-right: 0px !important;}.visibility-label {display: flex !important;flex-direction: column;align-items: center;gap: 8px;cursor: pointer;flex: 1;width: 100%;margin: 0;padding-right: 0;}.visibility-icon {position: relative;right: auto;top: auto;transform: none;width: 40px;height: 40px;margin: 4px auto 0;order: -1;}.visibility-text {display: flex;flex-direction: column;gap: 6px;width: 100%;align-items: center;}.visibility-title-row {display: flex;align-items: center;gap: 8px;flex-direction: column;justify-content: center;}.visibility-title {font-weight: 700;font-size: 0.95em;}.visibility-badge {padding: 3px 8px;font-size: 0.75em;}.visibility-description {font-size: 0.85em;}}@media (max-width: 480px) {.visibility-group {margin-top: 12px;}.visibility-option {padding: 12px;gap: 10px;}.visibility-icon {width: 36px;height: 36px;font-size: 1em;}.visibility-title {font-size: 0.9em;}.visibility-description {font-size: 0.8em;}}.helper-text {font-size: 0.85em;color: var(--text-secondary);margin-top: 8px;font-style: italic;}.difficulty-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px;margin-top: 8px;}.difficulty-card {position: relative;padding: 14px;border: 2px solid var(--slate-200);border-radius: var(--radius-xl);background: var(--bg-card);cursor: pointer;transition: all 0.2s ease;text-align: center;display: flex;flex-direction: column;align-items: center;}.difficulty-card .diff-icon {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: var(--radius-lg);color: var(--gray-900);background: var(--gray-100);margin-bottom: 10px;}.difficulty-card .diff-title {font-weight: 700;color: var(--text-primary);}.difficulty-card .diff-sub {font-size: 0.82em;color: var(--text-secondary);}.difficulty-card:hover {transform: translateY(-2px);box-shadow: 0 10px 20px var(--alpha-slate-950-08);}.difficulty-card.selected {border-color: var(--accent-blue);box-shadow: 0 12px 26px var(--alpha-primary-18);}.difficulty-card.easy .diff-icon {background: var(--alpha-success-12);color: var(--success-dark);}.difficulty-card.moderate .diff-icon {background: var(--alpha-warning-15);color: var(--color-b45309);}.difficulty-card.hard .diff-icon {background: var(--alpha-danger-15);color: var(--red-700);}.difficulty-card.easy.selected {border-color: var(--success-dark);box-shadow: 0 12px 28px var(--alpha-success-22);}.difficulty-card.moderate.selected {border-color: var(--warning);box-shadow: 0 12px 28px var(--alpha-warning-22);}.difficulty-card.hard.selected {border-color: var(--danger);box-shadow: 0 12px 28px var(--alpha-danger-22);}.step-navigation {display: flex;gap: 12px;margin-top: 24px;justify-content: flex-end;}.step-navigation button {padding: 10px 20px;border-radius: var(--radius-md);border: none;cursor: pointer;font-weight: 500;transition: all 0.2s ease;}.dark-theme .language-card {border-color: var(--slate-700);}.dark-theme .attempts-title {color: var(--gray-200);}.dark-theme .attempt-card {background: linear-gradient(135deg, var(--slate-900) 0%, var(--slate-950) 100%);border-left-color: var(--slate-600);}.dark-theme .attempt-card.grade-excellent {border-left-color: var(--success-dark);background: linear-gradient(135deg, var(--color-064e3b) 0%, var(--color-022c22) 100%);}.dark-theme .attempt-card.grade-good {border-left-color: var(--primary);background: linear-gradient(135deg, var(--color-1e3a8a) 0%, var(--color-1e2557) 100%);}.dark-theme .attempt-card.grade-fair {border-left-color: var(--warning);background: linear-gradient(135deg, var(--color-78350f) 0%, var(--color-451a03) 100%);}.dark-theme .attempt-card.grade-needs-improvement {border-left-color: var(--danger);background: linear-gradient(135deg, var(--color-7f1d1d) 0%, var(--color-450a0a) 100%);}.dark-theme .attempt-badge {background: var(--alpha-white-10);color: var(--gray-200);}.dark-theme .attempt-score {color: var(--gray-100);}.dark-theme .attempt-card.grade-excellent .percentage-value {color: var(--success-light);}.dark-theme .attempt-card.grade-good .percentage-value {color: var(--blue-400);}.dark-theme .attempt-card.grade-fair .percentage-value {color: var(--warning-light);}.dark-theme .attempt-card.grade-needs-improvement .percentage-value {color: var(--danger-light);}.dark-theme .percentage-bar {background: var(--alpha-white-10);}.dark-theme .attempt-meta {color: var(--gray-400);}.dark-theme .stat-icon {background: var(--slate-700);}.dark-theme .progress-bar {background: var(--slate-700);}.loading-modal {max-width: 400px;}.loading-content {text-align: center;padding: 40px 30px;display: flex;flex-direction: column;align-items: center;gap: 20px;}.loading-spinner {position: relative;width: 60px;height: 60px;}#plans-container .loading-spinner .spinner {width: 50px;height: 50px;}.spinner-circle {position: absolute;width: 60px;height: 60px;border: 4px solid var(--alpha-color-100-200-255-20);border-top: 4px solid var(--gradient-sky);border-right: 4px solid var(--gradient-sky);border-radius: var(--radius-full);animation: spin 1s linear infinite;}@keyframes spin {to {transform: rotate(360deg);}}.loading-content h3 {color: var(--text-primary);margin: 0;font-size: 1.4em;}.loading-content p {color: var(--text-secondary);margin: 0;font-size: 0.95em;}.progress-bar {width: 100%;height: 4px;background: var(--alpha-white-10);border-radius: var(--radius-pill);overflow: hidden;margin-top: 10px;}.progress-fill {height: 100%;background: linear-gradient(90deg, var(--gradient-sky), var(--gradient-purple-1));width: 0%;transition: width 0.3s ease;}.error-detail {font-size: 12px;color: var(--text-secondary);opacity: 0.7;margin-bottom: 24px;font-style: italic;}.error-retry-btn {padding: 12px 28px;background: var(--accent-blue);color: var(--white);border: none;border-radius: var(--radius-base);font-weight: 600;font-size: 14px;cursor: pointer;transition: all 0.3s ease;display: inline-flex;align-items: center;gap: 8px;}.error-retry-btn:hover {background: var(--blue-600);transform: translateY(-2px);box-shadow: 0 4px 12px var(--alpha-primary-30);}.error-retry-btn i {font-size: 14px;}.summary-description {color: rgba(var(--text-primary-rgb), 0.85);font-size: 1.05em;margin: 8px 0 16px 0;line-height: 1.5;font-weight: 500;}.success-icon {font-size: 4em;margin-bottom: 20px;display: flex;align-items: center;justify-content: center;animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);color: var(--green-500);text-shadow: 0 2px 10px var(--alpha-green-500-40);}@keyframes scaleIn {from {transform: scale(0.5);opacity: 0;}to {transform: scale(1);opacity: 1;}}.attempt-body {display: flex;flex-direction: column;gap: 16px;}.attempt-top {display: flex;justify-content: space-between;align-items: flex-start;gap: 16px;}.attempt-timer {display: flex;align-items: center;gap: 8px;font-weight: 600;color: var(--text-secondary);}.attempt-progress {text-align: center;font-weight: 600;color: var(--text-secondary);}.attempt-question {background: var(--bg-card);border: 1px solid var(--border-soft);border-radius: var(--radius-xl);padding: 16px;}.attempt-question .question-text {font-size: 1.1em;margin-bottom: 12px;color: var(--text-primary);}.option-list {display: grid;gap: 10px;}.option-item {display: flex;align-items: center;gap: 10px;border: 1px solid var(--border-soft);border-radius: var(--radius-lg);padding: 12px;cursor: pointer;}.option-item:hover {border-color: var(--primary);box-shadow: 0 6px 16px var(--alpha-black-06);}.option-item.selected {border-color: var(--primary);background: rgba(var(--primary-rgb), 0.08);}.attempt-controls {display: flex;align-items: center;justify-content: space-between;margin-top: 12px;}.attempt-controls .attempt-nav {display: flex;gap: 10px;}.results-body {display: flex;flex-direction: column;gap: 16px;}.results-summary {text-align: center;}.results-meta {display: flex;justify-content: center;gap: 16px;color: var(--text-secondary);}.results-actions {display: flex;gap: 10px;justify-content: center;}.difficulty-badge {padding: 4px 12px;border-radius: var(--radius-pill);font-size: 0.85em;font-weight: 600;text-transform: capitalize;}.difficulty-badge.easy {background: var(--color-dcfce7);color: var(--color-166534);}.difficulty-badge.moderate {background: var(--amber-100);color: var(--amber-800);}.difficulty-badge.hard {background: var(--red-100);color: var(--red-800);}.questions-preview {border-top: 1px solid var(--alpha-white-08);padding-top: 20px;}.questions-preview h4 {color: var(--text-primary);margin: 0 0 16px 0;font-size: 1.1em;}.questions-list {display: flex;flex-direction: column;gap: 12px;max-height: 300px;overflow-y: auto;}.question-item {display: flex;gap: 12px;padding: 12px;background: var(--alpha-white-02);border: 1px solid var(--alpha-white-06);border-radius: var(--radius-base);transition: all 0.2s ease;}.question-item:hover {background: var(--alpha-white-04);border-color: var(--alpha-white-10);}.question-number {flex-shrink: 0;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--gradient-purple-1), var(--gradient-purple-2));color: var(--white);border-radius: var(--radius-full);font-weight: 600;font-size: 0.9em;}.question-content {flex: 1;display: flex;flex-direction: column;gap: 8px;}.question-text {color: var(--text-primary);margin: 0;font-size: 0.95em;line-height: 1.4;font-weight: 500;}.options-preview {display: flex;gap: 8px;flex-wrap: wrap;}.option-preview {background: var(--alpha-color-100-200-255-10);color: var(--gradient-sky);padding: 4px 10px;border-radius: var(--radius-sm);font-size: 0.85em;border: 1px solid var(--alpha-color-100-200-255-20);}.no-questions {text-align: center;color: var(--text-secondary);padding: 20px;margin: 0;}.attempt-detail-overlay {position: fixed;inset: 0;display: flex;align-items: center;justify-content: center;z-index: 9999;padding: 24px;}.attempt-detail-overlay.hidden {display: none;}.attempt-detail-backdrop {position: absolute;inset: 0;background: var(--alpha-slate-950-65);backdrop-filter: blur(4px);}.attempt-detail-modal {position: relative;background: radial-gradient(circle at 15% 20%, var(--alpha-primary-08), transparent 35%), var(--white);border-radius: var(--radius-18);padding: 20px;width: min(900px, 92vw);max-height: 90vh;overflow: hidden;box-shadow: 0 20px 60px var(--alpha-black-18);display: flex;flex-direction: column;gap: 12px;}.attempt-detail-modal::before {content: '';position: absolute;inset: 0;border-radius: var(--radius-18);background: linear-gradient(120deg, var(--alpha-primary-08), var(--alpha-color-14-165-233-12));opacity: 0.5;pointer-events: none;}.attempt-detail-modal>* {position: relative;z-index: 1;}.attempt-detail-header {display: flex;justify-content: space-between;align-items: center;gap: 12px;padding: 12px 14px;border: 1px solid var(--gray-200);border-radius: var(--radius-2xl);background: linear-gradient(135deg, var(--slate-50) 0%, var(--indigo-100) 100%);}.attempt-detail-kicker {font-size: 0.8rem;text-transform: uppercase;letter-spacing: 0.04em;color: var(--gray-500);margin: 0;}.attempt-detail-header h3 {margin: 2px 0 0;font-size: 1.35rem;color: var(--slate-950);}.attempt-detail-meta {display: grid;grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));gap: 10px;}.item--wide {grid-column: span 2;}.attempt-meta-pill {display: inline-flex;align-items: center;gap: 8px;background: var(--white);color: var(--slate-950);padding: 12px 14px;border-radius: var(--radius-xl);font-size: 0.95rem;border: 1px solid var(--gray-200);box-shadow: 0 10px 30px var(--alpha-black-04);font-weight: 600;}.attempt-meta-pill i {width: 30px;height: 30px;border-radius: var(--radius-full);background: var(--alpha-primary-10);display: inline-flex;align-items: center;justify-content: center;color: var(--blue-600);font-size: 0.95rem;}.attempt-detail-body {overflow-y: auto;overflow-x: hidden;padding-right: 6px;max-height: 65vh;display: flex;flex-direction: column;gap: 12px;padding: 8px 2px 4px;}.attempt-detail-body::-webkit-scrollbar,.attempt-detail-modal::-webkit-scrollbar {width: 6px;}.attempt-detail-body::-webkit-scrollbar-track,.attempt-detail-modal::-webkit-scrollbar-track {background: transparent;}.attempt-detail-body::-webkit-scrollbar-thumb,.attempt-detail-modal::-webkit-scrollbar-thumb {background: var(--alpha-slate-400-35);border-radius: var(--radius-xs);}.attempt-detail-body::-webkit-scrollbar-thumb:hover,.attempt-detail-modal::-webkit-scrollbar-thumb:hover {background: var(--alpha-slate-400-55);}.attempt-detail-body {scrollbar-width: thin;scrollbar-color: var(--alpha-slate-400-55) transparent;}.attempt-detail-modal {scrollbar-width: thin;scrollbar-color: var(--alpha-slate-400-55) transparent;}.attempt-question-card {border: 1px solid var(--gray-200);border-radius: var(--radius-xl);padding: 12px;background: var(--white);box-shadow: 0 12px 30px var(--alpha-black-05);border-left: 4px solid var(--gray-200);}.attempt-question-card.correct {border-color: var(--success-dark);border-left-color: var(--success-dark);}.attempt-question-card.incorrect {border-color: var(--danger);border-left-color: var(--danger);}.attempt-question-card.unanswered {border-color: var(--gray-300);border-left-color: var(--gray-400);}.attempt-question-card.timeout {border-color: var(--warning-dark);border-left-color: var(--warning-dark);}.attempt-question-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px;}.question-number {font-weight: 700;color: var(--slate-950);letter-spacing: 0.01em;}.question-type-badge {font-size: 0.75rem;font-weight: 700;padding: 4px 12px;border-radius: var(--radius-md);background: transparent;color: var(--gradient-purple-2);text-transform: uppercase;letter-spacing: 0.02em;}.question-status {font-weight: 700;font-size: 0.9rem;color: var(--success-dark);display: inline-flex;align-items: center;gap: 6px;padding: 6px 10px;border-radius: var(--radius-3xl);background: var(--color-ecfdf3);}@media (max-width: 640px) {.attempt-question-header {flex-wrap: wrap;align-items: center;text-align: center;gap: 6px 10px;}.attempt-question-header .question-type-badge {order: 1;width: 100%;}.attempt-question-header .question-number {order: 2;}.attempt-question-header .question-status {order: 3;}}.attempt-question-card.incorrect .question-status {color: var(--danger);background: var(--red-50);}.attempt-question-card.unanswered .question-status {color: var(--gray-500);background: var(--gray-100);}.attempt-question-card.timeout .question-status {color: var(--color-c2410c);background: var(--white)0e6;}.question-text {margin: 0 0 8px;color: var(--slate-950);font-weight: 700;font-size: 1rem;}.answer-row {display: flex;align-items: center;gap: 10px;margin-bottom: 6px;}.answer-label {font-size: 0.85rem;color: var(--gray-500);min-width: 110px;padding-top: 4px;}.answer-value {padding: 6px 10px;border-radius: var(--radius-base);background: var(--gray-50);font-weight: 600;display: inline-flex;align-items: center;}.answer-value.correct {color: var(--color-0f766e);background: var(--color-ecfdf3);}.answer-value.good {color: var(--green-800);background: var(--green-100);}.answer-value.bad {color: var(--red-800);background: var(--red-100);}.answer-value.unanswered {color: var(--gray-500);background: var(--gray-100);font-style: italic;}.answer-value.timeout {color: var(--color-c2410c);background: var(--white)0e6;font-style: italic;}.keywords-list {display: flex;flex-wrap: wrap;gap: 8px;margin-top: 8px;}.keyword-chip {display: inline-flex;align-items: center;gap: 4px;font-size: 0.85rem;padding: 4px 10px;border-radius: var(--radius-md);font-weight: 500;transition: all 0.2s ease;}.keyword-chip.covered {background: var(--green-100);color: var(--green-800);}.keyword-chip.uncovered {background: var(--red-100);color: var(--red-800);}.keyword-chip.neutral {background: var(--gray-100);color: var(--slate-800);}.attempt-note {margin-top: 6px;font-size: 0.85rem;color: var(--gray-600);background: var(--gray-50);border-left: 3px solid var(--gray-300);padding: 8px 10px;border-radius: var(--radius-base);line-height: 1.4;}.attempt-detail-loading {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 40px 0;gap: 12px;}.attempt-detail-loading .spinner {width: 32px;height: 32px;border-radius: var(--radius-full);border: 3px solid var(--gray-200);border-top-color: var(--accent-blue);animation: spin 1s linear infinite;}.attempt-detail-error {color: var(--danger);font-weight: 600;padding: 12px;background: var(--red-50);border-radius: var(--radius-lg);}@keyframes spin {to {transform: rotate(360deg);}}.dark-theme .attempt-detail-modal {background: var(--color-0b1220);color: var(--gray-200);box-shadow: 0 20px 60px var(--alpha-black-45);scrollbar-color: var(--alpha-gray-400-70) transparent;}.dark-theme .attempt-meta-pill {background: var(--gray-900);color: var(--gray-200);border-color: var(--gray-800);box-shadow: 0 12px 30px var(--alpha-black-35);}.dark-theme .attempt-meta-pill i {background: var(--alpha-primary-18);color: var(--blue-300);}.dark-theme .attempt-detail-header {background: linear-gradient(135deg, var(--slate-950) 0%, var(--gray-900) 100%);border-color: var(--gray-800);}.dark-theme .attempt-question-card {background: var(--slate-950);border-color: var(--gray-800);box-shadow: 0 10px 30px var(--alpha-black-35);}.dark-theme .attempt-question-card.unanswered {background: var(--slate-950);border-color: var(--color-273449);}.dark-theme .attempt-question-card.timeout {background: var(--gray-800);border-color: var(--color-ea580c);}.dark-theme .question-type-badge {background: transparent;color: var(--gradient-purple-1);}.dark-theme .question-status {background: var(--slate-950);}.dark-theme .attempt-question-card.correct .question-status {background: var(--slate-950);}.dark-theme .attempt-question-card.incorrect .question-status {background: var(--gray-800);}.dark-theme .attempt-question-card.unanswered .question-status {background: var(--gray-900);}.dark-theme .attempt-question-card.timeout .question-status {background: var(--gray-800);color: var(--color-fb923c);}.dark-theme .attempt-detail-body {scrollbar-color: var(--alpha-gray-400-70) transparent;}.dark-theme .attempt-detail-body::-webkit-scrollbar-thumb,.dark-theme .attempt-detail-modal::-webkit-scrollbar-thumb {background: var(--alpha-gray-400-55);}.dark-theme .attempt-detail-body::-webkit-scrollbar-thumb:hover,.dark-theme .attempt-detail-modal::-webkit-scrollbar-thumb:hover {background: var(--alpha-gray-400-75);}.dark-theme .keyword-chip.covered {background: var(--alpha-success-20);color: var(--green-100);}.dark-theme .keyword-chip.uncovered {background: var(--alpha-danger-25);color: var(--red-100);}.dark-theme .keyword-chip.neutral {background: var(--gray-800);color: var(--gray-100);}.dark-theme .attempt-note {background: var(--slate-900);border-left-color: var(--gray-700);color: var(--gray-100);}.attempt-expired-modal {position: fixed;inset: 0;display: flex;align-items: center;justify-content: center;z-index: 10001;background: var(--alpha-slate-950-60);backdrop-filter: blur(4px);}.attempt-expired-modal.hidden {display: none;}.attempt-expired-card {background: var(--white);padding: 22px 20px;border-radius: var(--radius-2xl);width: min(360px, 92vw);box-shadow: 0 20px 60px var(--alpha-black-20);text-align: center;border: 1px solid var(--gray-200);}.expired-icon {width: 54px;height: 54px;border-radius: var(--radius-full);background: var(--alpha-danger-12);color: var(--danger);display: inline-flex;align-items: center;justify-content: center;font-size: 1.2rem;margin-bottom: 12px;}.attempt-expired-card h3 {margin: 0 0 6px;color: var(--gray-900);}.expired-sub {margin: 0 0 14px;color: var(--gray-600);font-size: 0.95rem;}.expired-actions {display: flex;gap: 10px;justify-content: center;}.dark-theme .attempt-expired-card {background: var(--slate-950);color: var(--gray-200);border-color: var(--gray-800);}.dark-theme .expired-icon {background: var(--alpha-danger-light-18);color: var(--color-fca5a5);}.dark-theme .expired-sub {color: var(--slate-300);}.dark-theme .answer-value {background: var(--gray-800);color: var(--gray-200);}.dark-theme .answer-value.correct {background: var(--color-064e3b);color: var(--green-200);}.dark-theme .answer-value.good {background: var(--color-0f5132);color: var(--green-200);}.dark-theme .answer-value.bad {background: var(--color-7f1d1d);color: var(--color-fecdd3);}.dark-theme .answer-value.unanswered {background: var(--gray-800);color: var(--slate-300);font-style: italic;}.dark-theme .answer-value.timeout {background: var(--gray-800);color: var(--color-fb923c);font-style: italic;}.selector-block {margin-bottom: 16px;}.selector-title {font-weight: 700;color: var(--gray-900);margin-bottom: 8px;}.selection-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));gap: 10px;position: relative;}.selection-grid[data-disabled="true"] {opacity: 0.5;pointer-events: none;}.select-card {border: 1px solid var(--gray-200);border-radius: var(--radius-lg);padding: 10px 12px;background: var(--gray-50);cursor: pointer;text-align: center;font-weight: 600;color: var(--gray-900);transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease;display: flex;align-items: center;justify-content: center;}.select-card:hover {transform: translateY(-1px);box-shadow: 0 6px 18px var(--alpha-black-05);border-color: var(--blue-600);}.select-card.active {border-color: var(--blue-600);background: linear-gradient(135deg, var(--blue-50), var(--blue-100));color: var(--blue-700);box-shadow: 0 10px 26px var(--alpha-color-37-99-235-18);}.select-card.disabled {cursor: not-allowed;background: var(--gray-100);color: var(--gray-500);border-style: dashed;box-shadow: none;transform: none;}.selector-block.hidden-block {display: none;}.msg-heading {font-weight: 800;margin: 6px 0;color: var(--slate-950);}.msg-heading.h1 {font-size: 1.05rem;}.msg-heading.h2 {font-size: 1.02rem;}.msg-heading.h3 {font-size: 1rem;}.msg-list {margin: 6px 0 10px 14px;padding: 0 0 0 8px;}.msg-list li {margin: 4px 0;line-height: 1.4;}.msg-paragraph {margin: 4px 0;line-height: 1.5;}.dark-theme .select-card {background-color: var(--bg-card, --bg-card);border-color: var(--alpha-white-10);box-shadow: 0 4px 6px var(--alpha-black-20);color: var(--text-primary, --text-primary);}.dark-theme .select-card:hover {background-color: var(--alpha-purple-500-10);border-color: var(--purple);}.dark-theme .select-card h3 {color: var(--text-primary);}.dark-theme .select-card p {color: var(--text-light);}.dark-theme .select-card .icon-wrapper {background-color: var(--alpha-white-05);color: var(--text-secondary);}.dark-theme .select-card.active {background: linear-gradient(135deg, var(--alpha-blue-600-20), var(--alpha-blue-900-40));border-color: var(--blue-400);color: var(--white);box-shadow: 0 0 15px var(--alpha-primary-30);}.dark-theme .select-card.active h3,.dark-theme .select-card.active p,.dark-theme .select-card.active .icon-wrapper i {color: var(--white);}.dark-theme .selector-label,.dark-theme label {color: var(--slate-200);font-weight: 500;}.dark-theme select option {background-color: var(--bg-card);color: var(--white);}.dark-theme .selector-title {color: var(--slate-200);font-weight: 600;}.dark-theme .feature-card p {color: --text-light;}.dark-theme .chip {background-color: var(--alpha-white-05) !important;border: 1px solid var(--alpha-white-20) !important;color: var(--slate-100) !important;}.dark-theme .locked-feature-overlay,.dark-theme .auth-overlay .auth-box,.dark-theme .premium-overlay .premium-box {background-color: var(--bg-card);border: 1px solid var(--alpha-white-10);box-shadow: 0 10px 25px var(--alpha-black-50);color: var(--text-primary);}.dark-theme .lock-icon-container {background-color: var(--alpha-white-08);color: var(--text-primary);}.dark-theme .locked-content-message h3,.dark-theme .auth-header h2 {color: var(--text-primary);}.dark-theme .locked-content-message p,.dark-theme .auth-sub-text {color: var(--text-secondary);}.dark-theme .announcement-overlay .announcement-content {color: var(--text-primary);}.dark-theme .announcement-title {color: var(--text-primary);}.dark-theme .announcement-header h2 {color: var(--text-primary);}.dark-theme .announcement-body {color: var(--text-secondary);}.dark-theme .announcement-footer {color: var(--text-light);}.dark-theme .announcement-close {background-color: var(--alpha-white-10);color: var(--white);}.dark-theme #sn-grade-selector .grade-card {background-color: var(--bg-card, --bg-card);border: 1px solid var(--alpha-white-10);}.dark-theme #sn-grade-selector .grade-card .g-label {color: var(--text-primary);}.dark-theme #sn-grade-selector .grade-card .g-sub {color: var(--text-light);}.dark-theme .chapter-item {background-color: var(--bg-card, --bg-card);border-bottom: 1px solid var(--alpha-white-05);}.dark-theme .chapter-head {color: var(--text-primary);}.dark-theme .chapter-head:hover {background-color: var(--alpha-white-03);}.dark-theme input[type="text"],.dark-theme input[type="search"],.dark-theme input[type="email"],.dark-theme input[type="password"],.dark-theme select,.dark-theme textarea {background-color: var(--bg-light);border-color: var(--alpha-white-15);color: var(--text-primary);}.dark-theme input::placeholder {color: var(--slate-500);}.dark-theme .search-results-container,.dark-theme .autocomplete-suggestions {background-color: var(--bg-card);border: 1px solid var(--alpha-white-10);box-shadow: 0 4px 12px var(--alpha-black-40);}.dark-theme .search-result-item {color: var(--text-primary);border-bottom: 1px solid var(--alpha-white-05);}.dark-theme .search-result-item:hover {background-color: var(--alpha-white-05);}.dark-theme .search-no-results {color: var(--text-light);}.dark-theme .ai-disclaimer {background-color: var(--alpha-white-03) !important;border: 1px solid var(--alpha-white-05) !important;}.dark-theme .attempts-title {color: var(--slate-200);}.dark-theme .attempt-chip {background-color: var(--slate-950);border: 1px solid var(--alpha-white-10);}.dark-theme .attempt-chip:hover {border-color: var(--blue-400);box-shadow: 0 4px 12px var(--alpha-black-20);}.dark-theme .attempt-chip .chip-label {color: var(--slate-100);}.dark-theme .attempt-chip .chip-score {color: var(--slate-200);}.dark-theme .attempt-chip .chip-date {color: var(--slate-500);}.dark-theme .attempt-chip .chip-action {background-color: var(--alpha-white-10);color: var(--slate-300);}.dark-theme .participated-card-top h4 {color: var(--slate-100);}.dark-theme .participated-meta .pill {background-color: var(--alpha-white-08);color: var(--slate-300);}.dark-theme .attempt-row {background-color: var(--slate-950);border-color: var(--alpha-white-10);}.dark-theme .attempt-label,.dark-theme .attempt-score {color: var(--slate-100);}.dark-theme .attempt-row-meta {color: var(--slate-400);}.dark-theme .ghost-btn,.dark-theme .ghost-icon-btn {background-color: transparent;border-color: var(--alpha-white-20);color: var(--slate-300);}.dark-theme .ghost-btn:hover,.dark-theme .ghost-icon-btn:hover {background-color: var(--alpha-white-05);border-color: var(--white);color: var(--white);}.dark-theme .visibility-option {background: linear-gradient(135deg, var(--alpha-white-03), var(--alpha-white-01));border-color: var(--alpha-white-10);}.dark-theme .visibility-option:hover {background: var(--alpha-white-05);border-color: var(--blue-400);}.dark-theme .visibility-title {color: var(--slate-100);}.dark-theme .visibility-description {color: var(--blue-400);}.dark-theme .visibility-option:has(.visibility-checkbox:checked) {background: linear-gradient(135deg, var(--alpha-primary-15), var(--alpha-sky-500-10));border-color: var(--primary);}.dark-theme .difficulty-card {background-color: var(--alpha-white-03);border-color: var(--alpha-white-10);}.dark-theme .difficulty-card .diff-icon {background-color: var(--alpha-white-10);color: var(--slate-100);}.dark-theme .difficulty-card .diff-title {color: var(--slate-100);}.dark-theme .difficulty-card:hover {border-color: var(--blue-400);background-color: var(--alpha-white-05);}.dark-theme .difficulty-card.selected {background-color: var(--alpha-primary-15);border-color: var(--primary);}.dark-theme .filter-select {background-color: var(--slate-900);color: var(--slate-100);border-color: var(--alpha-white-20);}.dark-theme .attempt-expired-card h3 {color: var(--slate-100) !important;}.dark-theme .attempt-expired-card {background-color: var(--slate-900) !important;border: 1px solid var(--alpha-white-10) !important;}.dark-theme .attempt-expired-card p {color: var(--slate-400) !important;}.plans-container {display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;margin-bottom: 60px;}.section-header h2 {font-size: 22px;font-weight: 700;color: var(--text-primary);margin: 0 0 20px 0;}.info-item {padding-bottom: 15px;border-bottom: 1px solid var(--alpha-slate-400-10);}.info-label {font-size: 12px;font-weight: 600;color: var(--text-secondary);text-transform: uppercase;margin-bottom: 5px;}.info-value {font-size: 18px;font-weight: 700;color: var(--text-primary);}.info-value.status {display: inline-block;padding: 6px 12px;border-radius: var(--radius-md);background: var(--alpha-green-500-10);color: var(--success-light);}.info-value.status.expired {background: var(--alpha-danger-10);color: var(--danger);}.history-item {background: var(--alpha-slate-400-05);border: 1px solid var(--alpha-slate-400-10);border-radius: var(--radius-lg);padding: 15px;display: grid;grid-template-columns: auto 1fr auto;gap: 20px;align-items: center;}.history-plan-info {display: flex;flex-direction: column;gap: 5px;}.history-plan-name {font-weight: 600;color: var(--text-primary);}.history-plan-period {font-size: 13px;color: var(--text-secondary);}.history-status {padding: 6px 12px;border-radius: var(--radius-md);font-size: 12px;font-weight: 600;}.history-status.badge-success {background: var(--alpha-green-500-10);color: var(--success-light);}.history-status.badge-danger {background: var(--alpha-danger-10);color: var(--danger);}.history-status.badge-warning {background: var(--alpha-color-247-144-9-10);color: var(--color-f79009);}.dark-theme .history-item {background: var(--alpha-slate-400-08);border-color: var(--alpha-slate-400-15);}.language-group {background: var(--bg-card);border: 2px solid var(--border);border-radius: var(--border-radius);padding: 25px;box-shadow: var(--shadow-sm);}.language-header {font-size: 24px;font-weight: 700;color: var(--primary);margin-bottom: 20px;padding-bottom: 12px;border-bottom: 2px solid var(--primary);display: flex;align-items: center;gap: 10px;}.language-header i {font-size: 28px;}.grade-group {margin-top: 20px;padding-left: 15px;border-left: 3px solid var(--primary-light);}.grade-header {font-size: 20px;font-weight: 600;color: var(--text-primary);margin-bottom: 15px;display: flex;align-items: center;gap: 8px;}.grade-header i {color: var(--primary);font-size: 22px;}.subject-group {margin-top: 15px;margin-bottom: 15px;padding: 15px;background: var(--bg-light);border-radius: var(--border-radius-md);border: 1px solid var(--border-light);}.subject-header {font-size: 16px;font-weight: 600;color: var(--text-secondary);margin-bottom: 12px;display: flex;align-items: center;gap: 6px;}.subject-header i {color: var(--primary);font-size: 18px;}.papers-list {display: flex;flex-direction: column;gap: 8px;}.paper-item {display: flex;justify-content: space-between;align-items: center;padding: 12px 15px;background: var(--bg-primary);border: 1px solid var(--border);border-radius: var(--border-radius-md);transition: all 0.2s ease;}.paper-item:hover {border-color: var(--primary);box-shadow: 0 2px 8px var(--alpha-primary-10);transform: translateX(3px);}.paper-info {display: flex;align-items: center;gap: 12px;flex: 1;}.paper-year-badge {background: transparent;color: var(--primary);padding: 6px 12px;min-width: 60px;text-align: center;font-weight: 600;font-size: 14px;border-radius: var(--radius-md);border: 1px solid var(--border-color);box-shadow: inset 0 0 0 1.5px var(--primary);transition: all 0.25s ease;}.paper-details {display: flex;flex-direction: column;gap: 4px;align-items: flex-start;flex: 1;}.paper-title {font-size: 15px;font-weight: 600;color: var(--text-secondary);margin: 0 0 4px 0;}.paper-type {font-size: 12px;color: var(--text-secondary);background: var(--bg-light);padding: 2px 8px;border-radius: var(--radius-sm);display: inline-block;}.paper-actions {display: flex;gap: 6px;}.chapter-group {margin-top: 10px;margin-bottom: 10px;padding: 12px;background: var(--bg-primary);border-radius: var(--border-radius-md);border: 1px solid var(--border-light);}.chapter-header {font-size: 14px;font-weight: 600;color: var(--text-secondary);margin-bottom: 10px;display: flex;align-items: center;gap: 6px;}.chapter-header i {color: var(--primary);font-size: 16px;}.answers-list {display: flex;flex-direction: column;gap: 8px;}.answer-item {display: flex;justify-content: space-between;align-items: center;padding: 12px 15px;background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--border-radius-md);transition: all 0.2s ease;}.answer-item:hover {border-color: var(--primary);box-shadow: 0 2px 8px var(--alpha-primary-10);transform: translateX(3px);}.answer-info {display: flex;align-items: center;gap: 12px;flex: 1;}.answer-details {display: flex;flex-direction: column;gap: 4px;flex: 1;}.answer-title {font-size: 14px;font-weight: 600;color: var(--text-primary);margin: 0 0 4px 0;}.answer-actions {display: flex;gap: 6px;}.notes-grouped {display: flex;flex-direction: column;gap: 30px;}.notes-list {display: flex;flex-direction: column;gap: 8px;}.note-item {display: flex;justify-content: space-between;align-items: center;padding: 12px 15px;background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--border-radius-md);transition: all 0.2s ease;}.note-item:hover {border-color: var(--primary);box-shadow: 0 2px 8px var(--alpha-primary-10);transform: translateX(3px);}.note-info {display: flex;align-items: center;gap: 12px;flex: 1;}.note-details {display: flex;flex-direction: column;gap: 4px;flex: 1;}.note-title {font-size: 14px;font-weight: 600;color: var(--text-primary);margin: 0 0 4px 0;}.note-actions {display: flex;gap: 6px;}.upload-section {margin-bottom: 20px;}.file-upload-zone {border: 2px dashed var(--border);border-radius: var(--border-radius);padding: 30px;text-align: center;cursor: pointer;transition: all 0.3s ease;background: var(--bg-light);}.file-upload-zone:hover {border-color: var(--primary);background: var(--primary-light);}.file-upload-zone.drag-over {border-color: var(--primary);background: var(--primary-light);transform: scale(1.02);}.upload-prompt i {font-size: 48px;color: var(--primary);margin-bottom: 15px;}.upload-prompt p {font-size: 16px;font-weight: 500;color: var(--text-primary);margin-bottom: 8px;}.file-size-hint {font-size: 13px;color: var(--text-secondary);}.file-preview {display: flex;align-items: center;justify-content: center;gap: 12px;padding: 15px;background: var(--success-light);border-radius: var(--border-radius);}.file-preview i {font-size: 32px;color: var(--success);}.file-preview span {flex: 1;font-weight: 500;color: var(--text-primary);}.remove-file {border: none;width: 28px;height: 28px;border-radius: var(--radius-full);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;background: none !important;}.remove-file:hover {background: var(--danger-dark);transform: scale(1.1);}.remove-file i {color: var(--danger-color);}.ocr-status {margin-top: 15px;padding: 20px;background: linear-gradient(135deg, var(--alpha-primary-10) 0%, var(--alpha-purple-600-10) 100%);border: 2px solid transparent;background-clip: padding-box;border-radius: var(--radius-xl);position: relative;overflow: hidden;}.ocr-status::before {content: '';position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;background: linear-gradient(135deg, var(--primary) 0%, var(--purple-600) 100%);border-radius: var(--radius-xl);z-index: -1;opacity: 0.5;}.ocr-status.success {background: linear-gradient(135deg, var(--alpha-green-500-10) 0%, var(--alpha-success-10) 100%);}.ocr-status.success::before {background: linear-gradient(135deg, var(--success-light) 0%, var(--success-dark) 100%);}.ocr-status.error {background: linear-gradient(135deg, var(--alpha-danger-10) 0%, var(--alpha-danger-dark-10) 100%);}.ocr-status.error::before {background: linear-gradient(135deg, var(--danger) 0%, var(--danger-dark) 100%);}.ocr-progress {display: flex;align-items: center;gap: 15px;margin-bottom: 10px;}.ocr-spinner {width: 32px;height: 32px;border: 3px solid var(--alpha-primary-20);border-top-color: var(--primary);border-right-color: var(--purple-600);border-radius: var(--radius-full);animation: spin 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;box-shadow: 0 0 10px var(--alpha-primary-30);}.ocr-status.success .ocr-spinner {border-color: var(--alpha-green-500-20);border-top-color: var(--success-light);border-right-color: var(--success-dark);animation: none;position: relative;display: flex;align-items: center;justify-content: center;}.ocr-status.success .ocr-spinner::before {content: '✓';color: var(--success-light);font-weight: bold;font-size: 20px;animation: checkmark 0.5s ease-out;}@keyframes spin {to {transform: rotate(360deg);}}@keyframes checkmark {0% {transform: scale(0);opacity: 0;}50% {transform: scale(1.3);}100% {transform: scale(1);opacity: 1;}}#ocr-message {font-weight: 600;font-size: 15px;color: var(--text-primary);background: linear-gradient(135deg, var(--primary) 0%, var(--purple-600) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.ocr-status.success #ocr-message {background: linear-gradient(135deg, var(--success-light) 0%, var(--success-dark) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.ocr-status.error #ocr-message {background: linear-gradient(135deg, var(--danger) 0%, var(--danger-dark) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}#ocr-page-info {font-size: 13px;color: var(--text-secondary);margin-left: 47px;font-weight: 500;}.confirm-modal {max-width: 350px;text-align: center;}.confirm-header {flex-direction: column;align-items: center;gap: 1rem;border-bottom: none;}.confirm-header h3 {margin: 0;font-size: 1.5rem;color: var(--text-primary);}.confirm-icon {width: 64px;height: 64px;border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;font-size: 32px;animation: confirmIconPop 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);}.confirm-icon.warning {background: linear-gradient(135deg, var(--warning-light) 0%, var(--warning) 100%);color: var(--white);box-shadow: 0 4px 12px var(--alpha-warning-light-30);}.confirm-icon.danger {background: linear-gradient(135deg, var(--danger) 0%, var(--danger-dark) 100%);color: var(--white);box-shadow: 0 4px 12px var(--alpha-danger-30);}@keyframes confirmIconPop {0% {transform: scale(0) rotate(-180deg);opacity: 0;}50% {transform: scale(1.1) rotate(10deg);}100% {transform: scale(1) rotate(0deg);opacity: 1;}}.confirm-footer {display: flex;gap: 1rem;justify-content: center;}.confirm-footer button {min-width: 120px;padding: 0.75rem 1.5rem;font-size: 1rem;font-weight: 600;border-radius: var(--radius-base);transition: all 0.2s ease;}.dark-theme .confirm-header h3 {color: var(--dark-text-primary);}.required {color: var(--danger);margin-left: 4px;}.dark-theme .language-group {background: var(--bg-card-dark);border-color: var(--border-dark);}.dark-theme .grade-group {border-left-color: var(--primary);}.dark-theme .subject-group {background: var(--bg-secondary-dark);border-color: var(--border-dark);}.dark-theme .paper-item {background: var(--bg-card-dark);border-color: var(--border-dark);}.dark-theme .paper-item:hover {border-color: var(--primary);}.dark-theme .paper-type {background: var(--bg-secondary-dark);}.dark-theme .file-upload-zone {background: var(--bg-secondary-dark);border-color: var(--border-dark);}.dark-theme .file-upload-zone:hover {background: var(--alpha-primary-10);}.dark-theme .rescan-progress-section {background: linear-gradient(135deg, var(--alpha-primary-05) 0%, var(--alpha-purple-600-05) 100%);border-color: var(--alpha-primary-20);}.meta-badge {display: inline-flex;align-items: center;gap: 4px;font-size: 12px;color: var(--text-secondary);padding: 4px 10px;background: var(--alpha-primary-08);border-radius: var(--radius-xl);font-weight: 500;}.meta-badge i {font-size: 10px;opacity: 0.7;}.dark-theme .meta-badge {background: var(--alpha-primary-15);color: var(--dark-text-secondary);}.users-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;gap: 20px;}.users-title-group h2 {font-size: 28px;font-weight: 700;color: var(--text-primary);margin: 0 0 8px 0;}.users-subtitle {font-size: 14px;color: var(--text-secondary);margin: 0;}.users-section {margin-bottom: 45px;}.section-label {display: flex;align-items: center;gap: 12px;margin-bottom: 18px;padding-bottom: 12px;border-bottom: 2px solid var(--border);}.label-text {font-size: 16px;font-weight: 700;color: var(--text-primary);}.users-cards-container {display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));gap: 20px;}.user-card.status-active {border-left: 4px solid var(--success-light);}.user-card.status-inactive {border-left: 4px solid var(--danger);opacity: 0.85;}.card-header {display: flex;align-items: center;justify-content: space-between;padding: 18px;gap: 15px;}.user-info {display: flex;align-items: center;gap: 12px;flex: 1;}.user-avatar {width: 48px;height: 48px;border-radius: var(--radius-lg);background: linear-gradient(135deg, var(--primary), var(--primary-dark));display: flex;align-items: center;justify-content: center;color: var(--white);font-size: 20px;flex-shrink: 0;}.user-meta h4 {margin: 0;font-size: 15px;font-weight: 700;color: var(--text-primary);}.user-meta p {margin: 4px 0 0 0;font-size: 12px;color: var(--text-secondary);}.card-actions {display: flex;gap: 8px;flex-shrink: 0;}.action-icon {width: 36px;height: 36px;border: none;border-radius: var(--radius-base);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.2s ease;font-size: 14px;}.promote-btn {background: var(--alpha-green-500-10);color: var(--success-light);}.promote-btn:hover {background: var(--success-light);color: var(--white);transform: scale(1.1);}.demote-btn {background: var(--alpha-danger-10);color: var(--danger);}.demote-btn:hover {background: var(--danger);color: var(--white);transform: scale(1.1);}.status-btn {background: var(--alpha-primary-dark-10);color: var(--primary);}.status-btn:hover {background: var(--primary);color: var(--white);transform: scale(1.1);}.view-btn {background: var(--alpha-green-500-10);color: var(--success-light);}.view-btn:hover {background: var(--success-light);color: var(--white);transform: scale(1.1);}.detail-item {display: inline-flex;align-items: center;gap: 6px;padding: 6px 12px;background: var(--bg-secondary);border-radius: var(--radius-md);font-size: 12px;color: var(--text-secondary);}.detail-item i {font-size: 12px;color: var(--primary);}#user-details-content {display: flex;flex-direction: column;gap: 20px;}.detail-section {display: flex;flex-direction: column;gap: 12px;}.detail-section-title {display: flex;align-items: center;gap: 10px;font-size: 14px;font-weight: 700;color: var(--text-primary);margin: 0;}.detail-section-title i {font-size: 16px;color: var(--primary);}.info-row {display: flex;align-items: center;justify-content: space-between;padding: 12px 14px;background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--alpha-indigo-03) 100%);border-radius: var(--radius-base);border: 1px solid var(--alpha-indigo-08);transition: all 0.2s ease;}.info-row:hover {background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--alpha-indigo-06) 100%);border-color: var(--alpha-indigo-15);}.info-label {font-size: 12px;color: var(--text-secondary);font-weight: 500;text-transform: uppercase;letter-spacing: 0.3px;}.info-value {font-size: 13px;font-weight: 700;color: var(--text-primary);}.badge {padding: 4px 10px;border-radius: var(--radius-xl);font-size: 11px;font-weight: 700;text-transform: uppercase;}.badge-success {background: var(--alpha-green-500-15);color: var(--success-light);}.badge-danger {background: var(--alpha-danger-15);color: var(--danger);}.usage-item {display: flex;align-items: center;justify-content: space-between;padding: 12px 14px;background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--alpha-purple-03) 100%);border-radius: var(--radius-base);border-left: 4px solid var(--primary);transition: all 0.2s ease;}.usage-item:hover {transform: translateX(4px);background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--alpha-purple-06) 100%);}.usage-label {display: flex;align-items: center;gap: 8px;font-size: 13px;font-weight: 700;color: var(--text-primary);}.usage-label i {color: var(--primary);font-size: 14px;}.usage-stats {display: flex;gap: 12px;font-size: 12px;color: var(--text-secondary);align-items: center;}.usage-count {font-weight: 700;color: var(--primary);display: flex;gap: 4px;align-items: center;}.usage-unit {font-weight: 500;font-size: 11px;}.usage-date {display: flex;gap: 4px;align-items: center;padding: 2px 8px;background: var(--alpha-indigo-08);border-radius: var(--radius-sm);font-size: 11px;}.no-data-state {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 40px 20px;text-align: center;color: var(--text-secondary);background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--alpha-indigo-03) 100%);border-radius: var(--radius-base);border: 1px dashed var(--border);}.no-data-state i {font-size: 40px;margin-bottom: 12px;opacity: 0.4;}.no-data-state p {margin: 0;font-size: 13px;font-weight: 500;}.dark-theme .detail-item,.dark-theme .info-row,.dark-theme .usage-item {background: var(--alpha-slate-400-08);}@media (max-width: 768px) {.stats-container {grid-template-columns: 1fr;}.dashboard-wrapper {padding: 15px;}.modules-grid {grid-template-columns: 1fr;}}@media (max-width: 600px) {.error-icon {width: 140px;height: 140px;}.error-icon i {font-size: 48px;}.error-code {font-size: 60px;}.error-title {font-size: 24px;}.error-message {font-size: 14px;}.error-actions {flex-direction: column;}.btn-primary-error,.btn-secondary-error {width: 100%;justify-content: center;}}@media (max-width: 700px) {.tb-header-row {justify-content: center;}}@media (min-width: 1401px) {.menu-toggle {display: none;}}@media (max-width: 1400px) {.mobile-only {display: block;}}@media (max-width: 768px) {#global-search-results {width: 92% !important;min-width: 0;left: 4% !important;top: auto;margin-top: 6px;max-height: 60vh;}}@media (max-width: 1100px) {.plans-layout {grid-template-columns: 1fr;}}@media (max-width: 768px) {.feedback-grid,.faqs-grid {grid-template-columns: 1fr;gap: 15px;}.feedback-card,.faq-card {padding: 16px;}.faq-card {flex-direction: column;}.faq-card-icon {width: 40px;height: 40px;}.faq-card-icon i {font-size: 20px;}.faq-card-actions {flex-direction: row;width: 100%;justify-content: flex-end;}.feedback-meta {flex-direction: column;gap: 8px;}}@media (max-width: 768px) {.chapter-card-info {max-width: 100%;white-space: normal;word-break: break-word;text-align: center;}#chapter-modal-title {max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}}.referral-section {background: var(--bg-card);border: 1px solid var(--alpha-slate-400-15);border-radius: var(--radius-2xl);padding: 30px;margin-bottom: 40px;}#referral-content .referral-shell {margin-top: 32px;display: flex;flex-direction: column;gap: 18px;}#referral-content .referral-hero {display: grid;grid-template-columns: 1.1fr 0.9fr;gap: 20px;padding: 22px;border-radius: var(--radius-2xl);background: linear-gradient(120deg, var(--alpha-primary-15), var(--alpha-blue-600-08));border: 1px solid var(--alpha-primary-15);box-shadow: 0 20px 60px var(--alpha-primary-12);}#referral-content .hero-copy {display: flex;flex-direction: column;gap: 12px;}#referral-content .hero-kicker {display: inline-flex;align-items: center;gap: 8px;padding: 6px 12px;background: var(--alpha-white-15);border-radius: var(--radius-pill);color: var(--primary-dark);font-weight: 600;font-size: 12px;letter-spacing: 0.4px;}#referral-content .hero-copy h3 {margin: 0;font-size: 26px;color: var(--text-primary);letter-spacing: -0.3px;}#referral-content .hero-copy p {margin: 0;color: var(--text-secondary);max-width: 520px;}#referral-content .link-row {display: flex;gap: 10px;align-items: stretch;background: var(--bg-card);border: 1px solid var(--border-light);border-radius: var(--radius-xl);padding: 10px;box-shadow: 0 12px 30px var(--alpha-primary-08);}#referral-content .link-input {flex: 1;border: none;background: transparent;font-family: 'JetBrains Mono', 'Menlo', monospace;font-size: 13px;color: var(--text-primary);padding: 8px 10px;border-radius: var(--radius-lg);}#referral-content .link-input:focus {outline: none;background: var(--alpha-primary-05);}#referral-content .link-copy-btn {display: inline-flex;align-items: center;gap: 8px;padding: 0 16px;border: none;border-radius: var(--radius-lg);background: linear-gradient(135deg, var(--primary), var(--blue-600));color: var(--white);font-weight: 600;cursor: pointer;transition: transform 0.15s ease, box-shadow 0.2s ease;box-shadow: 0 10px 30px var(--alpha-primary-25);}#referral-content .link-copy-btn:hover {transform: translateY(-1px);}#referral-content .hero-meta {display: flex;gap: 12px;flex-wrap: wrap;}#referral-content .hero-pill {display: inline-flex;align-items: center;gap: 8px;padding: 8px 12px;border-radius: var(--radius-xl);background: var(--alpha-primary-08);color: var(--text-primary);font-weight: 600;}#referral-content .hero-graphic {position: relative;background: linear-gradient(135deg, var(--alpha-primary-05) 0%, var(--alpha-purple-05) 100%);border-radius: var(--radius-xl);padding: 20px;border: 1px solid var(--border-light);box-shadow: 0 8px 24px var(--alpha-primary-08);display: flex;align-items: center;justify-content: center;}#referral-content .graphic-grid {display: flex;gap: 16px;justify-content: center;align-items: center;width: 100%;}#referral-content .mini-card {flex: 1 1 0;min-width: 0;padding: 14px 12px;border-radius: var(--radius-lg);background: var(--bg-card);border: 1px solid var(--border-light);text-align: center;transition: all 0.3s ease;box-shadow: 0 4px 12px var(--alpha-slate-400-08);}#referral-content .mini-card:hover {transform: translateY(-3px);box-shadow: 0 8px 20px var(--alpha-primary-15);border-color: var(--alpha-primary-30);}#referral-content .mini-label {display: flex;align-items: center;justify-content: center;gap: 6px;color: var(--text-secondary);font-weight: 600;font-size: 11px;text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: 8px;}#referral-content .mini-label i {font-size: 13px;opacity: 0.8;}#referral-content .mini-value {font-size: 28px;font-weight: 800;background: linear-gradient(135deg, var(--primary) 0%, var(--purple) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;line-height: 1;}#referral-content .stat-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 12px;}#referral-content .stat-card {padding: 16px;border-radius: var(--radius-xl);background: var(--bg-card);border: 1px solid var(--border-light);display: grid;grid-template-columns: 1fr auto;gap: 10px;align-items: center;box-shadow: 0 10px 28px var(--alpha-slate-400-12);}#referral-content .stat-label {margin: 0;color: var(--text-secondary);font-size: 12px;text-transform: uppercase;letter-spacing: 0.4px;}#referral-content .stat-value {margin: 4px 0 0 0;font-size: 24px;font-weight: 700;color: var(--text-primary);}#referral-content .stat-icon {width: 44px;height: 44px;border-radius: var(--radius-xl);display: inline-flex;align-items: center;justify-content: center;color: var(--white);font-size: 18px;}#referral-content .tone-indigo {background: linear-gradient(135deg, var(--indigo-500), var(--blue-500));}#referral-content .tone-green {background: linear-gradient(135deg, var(--emerald-500), var(--green-500));}#referral-content .tone-amber {background: linear-gradient(135deg, var(--amber-500), var(--orange-500));}#referral-content .tone-blue {background: linear-gradient(135deg, var(--blue-500), var(--sky-500));}#referral-content .tone-purple {background: linear-gradient(135deg, var(--violet-500), var(--purple-500));}#referral-content .referral-email-section {background: var(--bg-card);border: 1px solid var(--border-light);border-radius: var(--radius-xl);padding: 28px;margin-bottom: 24px;box-shadow: 0 8px 24px var(--alpha-slate-400-08);}#referral-content .referral-email-section h4 {margin: 0 0 8px 0;font-size: 18px;font-weight: 700;color: var(--text-primary);display: flex;align-items: center;gap: 10px;}#referral-content .referral-email-section h4 i {color: var(--primary);font-size: 20px;}#referral-content .email-section-subtitle {margin: 0 0 20px 0;font-size: 14px;color: var(--text-secondary);line-height: 1.6;}#referral-content .referral-email-form {width: 100%;}#referral-content .email-input-group {display: flex;gap: 12px;align-items: stretch;}#referral-content .email-input {flex: 1;padding: 14px 18px;border: 2px solid var(--border-light);border-radius: var(--radius-lg);font-size: 15px;font-weight: 500;color: var(--text-primary);background: var(--bg-primary);transition: all 0.2s ease;}#referral-content .email-input:focus {outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px var(--alpha-primary-10);}#referral-content .email-input::placeholder {color: var(--text-light);}#referral-content .email-submit-btn {padding: 14px 28px;background: linear-gradient(135deg, var(--primary) 0%, var(--purple) 100%);color: white;border: none;border-radius: var(--radius-lg);font-size: 15px;font-weight: 700;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 6px 16px var(--alpha-primary-20);white-space: nowrap;display: flex;align-items: center;gap: 8px;}#referral-content .email-submit-btn:hover {transform: translateY(-2px);box-shadow: 0 8px 20px var(--alpha-primary-30);}#referral-content .email-submit-btn:active {transform: translateY(0);}#referral-content .email-submit-btn:disabled {opacity: 0.6;cursor: not-allowed;transform: none;}#referral-content .email-status {margin-top: 14px;font-size: 14px;font-weight: 600;}#referral-content .email-status .success-msg {color: var(--success);display: flex;align-items: center;gap: 8px;}#referral-content .email-status .error-msg {color: var(--danger);display: flex;align-items: center;gap: 8px;}#referral-content .email-status .loading-msg {color: var(--primary);display: flex;align-items: center;gap: 8px;}#referral-content .referral-history-card {background: var(--bg-card);border: 1px solid var(--border-light);border-radius: var(--radius-xl);padding: 18px;box-shadow: 0 12px 30px var(--alpha-slate-400-10);}#referral-content .history-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px;color: var(--text-primary);font-weight: 700;}#referral-content #referral-history-list {display: flex;flex-direction: column;gap: 10px;}#referral-content .history-left {display: flex;align-items: center;gap: 10px;flex: 1;}#referral-content .history-status {font-size: 18px;min-width: 28px;text-align: center;}#referral-content .history-details {display: flex;flex-direction: column;gap: 2px;}#referral-content .history-name {font-weight: 600;color: var(--text-primary);}#referral-content .history-email {font-size: 12px;color: var(--text-secondary);}#referral-content .history-right {display: flex;flex-direction: column;align-items: flex-end;gap: 4px;}#referral-content .history-reward {font-weight: 700;color: var(--success-dark);}#referral-content .history-date {font-size: 12px;color: var(--text-secondary);}#referral-content .empty-message {text-align: center;padding: 24px 16px;color: var(--text-secondary);margin: 0;}.dark-theme #referral-content .referral-hero {background: linear-gradient(120deg, var(--alpha-primary-25), var(--alpha-blue-600-20));border-color: var(--alpha-primary-25);}.dark-theme #referral-content .link-row {background: var(--bg-elevated);border-color: var(--alpha-border-30);}.dark-theme #referral-content .link-input {color: var(--text-primary);}.dark-theme #referral-content .hero-graphic {background: linear-gradient(135deg, var(--alpha-primary-08) 0%, var(--alpha-purple-500-08) 100%);border-color: var(--border);}.dark-theme #referral-content .stat-card,.dark-theme #referral-content .referral-history-card,.dark-theme #referral-content .mini-card,.dark-theme #referral-content .referral-email-section {background: var(--bg-elevated);border-color: var(--border);}@media (max-width: 768px) {#referral-content .referral-hero {display: flex;flex-direction: column;gap: 16px;padding: 16px;}#referral-content .hero-copy {gap: 10px;}#referral-content .hero-copy h3 {font-size: 22px;line-height: 1.3;}#referral-content .hero-copy p {font-size: 14px;line-height: 1.5;}#referral-content .link-row {flex-direction: column;gap: 8px;padding: 8px;}#referral-content .link-input {font-size: 12px;padding: 10px 8px;}#referral-content .link-copy-btn {padding: 10px 12px;font-size: 13px;width: 100%;justify-content: center;}#referral-content .link-copy-btn i {font-size: 14px;}#referral-content .hero-meta {gap: 8px;}#referral-content .hero-pill {font-size: 12px;padding: 6px 10px;}#referral-content .hero-graphic {padding: 16px;}#referral-content .graphic-grid {gap: 12px;}#referral-content .graphic-grid {flex-direction: column;gap: 12px;}#referral-content .mini-card {width: 100%;padding: 12px 10px;}#referral-content .mini-label {font-size: 10px;}#referral-content .mini-label i {font-size: 12px;}#referral-content .mini-value {font-size: 24px;}#referral-content .referral-code-card {grid-template-columns: 1fr;}#referral-content .referral-stats {grid-template-columns: 1fr 1fr;}#referral-content .referral-email-section {padding: 20px;}#referral-content .email-input-group {flex-direction: column;gap: 10px;}#referral-content .email-submit-btn {width: 100%;justify-content: center;}#referral-content .history-left {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}#referral-content .history-right {align-items: center !important;}}@media (max-width: 480px) {#referral-content .referral-hero {padding: 12px;gap: 14px;}#referral-content .hero-kicker {font-size: 11px;padding: 5px 10px;}#referral-content .hero-copy h3 {font-size: 20px;}#referral-content .hero-copy p {font-size: 13px;}#referral-content .link-row {padding: 6px;gap: 6px;}#referral-content .link-input {font-size: 11px;padding: 8px 6px;}#referral-content .link-copy-btn {padding: 8px 10px;font-size: 12px;white-space: nowrap;}#referral-content .link-copy-btn i {display: none;}#referral-content .hero-pill {font-size: 11px;padding: 5px 8px;gap: 4px;}#referral-content .hero-graphic {padding: 12px;}#referral-content .graphic-grid {gap: 8px;}#referral-content .mini-card {padding: 10px 8px;}#referral-content .mini-label {font-size: 9px;margin-bottom: 4px;gap: 3px;}#referral-content .mini-label i {font-size: 11px;}#referral-content .mini-value {font-size: 22px;}#referral-content .referral-stats {grid-template-columns: 1fr;}#referral-content .stat-card {width: 100%;}#referral-content .referral-email-section {padding: 16px;}#referral-content .referral-email-section h4 {font-size: 16px;}#referral-content .email-section-subtitle {font-size: 13px;}#referral-content .email-input {font-size: 14px;padding: 12px 14px;}#referral-content .email-submit-btn {font-size: 14px;padding: 12px 20px;}}@media (max-width: 520px) {.visibility-icon {right: 0px;width: 40px;height: 40px;}.visibility-label {padding-right: 0px !important;}}@media (max-width: 640px) {.difficulty-grid {grid-template-columns: 1fr;}}@media (max-width: 720px) {.attempt-detail-modal {max-height: 92vh;overflow: auto;padding: 14px;border-radius: var(--radius-2xl);}.attempt-detail-body {max-height: none;padding-right: 4px;}}@media (min-width: 721px) {.attempt-detail-modal {overflow: hidden;}}@media (max-width: 600px) {.attempt-detail-header {padding: 10px 12px;}.attempt-detail-header h3 {font-size: 1.1rem;}.attempt-detail-kicker {font-size: 0.72rem;}.attempt-detail-meta {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;}.attempt-meta-pill {padding: 10px 12px;font-size: 0.86rem;border-radius: var(--radius-xl);line-height: 1.35;display: flex;flex-direction: column;align-items: flex-start;gap: 6px;}.attempt-meta-pill i {width: 26px;height: 26px;border-radius: var(--radius-full);background: var(--alpha-primary-12);display: inline-flex;align-items: center;justify-content: center;color: var(--blue-600);font-size: 0.9rem;}.attempt-question-card {padding: 10px;border-radius: var(--radius-lg);}.answer-label {min-width: 90px;font-size: 0.82rem;}.answer-value {font-size: 0.9rem;}.question-text {font-size: 0.95rem;}.attempt-chips {display: flex;flex-direction: column;}}@media (max-width: 520px) {.attempt-meta-pill {font-size: 0.8rem;padding: 8px 10px;}.attempt-detail-meta {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px;}.attempt-chips {display: flex;flex-direction: column;}.attempt-chip {display: flex;flex-wrap: wrap;gap: 6px 10px;align-items: center;}.attempt-chip .chip-label {flex: 1 1 100%;}.attempt-chip .chip-score {flex: 0 0 auto;}.attempt-chip .chip-percent {flex: 0 0 auto;}.attempt-chip .chip-date {flex: 0 0 auto;}.attempt-chip .chip-action {margin-left: auto;flex: 0 0 auto;}}@media (max-width: 768px) {.users-header {margin-bottom: 20px;}.users-title-group h2 {font-size: 22px;}.users-cards-container {grid-template-columns: 1fr;}.card-header {flex-direction: column;align-items: center;text-align: center;gap: 12px;}.user-info {flex-direction: column;align-items: center;text-align: center;width: 100%;}.user-meta {display: flex;flex-direction: column;align-items: center;width: 100%;}.user-meta h4 {word-wrap: break-word;overflow-wrap: break-word;width: 100%;}.user-meta p {word-wrap: break-word;overflow-wrap: break-word;width: 100%;}.card-actions {width: 100%;justify-content: center;gap: 12px;}.action-icon {width: 36px;height: 36px;font-size: 14px;}.user-details {flex-direction: column;}.user-modal-modal {max-width: calc(100% - 20px);}}.referral-rewards-section {margin-top: 48px;}.referral-rewards-grid {padding: 0;}.rewards-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 24px;padding: 0;}.reward-card {background: var(--bg-primary);border: 1px solid var(--border-color);border-radius: var(--radius-xl);padding: 20px;transition: all 0.3s ease;}.reward-card:hover {border-color: var(--primary);box-shadow: 0 4px 12px var(--alpha-primary-10);transform: translateY(-2px);}.reward-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;padding-bottom: 16px;border-bottom: 1px solid var(--border-color);}.reward-feature-name {display: flex;align-items: center;gap: 10px;font-weight: 600;font-size: 16px;color: var(--text-primary);}.reward-feature-name i {color: var(--primary);font-size: 18px;}.reward-toggle {position: relative;display: inline-block;width: 50px;height: 26px;}.reward-toggle input {opacity: 0;width: 0;height: 0;}.reward-toggle-slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--bg-tertiary);transition: 0.3s;border-radius: var(--radius-26);}.reward-toggle-slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 3px;bottom: 3px;background-color: white;transition: 0.3s;border-radius: 50%;}.reward-toggle input:checked+.reward-toggle-slider {background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);}.reward-toggle input:checked+.reward-toggle-slider:before {transform: translateX(24px);}.reward-body {display: flex;flex-direction: column;gap: 8px;}.reward-amount-label {font-size: 13px;font-weight: 500;color: var(--text-secondary);text-transform: uppercase;letter-spacing: 0.5px;}.reward-amount-input {width: 100%;padding: 12px 16px;border: 1px solid var(--border-color);border-radius: var(--radius-base);font-size: 16px;font-weight: 600;color: var(--text-primary);background: var(--bg-secondary);transition: all 0.2s ease;}.reward-amount-input:focus {outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px var(--alpha-primary-10);}.reward-hint {font-size: 12px;color: var(--text-light);margin: 0;line-height: 1.5;}.dark-theme .reward-card {background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--alpha-primary-04) 100%);border-color: var(--primary);border-color: var(--primary);}.dark-theme .reward-card:hover {border-color: var(--border-dark);box-shadow: 0 4px 12px var(--alpha-primary-20);}.dark-theme .reward-header {border-bottom-color: var(--alpha-slate-400-20);}.dark-theme .reward-feature-name {color: var(--text-primary);}.dark-theme .reward-feature-name i {color: var(--accent-blue);text-shadow: 0 0 8px var(--alpha-primary-20);}.dark-theme .reward-amount-label {color: var(--text-secondary);}.dark-theme .reward-amount-input {border-color: var(--alpha-slate-400-30);color: var(--text-primary);}.dark-theme .reward-amount-input:focus {border-color: var(--accent-blue);box-shadow: 0 0 0 3px var(--alpha-primary-15);}.dark-theme .reward-amount-input::placeholder {color: var(--text-light);}.dark-theme .reward-toggle-slider {background-color: var(--bg-quaternary);box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);}.dark-theme .reward-toggle input:checked + .reward-toggle-slider {background: linear-gradient(135deg, var(--accent-blue) 0%, var(--primary) 100%);box-shadow: 0 2px 8px var(--alpha-primary-25);}.dark-theme .reward-toggle-slider:before {background-color: var(--text-primary);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}.dark-theme .reward-hint {color: var(--text-light);}@media (max-width: 768px) {.rewards-grid {grid-template-columns: 1fr;gap: 16px;}.reward-card {padding: 16px;}}.limit-reached-card {max-width: 500px;text-align: center;padding: 40px 32px;background: var(--bg-primary);border-radius: var(--radius-3xl);box-shadow: 0 20px 60px var(--alpha-black-30);}.limit-reached-icon {width: 80px;height: 80px;margin: 0 auto 24px;background: linear-gradient(135deg, var(--warning) 0%, var(--warning-dark) 100%);border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;box-shadow: 0 8px 24px var(--alpha-warning-30);}.limit-reached-icon i {font-size: 36px;color: var(--white);}.limit-reached-content {margin-bottom: 32px;}.limit-reached-title {font-size: 28px;font-weight: 700;color: var(--text-primary);margin: 0 0 16px 0;background: linear-gradient(135deg, var(--warning) 0%, var(--warning-dark) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.limit-reached-message {font-size: 16px;color: var(--text-secondary);line-height: 1.6;margin: 0 0 24px 0;}.limit-reached-details {border-radius: var(--radius-xl);padding: 20px;margin: 0 0 20px 0;display: flex;justify-content: space-around;border: 1px solid var(--border-color);}.limit-detail-item {display: flex;flex-direction: column;gap: 6px;}.limit-detail-label {font-size: 12px;font-weight: 500;color: var(--text-light);text-transform: uppercase;letter-spacing: 0.5px;}.limit-detail-value {font-size: 20px;font-weight: 700;color: var(--text-primary);}.limit-reached-hint {font-size: 14px;color: var(--text-light);line-height: 1.6;margin: 0;}.limit-reached-actions {display: flex;gap: 12px;justify-content: center;}.limit-reached-actions .btn-primary,.limit-reached-actions .btn-secondary {flex: 1;max-width: 200px;padding: 14px 24px;font-size: 15px;font-weight: 600;}.limit-reached-actions .btn-primary {background: linear-gradient(135deg, var(--warning) 0%, var(--warning-dark) 100%);border: none;}.limit-reached-actions .btn-primary:hover {background: linear-gradient(135deg, var(--warning-dark) 0%, var(--warning) 100%);transform: translateY(-2px);box-shadow: 0 8px 16px var(--alpha-warning-30);}.dark-theme .limit-reached-card {background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--alpha-primary-04) 100%);box-shadow: 0 20px 60px var(--alpha-slate-950-50);border: 1px solid var(--alpha-slate-400-20);}.dark-theme .limit-reached-icon {background: linear-gradient(135deg, var(--alpha-warning-30) 0%, var(--alpha-warning-20) 100%);box-shadow: 0 8px 24px var(--alpha-warning-20);}.dark-theme .limit-reached-title {color: var(--text-primary);}.dark-theme .limit-reached-message {color: var(--text-secondary);}.dark-theme .limit-detail-label {color: var(--text-light);}.dark-theme .limit-detail-value {color: var(--text-primary);}.dark-theme .limit-reached-hint {color: var(--text-light);}.dark-theme .limit-reached-actions .btn-primary {background: linear-gradient(135deg, var(--warning) 0%, var(--warning-dark) 100%);box-shadow: 0 4px 12px var(--alpha-warning-25);}.dark-theme .limit-reached-actions .btn-primary:hover {background: linear-gradient(135deg, var(--warning-dark) 0%, var(--warning) 100%);box-shadow: 0 8px 20px var(--alpha-warning-35);}.dark-theme .limit-reached-actions .btn-secondary {background: var(--bg-tertiary);border: 1px solid var(--alpha-slate-400-30);color: var(--text-secondary);}.dark-theme .limit-reached-actions .btn-secondary:hover {background: var(--alpha-slate-400-10);border-color: var(--alpha-slate-400-40);color: var(--text-primary);}@media (max-width: 768px) {.limit-reached-card {max-width: calc(100% - 32px);padding: 32px 24px;}.limit-reached-icon {width: 64px;height: 64px;margin: 0 auto 16px;}.limit-reached-icon i {font-size: 28px;}.limit-reached-title {font-size: 24px;margin: 0 0 12px 0;}.limit-reached-message {font-size: 15px;margin: 0 0 16px 0;}.limit-reached-content {margin-bottom: 16px;}.limit-reached-details {padding: 16px;margin: 0 0 16px 0;}.limit-detail-label {font-size: 11px;}.limit-detail-value {font-size: 15px;}.limit-reached-hint {font-size: 13px;margin: 0 0 12px 0;}.limit-reached-actions {flex-direction: column;gap: 10px;}.limit-reached-actions .btn-primary,.limit-reached-actions .btn-secondary {max-width: 100%;padding: 12px 20px;font-size: 14px;}.limit-reached-details {flex-direction: column;gap: 12px;}.limit-detail-item {flex-direction: row;justify-content: space-between;align-items: center;}}@media (max-width: 480px) {.limit-reached-card {max-width: calc(100% - 16px);padding: 20px 16px;border-radius: var(--radius-2xl);}.limit-reached-icon {width: 56px;height: 56px;margin: 0 auto 12px;}.limit-reached-icon i {font-size: 24px;}.limit-reached-title {font-size: 20px;margin: 0 0 8px 0;}.limit-reached-message {font-size: 14px;margin: 0 0 12px 0;line-height: 1.5;}.limit-reached-content {margin-bottom: 12px;}.limit-reached-details {padding: 12px;margin: 0 0 12px 0;gap: 10px;}.limit-detail-label {font-size: 10px;letter-spacing: 0.3px;}.limit-detail-value {font-size: 12px;}.limit-reached-hint {font-size: 12px;margin: 0 0 10px 0;}.limit-reached-actions {gap: 8px;}.limit-reached-actions .btn-primary,.limit-reached-actions .btn-secondary {padding: 10px 16px;font-size: 13px;font-weight: 600;}.limit-reached-actions .btn-primary:hover {box-shadow: 0 4px 12px var(--alpha-warning-30);}}.breadcrumb-container { padding: 10px 0; margin-bottom: 20px; }.breadcrumb-list { list-style: none; display: flex; gap: 8px; font-size: 0.9rem; color: #666; }.breadcrumb-item a { color: #3498db; text-decoration: none; }.breadcrumb-item::after { content: '/'; margin-left: 8px; color: #ccc; }.breadcrumb-item:last-child::after { content: ''; }.breadcrumb-item.active { color: #333; font-weight: 500; }