@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap");:root{--color-primary:#1a365d;--color-primary-light:#2b4c7e;--color-primary-dark:#0f2341;--color-primary-50:#e8edf5;--color-primary-100:#c5d1e8;--color-primary-200:#9db3d8;--color-primary-300:#7595c8;--color-primary-400:#577ebc;--color-primary-500:#3967b0;--color-primary-600:#2b4c7e;--color-primary-700:#1a365d;--color-primary-800:#0f2341;--color-primary-900:#071425;--color-secondary:#6c63ff;--color-secondary-light:#8b85ff;--color-secondary-dark:#4d45d9;--color-secondary-50:#f0efff;--color-secondary-100:#d6d4ff;--color-accent-teal:#0891b2;--color-accent-teal-light:#22d3ee;--color-accent-teal-dark:#065f73;--color-accent-teal-50:#e6f8fb;--color-accent-green:#059669;--color-accent-green-light:#34d399;--color-accent-green-dark:#047857;--color-accent-green-50:#ecfdf5;--color-accent-orange:#ea580c;--color-accent-orange-light:#fb923c;--color-accent-orange-dark:#c2410c;--color-accent-orange-50:#fff7ed;--color-accent-red:#dc2626;--color-accent-red-light:#f87171;--color-accent-red-dark:#b91c1c;--color-accent-red-50:#fef2f2;--color-accent-yellow:#d97706;--color-accent-yellow-light:#fbbf24;--color-accent-yellow-dark:#b45309;--color-accent-yellow-50:#fffbeb;--color-listening:#6c63ff;--color-listening-bg:#f0efff;--color-speaking:#0891b2;--color-speaking-bg:#e6f8fb;--color-reading:#059669;--color-reading-bg:#ecfdf5;--color-writing:#ea580c;--color-writing-bg:#fff7ed;--color-risk-green:#059669;--color-risk-green-bg:#ecfdf5;--color-risk-yellow:#d97706;--color-risk-yellow-bg:#fffbeb;--color-risk-red:#dc2626;--color-risk-red-bg:#fef2f2;--color-white:#ffffff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-gray-950:#020617;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Outfit","Inter",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.7;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.07),0 2px 4px -2px rgba(0,0,0,0.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -4px rgba(0,0,0,0.04);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.08),0 8px 10px -6px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.15);--shadow-glow-primary:0 0 20px rgba(26,54,93,0.15);--shadow-glow-secondary:0 0 20px rgba(108,99,255,0.15);--shadow-glow-teal:0 0 20px rgba(8,145,178,0.15);--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px;--max-content-width:1400px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-spring:400ms cubic-bezier(0.34,1.56,0.64,1);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-overlay:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-gray-800);background-color:var(--color-gray-50);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--leading-tight);color:var(--color-gray-900);font-weight:var(--font-bold)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-md)}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary-dark)}img,video{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}::selection{background-color:var(--color-secondary-100);color:var(--color-secondary-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap;line-height:1.5;min-height:40px;border:1px solid transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);color:var(--color-white);box-shadow:var(--shadow-sm),var(--shadow-glow-primary)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 100%);box-shadow:var(--shadow-md),var(--shadow-glow-primary);transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-light) 100%);color:var(--color-white);box-shadow:var(--shadow-sm),var(--shadow-glow-secondary)}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary-dark) 0,var(--color-secondary) 100%);box-shadow:var(--shadow-md),var(--shadow-glow-secondary);transform:translateY(-1px)}.btn-teal{background:linear-gradient(135deg,var(--color-accent-teal) 0,var(--color-accent-teal-light) 100%);color:var(--color-white);box-shadow:var(--shadow-sm),var(--shadow-glow-teal)}.btn-teal:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-teal-dark) 0,var(--color-accent-teal) 100%);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-gray-300)}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-50)}.btn-ghost{background:transparent;color:var(--color-gray-600)}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-gray-800)}.btn-danger{background:linear-gradient(135deg,var(--color-accent-red) 0,var(--color-accent-red-light) 100%);color:var(--color-white)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-red-dark) 0,var(--color-accent-red) 100%);transform:translateY(-1px)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);min-height:32px;border-radius:var(--radius-md)}.btn-lg{padding:var(--space-3) var(--space-8);font-size:var(--text-md);min-height:48px;border-radius:var(--radius-xl)}.btn-icon{padding:var(--space-2);min-height:40px;width:40px}.btn-icon.btn-sm{padding:var(--space-1);min-height:32px;width:32px}.card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-glass{background:rgba(255,255,255,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5)}.card-elevated{box-shadow:var(--shadow-lg);border:none}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.card-header{border-bottom:1px solid var(--color-gray-100)}.card-body,.card-header{padding:var(--space-5) var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-gray-100);background:var(--color-gray-50)}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700)}.input-label .required{color:var(--color-accent-red)}.input{padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--color-gray-800);background:var(--color-white);transition:all var(--transition-fast);min-height:40px;width:100%}.input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px var(--color-secondary-50)}.input:disabled{background:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.input-error{border-color:var(--color-accent-red)}.input-error:focus{box-shadow:0 0 0 3px var(--color-accent-red-50)}.input-help{font-size:var(--text-xs);color:var(--color-gray-500)}.input-error-text{font-size:var(--text-xs);color:var(--color-accent-red)}textarea.input{min-height:100px;resize:vertical}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:var(--space-10)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:var(--color-primary-50);color:var(--color-primary)}.badge-secondary{background:var(--color-secondary-50);color:var(--color-secondary-dark)}.badge-teal{background:var(--color-accent-teal-50);color:var(--color-accent-teal-dark)}.badge-green{background:var(--color-accent-green-50);color:var(--color-accent-green-dark)}.badge-orange{background:var(--color-accent-orange-50);color:var(--color-accent-orange-dark)}.badge-red{background:var(--color-accent-red-50);color:var(--color-accent-red-dark)}.badge-yellow{background:var(--color-accent-yellow-50);color:var(--color-accent-yellow-dark)}.badge-gray{background:var(--color-gray-100);color:var(--color-gray-600)}.badge-lg{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.skill-badge-listening{background:var(--color-listening-bg);color:var(--color-listening)}.skill-badge-speaking{background:var(--color-speaking-bg);color:var(--color-speaking)}.skill-badge-reading{background:var(--color-reading-bg);color:var(--color-reading)}.skill-badge-writing{background:var(--color-writing-bg);color:var(--color-writing)}.risk-green{color:var(--color-risk-green)}.risk-yellow{color:var(--color-risk-yellow)}.risk-red{color:var(--color-risk-red)}.risk-badge-green{background:var(--color-risk-green-bg);color:var(--color-risk-green)}.risk-badge-yellow{background:var(--color-risk-yellow-bg);color:var(--color-risk-yellow)}.risk-badge-red{background:var(--color-risk-red-bg);color:var(--color-risk-red)}.risk-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.risk-dot-green{background:var(--color-risk-green)}.risk-dot-yellow{background:var(--color-risk-yellow)}.risk-dot-red{background:var(--color-risk-red)}.progress-bar{width:100%;height:8px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow);background:linear-gradient(90deg,var(--color-secondary) 0,var(--color-accent-teal-light) 100%)}.progress-bar-sm{height:4px}.progress-bar-lg{height:12px}.progress-bar-listening .progress-bar-fill{background:var(--color-listening)}.progress-bar-speaking .progress-bar-fill{background:var(--color-speaking)}.progress-bar-reading .progress-bar-fill{background:var(--color-reading)}.progress-bar-writing .progress-bar-fill{background:var(--color-writing)}.progress-circle{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-circle svg{transform:rotate(-90deg)}.progress-circle-track{fill:none;stroke:var(--color-gray-200)}.progress-circle-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset var(--transition-slow)}.progress-circle-value{position:absolute;font-family:var(--font-heading);font-weight:var(--font-bold);color:var(--color-gray-800)}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);background:var(--color-white)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);white-space:nowrap}.table td,.table th{padding:var(--space-3) var(--space-4)}.table td{font-size:var(--text-base);color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-gray-50)}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;font-weight:var(--font-semibold);color:var(--color-white);flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-md{width:40px;height:40px;font-size:var(--text-sm)}.avatar-lg{width:48px;height:48px;font-size:var(--text-md)}.avatar-xl{width:64px;height:64px;font-size:var(--text-lg)}.avatar-2xl{width:80px;height:80px;font-size:var(--text-2xl)}.avatar-gradient-1{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.avatar-gradient-2{background:linear-gradient(135deg,var(--color-accent-teal),var(--color-secondary))}.avatar-gradient-3{background:linear-gradient(135deg,var(--color-secondary),var(--color-accent-orange))}.avatar-gradient-4{background:linear-gradient(135deg,var(--color-accent-green),var(--color-accent-teal))}.avatar img{width:100%;height:100%;object-fit:cover}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--transition-fast) ease-out;padding:var(--space-4)}.modal{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-base) ease-out}.modal-lg{max-width:720px}.modal-xl{max-width:960px}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-gray-100);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-gray-100);justify-content:flex-end}.modal-footer,.toast-container{display:flex;gap:var(--space-3)}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);flex-direction:column;max-width:420px}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-lg);border-left:4px solid;display:flex;align-items:flex-start;gap:var(--space-3);animation:slideInRight var(--transition-base) ease-out}.toast-success{border-left-color:var(--color-accent-green)}.toast-error{border-left-color:var(--color-accent-red)}.toast-warning{border-left-color:var(--color-accent-yellow)}.toast-info{border-left-color:var(--color-secondary)}.sidebar{width:var(--sidebar-width);height:100vh;background:var(--color-primary-dark);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:var(--z-fixed);transition:width var(--transition-slow);overflow-x:hidden;overflow-y:auto}.sidebar-brand{padding:var(--space-5) var(--space-5);display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid rgba(255,255,255,.08);min-height:var(--header-height)}.sidebar-brand-icon{width:36px;height:36px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-accent-teal-light) 100%);display:flex;align-items:center;justify-content:center;font-weight:var(--font-extrabold);font-size:var(--text-lg);flex-shrink:0}.sidebar-brand-icon,.sidebar-brand-text{color:var(--color-white);font-family:var(--font-heading)}.sidebar-brand-text{font-weight:var(--font-bold);font-size:var(--text-md);white-space:nowrap;opacity:1;transition:opacity var(--transition-fast)}.sidebar-brand-text span{display:block;font-size:var(--text-xs);color:rgba(255,255,255,.5);font-weight:var(--font-normal);font-family:var(--font-body)}.sidebar-nav{flex:1 1;padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-section-title{padding:var(--space-4) var(--space-3) var(--space-2);font-size:10px;font-weight:var(--font-semibold);color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);color:rgba(255,255,255,.65);font-size:var(--text-base);font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap;position:relative}.sidebar-link:hover{color:var(--color-white);background:rgba(255,255,255,.08)}.sidebar-link.active{color:var(--color-white);background:linear-gradient(135deg,rgba(108,99,255,.25),rgba(8,145,178,.15))}.sidebar-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--color-secondary) 0,var(--color-accent-teal-light) 100%)}.sidebar-link-icon{width:20px;height:20px;flex-shrink:0}.sidebar-link-badge,.sidebar-link-icon{display:flex;align-items:center;justify-content:center}.sidebar-link-badge{margin-left:auto;background:var(--color-accent-red);color:var(--color-white);font-size:10px;font-weight:var(--font-bold);min-width:18px;height:18px;border-radius:var(--radius-full);padding:0 5px}.sidebar-footer{padding:var(--space-3) var(--space-3);border-top:1px solid rgba(255,255,255,.08)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);color:rgba(255,255,255,.65);cursor:pointer;transition:all var(--transition-fast)}.sidebar-user:hover{background:rgba(255,255,255,.08);color:var(--color-white)}.sidebar-user-info{overflow:hidden}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:rgba(255,255,255,.45);white-space:nowrap}.main-content{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-slow)}.main-header{height:var(--header-height);background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;padding:0 var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.main-header,.main-header-left{display:flex;align-items:center}.main-header-left{gap:var(--space-4)}.main-header-right{display:flex;align-items:center;gap:var(--space-3)}.main-body{padding:var(--space-6);max-width:var(--max-content-width)}.page-title{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.page-subtitle{font-size:var(--text-base);color:var(--color-gray-500);font-weight:var(--font-normal)}.stat-card{padding:var(--space-5);border-radius:var(--radius-xl);background:var(--color-white);border:1px solid var(--color-gray-200);transition:all var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.stat-card-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.stat-card-value{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-gray-900);line-height:1;margin-bottom:var(--space-1)}.stat-card-label{font-size:var(--text-sm);color:var(--color-gray-500)}.stat-card-change{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-top:var(--space-2)}.stat-card-change.positive{color:var(--color-accent-green)}.stat-card-change.negative{color:var(--color-accent-red)}.skills-passport{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.skill-card{padding:var(--space-5);border-radius:var(--radius-xl);text-align:center;border:1px solid;transition:all var(--transition-base)}.skill-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.skill-card-listening{background:var(--color-listening-bg);border-color:rgba(108,99,255,.15)}.skill-card-speaking{background:var(--color-speaking-bg);border-color:rgba(8,145,178,.15)}.skill-card-reading{background:var(--color-reading-bg);border-color:rgba(5,150,105,.15)}.skill-card-writing{background:var(--color-writing-bg);border-color:rgba(234,88,12,.15)}.skill-card-name{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-3)}.skill-card-score{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-top:var(--space-1)}.empty-state{flex-direction:column;padding:var(--space-16) var(--space-8);text-align:center}.empty-state,.empty-state-icon{display:flex;align-items:center;justify-content:center}.empty-state-icon{width:64px;height:64px;border-radius:var(--radius-2xl);background:var(--color-gray-100);color:var(--color-gray-400);margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-700);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-base);color:var(--color-gray-500);max-width:360px;margin-bottom:var(--space-6)}.spinner{width:20px;height:20px;border:2px solid var(--color-gray-200);border-top-color:var(--color-secondary);border-radius:50%;animation:spin .6s linear infinite}.spinner-lg{width:40px;height:40px;border-width:3px}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:14px;margin-bottom:var(--space-2)}.skeleton-title{height:24px;width:60%;margin-bottom:var(--space-3)}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-card{height:120px}.tabs{display:flex;gap:var(--space-1);border-bottom:2px solid var(--color-gray-200);margin-bottom:var(--space-6)}.tab{padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-gray-500);cursor:pointer;margin-bottom:-2px;transition:all var(--transition-fast);white-space:nowrap;background:none;border:none;border-bottom:2px solid transparent}.tab:hover{color:var(--color-gray-700)}.tab.active{color:var(--color-secondary);border-bottom-color:var(--color-secondary)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;min-width:200px;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-gray-200);padding:var(--space-2);z-index:var(--z-dropdown);animation:fadeIn var(--transition-fast) ease-out}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-base);color:var(--color-gray-700);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);width:100%;text-align:left;background:none;border:none}.dropdown-item:hover{background:var(--color-gray-50);color:var(--color-gray-900)}.dropdown-divider{height:1px;margin:var(--space-2) 0}.chip,.dropdown-divider{background:var(--color-gray-100)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);color:var(--color-gray-700);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:default}.chip-removable{cursor:pointer}.chip-removable:hover{background:var(--color-gray-200)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}.h-full{height:100%}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.truncate{text-overflow:ellipsis}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border-width:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-up{animation:slideUp var(--transition-base) ease-out}.animate-slide-down{animation:slideDown var(--transition-base) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}@keyframes ping{75%,to{transform:scale(1.9);opacity:0}}.animate-ping{animation:ping 1.4s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (prefers-reduced-motion:reduce){.animate-ping,.animate-pulse{animation:none}}.auth-page{min-height:100vh;display:flex;background:linear-gradient(135deg,#e65100,#ff6600 45%,#00a287);position:relative;overflow:hidden}.auth-page:before{top:-50%;right:-30%;width:80%;height:200%;background:radial-gradient(ellipse,rgba(255,255,255,.12) 0,transparent 70%)}.auth-page:after,.auth-page:before{content:"";position:absolute;pointer-events:none}.auth-page:after{bottom:-30%;left:-20%;width:60%;height:120%;background:radial-gradient(ellipse,rgba(0,40,35,.15) 0,transparent 70%)}.auth-back-home{display:inline-flex;align-items:center;gap:var(--space-2);color:rgba(255,255,255,.85);font-size:var(--text-sm);font-weight:600;text-decoration:none;margin-bottom:var(--space-6);transition:color .15s ease}.auth-back-home:hover{color:#fff}.auth-left{flex:1 1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-12);color:var(--color-white);position:relative;z-index:1}.auth-left-title{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:var(--font-extrabold);line-height:1.1;margin-bottom:var(--space-4)}.auth-left-title .highlight{background:linear-gradient(135deg,#ffffff,#d6fff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-left-description{font-size:var(--text-lg);color:rgba(255,255,255,.65);max-width:480px;line-height:var(--leading-relaxed)}.auth-features{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-10)}.auth-feature{display:flex;align-items:center;gap:var(--space-3);color:rgba(255,255,255,.75);font-size:var(--text-base)}.auth-feature-icon{width:36px;height:36px;border-radius:var(--radius-lg);background:rgba(255,255,255,.16);color:#ffffff;flex-shrink:0}.auth-feature-icon,.auth-right{display:flex;align-items:center;justify-content:center}.auth-right{width:480px;padding:var(--space-8);position:relative;z-index:1}.auth-card{width:100%;background:var(--color-white);border-radius:var(--radius-2xl);border-top:4px solid #ff6600;box-shadow:var(--shadow-2xl);padding:var(--space-8)}.auth-card .btn-primary{background:linear-gradient(135deg,#ff6600,#ffa200);box-shadow:var(--shadow-sm)}.auth-card .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#e65100,#ff6600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-card a{color:#00a287}.auth-card-title{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.auth-card-subtitle{font-size:var(--text-base);color:var(--color-gray-500);margin-bottom:var(--space-6)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--color-gray-400);font-size:var(--text-sm)}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--color-gray-200)}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-gray-500)}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.dashboard-grid-wide{grid-template-columns:repeat(3,1fr)}.dashboard-span-2{grid-column:span 2}.dashboard-span-3{grid-column:span 3}.dashboard-span-4{grid-column:span 4}.dashboard-span-full{grid-column:1/-1}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.dashboard-grid{grid-template-columns:1fr}.dashboard-span-2,.dashboard-span-3{grid-column:span 1}.skills-passport{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main-body{padding:var(--space-4)}.auth-page{flex-direction:column}.auth-left{display:none}.auth-right{width:100%;min-height:100vh}.modal{max-width:calc(100% - var(--space-8))}.table-container{font-size:var(--text-sm)}.hide-mobile{display:none!important}}@media (min-width:769px) and (max-width:1024px){.sidebar{width:var(--sidebar-collapsed)}.sidebar-brand-text,.sidebar-link span,.sidebar-link-badge,.sidebar-section-title,.sidebar-user-info{display:none}.sidebar-link{justify-content:center;padding:var(--space-2)}.sidebar-link.active:before{left:0}.sidebar-user{justify-content:center}.main-content{margin-left:var(--sidebar-collapsed)}.dashboard-grid,.grid-4,.skills-passport{grid-template-columns:repeat(2,1fr)}.hide-tablet{display:none!important}}@media (min-width:1440px){.main-body{padding:var(--space-8)}}.hamburger-btn{display:none;width:40px;height:40px;align-items:center;justify-content:center;color:var(--color-gray-600);border-radius:var(--radius-md)}@media (max-width:768px){.hamburger-btn{display:flex}}.notification-bell{position:relative}.notification-bell-count{position:absolute;top:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:var(--color-accent-red);color:var(--color-white);font-size:9px;font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-white)}.streak-badge{padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,var(--color-accent-orange) 0,var(--color-accent-orange-light) 100%);color:var(--color-white);border-radius:var(--radius-full);font-weight:var(--font-bold)}.streak-badge,.xp-display{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm)}.xp-display{color:var(--color-secondary)}.live-pill,.xp-display{font-weight:var(--font-semibold)}.live-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 12px;border-radius:999px;border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-600);font-size:var(--text-sm);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.live-pill:hover{border-color:var(--color-accent-teal);color:var(--color-accent-teal-dark);background:var(--color-accent-teal-50)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--color-gray-400);flex-shrink:0}.live-pill:has(.live-dot-on){border-color:var(--color-accent-teal);background:var(--color-accent-teal-50);color:var(--color-accent-teal-dark)}.live-dot-on{background:var(--color-accent-red);animation:livePulse 1.8s ease-in-out infinite}@keyframes livePulse{0%,to{box-shadow:0 0 0 0 rgba(220,38,38,.55);opacity:1}50%{box-shadow:0 0 0 5px rgba(220,38,38,0);opacity:.65}}@media (prefers-reduced-motion:reduce){.live-dot-on{animation:none}}@media (max-width:560px){.live-pill-text{display:none}.live-pill{padding:8px}}.chat-container{display:flex;flex-direction:column;height:calc(100vh - var(--header-height) - var(--space-12));max-height:700px;background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);overflow:hidden}.chat-messages{flex:1 1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.chat-message{display:flex;gap:var(--space-3);max-width:85%;animation:slideUp var(--transition-fast) ease-out}.chat-message-user{align-self:flex-end;flex-direction:row-reverse}.chat-message-bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);font-size:var(--text-base);line-height:var(--leading-relaxed)}.chat-message-user .chat-message-bubble{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-light) 100%);color:var(--color-white);border-bottom-right-radius:var(--radius-sm)}.chat-message-ai .chat-message-bubble{background:var(--color-gray-100);color:var(--color-gray-800);border-bottom-left-radius:var(--radius-sm)}.chat-input-area{padding:var(--space-4);border-top:1px solid var(--color-gray-200);display:flex;gap:var(--space-3);align-items:flex-end}.chat-input{flex:1 1;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-xl);font-size:var(--text-base);resize:none;max-height:120px;transition:border-color var(--transition-fast)}.chat-input:focus{outline:none;border-color:var(--color-secondary)}.lesson-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.lesson-content{max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-6)}.lesson-objectives{padding:var(--space-5) var(--space-6);margin-bottom:var(--space-8);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-primary-50),var(--color-white));border:1px solid var(--color-primary-100)}.lesson-objectives-label{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-600);margin-bottom:var(--space-3)}.lesson-objectives ul{margin:0;padding:0;list-style:none;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.lesson-objectives li{position:relative;padding-left:var(--space-6);font-size:var(--text-sm);line-height:1.6;color:var(--color-gray-700)}.lesson-objectives li:before{content:"✓";position:absolute;left:0;top:-1px;font-weight:var(--font-bold);color:var(--color-accent-green)}.lesson-block{margin-bottom:var(--space-8)}.lesson-block:last-child{margin-bottom:0}.lesson-block-label{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.07em;text-transform:uppercase;padding:4px 12px;border-radius:999px;margin-bottom:var(--space-4)}.lesson-block--text+.lesson-block--text{padding-top:var(--space-8);border-top:1px solid var(--color-gray-100)}.lesson-block--vocabulary .lesson-block-body{padding:var(--space-6);border-radius:var(--radius-xl);background:var(--color-gray-50);border:1px solid var(--color-gray-200)}.lesson-block--vocabulary .lesson-block-label{color:var(--color-reading);background:var(--color-reading-bg)}.lesson-block--tip .lesson-block-body{padding:var(--space-6) var(--space-6) var(--space-6) var(--space-8);border-radius:var(--radius-xl);background:var(--color-accent-orange-50);border:1px solid #fbd9b8;border-left:4px solid var(--color-accent-orange)}.lesson-block--tip .lesson-block-label{color:var(--color-accent-orange-dark);background:#fdead6}.rich-text{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);background:white;overflow:hidden}.rich-text:focus-within{border-color:var(--color-secondary);box-shadow:0 0 0 3px var(--color-secondary-50)}.rich-text-toolbar{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:var(--space-2) var(--space-3);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);position:-webkit-sticky;position:sticky;top:0;z-index:2}.rich-text-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-gray-700);font-size:var(--text-sm);line-height:1;cursor:pointer;transition:background .12s ease,border-color .12s ease}.rich-text-btn:hover:not(:disabled){background:var(--color-gray-200)}.rich-text-btn.is-active{background:white;border-color:var(--color-secondary);color:var(--color-secondary)}.rich-text-btn:disabled{opacity:.4;cursor:not-allowed}.rich-text-select{height:32px;padding:0 var(--space-2);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:white;font-size:var(--text-sm);color:var(--color-gray-700)}.rich-text-sep{width:1px;height:20px;margin:0 var(--space-2);background:var(--color-gray-300)}.rich-text-surface{position:relative}.rich-text-area{padding:var(--space-5) var(--space-6);outline:none;min-height:inherit}.rich-text-placeholder{position:absolute;top:var(--space-5);left:var(--space-6);right:var(--space-6);color:var(--color-gray-400);pointer-events:none;line-height:1.75}.rich-text-area table{width:100%;border-collapse:collapse;margin:var(--space-4) 0}.rich-text-area td,.rich-text-area th{border:1px solid var(--color-gray-300);padding:var(--space-2) var(--space-3);min-width:60px}.rich-text-area td:empty:after,.rich-text-area th:empty:after{content:"";display:inline-block;min-height:1.2em}.rich-text-area [data-speak]{-webkit-text-decoration:underline dotted var(--color-accent-teal,#0891b2);text-decoration:underline dotted var(--color-accent-teal,#0891b2);text-decoration-thickness:2px;text-underline-offset:3px}.rich-text-code{display:block;width:100%;border:0;outline:none;padding:var(--space-5) var(--space-6);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.7;color:var(--color-gray-700);resize:vertical}.rich-text-inline .rich-text-toolbar{padding:var(--space-1) var(--space-2);position:static}.rich-text-inline .rich-text-btn{min-width:28px;height:28px}.rich-text-inline .rich-text-area{padding:var(--space-3) var(--space-4);line-height:1.6}.rich-text-inline .rich-text-placeholder{top:var(--space-3);left:var(--space-4);right:var(--space-4);line-height:1.6}.rich-text-inline.rich-text-title .rich-text-area{font-size:var(--text-lg);font-weight:600}.lesson-block--image{margin:0 0 var(--space-8)}.lesson-block--image img{display:block;width:100%;height:auto;border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);background:var(--color-gray-50)}.lesson-block--image-inline img{max-width:420px;margin:0 auto}.lesson-block--image figcaption,.lesson-block--video figcaption{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-gray-500);text-align:center;line-height:1.6}.lesson-block--video{margin:0 0 var(--space-8)}.lesson-block--video .lesson-block-label{color:var(--color-secondary);background:var(--color-listening-bg)}.lesson-video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-gray-900);border:1px solid var(--color-gray-200)}.lesson-video-frame iframe,.lesson-video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.lesson-video-poster{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;cursor:pointer;background-color:var(--color-gray-900);background-size:cover;background-position:50%}.lesson-video-play,.lesson-video-poster{display:flex;align-items:center;justify-content:center}.lesson-video-play{width:68px;height:68px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--color-gray-900);font-size:26px;padding-left:5px;box-shadow:var(--shadow-lg);transition:transform .15s ease}.lesson-video-poster:focus-visible .lesson-video-play,.lesson-video-poster:hover .lesson-video-play{transform:scale(1.08)}.lesson-block--audio{margin:0 0 var(--space-8);padding:var(--space-6);border-radius:var(--radius-xl);background:var(--color-gray-50);border:1px solid var(--color-gray-200)}.lesson-block--audio .lesson-block-label{color:var(--color-listening);background:var(--color-listening-bg)}.lesson-prose{color:var(--color-gray-700);font-size:var(--text-base);line-height:1.75}.lesson-prose>:first-child{margin-top:0}.lesson-prose>:last-child{margin-bottom:0}.lesson-prose h3{font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1.3;margin:var(--space-8) 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-gray-100)}.lesson-prose h3,.lesson-prose h4{font-family:var(--font-heading);color:var(--color-gray-900)}.lesson-prose h4{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:1.35;margin:var(--space-6) 0 var(--space-3)}.lesson-prose p{margin:0 0 var(--space-4);max-width:68ch}.lesson-prose strong{font-weight:var(--font-semibold);color:var(--color-gray-900)}.lesson-prose em{font-style:italic;color:var(--color-gray-600)}.lesson-prose code{font-family:inherit;font-size:.95em;font-weight:var(--font-medium);color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-100);border-radius:var(--radius-md);padding:2px 7px;white-space:nowrap}.lesson-prose li code,.lesson-prose td code{white-space:normal}.lesson-prose blockquote{margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);border-left:3px solid var(--color-secondary);background:var(--color-secondary-50);border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:var(--color-gray-800);font-size:var(--text-base)}.lesson-prose blockquote code{background:var(--color-white)}.lesson-prose ol,.lesson-prose ul{margin:0 0 var(--space-5);padding:0;list-style:none;display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.lesson-prose li{position:relative;padding-left:var(--space-6);max-width:70ch}.lesson-prose ul>li:before{content:"";position:absolute;left:6px;top:.68em;width:6px;height:6px;border-radius:50%;background:var(--color-secondary)}.lesson-prose ol{counter-reset:lesson-step}.lesson-prose ol>li{padding-left:var(--space-8);counter-increment:lesson-step}.lesson-prose ol>li:before{content:counter(lesson-step);position:absolute;left:0;top:.1em;width:22px;height:22px;border-radius:50%;background:var(--color-secondary);color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center}.lesson-block--vocabulary .lesson-prose li{padding-bottom:var(--space-3);border-bottom:1px dashed var(--color-gray-200)}.lesson-block--vocabulary .lesson-prose li:last-child{padding-bottom:0;border-bottom:none}.lesson-block--vocabulary .lesson-prose li strong{color:var(--color-primary-700)}.lesson-prose .lesson-table-wrap{margin:0 0 var(--space-6);overflow-x:auto;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);background:var(--color-white);-webkit-overflow-scrolling:touch}.lesson-prose table{width:100%;min-width:460px;border-collapse:collapse;font-size:var(--text-sm)}.lesson-prose th{text-align:left;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.05em;text-transform:uppercase;color:var(--color-gray-600);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);white-space:nowrap}.lesson-prose td,.lesson-prose th{padding:var(--space-3) var(--space-4)}.lesson-prose td{border-bottom:1px solid var(--color-gray-100);vertical-align:top;line-height:1.6}.lesson-prose tr:last-child td{border-bottom:none}.lesson-prose tbody tr:hover,.lesson-prose tr:hover{background:var(--color-gray-50)}.lesson-prose td:first-child{color:var(--color-gray-900);font-weight:var(--font-medium)}@media (max-width:640px){.lesson-prose h3{font-size:var(--text-lg)}.lesson-block--tip .lesson-block-body,.lesson-block--vocabulary .lesson-block-body{padding:var(--space-4)}}.lesson-section{margin-bottom:var(--space-8)}.lesson-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-gray-100)}.quiz-question{padding:var(--space-6);margin-bottom:var(--space-4)}.quiz-question-number{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-secondary);margin-bottom:var(--space-2)}.quiz-question-text{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-gray-800);margin-bottom:var(--space-4)}.quiz-options{flex-direction:column}.quiz-option,.quiz-options{display:flex;gap:var(--space-3)}.quiz-option{align-items:center;padding:var(--space-3) var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-base)}.quiz-option.selected,.quiz-option:hover{border-color:var(--color-secondary);background:var(--color-secondary-50)}.quiz-option.correct{border-color:var(--color-accent-green);background:var(--color-accent-green-50)}.quiz-option.incorrect{border-color:var(--color-accent-red);background:var(--color-accent-red-50)}.quiz-option-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-gray-300);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.quiz-option.selected .quiz-option-radio{border-color:var(--color-secondary)}.quiz-option.selected .quiz-option-radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--color-secondary)}.pagination{gap:var(--space-1);margin-top:var(--space-6)}.pagination,.pagination-btn{display:flex;align-items:center;justify-content:center}.pagination-btn{width:36px;height:36px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-600);transition:all var(--transition-fast)}.pagination-btn:hover{background:var(--color-gray-100)}.pagination-btn.active{background:var(--color-secondary);color:var(--color-white)}.search-bar{position:relative}.search-bar-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.search-bar .input{padding-left:var(--space-10)}.filters-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.filter-select{padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-gray-700);background:var(--color-white);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;min-height:36px}.filter-select:focus{outline:none;border-color:var(--color-secondary)}@media print{.hamburger-btn,.main-header,.sidebar{display:none!important}.main-content{margin-left:0!important}.card{box-shadow:none;border:1px solid #ddd}}.lesson-block-listen-hint{display:flex;align-items:center;gap:var(--space-2);width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 0 var(--space-4);padding:var(--space-2) var(--space-4);border:1px solid var(--color-primary-200,var(--color-primary));border-left:4px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary-50);color:var(--color-gray-800);font-family:var(--font-mono,ui-monospace,"SFMono-Regular","Menlo",monospace);font-size:var(--text-sm);font-weight:600;letter-spacing:.01em}.lesson-block-listen-hint:before{content:"🔊";font-size:1.05em;line-height:1}.lesson-prose--speakable code,.lesson-prose--speakable strong{cursor:pointer;border-bottom:1px dotted var(--color-gray-300);transition:background-color .12s ease,border-color .12s ease}.lesson-prose--speakable code:hover,.lesson-prose--speakable strong:hover{background:var(--color-primary-50);border-bottom-color:var(--color-primary)}.lesson-prose--speakable li,.lesson-prose--speakable td{cursor:pointer;transition:background-color .12s ease}.lesson-prose--speakable li:hover,.lesson-prose--speakable td:hover{background:var(--color-primary-50)}.lesson-prose--speakable code strong{border-bottom:none;vertical-align:baseline;font-size:inherit;line-height:inherit;cursor:inherit}.lesson-prose--speakable h1 strong,.lesson-prose--speakable h2 strong,.lesson-prose--speakable h3 strong,.lesson-prose--speakable h4 strong,.lesson-prose--speakable th strong{border-bottom:none;cursor:auto}.conversation-hints-label{margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-500)}.conversation-hints{margin:0;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-6);border-left:3px solid var(--color-gray-200);background:var(--color-gray-50);border-radius:var(--radius-md);list-style:disc;color:var(--color-gray-600);font-size:var(--text-sm);line-height:1.7}.conversation-hints li{cursor:default}.lesson-block-translation{margin-top:var(--space-3)}.lesson-block-translation-toggle{padding:0;border:0;background:none;color:var(--color-gray-500);font-size:var(--text-xs);font-weight:500;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer}.lesson-block-translation-toggle:hover:not(:disabled){color:var(--color-primary)}.lesson-block-translation-toggle:disabled{cursor:progress;opacity:.7}.lesson-block-translation-body{margin-top:var(--space-3);padding:var(--space-4);border-left:3px solid var(--color-gray-300);background:var(--color-gray-50);border-radius:var(--radius-md);color:var(--color-gray-700);font-size:var(--text-sm);line-height:1.7;white-space:pre-wrap}.lesson-block-translation-error{color:var(--color-accent-red,#b42318)}.lesson-coach{margin-top:var(--space-8);padding:var(--space-6);border:1px solid var(--color-primary-200,var(--color-primary));border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--color-primary-50) 0,#fff 100%)}.lesson-coach-kicker{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary)}.lesson-coach-title{margin:var(--space-1) 0 var(--space-2);font-size:var(--text-xl)}.lesson-coach-lead{margin:0;color:var(--color-gray-600);font-size:var(--text-sm)}.lesson-coach-actions{flex-wrap:wrap}.lesson-coach-actions,.lesson-coach-chat{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.lesson-coach-chat{flex-direction:column}.lesson-coach-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.lesson-coach-turn{max-width:85%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.6;white-space:pre-wrap}.lesson-coach-turn--student{align-self:flex-end;background:var(--color-secondary);color:#fff}.lesson-coach-turn--coach{align-self:flex-start;background:#fff;border:1px solid var(--color-gray-200);color:var(--color-gray-900)}.lesson-coach-thinking{font-size:var(--text-xs);color:var(--color-gray-500)}.lesson-coach-input{display:flex;gap:var(--space-2)}.lesson-coach-input .input{flex:1 1}.home-hero{overflow:hidden;background:#eef1f4}.home-hero,.home-hero-inner{position:relative;min-height:clamp(420px,40vw,580px)}.home-hero-inner{z-index:1;max-width:1300px;margin:0 auto;height:100%;padding:0 2rem}.home-hero-badges{position:absolute;left:2rem;top:50%;transform:translateY(-50%);z-index:2;max-width:460px}.home-hero-figure{position:absolute;right:0;bottom:0;width:52%;height:96%}@media (max-width:860px){.home-hero{min-height:auto}.home-hero-inner{min-height:auto;display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem 1.5rem}.home-hero-badges{position:static;transform:none;max-width:none}.home-hero-figure{position:static;width:100%;height:280px}.home-hero-grid,.home-program-grid{grid-template-columns:1fr!important}.home-features-grid{grid-template-columns:repeat(2,1fr)!important}.home-contact-grid{grid-template-columns:1fr!important}}@media (max-width:520px){.home-features-grid{grid-template-columns:1fr!important}}