@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.ant-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important}.ant-btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;transform:translateY(-1px);box-shadow:0 4px 12px #6366f159!important}.ant-tabs-tab-active .ant-tabs-tab-btn{color:#6366f1!important;font-weight:600}.ant-tabs-ink-bar{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important}.ant-progress-bg{background:linear-gradient(90deg,#6366f1,#8b5cf6)!important}.ant-card{border-radius:16px!important}.ant-card-head{border-bottom-color:#f0f0f0!important}.ant-modal-content{border-radius:16px!important;overflow:hidden}.ant-modal-header{border-radius:16px 16px 0 0!important}.ant-input:focus,.ant-input-focused,.ant-select-focused .ant-select-selector{border-color:#6366f1!important;box-shadow:0 0 0 2px #6366f126!important}.ant-pagination-item-active{border-color:#6366f1!important;background:#6366f1!important}.ant-pagination-item-active a{color:#fff!important}.ant-table-thead>tr>th{background:#f9fafb!important;font-weight:600!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.5px;color:#6b7280!important;border-bottom:1px solid #e5e7eb!important}.ant-table-tbody>tr:hover>td{background:#6366f10a!important}.ant-table-wrapper .ant-table-pagination{padding:12px 0!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}:root{--exambox-indigo: #6366f1;--exambox-violet: #8b5cf6;--exambox-primary: #6366f1;--exambox-primary-hover: #4f46e5;--exambox-primary-light: rgba(99, 102, 241, .1);--exambox-success: #10b981;--exambox-success-light: rgba(16, 185, 129, .1);--exambox-warning: #f59e0b;--exambox-warning-light: rgba(245, 158, 11, .1);--exambox-danger: #ef4444;--exambox-danger-light: rgba(239, 68, 68, .1);--exambox-info: #3b82f6;--exambox-info-light: rgba(59, 130, 246, .1);--exambox-gray-50: #f9fafb;--exambox-gray-100: #f3f4f6;--exambox-gray-200: #e5e7eb;--exambox-gray-300: #d1d5db;--exambox-gray-400: #9ca3af;--exambox-gray-500: #6b7280;--exambox-gray-600: #4b5563;--exambox-gray-700: #374151;--exambox-gray-800: #1f2937;--exambox-gray-900: #111827;--exambox-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--exambox-gradient-hover: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--exambox-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--exambox-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--exambox-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--exambox-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--exambox-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--exambox-radius-sm: 6px;--exambox-radius: 8px;--exambox-radius-md: 12px;--exambox-radius-lg: 16px;--exambox-radius-xl: 24px;--exambox-space-1: 4px;--exambox-space-2: 8px;--exambox-space-3: 12px;--exambox-space-4: 16px;--exambox-space-5: 20px;--exambox-space-6: 24px;--exambox-space-8: 32px;--exambox-space-10: 40px}.exambox-title-xl{font-size:32px;font-weight:700;line-height:1.2;color:var(--exambox-gray-900);letter-spacing:-.5px}.exambox-title-lg{font-size:24px;font-weight:700;line-height:1.3;color:var(--exambox-gray-900)}.exambox-title-md{font-size:18px;font-weight:600;line-height:1.4;color:var(--exambox-gray-800)}.exambox-title-sm{font-size:16px;font-weight:600;line-height:1.4;color:var(--exambox-gray-800)}.exambox-body{font-size:14px;line-height:1.6;color:var(--exambox-gray-600)}.exambox-caption{font-size:12px;line-height:1.5;color:var(--exambox-gray-400)}.exambox-card{background:#fff;border-radius:var(--exambox-radius-lg);border:1px solid var(--exambox-gray-200);box-shadow:var(--exambox-shadow-sm);transition:all .2s ease}.exambox-card:hover{box-shadow:var(--exambox-shadow-md)}.exambox-card-header{padding:var(--exambox-space-5) var(--exambox-space-6);border-bottom:1px solid var(--exambox-gray-100);display:flex;align-items:center;justify-content:space-between}.exambox-card-body{padding:var(--exambox-space-6)}.exambox-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--exambox-space-2);padding:var(--exambox-space-3) var(--exambox-space-5);font-size:14px;font-weight:500;border-radius:var(--exambox-radius);border:none;cursor:pointer;transition:all .2s ease}.exambox-btn-primary{background:var(--exambox-gradient);color:#fff}.exambox-btn-primary:hover{background:var(--exambox-gradient-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.exambox-btn-secondary{background:#fff;color:var(--exambox-gray-700);border:1px solid var(--exambox-gray-200)}.exambox-btn-secondary:hover{border-color:var(--exambox-primary);color:var(--exambox-primary)}.exambox-btn-ghost{background:transparent;color:var(--exambox-gray-600)}.exambox-btn-ghost:hover{background:var(--exambox-gray-100);color:var(--exambox-gray-800)}.exambox-badge{display:inline-flex;align-items:center;padding:2px 10px;font-size:12px;font-weight:500;border-radius:20px}.exambox-badge-success{background:var(--exambox-success-light);color:var(--exambox-success)}.exambox-badge-warning{background:var(--exambox-warning-light);color:var(--exambox-warning)}.exambox-badge-danger{background:var(--exambox-danger-light);color:var(--exambox-danger)}.exambox-badge-info{background:var(--exambox-info-light);color:var(--exambox-info)}.exambox-input{width:100%;padding:var(--exambox-space-3) var(--exambox-space-4);font-size:14px;border:1px solid var(--exambox-gray-200);border-radius:var(--exambox-radius);transition:all .2s ease;outline:none}.exambox-input:focus{border-color:var(--exambox-primary);box-shadow:0 0 0 3px var(--exambox-primary-light)}.exambox-input::placeholder{color:var(--exambox-gray-400)}.exambox-progress{width:100%;height:8px;background:var(--exambox-gray-100);border-radius:4px;overflow:hidden}.exambox-progress-bar{height:100%;border-radius:4px;transition:width .3s ease}.exambox-avatar{width:40px;height:40px;border-radius:50%;background:var(--exambox-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.exambox-avatar-sm{width:32px;height:32px;font-size:14px}.exambox-avatar-lg{width:56px;height:56px;font-size:20px}.exambox-page{padding:var(--exambox-space-6)}.exambox-section{margin-bottom:var(--exambox-space-6)}.exambox-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--exambox-space-6)}.exambox-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--exambox-space-6)}.exambox-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--exambox-space-6)}@media (max-width: 1024px){.exambox-grid-4,.exambox-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.exambox-grid-4,.exambox-grid-3,.exambox-grid-2{grid-template-columns:1fr}}@keyframes exambox-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes exambox-slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes exambox-pulse{0%,to{opacity:1}50%{opacity:.5}}.exambox-animate-fade-in{animation:exambox-fade-in .3s ease forwards}.exambox-animate-slide-in{animation:exambox-slide-in-right .3s ease forwards}.exambox-text-center{text-align:center}.exambox-text-right{text-align:right}.exambox-text-primary{color:var(--exambox-primary)}.exambox-text-success{color:var(--exambox-success)}.exambox-text-danger{color:var(--exambox-danger)}.exambox-text-warning{color:var(--exambox-warning)}.exambox-text-muted{color:var(--exambox-gray-500)}.exambox-mt-1{margin-top:var(--exambox-space-1)}.exambox-mt-2{margin-top:var(--exambox-space-2)}.exambox-mt-3{margin-top:var(--exambox-space-3)}.exambox-mt-4{margin-top:var(--exambox-space-4)}.exambox-mt-6{margin-top:var(--exambox-space-6)}.exambox-mb-1{margin-bottom:var(--exambox-space-1)}.exambox-mb-2{margin-bottom:var(--exambox-space-2)}.exambox-mb-3{margin-bottom:var(--exambox-space-3)}.exambox-mb-4{margin-bottom:var(--exambox-space-4)}.exambox-mb-6{margin-bottom:var(--exambox-space-6)}.exambox-flex{display:flex}.exambox-flex-center{display:flex;align-items:center;justify-content:center}.exambox-flex-between{display:flex;align-items:center;justify-content:space-between}.exambox-flex-gap-2{gap:var(--exambox-space-2)}.exambox-flex-gap-4{gap:var(--exambox-space-4)}.ant-btn-primary{background:var(--exambox-gradient)!important;border:none!important;box-shadow:none!important}.ant-btn-primary:hover{background:var(--exambox-gradient-hover)!important}.ant-menu-item-selected{background:var(--exambox-primary-light)!important;color:var(--exambox-primary)!important}.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--exambox-primary)!important}.ant-progress-bg{background:var(--exambox-gradient)!important}.ant-card{border-radius:var(--exambox-radius-lg)!important;border-color:var(--exambox-gray-200)!important}:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--secondary-color: #8b5cf6;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--text-primary: #1f2937;--text-secondary: #6b7280;--bg-primary: #f9fafb;--bg-card: #ffffff;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}.sidebar-upgrade{background:linear-gradient(180deg,#1e1b4b,#312e81);min-height:100vh;color:#fff}.sidebar-logo{height:72px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1);font-size:20px;font-weight:700;letter-spacing:-.5px}.sidebar-logo span{background:linear-gradient(135deg,#a78bfa,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-menu{padding:16px 12px}.menu-item-upgrade{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;color:#ffffffb3;margin-bottom:4px}.menu-item-upgrade:hover{background:#ffffff1a;color:#fff}.menu-item-upgrade.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:var(--shadow-md)}.menu-item-upgrade .icon{font-size:18px;width:24px;text-align:center}.menu-item-upgrade .label{font-weight:500}.card-upgrade{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .3s ease}.card-upgrade:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header-upgrade{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.card-header-upgrade h3{font-size:18px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.card-body-upgrade{padding:24px}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border-color);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color))}.stat-card .icon-wrapper{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}.stat-card .icon-wrapper.purple{background:#8b5cf61a;color:#8b5cf6}.stat-card .icon-wrapper.blue{background:#3b82f61a;color:#3b82f6}.stat-card .icon-wrapper.green{background:#10b9811a;color:#10b981}.stat-card .icon-wrapper.orange{background:#f59e0b1a;color:#f59e0b}.stat-card .stat-value{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-card .stat-label{font-size:14px;color:var(--text-secondary)}.stat-card .stat-trend{position:absolute;top:24px;right:24px;font-size:13px;font-weight:500}.stat-card .stat-trend.up{color:var(--success-color)}.stat-card .stat-trend.down{color:var(--danger-color)}.action-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-color);text-align:center}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.action-card .icon-wrapper{width:64px;height:64px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px;transition:transform .3s ease}.action-card:hover .icon-wrapper{transform:scale(1.1)}.action-card.purple .icon-wrapper{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.action-card.blue .icon-wrapper{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.action-card.green .icon-wrapper{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-card.orange .icon-wrapper{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.action-card .title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.action-card .desc{font-size:13px;color:var(--text-secondary)}.btn-primary-upgrade{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:var(--radius-md);padding:12px 24px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary-upgrade:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.btn-secondary-upgrade{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 24px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.btn-secondary-upgrade:hover{border-color:var(--primary-color);color:var(--primary-color)}.table-upgrade{width:100%;border-collapse:separate;border-spacing:0}.table-upgrade th{background:var(--bg-primary);padding:16px;text-align:left;font-weight:600;font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.table-upgrade td{padding:16px;border-bottom:1px solid var(--border-color)}.table-upgrade tr:hover td{background:#6366f105}.tag-upgrade{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.tag-upgrade.easy{background:#10b9811a;color:#059669}.tag-upgrade.medium{background:#3b82f61a;color:#2563eb}.tag-upgrade.hard{background:#f59e0b1a;color:#d97706}.tag-upgrade.expert{background:#ef44441a;color:#dc2626}.progress-upgrade{height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.progress-upgrade .bar{height:100%;border-radius:4px;transition:width .3s ease}.progress-upgrade .bar.low{background:linear-gradient(90deg,#ef4444,#f87171)}.progress-upgrade .bar.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-upgrade .bar.high{background:linear-gradient(90deg,#10b981,#34d399)}.wrong-question-card{background:var(--bg-card);border-radius:var(--radius-md);padding:20px;margin-bottom:12px;border-left:4px solid var(--danger-color);transition:all .2s ease}.wrong-question-card:hover{box-shadow:var(--shadow-md)}.wrong-question-card.mastered{border-left-color:var(--success-color)}.mastery-indicator{display:flex;align-items:center;gap:8px}.mastery-ring{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.mastery-ring.low{background:#ef44441a;color:#dc2626}.mastery-ring.medium{background:#f59e0b1a;color:#d97706}.mastery-ring.high{background:#10b9811a;color:#059669}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-slide-in{animation:slideIn .3s ease forwards}.exambox-layout{display:flex;height:100vh;overflow:hidden}.exambox-sidebar-desktop{flex-shrink:0;height:100vh;overflow-y:auto}.exambox-main-content{flex:1;overflow-y:auto;background:#f9fafb;padding:24px}.exambox-mobile-header{display:none;position:fixed;top:0;left:0;right:0;z-index:999;background:linear-gradient(135deg,#1e1b4b,#312e81);box-shadow:0 2px 8px #00000026}.exambox-mobile-header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.exambox-mobile-logo{font-size:18px;font-weight:700;background:linear-gradient(135deg,#a78bfa,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.exambox-mobile-menu-btn{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:8px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.exambox-mobile-menu-btn:hover{background:#fff3}.exambox-mobile-drawer .ant-drawer-body{padding:0!important}@media (max-width: 1024px){.exambox-sidebar-desktop{display:none}.exambox-mobile-header{display:block}.exambox-main-content{margin-top:60px;padding:16px}.sidebar-upgrade{display:none!important}}@media (max-width: 768px){.exambox-main-content{margin-top:60px;padding:12px}.sidebar-upgrade{display:none!important}}.exambox-mobile-drawer .sidebar-upgrade{min-height:100vh;display:flex!important;flex-direction:column}.past-papers-container{max-width:100%;overflow-x:hidden}.board-group-bar{margin-bottom:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.board-group-bar .ant-segmented{min-width:fit-content}.board-group-btn{white-space:nowrap;display:inline-flex!important;align-items:center;gap:4px;font-size:14px}.board-group-emoji{font-size:15px;line-height:1}@media (max-width: 1024px){.board-group-fullname{display:none!important}}@media (max-width: 768px){.board-group-btn,.board-group-emoji{font-size:13px}}@media (max-width: 576px){.board-group-emoji{display:none!important}}.past-papers-container .ant-tabs-nav{margin-bottom:0!important}.past-papers-container .ant-tabs-tab{padding:6px 10px!important;font-size:13px!important}@media (max-width: 768px){.past-papers-container .ant-tabs-tab{padding:4px 8px!important;font-size:12px!important}.past-papers-container .ant-tabs-nav-wrap{overflow-x:auto!important}}.query-bar-desc{display:inline}.query-bar-title{margin-bottom:4px}.query-bar-actions{display:flex;gap:8px;align-items:flex-end;height:100%;padding-bottom:0}@media (max-width: 768px){.query-bar-desc{display:none!important}.query-bar-actions{padding-bottom:0}}@media (max-width: 576px){.past-papers-table .col-name,.past-papers-table .col-series,.past-papers-table .col-variant{display:none!important}.past-papers-table .col-action{min-width:auto}}@media (min-width: 577px) and (max-width: 1024px){.past-papers-table .col-series{display:none!important}}.btn-label{display:inline}@media (max-width: 768px){.btn-label{display:none!important}}.past-papers-table .ant-table-thead>tr>th,.past-papers-table .ant-table-tbody>tr>td{padding:10px 8px!important;font-size:13px!important}.past-papers-table .col-action{padding:4px 6px!important}@media (max-width: 768px){.past-papers-table .ant-table-thead>tr>th,.past-papers-table .ant-table-tbody>tr>td{padding:8px 5px!important;font-size:12px!important}.past-papers-table .col-action{padding:3px 4px!important}}.past-papers-table .ant-table,.past-papers-table .ant-table-container{border-radius:12px!important}.results-card .ant-card-head-title{white-space:normal!important}.results-card-title{font-size:14px}@media (max-width: 768px){.past-papers-container .ant-card-head-title{font-size:13px!important}.past-papers-container .ant-card-extra{font-size:11px!important}.results-card-title{font-size:13px}}@media (max-width: 576px){.results-card-extra{display:none!important}}.past-papers-container .ant-statistic-title{font-size:12px!important}@media (max-width: 768px){.past-papers-container .ant-statistic-title{font-size:11px!important}.past-papers-container .ant-statistic-content{font-size:16px!important}}@media (max-width: 576px){.past-papers-container .ant-pagination{font-size:12px!important;flex-wrap:wrap!important;justify-content:center!important}.past-papers-container .ant-pagination-total-text{margin-right:0!important;width:100%!important;text-align:center!important;margin-bottom:4px!important}}.syllabus-banner{padding:10px 16px;border-radius:10px;margin-bottom:12px;font-size:13px}@media (max-width: 768px){.syllabus-banner{font-size:12px!important;padding:8px 12px!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;width:100%}@media (max-width: 768px){body{overflow-x:hidden}}