:root{--teal: #0D9488;--teal-light: #14B8A6;--teal-dark: #0F766E;--green: #10B981;--green-light: #34D399;--charcoal: #1F2937;--charcoal-light: #374151;--gray-600: #4B5563;--gray-400: #9CA3AF;--gray-300: #D1D5DB;--gray-200: #E5E7EB;--gray-100: #F3F4F6;--off-white: #F9FAFB;--white: #FFFFFF;--red: #EF4444;--red-light: #FEE2E2;--amber: #F59E0B;--amber-light: #FEF3C7;--bg-main: var(--off-white);--bg-surface: var(--white);--bg-hover: var(--gray-100);--text-primary: var(--charcoal);--text-secondary: var(--gray-600);--text-muted: var(--gray-400);--border: var(--gray-200);--border-strong: var(--gray-300);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);--transition: .2s ease}html.dark{--bg-main: #0F172A;--bg-surface: #1E293B;--bg-hover: #334155;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--border: #334155;--border-strong: #475569;--charcoal: #F1F5F9;--charcoal-light: #CBD5E1;--gray-600: #94A3B8;--gray-400: #64748B;--gray-300: #475569;--gray-200: #334155;--gray-100: #1E293B;--off-white: #0F172A;--white: #1E293B;--red-light: rgba(239, 68, 68, .15);--amber-light: rgba(245, 158, 11, .15);--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.3), 0 2px 4px -1px rgba(0,0,0,.2);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.3), 0 4px 6px -2px rgba(0,0,0,.15)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease forwards}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--bg-main);color:var(--text-primary);line-height:1.6;min-height:100vh}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .btn,[dir=rtl] .public-nav-desktop{flex-direction:row-reverse}[dir=rtl] .container{direction:rtl}[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{text-align:right}[dir=rtl] .chevron-flip{transform:scaleX(-1)}[dir=rtl] .gap-row,[dir=rtl] .mock-card-layout{flex-direction:row-reverse}[dir=rtl] .learner-sidebar{border-right:none;border-left:1px solid var(--border)}a{color:var(--teal);text-decoration:none}a:hover{color:var(--teal-dark)}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font);outline:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius);font-size:.9rem;font-weight:500;transition:all .2s;white-space:nowrap}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-dark)}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-outline{background:transparent;color:var(--teal);border:1.5px solid var(--teal)}.btn-outline:hover{background:var(--teal);color:#fff}.btn-lg{padding:14px 28px;font-size:1rem;font-weight:600}.btn-sm{padding:6px 14px;font-size:.8rem}.card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:24px;transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.input{width:100%;padding:10px 14px;border:1.5px solid var(--border-strong);border-radius:var(--radius);font-size:.9rem;background:var(--bg-surface);color:var(--text-primary);transition:border-color .2s}.input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0d94881a}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.badge-teal{background:#0d94881a;color:var(--teal)}.badge-green{background:#10b9811a;color:var(--green)}.badge-amber{background:var(--amber-light);color:var(--amber)}.badge-red{background:var(--red-light);color:var(--red)}@media(max-width:768px){.container{padding:0 16px}.btn-lg{padding:12px 24px;font-size:.95rem}.public-nav-desktop{display:none!important}.public-nav-mobile-btn{display:block!important}.nav-links{display:none!important}.mobile-menu-btn{display:block!important}.nav-label{display:none}.nav-user-name,.nav-logout-btn{display:none!important}.grid-3,.grid-2{grid-template-columns:1fr!important}.grid-steps{grid-template-columns:repeat(2,1fr)!important}.grid-filters{grid-template-columns:1fr!important}.exam-header,.exam-header-actions{flex-wrap:wrap;gap:8px!important}.results-actions{flex-direction:column!important;align-items:stretch!important}.results-actions .btn{justify-content:center}.mock-card-layout{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.profile-grid{grid-template-columns:1fr!important}.page-content{padding:20px 16px!important}}