@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--primary-navy: #0f172a;--primary-navy-light: #1e293b;--primary-accent: #10b981;--primary-accent-glow: rgba(16, 185, 129, .4);--bg-light: #f8fafc;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border-light: #e2e8f0;--border-hover: #cbd5e1;--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .025);--shadow-glow: 0 0 20px var(--primary-accent-glow);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}.teacher-dashboard{min-height:100vh;background-color:var(--bg-light);background-image:radial-gradient(at 0% 0%,rgba(16,185,129,.03) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(15,23,42,.03) 0px,transparent 50%);font-family:var(--font-body);color:var(--text-primary);padding-bottom:80px}.dashboard-header{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);padding:24px 0;margin-bottom:40px;position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:center}.header-left h1{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--primary-navy);letter-spacing:-.02em;margin:0;background:linear-gradient(135deg,var(--primary-navy) 0%,#334155 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-left p{font-family:var(--font-body);margin:4px 0 0;color:var(--text-secondary);font-size:.95rem}.back-link{font-family:var(--font-heading);font-weight:500;color:var(--text-secondary);text-decoration:none;padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--border-light);transition:var(--transition-fast);background:#fff}.back-link:hover{color:var(--primary-navy);border-color:var(--primary-navy);transform:translateY(-1px)}.dashboard-main{max-width:1400px;margin:0 auto;padding:0 32px}.nav-tabs{display:flex;gap:8px;max-width:1400px;margin:0 auto 32px;padding:0 32px;border-bottom:1px solid var(--border-light)}.nav-tab{font-family:var(--font-heading);font-size:.95rem;font-weight:500;color:var(--text-secondary);background:none;border:none;padding:16px 20px;cursor:pointer;position:relative;transition:var(--transition-smooth);border-bottom:2px solid transparent;margin-bottom:-1px}.nav-tab:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--primary-accent);transform:scaleX(0);transition:transform var(--transition-smooth);transform-origin:left}.nav-tab:hover{color:var(--primary-navy);background:#f8fafc}.nav-tab.active{color:var(--primary-navy);font-weight:600}.nav-tab.active:after{transform:scaleX(1)}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;padding:20px;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);text-align:center;transition:all var(--transition-smooth)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card .stat-value{display:block;font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--primary-navy);line-height:1.2}.stat-card .stat-label{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:4px;font-weight:500}.stat-card.math-section{border-left:3px solid #c2410c}.stat-card.rw-section{border-left:3px solid #1d4ed8}.stat-card.easy{border-left:3px solid #22c55e}.stat-card.medium{border-left:3px solid #eab308}.stat-card.hard{border-left:3px solid #ef4444}.filters-bar{background:#fff;padding:20px;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);display:flex;gap:16px;margin-bottom:24px;align-items:center}.filter-group select{padding:10px 16px;border-radius:var(--radius-md);border:1px solid var(--border-light);background-color:#f8fafc;font-family:var(--font-body);font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);width:100%;min-width:160px}.filter-group select:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px #10b9811a;background-color:#fff}.total-badge{margin-left:auto;font-family:var(--font-heading);font-weight:600;color:var(--text-secondary);background:#f1f5f9;padding:6px 16px;border-radius:var(--radius-full);font-size:.85rem}.questions-list{display:grid;gap:16px}.list-header{display:flex;justify-content:flex-end;margin-bottom:16px}.question-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:24px;display:grid;grid-template-columns:160px 1fr;gap:24px;transition:all var(--transition-smooth)}.question-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-accent)}.q-meta{display:flex;flex-direction:column;gap:8px}.q-id{font-family:monospace;font-size:.8rem;font-weight:700;color:var(--primary-navy);background:#f1f5f9;padding:4px 8px;border-radius:var(--radius-sm);width:fit-content}.q-content{display:flex;flex-direction:column;gap:16px}.q-content>p{font-size:1rem;line-height:1.7;color:var(--text-primary);margin:0}.q-footer{display:flex;align-items:center;gap:16px;padding-top:16px;border-top:1px solid var(--border-light);margin-top:8px}.correct-badge{font-size:.85rem;color:var(--text-secondary)}.correct-badge strong{color:var(--primary-accent);font-weight:700;font-size:1rem}.source-tag{font-size:.75rem;color:var(--text-muted);background:#f8fafc;padding:4px 8px;border-radius:var(--radius-sm)}.filter-group.search input{width:100%;padding:10px 16px;border-radius:var(--radius-md);border:1px solid var(--border-light);background-color:#f8fafc;font-family:var(--font-body);font-size:.9rem;color:var(--text-primary);transition:var(--transition-fast)}.filter-group.search input:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px #10b9811a;background-color:#fff}.filter-group label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-bottom:6px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge.math{background:#fff7ed;color:#c2410c;border:1px solid #ffedd5}.badge.reading{background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe}.badge.easy{background:#f0fdf4;color:#15803d;border:1px solid #dcfce7}.badge.medium{background:#fefce8;color:#a16207;border:1px solid #fef9c3}.badge.hard{background:#fef2f2;color:#b91c1c;border:1px solid #fee2e2}.domain-tag{font-size:.8rem;color:var(--text-secondary);font-weight:500;line-height:1.4}.q-content p{font-size:1.05rem;line-height:1.6;margin-bottom:20px;color:var(--text-primary)}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option-item{padding:12px 16px;background:#f8fafc;border-radius:var(--radius-md);border:1px solid transparent;font-size:.95rem;color:var(--text-secondary);transition:var(--transition-fast)}.option-item.correct{background:#ecfdf5;border-color:#d1fae5;color:#047857;font-weight:500}.opt-letter{font-weight:700;margin-right:8px;opacity:.7}.builder-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px}.builder-panel{font-family:var(--font-body)}.random-settings,.manual-settings,.builder-summary{background:#fff;padding:32px;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);height:100%}h3,h4,h5{font-family:var(--font-heading);color:var(--primary-navy);margin-bottom:20px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.setting-card{background:#f8fafc;padding:16px;border-radius:var(--radius-md);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.setting-card input{font-family:var(--font-heading);font-size:1.5rem;color:var(--primary-navy);font-weight:700;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:4px}.mode-toggle{display:flex;gap:8px;margin-bottom:24px;padding:8px;background:#f1f5f9;border-radius:var(--radius-full)}.mode-btn{flex:1;padding:12px;border-radius:var(--radius-full);border:none;font-family:var(--font-heading);font-weight:600;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth)}.mode-btn.active{background:#fff;color:var(--primary-navy);box-shadow:var(--shadow-sm)}.btn{font-family:var(--font-heading);font-weight:600;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none}.btn-primary{background:var(--primary-accent);color:#fff;padding:12px 24px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px var(--primary-accent-glow)}.btn-primary:hover{background:#059669;transform:translateY(-2px);box-shadow:0 10px 15px -3px var(--primary-accent-glow)}.generate-btn{width:100%;margin-top:24px;padding:16px;font-size:1.1rem}.btn-outline{background:transparent;border:1px solid var(--border-light);color:var(--primary-navy);padding:8px 16px;border-radius:var(--radius-md)}.btn-outline:hover{background:var(--bg-light);border-color:var(--text-secondary)}.exams-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.exam-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-smooth)}.exam-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-accent)}.exam-header{padding:20px;border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,var(--primary-navy) 0%,var(--primary-navy-light) 100%)}.exam-header h3{font-size:1.1rem;margin:0;color:#fff}.exam-date{font-size:.8rem;color:#ffffffb3}.exam-stats{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.stat-value{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--primary-navy)}.exam-actions{padding:16px 20px;background:#fff;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:8px}.btn-sm{font-size:.85rem;padding:6px 12px}.module-selector{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.module-section{display:flex;align-items:center;gap:8px;background:#f8fafc;padding:6px 10px;border-radius:var(--radius-full);border:1px solid var(--border-light)}.section-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.module-btn{padding:8px 16px;border-radius:var(--radius-full);font-size:.85rem;font-weight:500;border:1px solid transparent;transition:var(--transition-fast)}.module-btn:hover{background:#fff;border-color:var(--border-light)}.module-btn.active{background:var(--primary-navy);color:#fff;box-shadow:var(--shadow-sm)}.available-questions,.selected-questions{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);height:600px;display:flex;flex-direction:column}.available-questions h4,.selected-questions h4{padding:16px 20px;border-bottom:1px solid var(--border-light);margin:0;font-size:.95rem;background:#f8fafc;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.questions-scroll{flex:1;overflow-y:auto;padding:10px}.mini-question{padding:12px;border-radius:var(--radius-md);margin-bottom:4px;border:1px solid transparent;transition:var(--transition-fast)}.mini-question:hover{background:#f8fafc;border-color:var(--border-light)}.mini-question.selected{background:#ecfdf5;border-color:#d1fae5}.select-indicator{color:var(--primary-accent)}.success-message{margin-top:16px;padding:16px;background:#ecfdf5;border:1px solid #10b981;border-radius:var(--radius-md);color:#047857;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.preview-modal-overlay{background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000}.preview-modal{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.preview-modal-header{padding:20px 24px;background:#fff;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.preview-modal-body{padding:32px;overflow-y:auto}.preview-meta{display:flex;gap:8px;margin-bottom:24px}.section-badge,.domain-badge,.skill-badge,.difficulty-badge{padding:6px 12px;background:#f1f5f9;border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-secondary);font-weight:500}.mini-filters{margin-bottom:12px}.mini-filters select{width:100%;padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.9rem;background:#f8fafc}.mini-filters select:focus{outline:none;border-color:var(--primary-accent)}.diff-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.diff-dot.easy{background:#22c55e}.diff-dot.medium{background:#eab308}.diff-dot.hard{background:#ef4444}.q-id{font-family:monospace;font-size:.75rem;color:var(--text-muted);flex-shrink:0}.q-preview{flex:1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.preview-btn{cursor:pointer;opacity:.5;transition:opacity var(--transition-fast);flex-shrink:0;color:var(--text-muted)}.preview-btn:hover{opacity:1;color:var(--primary-accent)}.module-group{margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed var(--border-light)}.module-group:last-child{border-bottom:none;margin-bottom:0}.module-label{display:block;font-size:.85rem;font-weight:600;color:var(--primary-navy);margin-bottom:8px;padding:4px 8px;background:#10b9811a;border-radius:var(--radius-sm)}.module-count{display:block;font-size:.7rem;opacity:.7;margin-top:2px}.selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mini-question{display:flex;align-items:center;gap:10px;cursor:pointer}.preview-question-text{margin-bottom:24px}.preview-question-text h4,.preview-options h4,.preview-answer h4,.preview-explanation h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px}.preview-question-text p{font-size:1.1rem;line-height:1.7;color:var(--text-primary)}.preview-options{margin-bottom:24px}.preview-option{padding:14px 18px;background:#f8fafc;border-radius:var(--radius-md);margin-bottom:10px;border:1px solid transparent;transition:var(--transition-fast)}.preview-option.correct{background:#ecfdf5;border-color:#10b981;color:#047857}.preview-answer{margin-bottom:24px}.correct-answer-badge{display:inline-block;background:var(--primary-accent);color:#fff;padding:10px 20px;border-radius:var(--radius-md);font-size:1.25rem;font-weight:700}.preview-explanation p{font-size:.95rem;line-height:1.7;color:var(--text-secondary);background:#f8fafc;padding:20px;border-radius:var(--radius-md);border-left:3px solid var(--primary-accent)}.preview-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--border-light);background:#f8fafc}.preview-modal-footer .btn{flex:1}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:var(--transition-fast)}.close-btn:hover{background:var(--bg-light);color:var(--text-primary)}.empty-state{text-align:center;padding:80px 40px;background:#fff;border-radius:var(--radius-xl);border:1px solid var(--border-light)}.empty-icon{font-size:4rem;display:block;margin-bottom:20px}.empty-state h3{font-size:1.5rem;margin-bottom:12px}.empty-state p{color:var(--text-secondary);margin-bottom:24px;max-width:400px;margin-left:auto;margin-right:auto}.empty-msg{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:.9rem}.skill-filters{margin-top:24px}.skill-groups-container{display:grid;grid-template-columns:1fr 1fr;gap:16px}.skill-group{background:#f8fafc;padding:16px;border-radius:var(--radius-md)}.skill-group h5{font-size:.9rem;margin-bottom:12px;color:var(--primary-navy)}.skill-checkboxes{display:flex;flex-direction:column;gap:8px}.skill-checkbox{display:flex;align-items:center;gap:8px;font-size:.9rem;cursor:pointer}.skill-checkbox input{width:18px;height:18px;accent-color:var(--primary-accent)}.skill-count{color:var(--text-muted);font-size:.8rem}.settings-section{background:#f8fafc;padding:20px;border-radius:var(--radius-lg);margin-bottom:20px}.settings-section h4{margin-bottom:16px}.section-info{font-size:.85rem;color:var(--text-secondary);margin-bottom:16px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.summary-section{background:#f8fafc;padding:16px;border-radius:var(--radius-md)}.summary-section h5{font-size:.9rem;margin-bottom:12px}.summary-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-light)}.summary-item:last-child{border-bottom:none}.summary-item .label{font-size:.85rem;color:var(--text-secondary)}.summary-item .value{font-weight:600;color:var(--primary-navy)}.summary-item.time .value{color:var(--primary-accent)}.total-summary{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:var(--text-primary);padding:20px 24px;border-radius:var(--radius-lg);margin-top:24px;font-size:.95rem;border:1px solid var(--border-light);box-shadow:none}.total-summary span{display:flex;align-items:center;gap:8px}.total-summary strong{font-weight:700;color:var(--primary-navy);font-size:1.1rem}.delete-btn{color:#ef4444!important}.delete-btn:hover{background:#fef2f2!important}.remove-btn{color:#ef4444;cursor:pointer}.more-indicator{text-align:center;color:var(--text-muted);font-size:.9rem;padding:16px;font-style:italic}@media(max-width:1200px){.selection-grid,.builder-layout{grid-template-columns:1fr}}@media(max-width:768px){.header-content{flex-direction:column;gap:16px;align-items:flex-start}.nav-tabs{flex-wrap:wrap;gap:8px}.filters-bar{flex-direction:column}.question-card{grid-template-columns:1fr;gap:16px}.options-grid{grid-template-columns:1fr}.module-selector{flex-direction:column}.summary-grid,.skill-groups-container,.exams-list{grid-template-columns:1fr}.available-questions,.selected-questions{height:400px}.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-card .stat-value{font-size:1.5rem}}@media(max-width:480px){.dashboard-main,.header-content{padding:0 16px}.header-left h1{font-size:1.5rem}.random-settings,.manual-settings,.builder-summary{padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:12px}.stat-card .stat-value{font-size:1.25rem}}:root{--primary-navy: #0f172a;--primary-navy-dark: #020617;--primary-navy-light: #1e293b;--accent-emerald: #10b981;--accent-emerald-dark: #059669;--accent-emerald-light: #34d399;--accent-gold: #d4a84b;--accent-gold-dark: #b8923d;--accent-gold-light: #e5c070;--primary-green: var(--primary-navy);--primary-green-dark: var(--primary-navy-dark);--primary-green-light: var(--primary-navy-light);--secondary-purple: var(--accent-emerald);--secondary-purple-dark: var(--accent-emerald-dark);--bg-light: #f8fafc;--bg-white: #ffffff;--bg-dark: #0f172a;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--text-white: #ffffff;--border-light: #e2e8f0;--border-hover: #cbd5e1;--status-success: #10b981;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: #3b82f6;--difficulty-easy: #22c55e;--difficulty-medium: #eab308;--difficulty-hard: #ef4444;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .025);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-light);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;color:var(--primary-navy)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.grid{display:grid}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;font-weight:500;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--primary-green);color:var(--text-white)}.btn-primary:hover{background:var(--primary-green-dark)}.btn-secondary{background:var(--secondary-purple);color:var(--text-white)}.btn-secondary:hover{background:var(--secondary-purple-dark)}.btn-outline{background:transparent;color:var(--text-primary);border:2px solid var(--text-primary)}.btn-outline:hover{background:var(--text-primary);color:var(--text-white)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#0000000d}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1.125rem}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid rgba(0,0,0,.05)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid rgba(0,0,0,.05)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-success{background:var(--status-success);color:var(--text-white)}.badge-warning{background:var(--status-warning);color:var(--text-white)}.badge-error{background:var(--status-error);color:var(--text-white)}.badge-info{background:var(--status-info);color:var(--text-white)}.badge-purple{background:var(--secondary-purple);color:var(--text-white)}.exam-header{background:var(--primary-green);color:var(--text-white);padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.exam-timer{font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}.exam-content{display:grid;grid-template-columns:1fr 1fr;height:calc(100vh - 120px);background:#e8e8e8}.exam-passage{background:var(--bg-white);padding:var(--spacing-xl);overflow-y:auto;line-height:1.8}.exam-question{background:var(--bg-light);padding:var(--spacing-xl);overflow-y:auto}.question-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--text-primary);color:var(--text-white);border-radius:var(--radius-sm);font-weight:600;margin-right:var(--spacing-sm)}.answer-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);margin:var(--spacing-sm) 0;background:var(--bg-white);border:2px solid #e5e7eb;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.answer-option:hover{border-color:var(--primary-navy-light);background:#1e3a5f0d}.answer-option.selected{border-color:var(--primary-navy);background:#1e3a5f1a}.answer-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid currentColor;border-radius:var(--radius-full);font-weight:600;flex-shrink:0}.answer-option.selected .answer-letter{background:var(--primary-green);border-color:var(--primary-green);color:var(--text-white)}.exam-footer{background:var(--bg-white);border-top:3px solid var(--primary-green);padding:var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.question-nav{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;max-width:60%}.question-nav-item{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.question-nav-item:hover{background:var(--primary-green-light);color:var(--text-white)}.question-nav-item.current{background:var(--text-primary);color:var(--text-white)}.question-nav-item.answered{background:var(--primary-green);color:var(--text-white)}.question-nav-item.flagged{background:var(--status-warning);color:var(--text-primary)}.progress-bar{height:4px;background:#e5e7eb;border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-green),var(--primary-green-light));transition:width var(--transition-normal)}.test-card{border:3px solid var(--primary-green);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-white)}.test-card-header{background:linear-gradient(135deg,var(--bg-white) 0%,#eef2f7 100%);padding:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-md)}.test-icon{width:60px;height:60px;background:var(--text-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.difficulty-indicator{display:flex;gap:var(--spacing-xl);margin-top:var(--spacing-md)}.difficulty-item{text-align:center}.difficulty-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.difficulty-value{font-weight:600;color:var(--text-primary)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-white);border-radius:var(--radius-xl);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .4s ease}.hero{background:var(--primary-green);color:var(--text-white);padding:var(--spacing-2xl) 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.05) 100%)}.info-card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.info-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid #f3f4f6}.info-item:last-child{border-bottom:none}.info-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#1e3a5f1a;border-radius:var(--radius-full);color:var(--primary-green);flex-shrink:0}.tabs{display:flex;gap:var(--spacing-xs);background:var(--bg-white);padding:var(--spacing-xs);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.tab{flex:1;padding:var(--spacing-sm) var(--spacing-lg);border:none;background:transparent;font-size:1rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast)}.tab:hover{background:#0000000d}.tab.active{background:var(--secondary-purple);color:var(--text-white)}@media(max-width:768px){.exam-content{grid-template-columns:1fr}.container{padding:0 var(--spacing-sm)}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}#root{min-height:100vh;width:100%}.home-page{min-height:100vh}.hero{background:linear-gradient(135deg,var(--primary-navy) 0%,var(--primary-navy-light) 100%);color:#fff;padding:48px 0 60px;text-align:center}.hero-content{position:relative;z-index:2}.logo-box{background:#fff;padding:10px 14px;border-radius:var(--radius-md);margin-bottom:16px;box-shadow:var(--shadow-md);display:inline-block}.hero-logo{width:56px;height:auto;display:block}.hero-title{font-family:var(--font-heading);font-size:3.5rem;font-weight:800;margin-bottom:12px;letter-spacing:-.02em;color:#fff}.hero-subtitle{font-size:1.25rem;opacity:.9;margin-bottom:32px;font-weight:400}.hero-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-buttons .btn{padding:14px 28px;font-size:1rem}.hero-buttons .btn-primary{background:var(--accent-emerald);color:#fff;box-shadow:0 4px 12px #10b9814d}.hero-buttons .btn-primary:hover{background:var(--accent-emerald-dark);transform:translateY(-2px)}.hero-buttons .btn-outline{background:#ffffff26!important;border:1px solid rgba(255,255,255,.4)!important;color:#fff!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-buttons .btn-outline:hover{background:#ffffff40!important;border-color:#fff9!important}.tabs{display:flex;gap:4px;background:#fff;padding:6px;border-radius:var(--radius-full);box-shadow:var(--shadow-md)}.tab{flex:1;padding:12px 24px;border:none;background:transparent;font-family:var(--font-heading);font-size:.95rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast)}.tab:hover{background:var(--bg-light);color:var(--primary-navy)}.tab.active{background:var(--accent-emerald);color:#fff;box-shadow:var(--shadow-sm)}.tests-section{padding:48px 0 80px}.tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-top:32px}.test-card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal);display:flex;flex-direction:column}.test-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -12px #0f172a26;border-color:var(--accent-emerald)}.test-card-header{background:linear-gradient(135deg,var(--primary-navy) 0%,var(--primary-navy-light) 100%);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.test-card-header .test-name{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;color:#fff;margin:0;line-height:1.3;flex:1}.test-duration{display:inline-flex;align-items:center;gap:4px;background:#ffffff26;color:#fff;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;white-space:nowrap;flex-shrink:0}.test-card-header .badge{flex-shrink:0}.test-card-body{padding:20px;flex:1}.test-name{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--primary-navy);margin-bottom:8px}.test-description{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.difficulty-indicator{display:flex;gap:16px}.difficulty-item{flex:1;background:#f8fafc;padding:12px 16px;border-radius:var(--radius-md);text-align:center}.difficulty-item.wide{flex:none;width:100%}.difficulty-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600;margin-bottom:4px}.difficulty-value{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--primary-navy)}.test-card-footer{padding:0 24px 24px}.test-card-footer .btn{width:100%;padding:14px 24px;font-size:.95rem}.review-section{padding:48px 0 80px}.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:24px}.review-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:24px;transition:all var(--transition-fast)}.review-card:hover{border-color:var(--accent-emerald);box-shadow:var(--shadow-md)}.review-card h4{margin-bottom:12px}.review-stats{display:flex;gap:16px;margin-bottom:16px}.review-stat{font-size:.9rem;color:var(--text-secondary)}.review-score{font-size:2rem;font-weight:700;color:var(--accent-emerald);margin-bottom:16px}.empty-state{text-align:center;padding:60px 24px;background:#fff;border-radius:var(--radius-xl);border:1px solid var(--border-light)}.empty-state .empty-icon{font-size:4rem;margin-bottom:16px}.empty-state h3{margin-bottom:8px}.empty-state p{color:var(--text-secondary);margin-bottom:24px}.section-header{margin-bottom:24px}.section-header h2{font-size:1.5rem;margin-bottom:8px}.section-header p{color:var(--text-secondary)}@media(max-width:768px){.hero{padding:60px 0 80px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:100%;max-width:280px}.tests-grid{grid-template-columns:1fr}.test-stats{grid-template-columns:1fr;gap:8px}}