@import "https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary:#027c9e;--color-primary-light:#239dbe;--color-primary-dark:#01536a;--color-primary-bg:#eaf6f9;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-info:#0ea5e9;--color-bg:#f8f9fc;--color-surface:#fff;--color-surface-raised:#fff;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-text:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-glossary-highlight:#fde68a;--color-glossary-underline:#f59e0b;--color-active-para:#d6f0f7;--sidebar-width:250px;--sidebar-bg:#fff;--top-bar-height:4rem;--font-family:"Inter", "Heebo", "Segoe UI", Tahoma, sans-serif;--font-size-base:16px;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--line-height:1.6;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--focus-ring:0 0 0 3px #027c9e4d;--focus-outline:2px solid var(--color-primary-light);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}.high-contrast{--color-bg:#000;--color-surface:#1a1a1a;--color-surface-raised:#2a2a2a;--color-border:#555;--color-border-strong:#888;--color-text:#fff;--color-text-secondary:#ccc;--color-text-muted:#aaa;--color-primary:#48cae4;--color-primary-light:#90e0ef;--color-primary-dark:#0077b6;--color-primary-bg:#003647;--color-active-para:#01536a;--color-glossary-highlight:#92400e;--color-glossary-underline:#fbbf24;--sidebar-bg:#111;--color-success:#15803d;--color-success-bg:#14532d;--color-warning:#fbbf24;--color-warning-bg:#422006;--color-danger:#b91c1c;--color-danger-bg:#450a0a}.high-contrast .student-theme{--color-bg:#000;--color-primary:#48cae4;--color-primary-bg:#003647}.high-contrast .badge-pending{background:var(--color-warning-bg);color:#fbbf24}.high-contrast .badge-completed{background:var(--color-success-bg);color:#4ade80}.high-contrast .badge-generating{background:var(--color-primary-bg);color:var(--color-primary-light)}.high-contrast .badge-error{background:var(--color-danger-bg);color:#f87171}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.low-motion *,.low-motion :before,.low-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%;direction:rtl}body{font-family:var(--font-family);line-height:var(--line-height);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(#027c9e14 2px,#0000 2px);background-position:0 0;background-size:30px 30px;min-height:100vh}#root{min-height:100vh}:focus-visible{outline:var(--focus-outline);outline-offset:2px}:focus:not(:focus-visible){outline:none}h1,h2,h3,h4{letter-spacing:-.01em;font-weight:600;line-height:1.3}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-family);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;min-height:2.5rem;font-size:.875rem;font-weight:500;line-height:1.5;display:inline-flex}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, #1a8c92 100%);color:#fff;border:none}.btn-primary:hover{background:linear-gradient(135deg, #1a8c92 0%, var(--color-success) 100%);box-shadow:0 4px 12px #027c9e4d}.btn-success{background:linear-gradient(135deg, var(--color-success) 0%, #29a262 100%);color:#fff;border:none}.btn-danger{background:var(--color-danger);color:#fff}.btn-outline{border-color:var(--color-border-strong);color:var(--color-text);background:0 0}.btn-outline:hover{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.btn-icon{padding:var(--space-sm);border-radius:var(--radius-full);cursor:pointer;min-height:auto;color:var(--color-text-secondary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--color-primary-bg);color:var(--color-primary);box-shadow:none;transform:scale(1.05)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{gap:var(--space-xs);margin-bottom:var(--space-md);flex-direction:column;display:flex}.form-label{font-weight:500;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-input,.form-textarea{padding:var(--space-sm) var(--space-md);font-family:var(--font-family);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);min-height:2.5rem;font-size:.875rem}.custom-select{width:100%;position:relative}.custom-select-toggle{align-items:center;gap:var(--space-sm);width:100%;padding:.4rem var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);text-align:right;outline:none;min-height:2.5rem;font-weight:500;display:flex}.custom-select-toggle:hover{border-color:var(--color-primary-light);background:var(--color-primary-bg)}.custom-select-toggle[aria-expanded=true]{box-shadow:var(--focus-ring)}.custom-select-toggle:disabled{opacity:.5;cursor:not-allowed}.custom-select-label{text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.custom-select-label.placeholder{color:var(--color-text-muted)}.custom-select-arrow{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.custom-select-arrow.open{transform:rotate(180deg)}.custom-select-panel{top:calc(100% + var(--space-xs));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);min-width:100%;max-height:16rem;box-shadow:var(--shadow-xl);z-index:200;padding:var(--space-xs);animation:fadeIn var(--transition-fast) ease forwards;position:absolute;left:0;right:0;overflow-y:auto}.custom-select-item{align-items:center;gap:var(--space-sm);width:100%;padding:.5rem var(--space-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:right;background:0 0;border:none;display:flex}.custom-select-item:hover{background:var(--color-primary-bg);color:var(--color-primary)}.custom-select-item.active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.custom-select-check{color:var(--color-primary);font-weight:700}.custom-select-empty{padding:var(--space-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.file-upload-btn{align-items:center;gap:var(--space-sm);width:100%;padding:.5rem var(--space-md);background:var(--color-bg);border:2px dashed var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:right;outline:none;min-height:2.5rem;font-weight:500;display:flex}.file-upload-btn:hover{background:var(--color-primary-bg);border-color:var(--color-primary-light);color:var(--color-primary)}.file-upload-btn:disabled{opacity:.5;cursor:not-allowed}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.form-textarea{resize:vertical;min-height:8rem;line-height:var(--line-height)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast), transform var(--transition-fast)}.card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #027c9e1f,0 8px 10px -6px #027c9e0f}.card-header{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.badge{font-size:var(--font-size-xs);border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:.15em .6em;font-weight:600;display:inline-flex}.badge-pending{background:var(--color-warning-bg);color:#92400e}.badge-completed{background:var(--color-success-bg);color:#166534}.badge-generating{background:var(--color-primary-bg);color:var(--color-primary-dark)}.badge-error{background:var(--color-danger-bg);color:var(--color-danger)}.table-container{border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{padding:var(--space-sm) var(--space-md);text-align:right;border-bottom:1px solid var(--color-border)}th{background:var(--color-bg);font-weight:600;font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}tr:hover td{background:var(--color-primary-bg)}.split-pane{grid-template-columns:60% 40%;gap:0;height:calc(100vh - 4rem);display:grid;overflow:hidden}.pane-left{padding:var(--space-xl);border-left:1px solid var(--color-border);background:var(--color-surface);overflow-y:auto}.pane-right{padding:var(--space-xl);background:var(--color-bg);border-right:none;overflow-y:auto}.dashboard-layout{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-left:1px solid var(--color-border);z-index:100;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-header{align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-lg);border-bottom:1px solid var(--color-border);display:flex}.sidebar-logo-icon{color:var(--color-primary);flex-shrink:0}.sidebar-brand{flex-direction:column;display:flex}.sidebar-brand-name{font-weight:700;font-size:var(--font-size-lg);color:var(--color-text);line-height:1.2}.sidebar-brand-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.02em;font-weight:400}.sidebar-nav{padding:var(--space-md);flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-category{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-md) var(--space-sm) var(--space-xs);margin-top:var(--space-sm);font-weight:600;display:block}.sidebar-category:first-child{margin-top:0}.sidebar-nav-item{align-items:center;gap:var(--space-sm);width:100%;padding:.6rem var(--space-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-fast);text-align:right;background:0 0;border:none;font-weight:500;display:flex;position:relative}.sidebar-nav-item:hover{background:var(--color-primary-bg);color:var(--color-primary)}.sidebar-nav-item.active{background:var(--color-primary-bg);color:var(--color-primary);border-right:4px solid var(--color-primary);font-weight:600}.sidebar-nav-item.active:hover{color:var(--color-primary-dark);background:#dceef3}.sidebar-nav-item.expanded{background:var(--color-primary-bg);color:var(--color-primary)}.sidebar-chevron{transition:transform var(--transition-fast);margin-right:auto}.sidebar-chevron.open{transform:rotate(180deg)}.sidebar-sub-items{padding-right:var(--space-lg);margin-bottom:var(--space-xs);flex-direction:column;gap:1px;display:flex}.sidebar-sub-item{align-items:center;gap:var(--space-sm);width:100%;padding:.45rem var(--space-md);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:right;background:0 0;border:none;font-weight:500;display:flex}.sidebar-sub-item:hover{background:var(--color-primary-bg);color:var(--color-primary)}.logout-item{color:var(--color-text-muted);margin-top:auto}.logout-item:hover{background:var(--color-danger-bg);color:var(--color-danger)}.dashboard-main{flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.top-bar{padding:0 var(--space-xl);height:var(--top-bar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:90;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.top-bar-title h1{font-size:var(--font-size-xl);color:var(--color-text);font-weight:700}.top-bar-actions{align-items:center;gap:var(--space-lg);display:flex}.class-selector-menu{position:relative}.class-selector-toggle{align-items:center;gap:var(--space-sm);padding:.4rem var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);min-width:160px;font-weight:500;display:inline-flex}.class-selector-toggle:hover{border-color:var(--color-primary-light);background:var(--color-primary-bg)}.class-selector-toggle[aria-expanded=true]{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.selector-arrow{color:var(--color-text-muted);transition:transform var(--transition-fast);margin-right:auto}.selector-arrow.open{transform:rotate(180deg)}.dropdown-panel{top:calc(100% + var(--space-xs));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);min-width:220px;box-shadow:var(--shadow-xl);z-index:200;padding:var(--space-xs);animation:fadeIn var(--transition-fast) ease forwards;position:absolute;right:0}.dropdown-item{align-items:center;gap:var(--space-sm);width:100%;padding:.5rem var(--space-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:right;background:0 0;border:none;display:flex}.dropdown-item:hover{background:var(--color-primary-bg);color:var(--color-primary)}.dropdown-item.active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.dropdown-check{color:var(--color-primary);font-weight:700}.dropdown-empty{padding:var(--space-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.user-profile{align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xl);cursor:default;display:flex}.user-profile-info{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.user-greeting{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:400}.user-name{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600}.user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;width:2.5rem;height:2.5rem;font-weight:700;font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.dashboard-content{padding:var(--space-xl);background:var(--color-bg);flex:1;width:100%;max-width:72rem;margin:0 auto;overflow-y:auto}.app-header{padding:var(--space-sm) var(--space-xl);background:linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));color:#fff;box-shadow:var(--shadow-md);z-index:100;justify-content:space-between;align-items:center;min-height:3.5rem;display:flex;position:sticky;top:0}.app-header h1{font-size:var(--font-size-lg);align-items:center;gap:var(--space-sm);font-weight:700;display:flex}.header-actions{align-items:center;gap:var(--space-md);display:flex}.header-btn{color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);transition:background var(--transition-fast);background:#ffffff26;border:1px solid #ffffff4d}.header-btn:hover{background:#ffffff40}.progress-bar{background:var(--color-border);border-radius:var(--radius-full);width:100%;height:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-success));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:1.5rem;height:1.5rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.page-container{max-width:80rem;padding:var(--space-xl);margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn var(--transition-normal) ease forwards}.slide-in{animation:slideIn var(--transition-normal) ease forwards}::-webkit-scrollbar{width:.4rem}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.tooltip-container{position:relative}.tooltip{background:var(--color-text);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:50;position:absolute;bottom:100%;right:50%;transform:translate(50%)}.tooltip-container:hover .tooltip{opacity:1}.login-container{background:linear-gradient(135deg, #01536a 0%, var(--color-primary) 50%, #67b183 100%);min-height:100vh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:28rem;animation:.5s fadeIn}.login-card h1{text-align:center;margin-bottom:var(--space-xs);color:var(--color-primary-dark)}.login-card .subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:var(--font-size-sm)}.login-logo{text-align:center;margin-bottom:var(--space-md);color:var(--color-primary);justify-content:center;font-size:3rem;display:flex}.level-meter{height:2rem;padding:var(--space-xs);align-items:flex-end;gap:2px;display:flex}.level-bar{background:var(--color-success);border-radius:2px;width:4px;transition:height .1s}.recorder-container{align-items:center;gap:var(--space-md);padding:var(--space-lg);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);flex-direction:column;display:flex}.mic-btn{background:linear-gradient(135deg, var(--color-danger), #b91c1c);color:#fff;cursor:pointer;width:4rem;height:4rem;transition:all var(--transition-fast);box-shadow:var(--shadow-md);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.mic-btn:hover{box-shadow:var(--shadow-lg);transform:scale(1.1)}.mic-btn.recording{background:var(--color-danger);animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 1rem #dc262600}}@media (width<=60rem){.dashboard-layout{grid-template-columns:1fr}.sidebar{display:none}.split-pane{grid-template-columns:1fr;height:auto}.pane-left,.pane-right{border:none;max-height:none}.page-container{padding:var(--space-md)}}