:root{--color-black:#000;--color-white:#fff;--color-orange:#f28f00;--color-orange-dark:#d97d00;--color-surface:#f9f9f9;--color-surface-card:#fff;--color-surface-mid:#f3f3f4;--color-surface-high:#eee;--color-surface-dark:#1a1a1a;--color-text-primary:#1a1c1c;--color-text-secondary:#4c4546;--color-text-muted:#a0a0a0;--color-text-inverse:#fff;--color-border:#e0e0e0;--color-border-light:#f0f0f0;--color-error:#ba1a1a;--color-success:#22c55e;--font-family:"Assistant", sans-serif;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--font-size-4xl:32px;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:800;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-18:72px;--radius-none:0px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-ambient:0 4px 20px #00000008;--shadow-card:0 2px 12px #0000000f;--transition-fast:.15s ease;--transition-normal:.25s ease;--max-width-mobile:430px;--page-padding:var(--space-6)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-surface);text-align:right;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}p{line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none}input,textarea,select{font-family:var(--font-family);text-align:right;direction:rtl;font-size:16px}img{max-width:100%;display:block}.app-shell{background:var(--color-surface);flex-direction:column;width:100%;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow-x:hidden}@media (width>=768px){body{background:linear-gradient(145deg,#111 0%,#1a1a1a 50%,#0f0f0f 100%);min-height:100dvh}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.app-shell{z-index:1;min-height:100dvh;max-width:var(--max-width-mobile);border-left:1px solid #ffffff12;border-right:1px solid #ffffff12;position:relative;box-shadow:0 0 0 1px #ffffff0a,0 8px 40px #0000008c,0 32px 80px #0006,inset 0 1px #ffffff0f}}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-align:right}.form-input{width:100%;height:48px;padding:0 0 var(--space-2) 0;border:none;border-bottom:1.5px solid var(--color-border);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-text-primary);transition:border-color var(--transition-fast);-webkit-appearance:none;background:0 0;border-radius:0;outline:none}.form-input::placeholder{color:var(--color-text-muted);font-weight:var(--font-weight-light)}.form-input:focus{border-bottom-color:var(--color-orange)}.form-input.error{border-bottom-color:var(--color-error)}.field-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:2px}.btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;height:52px;padding:0 var(--space-6);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);border-radius:var(--radius-none);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);letter-spacing:.01em;border:none;display:flex;position:relative;overflow:hidden}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--color-orange);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-orange-dark)}.btn-secondary{color:var(--color-text-primary);border:1.5px solid var(--color-border);background-color:#0000}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-mid);color:var(--color-orange);border-color:var(--color-orange)}.btn-spinner{border:2px solid #1b1b1b40;border-top-color:var(--color-text-inverse);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-accent-line{background-color:var(--color-orange);width:40px;height:2px;margin:var(--space-2) auto 0}.progress-bar{background:var(--color-border);border-radius:0;width:100%;height:3px;overflow:hidden}.progress-bar-fill{background:var(--color-orange);height:100%;transition:width var(--transition-normal)}.bottom-nav{background:var(--color-surface-card);border-top:1px solid var(--color-border);z-index:100;padding:6px var(--space-4) calc(6px + env(safe-area-inset-bottom,0px));box-sizing:border-box;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=768px){.bottom-nav{width:100%;max-width:var(--max-width-mobile);left:50%;right:auto;transform:translate(-50%)}}.bottom-nav-item{padding:4px var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast);font-family:var(--font-family);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.bottom-nav-item.active{color:var(--color-orange)}.bottom-nav-item svg{flex-shrink:0;width:20px;height:20px}.top-nav{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);background:var(--color-surface-card);z-index:50;justify-content:space-between;align-items:center;min-height:56px;display:flex;position:sticky;top:0}.avatar{border:1.5px solid var(--color-orange);background:var(--color-orange);width:36px;height:36px;color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:var(--font-family);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dashboard-avatar-wrap{position:relative}.dashboard-avatar-menu{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:200px;box-shadow:var(--shadow-card);z-index:100;direction:rtl;animation:.15s avatarMenuFadeIn;position:absolute;top:calc(100% + 8px);left:0}@keyframes avatarMenuFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dashboard-avatar-menu-info{flex-direction:column;gap:2px;padding:12px 16px;display:flex}.dashboard-avatar-menu-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.dashboard-avatar-menu-email{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right;direction:ltr}.dashboard-avatar-menu-divider{background:var(--color-border);height:1px;margin:0}.dashboard-avatar-menu-logout{width:100%;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:right;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:0 0;border:none;padding:10px 16px}.dashboard-avatar-menu-logout:hover{color:var(--color-orange);background:#f973161a}.card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);overflow:hidden}.page-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-normal) ease both}.text-muted{color:var(--color-text-muted)}.text-orange{color:var(--color-orange)}.text-bold{font-weight:var(--font-weight-bold)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-center{text-align:center}.w-full{width:100%}.auth-screen{background-color:var(--color-surface);min-height:100dvh;padding:0 var(--page-padding);padding-bottom:var(--space-12);flex-direction:column;display:flex}.auth-brand{padding-top:var(--space-18);align-items:center;gap:var(--space-1);flex-direction:column;animation:.4s both fadeIn;display:flex}.auth-brand-subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-muted);letter-spacing:.02em}.auth-brand-name{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);color:var(--color-text-primary);letter-spacing:-.01em;line-height:1.1}.auth-brand-portal{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-regular);margin-top:var(--space-1)}.auth-form-section{margin-top:var(--space-14);gap:var(--space-6);flex-direction:column;animation:.5s .1s both fadeIn;display:flex}.auth-submit{margin-top:var(--space-2)}.auth-footer{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-5);animation:.5s .2s both fadeIn;display:flex}.auth-footer-link{font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);padding:var(--space-1) 0;font-family:var(--font-family);background:0 0;border:none}.auth-footer-link:hover{color:var(--color-text-primary)}.auth-footer-sep{background:var(--color-border);width:1px;height:12px}.auth-footer-inline{justify-content:center;align-items:center;gap:var(--space-1);margin-top:var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-muted);animation:.5s .2s both fadeIn;display:flex}.auth-footer-inline-link{color:var(--color-text-primary);font-weight:var(--font-weight-bold);text-underline-offset:2px;cursor:pointer;font-size:var(--font-size-sm);font-family:var(--font-family);transition:color var(--transition-fast);background:0 0;border:none;text-decoration:underline}.auth-footer-inline-link:hover{color:var(--color-orange)}.auth-toast{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-error);background:#ffb4ab1a;border:1px solid #ffb4ab4d;animation:.2s fadeIn;display:flex}.auth-toast-icon{flex-shrink:0;width:16px;height:16px}.form-input-wrapper{align-items:center;display:flex;position:relative}.form-input-wrapper .form-input{padding-left:36px}.password-toggle{left:0;bottom:var(--space-2);cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute}.password-toggle:hover{color:var(--color-text-primary)}.password-toggle svg{width:18px;height:18px}.dashboard-screen{background:var(--color-surface);flex-direction:column;min-height:100dvh;padding-bottom:72px;display:flex}.dashboard-nav{padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border-light);z-index:50;justify-content:space-between;align-items:center;min-height:56px;display:flex;position:sticky;top:0}.dashboard-nav-logo{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.01em;flex-direction:column;align-items:flex-end;gap:1px;line-height:1;display:flex}.dashboard-nav-logo span:first-child{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-text-muted)}.dashboard-nav-logo span:last-child{font-size:15px;font-weight:var(--font-weight-bold)}.dashboard-body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.dashboard-greeting{padding:var(--space-6) var(--space-4) var(--space-4);animation:.35s both fadeIn}.dashboard-greeting-hello{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.2}.dashboard-greeting-sub{font-size:var(--font-size-base);color:var(--color-text-muted);margin-top:var(--space-1)}.dashboard-continue-wrap{padding:0 var(--space-4);animation:.4s 50ms both fadeIn}.dashboard-continue-card{background:var(--color-surface-dark);border-radius:var(--radius-md);cursor:pointer;width:100%;min-height:128px;transition:opacity var(--transition-fast);padding:var(--space-4);color:inherit;flex-direction:column;justify-content:space-between;text-decoration:none;display:flex;position:relative;overflow:hidden}.dashboard-continue-card:active{opacity:.85}.dashboard-continue-card:before{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#0000,#0000 18px,#ffffff05 18px 19px);position:absolute;inset:0}.dashboard-continue-top{justify-content:space-between;align-items:flex-start;display:flex}.dashboard-continue-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);letter-spacing:.03em}.dashboard-continue-arrow{width:28px;height:28px;color:var(--color-white);border:1.5px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dashboard-continue-arrow svg{width:14px;height:14px}.dashboard-continue-middle{margin-top:var(--space-2)}.dashboard-continue-module{font-size:var(--font-size-xs);color:var(--color-orange);font-weight:var(--font-weight-bold);letter-spacing:.02em;margin-bottom:var(--space-1)}.dashboard-continue-lesson{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-white);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.dashboard-continue-progress{background:#ffffff1a;height:4px;position:absolute;bottom:0;left:0;right:0}.dashboard-continue-progress-fill{background:var(--color-orange);height:100%;transition:width .6s}.dashboard-section{padding:var(--space-8) var(--space-4) 0;box-sizing:border-box;max-width:100%;animation:.4s .1s both fadeIn;overflow:hidden}.dashboard-section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.dashboard-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.dashboard-section-link{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast);font-family:var(--font-family);background:0 0;border:none}.dashboard-section-link:hover{color:var(--color-text-primary)}.dashboard-courses-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}.course-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-ambient);cursor:pointer;transition:box-shadow var(--transition-fast), transform var(--transition-fast);color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.course-card:active{box-shadow:none;transform:scale(.98)}.course-card-thumb{background:var(--color-surface-dark);flex-shrink:0;height:140px;position:relative;overflow:hidden}.course-card-thumb:before{content:"";background:repeating-linear-gradient(135deg,#0000,#0000 8px,#ffffff0a 8px 9px);position:absolute;inset:0}.course-card-thumb-icon{color:#ffffff40;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.course-card-thumb-icon svg{width:32px;height:32px}.course-card-body{padding:var(--space-3);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.course-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.course-card-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.course-card-progress{background:var(--color-border);border-radius:0;height:3px;margin-top:auto;overflow:hidden}.course-card-progress-fill{background:var(--color-orange);height:100%}.course-card-bottom-bar{background:var(--color-border-light);height:3px;position:relative;overflow:hidden}.course-card-cta{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) 0 var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-orange);transition:gap var(--transition-fast);margin-top:auto;display:flex}.course-card:hover .course-card-cta{gap:var(--space-3)}.course-card-cta svg{flex-shrink:0}.dashboard-stats{margin-top:var(--space-8);margin-right:var(--space-4);margin-left:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:0;animation:.4s .15s both fadeIn;display:flex;overflow:hidden}.stat-item{padding:var(--space-4) var(--space-2);border-right:1px solid var(--color-border);flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.stat-item:last-child{border-right:none}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--color-text-primary);line-height:1}.stat-value.orange{color:var(--color-orange)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.dashboard-bottom-nav{background:var(--color-surface-card);border-top:1px solid var(--color-border);z-index:100;padding:0 var(--space-4);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}@media (width>=768px){.dashboard-bottom-nav{width:100%;max-width:var(--max-width-mobile);left:50%;right:auto;transform:translate(-50%)}}.nav-item{padding:10px var(--space-4) 8px;color:var(--color-text-muted);font-size:10px;font-weight:var(--font-weight-medium);cursor:pointer;font-family:var(--font-family);transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.nav-item.active{color:var(--color-orange)}.nav-item svg{stroke-width:1.75px;flex-shrink:0;width:18px;height:18px}.lessons-screen{background:var(--color-surface);flex-direction:column;min-height:100dvh;padding-bottom:72px;display:flex}.lessons-header{padding:0 var(--space-4);border-bottom:1px solid var(--color-border-light);background:var(--color-surface);z-index:50;justify-content:space-between;align-items:center;min-height:56px;display:flex;position:sticky;top:0}.lessons-header-back{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;padding:var(--space-2) 0;transition:color var(--transition-fast);background:0 0;border:none;display:flex}.lessons-header-back:hover{color:var(--color-text-primary)}.lessons-header-back svg{width:18px;height:18px}.lessons-header-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:0 var(--space-3);flex:1;overflow:hidden}.lessons-info{padding:var(--space-6) var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border-light);animation:.3s both fadeIn}.lessons-info-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--color-text-primary);letter-spacing:-.01em;line-height:1.2}.lessons-info-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);margin-top:var(--space-1);line-height:1.5}.lessons-info-progress-wrap{margin-top:var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.lessons-info-progress-bar{background:var(--color-border);width:100%;height:4px;overflow:hidden}.lessons-info-progress-fill{background:var(--color-orange);height:100%;transition:width .6s}.lessons-info-progress-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.lessons-search-wrap{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light)}.lessons-search{align-items:center;display:flex;position:relative}.lessons-search-input{width:100%;height:40px;padding:0 var(--space-2) 0 var(--space-8);background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);transition:border-color var(--transition-fast);direction:rtl;outline:none}.lessons-search-input:focus{border-color:var(--color-orange);background:var(--color-surface-mid)}.lessons-search-input::placeholder{color:var(--color-text-muted)}.lessons-search-icon{left:var(--space-2);color:var(--color-text-muted);pointer-events:none;display:flex;position:absolute}.lessons-search-icon svg{width:16px;height:16px}.lessons-body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.module-block{border-bottom:1px solid var(--color-border-light);animation:.3s both fadeIn}.module-header{padding:var(--space-4) var(--space-4);background:var(--color-surface);cursor:pointer;width:100%;font-family:var(--font-family);text-align:right;transition:background var(--transition-fast);justify-content:space-between;align-items:center;gap:var(--space-3);border:none;display:flex}.module-header:hover{background:var(--color-surface-card)}.module-header-right{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.module-number-badge{background:var(--color-orange);width:28px;height:28px;color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.module-header-text{min-width:0}.module-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.module-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.module-chevron{color:var(--color-text-muted);transition:transform var(--transition-normal);flex-shrink:0;display:flex}.module-chevron.open{transform:rotate(180deg)}.module-chevron svg{width:18px;height:18px}.module-lessons{transition:max-height .3s;overflow:hidden}.lesson-row{background:var(--color-surface-card);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);cursor:pointer;min-height:64px;transition:background var(--transition-fast);color:inherit;text-decoration:none;display:flex;position:relative}.lesson-row:last-child{border-bottom:none}.lesson-row:hover:not(.lesson-row--locked){background:var(--color-surface-mid)}.lesson-row--locked{cursor:default;opacity:.6}.lesson-status{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.lesson-status-completed{background:var(--color-orange);width:22px;height:22px;color:var(--color-text-inverse);border-radius:50%;justify-content:center;align-items:center;display:flex}.lesson-status-completed svg{stroke-width:3px;width:12px;height:12px}.lesson-status-current{border:2px solid var(--color-border);background:var(--color-surface);border-radius:50%;width:22px;height:22px}.lesson-status-locked{color:var(--color-text-muted);display:flex}.lesson-status-locked svg{width:16px;height:16px}.lesson-status-available{background:var(--color-border);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin:auto 4px}.lesson-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.lesson-title-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.lesson-title{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.35}.lesson-row--locked .lesson-title{color:var(--color-text-muted)}.lesson-badge-new{background:var(--color-orange);color:var(--color-text-inverse);font-size:10px;font-weight:var(--font-weight-bold);white-space:nowrap;border-radius:2px;flex-shrink:0;align-items:center;padding:1px 6px;display:inline-flex}.lesson-unlock-date{font-size:var(--font-size-xs);color:var(--color-orange);font-weight:var(--font-weight-medium);margin-top:1px}.lesson-media-icons{align-items:center;gap:6px;margin-top:3px;display:flex}.lesson-media-icon{color:var(--color-text-muted);align-items:center;gap:3px;display:flex}.lesson-media-icon svg{stroke-width:1.5px;width:13px;height:13px}.lessons-empty{padding:var(--space-16) var(--space-6);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-text-muted);flex-direction:column;display:flex}.lessons-empty svg{opacity:.4;width:40px;height:40px}.lessons-empty p{font-size:var(--font-size-base);color:var(--color-text-muted)}.lesson-seq-badge{background:var(--color-surface-mid);border:1px solid var(--color-border);width:34px;height:22px;font-size:10px;font-weight:var(--font-weight-black);color:var(--color-text-muted);letter-spacing:.04em;font-variant-numeric:tabular-nums;transition:background var(--transition-fast), color var(--transition-fast);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lesson-row:not(.lesson-row--locked):hover .lesson-seq-badge{background:var(--color-orange);color:var(--color-text-inverse);border-color:var(--color-orange)}.lesson-row--locked .lesson-seq-badge{opacity:.45}.lesson-screen{background:var(--color-surface);flex-direction:column;max-width:100%;min-height:100dvh;padding-bottom:72px;display:flex;overflow-x:hidden}.lesson-top-header{padding:0 var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border-light);z-index:50;box-sizing:border-box;justify-content:space-between;align-items:center;max-width:100%;min-height:52px;display:flex;position:sticky;top:0;overflow:hidden}.lesson-back-btn{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2) 0;transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;display:flex}.lesson-back-btn:hover{color:var(--color-text-primary)}.lesson-back-btn svg{width:18px;height:18px}.lesson-header-nav{align-items:center;gap:var(--space-3);display:flex}.lesson-id-badge{font-size:10px;font-weight:var(--font-weight-black);letter-spacing:.06em;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border-light);white-space:nowrap;border-radius:3px;flex-shrink:0;padding:2px 7px}.lesson-nav-btn{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;padding:var(--space-1) var(--space-2);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;display:flex}.lesson-nav-btn:hover{color:var(--color-text-primary)}.lesson-nav-btn:disabled{opacity:.3;cursor:not-allowed}.lesson-nav-btn svg{width:16px;height:16px}.lesson-nav-sep{background:var(--color-border);flex-shrink:0;width:1px;height:16px}.lesson-body{-webkit-overflow-scrolling:touch;padding-bottom:var(--space-10,40px);box-sizing:border-box;flex:1;max-width:100%;overflow:hidden auto}.lesson-video-wrap{background:#000;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.lesson-video-iframe{z-index:2;border:none;width:100%;height:100%;position:absolute;inset:0}.lesson-video-native{object-fit:contain;z-index:2;background:#000;width:100%;height:100%;position:absolute;inset:0}.lesson-video-wrap:after{content:"";pointer-events:none;z-index:3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");position:absolute;inset:0}.lesson-video-inner{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lesson-video-scanlines{pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff03 3px 4px);position:absolute;inset:0}.lesson-resume-banner{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);z-index:10;background:#000000c7;animation:.3s both slideUpFade;display:flex;position:absolute;bottom:44px;left:0;right:0}.lesson-resume-clear{color:#fff;font-family:var(--font-family);font-size:11px;font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast);background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;flex-shrink:0;padding:4px 12px}.lesson-resume-clear:hover{background:#ffffff47}@keyframes slideUpFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lesson-play-btn{width:64px;height:64px;color:var(--color-white);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3;background:#ffffff1f;border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.lesson-play-btn:hover{border-color:var(--color-orange);background:#f28f00d9;transform:scale(1.06)}.lesson-play-btn svg{width:26px;height:26px;margin-right:-3px}.lesson-video-meta{padding:var(--space-2) var(--space-3);z-index:3;background:linear-gradient(#0000,#000000b3);justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.lesson-video-duration{font-size:var(--font-size-xs);color:#ffffffbf;font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-2);display:flex}.lesson-video-progress-bar{background:#fff3;height:3px;position:absolute;bottom:0;left:0;right:0}.lesson-video-progress-fill{background:var(--color-orange);width:0%;height:100%;transition:width .3s linear}.lesson-info{padding:var(--space-5) var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border-light);box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;animation:.3s both fadeIn;overflow:hidden}.lesson-module-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-orange);letter-spacing:.04em;margin-bottom:var(--space-1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-title-main{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--color-text-primary);letter-spacing:-.01em;word-wrap:break-word;overflow-wrap:break-word;line-height:1.25}.lesson-description{margin-top:var(--space-3);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.65}.lesson-section{padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--color-border-light);box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;animation:.35s 50ms both fadeIn;overflow:hidden}.lesson-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);display:flex}.lesson-section-title svg{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0}.lesson-materials-list{gap:var(--space-2);flex-direction:column;display:flex}.lesson-material-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);color:inherit;text-decoration:none;display:flex}.lesson-material-card:hover{background:var(--color-surface-mid);border-color:var(--color-orange)}.lesson-material-icon{border-radius:var(--radius-sm);background:var(--color-orange);width:36px;height:36px;color:var(--color-text-inverse);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lesson-material-icon svg{width:18px;height:18px}.lesson-material-info{flex:1;min-width:0}.lesson-material-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lesson-material-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.lesson-material-download{color:var(--color-text-muted);transition:color var(--transition-fast);flex-shrink:0}.lesson-material-card:hover .lesson-material-download{color:var(--color-text-primary)}.lesson-material-download svg{width:18px;height:18px}.lesson-notes-textarea{width:100%;min-height:100px;padding:var(--space-3);background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);color:var(--color-text-primary);resize:vertical;transition:border-color var(--transition-fast);text-align:right;direction:rtl;outline:none;font-size:16px;line-height:1.6}.lesson-notes-textarea:focus{border-color:var(--color-orange);background:var(--color-surface-mid)}.lesson-notes-textarea::placeholder{color:var(--color-text-muted);font-weight:var(--font-weight-light)}.lesson-complete-wrap{padding:var(--space-6) var(--space-4) var(--space-8);animation:.4s .1s both fadeIn}.lesson-complete-btn{justify-content:center;align-items:center;gap:var(--space-2);background:var(--color-orange);width:100%;height:56px;color:var(--color-text-inverse);font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);letter-spacing:.01em;border:none;border-radius:0;display:flex}.lesson-complete-btn:hover{background:var(--color-orange-dark)}.lesson-complete-btn:active{transform:scale(.985)}.lesson-complete-btn.done{background:var(--color-success,#22c55e);color:var(--color-white);cursor:default}.lesson-complete-btn svg{width:20px;height:20px}.lesson-completed-banner{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--color-success);font-weight:var(--font-weight-medium);background:#22c55e1a;border:1px solid #22c55e4d;display:flex}.lesson-completed-banner svg{flex-shrink:0;width:18px;height:18px}.lesson-parts-tabs{padding:0 var(--space-4);margin-top:var(--space-3);direction:rtl;flex-direction:column;gap:0;display:flex}.lesson-part-tab{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-card);border:1px solid var(--color-border-light);color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-align:right;border-right:3px solid #0000;transition:all .18s;display:flex}.lesson-part-tab:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.lesson-part-tab:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.lesson-part-tab:only-child{border-radius:var(--radius-md)}.lesson-part-tab+.lesson-part-tab{border-top:none}.lesson-part-tab.active{background:var(--color-surface-card);border-right-color:var(--color-orange);color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.lesson-part-tab:hover:not(.active){background:var(--color-surface-mid);color:var(--color-text-primary)}.lesson-part-tab-icon{background:var(--color-surface-mid);width:32px;height:32px;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:flex}.lesson-part-tab.active .lesson-part-tab-icon{background:var(--color-orange);color:var(--color-white)}.lesson-part-tab-icon svg{width:14px;height:14px}.lesson-part-tab-info{flex:1;min-width:0}.lesson-part-tab-title{font-size:var(--font-size-sm);line-height:1.3}.lesson-part-tab-duration{color:var(--color-text-muted);font-size:11px;font-weight:var(--font-weight-regular);margin-top:2px}.lesson-audio-section{padding:var(--space-4) var(--space-4) var(--space-2)}.lesson-audio-heading{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3);text-align:right}.lesson-audio-player{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.lesson-audio-player.with-image{flex-direction:column}.lesson-audio-album{background:var(--color-surface-mid);flex-shrink:0;width:100%;height:180px;overflow:hidden}.lesson-audio-album img{object-fit:contain;background:var(--color-surface-mid);width:100%;height:100%}.lesson-audio-controls{gap:var(--space-2);min-width:0;padding:var(--space-4);flex-direction:column;flex:1;display:flex}.lesson-audio-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lesson-audio-buttons{justify-content:center;align-items:center;gap:var(--space-3);direction:ltr;display:flex}.lesson-audio-btn{cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.lesson-audio-btn:hover{color:var(--color-orange);background:#f9731614}.lesson-audio-btn.play{background:#f28f00;background:var(--color-orange,#f28f00);-webkit-appearance:none;-webkit-tap-highlight-color:transparent;border-radius:50%;flex-shrink:0;width:48px;min-width:48px;height:48px;min-height:48px;box-shadow:0 2px 8px #f28f0059;color:#fff!important}.lesson-audio-btn.play svg{display:block;fill:#fff!important}.lesson-audio-btn.play:hover{background:var(--color-orange-hover,#e07e00);color:#fff!important}.lesson-audio-btn.play:active{background:#e07e00;background:var(--color-orange,#f28f00);transform:scale(.95);color:#fff!important}.lesson-audio-btn.speed{font-size:12px;font-weight:700;font-family:var(--font-family);border:1px solid var(--color-border);border-radius:12px;min-width:36px;padding:2px 8px}.lesson-audio-progress-wrap{cursor:pointer;padding:4px 0}.lesson-audio-progress-bar{background:var(--color-surface-mid);border-radius:3px;width:100%;height:6px;position:relative;overflow:visible}.lesson-audio-progress-fill{background:var(--color-orange);border-radius:3px;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.lesson-audio-progress-thumb{background:var(--color-orange);border:2px solid #fff;border-radius:50%;width:14px;height:14px;transition:left .1s linear;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0003}.lesson-audio-times{color:var(--color-text-muted);direction:ltr;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.lesson-audio-tabs{gap:var(--space-2);margin-top:var(--space-3);direction:rtl;flex-wrap:wrap;display:flex}.lesson-audio-tab{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-card);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:6px 14px}.lesson-audio-tab:hover{border-color:var(--color-orange);color:var(--color-orange)}.lesson-audio-tab.active{background:var(--color-orange);color:#fff;border-color:var(--color-orange);font-weight:var(--font-weight-bold)}.pdf-viewer-overlay{z-index:10000;background:#000000d9;flex-direction:column;animation:.2s pdfFadeIn;display:flex;position:fixed;inset:0}@keyframes pdfFadeIn{0%{opacity:0}to{opacity:1}}.pdf-viewer-modal{flex-direction:column;width:100%;max-width:900px;height:100%;margin:0 auto;display:flex}.pdf-viewer-header{-webkit-backdrop-filter:blur(8px);direction:rtl;background:#0009;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pdf-viewer-title{color:#fff;font-family:var(--font-family);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.pdf-viewer-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:12px;font-size:18px;transition:background .15s;display:flex}.pdf-viewer-close:hover{background:#ffffff4d}.pdf-viewer-body{background:#525659;flex:1;min-height:0;overflow:hidden}.pdf-viewer-iframe{border:none;width:100%;height:100%;display:block}.profile-screen{background:var(--color-surface);flex-direction:column;min-height:100dvh;padding-bottom:80px;display:flex}.profile-nav{padding:0 var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border-light);z-index:50;justify-content:center;align-items:center;min-height:56px;display:flex;position:sticky;top:0}.profile-nav-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.profile-hero{background:var(--color-surface);padding:var(--space-8) var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-light);align-items:center;gap:var(--space-3);flex-direction:column;animation:.35s both fadeIn;display:flex}.profile-avatar-ring{background:linear-gradient(135deg, var(--color-orange), #d97d00);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;padding:3px;display:flex;position:relative}.profile-avatar-inner{background:var(--color-orange);width:100%;height:100%;color:var(--color-text-inverse);font-size:28px;font-weight:var(--font-weight-black);letter-spacing:-.02em;font-family:var(--font-family);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-avatar-edit{background:var(--color-surface);border:1.5px solid var(--color-border);width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:0}.profile-avatar-edit:hover{color:var(--color-text-primary);border-color:var(--color-text-primary)}.profile-avatar-edit svg{width:13px;height:13px}.profile-hero-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--color-text-primary);letter-spacing:-.01em;text-align:center;line-height:1.2}.profile-hero-status{align-items:center;gap:var(--space-1);background:var(--color-orange);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);letter-spacing:.03em;padding:4px 12px;display:inline-flex}.profile-section{margin-top:var(--space-4);background:var(--color-surface);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);animation:.35s 50ms both fadeIn}.profile-section-header{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-2);display:flex}.profile-section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase}.profile-info-row{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;gap:var(--space-3);min-height:56px;display:flex}.profile-info-row:last-child{border-bottom:none}.profile-info-left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.profile-info-icon{border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-info-icon svg{width:15px;height:15px}.profile-info-text{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-info-field-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.profile-info-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-password-form{padding:0 var(--space-4) var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.profile-form-field{gap:var(--space-1);flex-direction:column;display:flex}.profile-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.profile-form-input-wrap{align-items:center;display:flex;position:relative}.profile-form-input{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;height:48px;font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-primary);text-align:right;padding:0 0 0 36px;padding-right:var(--space-3);transition:border-color var(--transition-fast), background var(--transition-fast);direction:rtl;outline:none}.profile-form-input:focus{border-color:var(--color-text-primary);background:var(--color-surface)}.profile-form-input.error{border-color:var(--color-error)}.profile-form-input::placeholder{color:var(--color-text-muted);font-weight:var(--font-weight-light)}.profile-eye-toggle{left:var(--space-3);cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute}.profile-eye-toggle:hover{color:var(--color-text-primary)}.profile-eye-toggle svg{width:17px;height:17px}.profile-form-error{font-size:var(--font-size-xs);color:var(--color-error)}.profile-save-btn{background:var(--color-orange);width:100%;height:48px;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);margin-top:var(--space-2);justify-content:center;align-items:center;gap:var(--space-2);border:none;border-radius:0;display:flex}.profile-save-btn:hover{background:var(--color-orange-dark)}.profile-save-btn:active{transform:scale(.985)}.profile-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-save-btn svg{width:16px;height:16px}.profile-success-msg{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:#166534;font-weight:var(--font-weight-medium);background:#f0fdf4;border:1px solid #bbf7d0;animation:.25s fadeIn;display:flex}.profile-success-msg svg{flex-shrink:0;width:16px;height:16px}.profile-achievement-block{padding:var(--space-4)}.internship-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.internship-header{justify-content:space-between;align-items:center;display:flex}.internship-label{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.internship-badge{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.internship-badge.active{border-color:var(--color-orange);color:var(--color-orange);background:#fff7ed}.internship-progress-bar{background:var(--color-border);width:100%;height:6px;overflow:hidden}.internship-progress-fill{background:var(--color-orange);height:100%;transition:width .7s}.internship-stats{align-items:baseline;gap:var(--space-1);display:flex}.internship-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);color:var(--color-text-primary);line-height:1}.internship-stat-sep{font-size:var(--font-size-lg);color:var(--color-text-muted);font-weight:var(--font-weight-light)}.internship-stat-total{font-size:var(--font-size-lg);color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.internship-stat-unit{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-regular);margin-right:var(--space-1)}.internship-note{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.5}.profile-logout-wrap{padding:var(--space-4);animation:.35s .1s both fadeIn}.profile-logout-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;height:48px;color:var(--color-error,#c0392b);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:1.5px solid;border-radius:0;display:flex}.profile-logout-btn:hover{background:#ffb4ab1a}.profile-logout-btn svg{width:18px;height:18px}.profile-version{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);padding:var(--space-4) var(--space-4) var(--space-2);opacity:.6}.admin-screen{background:var(--color-surface);flex-direction:column;min-height:100dvh;display:flex}.admin-topbar{padding:0 var(--space-4);background:var(--color-surface-card);height:56px;color:var(--color-text-primary);z-index:60;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-ambient);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}@media (width>=768px){.admin-topbar{width:100%;max-width:var(--max-width-mobile);left:50%;right:auto;transform:translate(-50%)}}.admin-topbar+*{margin-top:56px}.admin-topbar-brand{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.admin-topbar-label{font-size:9px;font-weight:var(--font-weight-bold);color:var(--color-orange);letter-spacing:.1em;text-transform:uppercase}.admin-topbar-title{font-size:15px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.1}.admin-topbar-left{align-items:center;gap:var(--space-3);display:flex}.admin-topbar-admin{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:left}.admin-avatar{border:1.5px solid var(--color-text-primary);width:34px;height:34px;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:var(--font-family);cursor:pointer;transition:border-color var(--transition-fast);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-avatar:hover{border-color:var(--color-orange)}.admin-tab-nav{background:var(--color-surface-card);border-bottom:1px solid var(--color-border-light);-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:55;flex-shrink:0;align-items:stretch;display:flex;position:sticky;top:56px;overflow-x:auto}.admin-tab-nav::-webkit-scrollbar{display:none}.admin-tab-item{padding:var(--space-2) var(--space-4);font-family:var(--font-family);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;min-width:64px;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2.5px solid #0000;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex}.admin-tab-item:hover{color:var(--color-text-primary)}.admin-tab-item.active{color:var(--color-text-primary);border-bottom-color:var(--color-orange)}.admin-tab-item svg{width:18px;height:18px}.admin-body{-webkit-overflow-scrolling:touch;flex:1;width:100%;max-width:720px;margin:0 auto;padding-bottom:40px;overflow-y:auto}.admin-page-section{padding:var(--space-5) var(--space-4) 0}.admin-section-row{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.admin-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.admin-section-action{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);cursor:pointer;padding:var(--space-1) 0;transition:color var(--transition-fast);background:0 0;border:none;text-decoration:none}.admin-section-action:hover{color:var(--color-text-primary)}.admin-stats-grid{gap:var(--space-3);padding:var(--space-5) var(--space-4) 0;grid-template-columns:1fr 1fr;animation:.3s both fadeIn;display:grid}.admin-stat-card.span-2{grid-column:span 2}.admin-stat-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);gap:var(--space-2);box-shadow:var(--shadow-ambient);flex-direction:column;display:flex;position:relative;overflow:hidden}.admin-stat-card:before{content:"";background:var(--color-orange);border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:3px;position:absolute;top:0;bottom:0;right:0}.admin-stat-card.accent-warning:before{background:#f59e0b}.admin-stat-card.accent-success:before{background:#22c55e}.admin-stat-card.accent-info:before{background:#3b82f6}.admin-stat-icon{border-radius:var(--radius-sm);background:var(--color-surface);width:32px;height:32px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-stat-icon svg{width:17px;height:17px}.admin-stat-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);color:var(--color-text-primary);line-height:1}.admin-stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);line-height:1.4}.admin-stat-delta{font-size:10px;font-weight:var(--font-weight-bold);color:#22c55e;align-items:center;gap:3px;margin-top:2px;display:inline-flex}.admin-stat-delta svg{width:11px;height:11px}.admin-quick-actions{gap:var(--space-2);padding:var(--space-4) var(--space-4) 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;animation:.35s 50ms both fadeIn;display:flex;overflow-x:auto}.admin-quick-actions::-webkit-scrollbar{display:none}.admin-quick-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);white-space:nowrap;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border-radius:8px;flex-shrink:0;height:40px;text-decoration:none;display:flex}.admin-quick-btn:hover{transform:translateY(-1px)}.admin-quick-btn svg{width:15px;height:15px}.admin-quick-btn.primary{background:var(--color-orange);color:var(--color-white);border:none}.admin-quick-btn.primary:hover{background:var(--color-orange-dark)}.admin-quick-btn.secondary{background:var(--color-surface-card);color:var(--color-text-primary);border:1.5px solid var(--color-border)}.admin-quick-btn.secondary:hover{background:var(--color-surface);color:var(--color-text-primary)}.admin-activity{animation:.3s .1s both fadeIn}.admin-section-header{padding:var(--space-5) var(--space-4) var(--space-3);justify-content:space-between;align-items:center;display:flex}.admin-section-link{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);transition:color var(--transition-fast);text-decoration:none}.admin-section-link:hover{color:var(--color-text-primary)}.admin-activity-list{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-ambient);flex-direction:column;animation:.4s 80ms both fadeIn;display:flex;overflow:hidden}.admin-table-head{gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border-light);grid-template-columns:1fr auto auto;display:grid}.admin-table-head span{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase}.admin-activity-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast);display:flex}.admin-activity-row:last-child{border-bottom:none}.admin-activity-row:hover{background:var(--color-surface-mid)}.admin-student-avatar{background:var(--color-orange);width:36px;height:36px;color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-student-info{flex:1;min-width:0}.admin-student-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.admin-student-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.admin-mini-progress{flex-direction:column;align-items:flex-start;gap:3px;min-width:64px;display:flex}.admin-mini-progress-bar{background:var(--color-border);width:64px;height:3px;overflow:hidden}.admin-mini-progress-fill{background:var(--color-orange);height:100%}.admin-mini-progress-label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.admin-row-btn{font-family:var(--font-family);font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);border:1.5px solid var(--color-border);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast), background var(--transition-fast);background:0 0;border-radius:0;align-items:center;gap:4px;padding:4px 10px;text-decoration:none;display:flex}.admin-row-btn:hover{border-color:var(--color-orange);background:var(--color-surface-mid);color:var(--color-text-primary)}.admin-row-btn svg{width:12px;height:12px}.admin-pending-badge{border:1px solid var(--color-orange);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-orange);white-space:nowrap;background:#fff7ed;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.admin-subheader{padding:var(--space-3) var(--space-4);background:var(--color-surface-card);border-bottom:1px solid var(--color-border-light);z-index:55;justify-content:space-between;align-items:center;min-height:52px;display:flex;position:sticky;top:56px}.admin-back-btn{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1) 0;transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;text-decoration:none;display:flex}.admin-back-btn:hover{color:var(--color-text-primary)}.admin-back-btn svg{width:17px;height:17px}.admin-subheader-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;padding:0 var(--space-2);flex:1}.admin-search-bar{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface-card);border-bottom:1px solid var(--color-border-light);display:flex}.admin-search-wrap{flex:1;align-items:center;display:flex;position:relative}.admin-search-input{width:100%;height:38px;padding:0 var(--space-2) 0 var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast);direction:rtl;outline:none}.admin-search-input:focus{border-color:var(--color-text-primary);background:var(--color-surface-card)}.admin-search-input::placeholder{color:var(--color-text-muted)}.admin-search-icon{left:var(--space-2);color:var(--color-text-muted);pointer-events:none;display:flex;position:absolute}.admin-search-icon svg{width:15px;height:15px}.admin-filter-btn{height:38px;padding:0 var(--space-3);background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast), color var(--transition-fast);align-items:center;gap:4px;display:flex}.admin-filter-btn:hover,.admin-filter-btn.active{border-color:var(--color-text-primary);color:var(--color-text-primary)}.admin-filter-btn svg{width:14px;height:14px}.admin-count-bar{padding:var(--space-3) var(--space-4) var(--space-2);justify-content:space-between;align-items:center;display:flex}.admin-count-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.admin-count-label strong{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.student-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-ambient);transition:box-shadow var(--transition-fast);overflow:hidden}.student-card:hover{box-shadow:var(--shadow-card)}.student-card-top{align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border-light);display:flex}.student-card-avatar{background:var(--color-orange);width:42px;height:42px;color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:var(--font-family);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.student-card-avatar:after{content:"";border:2px solid var(--color-white);background:#6b7280;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;left:1px}.student-card-avatar.online:after{background:#22c55e}.student-card-avatar.recent:after{background:var(--color-orange)}.student-card-info{flex:1;min-width:0}.student-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.student-card-email{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;text-align:right;direction:ltr;margin-top:2px;overflow:hidden}.student-card-join{color:var(--color-text-muted);white-space:nowrap;text-align:left;flex-shrink:0;font-size:10px}.student-card-stats{border-bottom:1px solid var(--color-border-light);grid-template-columns:1fr 1fr;gap:0;display:grid}.student-card-stat{padding:var(--space-3) var(--space-4);border-left:1px solid var(--color-border-light);gap:var(--space-1);flex-direction:column;display:flex}.student-card-stat:last-child{border-left:none}.student-card-stat-label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase}.student-card-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-black);color:var(--color-text-primary);line-height:1}.student-card-stat-value.orange{color:var(--color-orange)}.student-card-progress-row{align-items:center;gap:var(--space-2);margin-top:4px;display:flex}.student-card-progress-bar{background:var(--color-border);flex:1;height:3px;overflow:hidden}.student-card-progress-fill{background:var(--color-orange);height:100%;transition:width .4s}.student-card-progress-pct{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);flex-shrink:0}.student-card-pending{align-items:center;gap:var(--space-1);font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-orange);margin-top:2px;display:flex}.student-card-pending svg{width:11px;height:11px}.student-card-footer{padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.approve-btn{align-items:center;gap:var(--space-1);background:var(--color-orange);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);white-space:nowrap;border:none;border-radius:0;padding:6px 14px;display:inline-flex}.approve-btn:hover{background:var(--color-orange-dark)}.approve-btn:active{transform:scale(.97)}.approve-btn:disabled{opacity:.5;cursor:not-allowed}.approve-btn svg{width:14px;height:14px}.approve-btn.approved{background:var(--color-surface);color:#22c55e;cursor:default;border:1px solid #bbf7d0;transform:none}.student-ghost-btn{color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1.5px solid var(--color-border);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;background:0 0;border-radius:0;align-items:center;gap:4px;padding:6px 12px;text-decoration:none;display:inline-flex}.student-ghost-btn:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.student-ghost-btn svg{width:13px;height:13px}.admin-students-list{gap:var(--space-3);padding:0 var(--space-4) var(--space-4);flex-direction:column;animation:.3s both fadeIn;display:flex}.admin-toast-container{bottom:var(--space-6);z-index:200;pointer-events:none;align-items:center;gap:var(--space-2);flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.admin-toast{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-surface-dark);color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);white-space:nowrap;animation:.25s toastIn;display:flex;box-shadow:0 8px 32px #00000026}.admin-toast.success{color:#fff;background:#166534}.admin-toast svg{flex-shrink:0;width:16px;height:16px}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.admin-empty{padding:var(--space-16) var(--space-6);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-text-muted);flex-direction:column;display:flex}.admin-empty svg{opacity:.3;width:40px;height:40px}.admin-empty p{font-size:var(--font-size-base)}.upload-page-wrap{max-width:720px;padding:var(--space-5) var(--space-4) var(--space-8);margin:0 auto;animation:.3s both fadeIn}.upload-form-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);overflow:hidden}.upload-divider{background:var(--color-border-light);height:1px;margin:0}.upload-form-section{padding:var(--space-5) var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.upload-section-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-1);display:flex}.upload-section-badge{background:var(--color-orange);width:28px;height:28px;color:var(--color-white);font-size:11px;font-weight:var(--font-weight-black);letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.upload-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.2}.upload-section-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.upload-field-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (width<=520px){.upload-field-row{grid-template-columns:1fr}}.upload-field{gap:var(--space-1);flex-direction:column;display:flex}.upload-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);align-items:center;gap:6px;display:flex}.upload-label svg{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0}.upload-select-wrap{align-items:center;display:flex;position:relative}.upload-select{width:100%;height:42px;padding:0 var(--space-3) 0 var(--space-8);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);appearance:none;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);direction:rtl;outline:none}.upload-select:focus{border-color:var(--color-text-primary);background:var(--color-surface-card)}.upload-select-arrow{left:var(--space-3);width:16px;height:16px;color:var(--color-text-muted);pointer-events:none;flex-shrink:0;position:absolute}.upload-field.has-error .upload-select{background:#fff5f5;border-color:#ef4444}.upload-input{height:42px;padding:0 var(--space-3);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast), background var(--transition-fast);box-sizing:border-box;direction:rtl;outline:none;width:100%}.upload-input::placeholder{color:var(--color-text-muted)}.upload-input:focus{border-color:var(--color-text-primary);background:var(--color-surface-card)}.upload-field.has-error .upload-input{background:#fff5f5;border-color:#ef4444}.upload-input-icon-wrap{align-items:center;display:flex;position:relative}.upload-input.with-icon{padding-left:var(--space-8);padding-right:var(--space-3)}.upload-input-icon{left:var(--space-3);width:15px;height:15px;color:var(--color-text-muted);pointer-events:none;flex-shrink:0;position:absolute}.upload-textarea{padding:var(--space-3);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);resize:vertical;min-height:100px;transition:border-color var(--transition-fast), background var(--transition-fast);box-sizing:border-box;direction:rtl;outline:none;width:100%;line-height:1.6}.upload-textarea::placeholder{color:var(--color-text-muted)}.upload-textarea:focus{border-color:var(--color-text-primary);background:var(--color-surface-card)}.upload-field.has-error .upload-textarea{background:#fff5f5;border-color:#ef4444}.upload-hint{color:var(--color-text-muted);margin-top:2px;font-size:11px}.upload-error{font-size:11px;font-weight:var(--font-weight-semibold);color:#ef4444;align-items:center;gap:4px;display:flex}.upload-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:var(--space-6) var(--space-4);align-items:center;gap:var(--space-2);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);text-align:center;outline:none;flex-direction:column;display:flex;position:relative}.upload-dropzone:hover,.upload-dropzone:focus{border-color:var(--color-text-primary);background:var(--color-surface-card)}.upload-dropzone.dragging{border-color:var(--color-orange);background:#fff7ed;transform:scale(1.01)}.upload-dropzone svg{width:36px;height:36px;color:var(--color-text-muted);transition:color var(--transition-fast)}.upload-dropzone.dragging svg{color:var(--color-orange)}.upload-dropzone-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.upload-dropzone-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.upload-dropzone-badge{background:var(--color-orange);color:var(--color-white);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.06em;border-radius:var(--radius-full);margin-top:var(--space-1);align-items:center;padding:2px 10px;display:inline-flex}.upload-file-input{opacity:0;cursor:pointer;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.upload-file-list{margin:var(--space-2) 0 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.upload-file-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);animation:.2s both slideUp;display:flex}.upload-file-item svg{width:14px;height:14px;color:var(--color-orange);flex-shrink:0}.upload-file-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;text-align:right;direction:ltr;flex:1;overflow:hidden}.upload-file-size{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;font-size:10px}.upload-file-remove{width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.upload-file-remove:hover{color:#ef4444;background:#fee2e2}.upload-file-remove svg{width:13px;height:13px}.upload-footer{background:var(--color-surface);border-top:1px solid var(--color-border-light);padding:var(--space-5);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.upload-publish-btn{justify-content:center;align-items:center;gap:var(--space-2);background:var(--color-orange);width:100%;max-width:380px;height:52px;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-black);letter-spacing:.02em;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;display:inline-flex;box-shadow:0 4px 14px #ea6c1159}.upload-publish-btn svg{width:18px;height:18px}.upload-publish-btn:hover:not(:disabled){background:var(--color-orange-dark);transform:translateY(-1px);box-shadow:0 6px 20px #ea6c1173}.upload-publish-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ea6c114d}.upload-publish-btn:disabled{opacity:.75;cursor:not-allowed}.upload-publish-btn.loading{pointer-events:none}.upload-footer-note{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;max-width:360px;margin:0}.upload-spinner{animation:.8s linear infinite spin}.upload-success-banner{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);padding:var(--space-8) var(--space-5);text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;animation:.5s cubic-bezier(.34,1.56,.64,1) both successPop;display:flex}@keyframes successPop{0%{opacity:0;transform:scale(.88)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.upload-success-icon{color:#16a34a;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #4ade80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.upload-success-icon svg{width:36px;height:36px}.upload-success-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--color-text-primary);margin:0}.upload-success-msg{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:320px;margin:0;line-height:1.6}.upload-success-actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.upload-btn-primary{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--color-orange);height:44px;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:none;text-decoration:none;display:inline-flex}.upload-btn-primary:hover{background:var(--color-orange-dark);transform:translateY(-1px)}.upload-btn-primary svg{width:15px;height:15px}.upload-btn-ghost{height:44px;padding:0 var(--space-5);background:var(--color-surface-card);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:1.5px solid var(--color-black);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);align-items:center;text-decoration:none;display:inline-flex}.upload-btn-ghost:hover{background:var(--color-orange);color:var(--color-white)}@keyframes slideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mgmt-section{margin-top:var(--space-6);background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);animation:.4s .1s both fadeIn;overflow:hidden}.mgmt-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light);background:var(--color-surface);flex-wrap:wrap;display:flex}.mgmt-header-left{align-items:center;gap:var(--space-3);display:flex}.mgmt-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:flex}.mgmt-title svg{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0}.mgmt-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-white);background:var(--color-orange);border-radius:var(--radius-full);padding:2px 8px}.mgmt-search-wrap{align-items:center;display:flex;position:relative}.mgmt-search{height:34px;padding:0 var(--space-2) 0 var(--space-7);background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);width:200px;transition:border-color var(--transition-fast);direction:rtl;outline:none}.mgmt-search:focus{border-color:var(--color-text-primary)}.mgmt-search-icon{left:var(--space-2);width:14px;height:14px;color:var(--color-text-muted);pointer-events:none;position:absolute}.mgmt-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.mgmt-table{border-collapse:collapse;width:100%;font-family:var(--font-family);direction:rtl}.mgmt-table thead tr{background:var(--color-surface);border-bottom:1px solid var(--color-border-light)}.mgmt-table th{padding:var(--space-2) var(--space-4);font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;text-align:right;white-space:nowrap}.mgmt-row{border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.mgmt-row:last-child{border-bottom:none}.mgmt-row:hover{background:var(--color-surface-mid)}.mgmt-row.editing{background:#fffbf0}.mgmt-table td{padding:var(--space-3) var(--space-4);vertical-align:middle}.mgmt-col-id{width:56px}.mgmt-id-badge{background:var(--color-surface);border:1px solid var(--color-border-light);width:36px;height:22px;font-size:10px;font-weight:var(--font-weight-black);color:var(--color-text-muted);letter-spacing:.04em;font-variant-numeric:tabular-nums;border-radius:3px;justify-content:center;align-items:center;display:inline-flex}.mgmt-col-title{min-width:200px}.mgmt-title-cell{flex-direction:column;gap:2px;display:flex}.mgmt-lesson-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.3}.mgmt-lesson-module{color:var(--color-text-muted);font-size:10px}.mgmt-edit-fields{gap:var(--space-2);flex-direction:column;display:flex}.mgmt-edit-input{height:34px;padding:0 var(--space-2);background:var(--color-surface-card);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);box-sizing:border-box;direction:rtl;outline:none;width:100%}.mgmt-edit-textarea{padding:var(--space-2);background:var(--color-surface-card);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-primary);resize:none;box-sizing:border-box;width:100%;transition:border-color var(--transition-fast);direction:rtl;outline:none;line-height:1.5}.mgmt-edit-textarea:focus{border-color:var(--color-text-primary)}.mgmt-col-status{width:80px}.mgmt-status-badge{border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-bold);white-space:nowrap;align-items:center;padding:2px 8px;display:inline-flex}.mgmt-status-badge.status-completed{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.mgmt-status-badge.status-current{color:var(--color-orange);border:1px solid var(--color-orange);background:#fff7ed}.mgmt-status-badge.status-locked{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border-light)}.mgmt-edit-btn{height:30px;padding:0 var(--space-3);background:var(--color-surface-card);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast), background var(--transition-fast);align-items:center;gap:5px;display:inline-flex}.mgmt-edit-btn:hover:not(:disabled){border-color:var(--color-text-primary);background:var(--color-orange);color:var(--color-white)}.mgmt-edit-btn:disabled{opacity:.4;cursor:not-allowed}.mgmt-edit-btn svg{width:12px;height:12px}.mgmt-edit-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.mgmt-save-btn{height:30px;padding:0 var(--space-3);background:var(--color-orange);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast);border:none;align-items:center;gap:4px;display:inline-flex}.mgmt-save-btn:hover:not(:disabled){background:var(--color-orange-dark)}.mgmt-save-btn:disabled{opacity:.5;cursor:not-allowed}.mgmt-save-btn svg{width:12px;height:12px}.mgmt-cancel-btn{height:30px;padding:0 var(--space-3);background:var(--color-surface-card);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);align-items:center;gap:4px;display:inline-flex}.mgmt-cancel-btn:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.mgmt-cancel-btn svg{width:11px;height:11px}.mgmt-delete-btn{height:30px;padding:0 var(--space-3);background:var(--color-surface-card);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#dc2626;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast);border:1.5px solid #fca5a5;align-items:center;gap:5px;display:inline-flex}.mgmt-delete-btn:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}.mgmt-delete-btn:disabled{opacity:.4;cursor:not-allowed}.mgmt-delete-btn svg{width:12px;height:12px}.mgmt-video-parts-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);margin-top:var(--space-2);margin-bottom:4px}.mgmt-video-part-row{align-items:center;gap:var(--space-2);margin-bottom:6px;display:flex}.mgmt-part-badge{background:var(--color-orange);width:20px;height:20px;font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mgmt-url-input{flex:1 1 0;min-width:0;font-size:12px!important}.mgmt-part-remove{color:#dc2626;cursor:pointer;width:22px;height:22px;transition:background var(--transition-fast);background:0 0;border:1px solid #fca5a5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.mgmt-part-remove:hover{background:#fee2e2}.mgmt-add-part-btn{height:26px;padding:0 var(--space-3);border:1.5px dashed var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;align-items:center;display:inline-flex}.mgmt-add-part-btn:hover{border-color:var(--color-orange);color:var(--color-orange)}.mgmt-lesson-url{color:var(--color-orange);margin-top:2px;font-size:10px;display:block}.mgmt-col-actions{width:170px}.mgmt-empty{align-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex}.mgmt-empty svg{opacity:.4;width:32px;height:32px}.mgmt-empty p{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (width<=520px){.mgmt-header{flex-direction:column;align-items:flex-start}.mgmt-search{width:100%}.mgmt-col-status{display:none}}.del-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.18s both delOverlayIn;display:flex;position:fixed;inset:0}@keyframes delOverlayIn{0%{opacity:0}to{opacity:1}}.del-modal{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg,16px);padding:var(--space-8,32px) var(--space-6,24px);text-align:center;direction:rtl;width:100%;max-width:400px;animation:.22s cubic-bezier(.34,1.56,.64,1) both delModalIn;box-shadow:0 24px 60px #0000001f,0 4px 16px #0000000f}@keyframes delModalIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.del-icon-wrap{width:56px;height:56px;margin:0 auto var(--space-4,16px);color:#dc2626;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;display:flex}.del-icon-wrap svg{width:26px;height:26px}.del-title{font-family:var(--font-family);font-size:18px;font-weight:var(--font-weight-bold,700);color:var(--color-text-primary);margin:0 0 var(--space-2,8px)}.del-body{font-family:var(--font-family);font-size:var(--font-size-sm,14px);color:var(--color-text-muted);margin:0 0 var(--space-2,8px);line-height:1.6}.del-lesson-name{color:var(--color-text-primary);font-weight:var(--font-weight-semibold,600)}.del-warn{font-family:var(--font-family);color:#dc2626;border-radius:var(--radius-sm,6px);padding:var(--space-2,8px) var(--space-3,12px);margin:0 0 var(--space-5,20px);background:#fef2f2;border:1px solid #fecaca;font-size:12px;line-height:1.5}.del-actions{gap:var(--space-3,12px);justify-content:center;display:flex}.del-cancel{height:40px;padding:0 var(--space-4,16px);background:var(--color-surface-card);border:1.5px solid var(--color-border);border-radius:var(--radius-sm,8px);font-family:var(--font-family);font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-semibold,600);color:var(--color-text-muted);cursor:pointer;flex:1;transition:border-color .15s,color .15s}.del-cancel:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.del-confirm{height:40px;padding:0 var(--space-4,16px);border-radius:var(--radius-sm,8px);font-family:var(--font-family);font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-bold,700);color:#fff;cursor:pointer;background:#dc2626;border:none;flex:1;justify-content:center;align-items:center;gap:6px;transition:background .15s,opacity .15s;display:inline-flex}.del-confirm svg{width:14px;height:14px}.del-confirm:hover:not(:disabled){background:#b91c1c}.del-confirm:disabled{opacity:.6;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.del-overlay,.del-modal{animation:none}}.mgmt-video-part-block{background:var(--color-surface-mid);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;gap:5px;margin-bottom:10px;padding:8px;display:flex}