@import "https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400;500;700&display=swap";:root{--bg-base:#f8fafc;--bg-grad-1:#f686200d;--bg-grad-2:#f686200d;--surface:#fffc;--surface-border:#00000014;--text-main:#0f172a;--text-muted:#64748b;--primary:#f68620;--primary-hover:#e0761b;--accent:#f59e0b;--danger:#ef4444;--input-bg:#ffffffe6;--glass-shadow:0 8px 32px #0000000f;--sidebar-bg:#fff9;--course-hover-bg:#00000008;--font-main:"M PLUS Rounded 1c", sans-serif}:root[data-theme=dark]{--bg-base:#0f172a;--bg-grad-1:#f6862026;--bg-grad-2:#f6862026;--surface:#1e293bb3;--surface-border:#ffffff1a;--text-main:#f8fafc;--text-muted:#94a3b8;--primary:#f68620;--primary-hover:#e0761b;--input-bg:#0f172a99;--glass-shadow:0 4px 30px #0003;--sidebar-bg:#02061766;--course-hover-bg:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}body{font-family:var(--font-main);background-color:var(--bg-base);background-image:radial-gradient(circle at 15% 50%, var(--bg-grad-1), transparent 25%), radial-gradient(circle at 85% 30%, var(--bg-grad-2), transparent 25%);color:var(--text-main);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;transition:background-color .3s,color .3s;display:flex;overflow-x:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-icon{animation:1s linear infinite spin!important}.custom-orange-scrollbar{scrollbar-width:thin;scrollbar-color:var(--primary) #ffffff0d;direction:ltr!important}.custom-orange-scrollbar::-webkit-scrollbar{width:8px}.custom-orange-scrollbar::-webkit-scrollbar-track{background:#ffffff08;border-radius:8px}.custom-orange-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--primary) 0%, var(--primary-hover) 100%);border-radius:8px;box-shadow:0 0 10px #f686204d}.custom-orange-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.custom-orange-scrollbar-content{direction:rtl!important}.glass-panel{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);box-shadow:var(--glass-shadow);border-radius:16px;transition:all .3s}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;font-weight:500;font-family:var(--font-main);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;transition:all .3s;display:inline-flex;box-shadow:0 4px 14px #f6862066}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f6862099}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.input-field{background:var(--input-bg);border:1px solid var(--surface-border);width:100%;color:var(--text-main);font-family:var(--font-main);border-radius:8px;padding:12px 16px;font-size:1rem;transition:all .3s}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #f6862033}.input-field::placeholder{color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s forwards fadeIn}.app-container{min-height:100vh;display:flex}.login-container{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}.login-card{flex-direction:column;gap:24px;width:100%;max-width:400px;padding:40px;display:flex}.login-header{text-align:center;margin-bottom:8px}.login-header h1{background:linear-gradient(135deg, var(--text-main), var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2rem;font-weight:700}.login-header p{color:var(--text-muted)}.login-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-muted);font-size:.875rem;font-weight:500}.error-message{color:var(--danger);background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:12px;font-size:.875rem}.dashboard-layout{width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{border-left:1px solid var(--surface-border);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:32px;width:280px;padding:24px;display:flex}.sidebar-brand{align-items:center;gap:12px;font-size:1.5rem;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex}.nav-item{color:var(--text-muted);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-main);background:#ffffff0d}.nav-item.active{background:var(--primary);color:#fff}.main-content{flex-direction:column;flex:1;height:100vh;display:flex}.scrollable-content{flex-direction:column;flex:1;align-items:center;display:flex;overflow-y:auto}.custom-orange-scrollbar-content{flex-direction:column;gap:32px;width:100%;max-width:1200px;min-height:100%;padding:32px;display:flex;direction:rtl!important}.layout-scroll-content:after{content:"";flex-shrink:0;height:96px;display:block}.dashboard-header{background:var(--bg-base);border-bottom:1px solid var(--surface-border);justify-content:center;align-items:center;padding:32px;display:flex}.dashboard-header h2{font-size:1.35rem;font-weight:700}.stats-grid{gap:24px;display:flex}.stat-card{flex:1;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.stat-icon{width:44px;height:44px;color:var(--primary);background:#f686201a;border-radius:12px;justify-content:center;align-items:center;display:flex}.stat-icon svg{width:22px;height:22px}.stat-value{color:var(--text-main);margin-bottom:2px;font-size:1.5rem;font-weight:800;line-height:1.1}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.stat-card.success .stat-icon{color:var(--accent);background:#f59e0b1a}.stat-value{font-size:2rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.875rem}.dashboard-sections{flex-direction:column;gap:24px;display:flex}.section-card{padding:24px}.section-title{border-bottom:1px solid var(--surface-border);margin-bottom:24px;padding-bottom:12px;font-size:1.25rem;font-weight:600}.course-list{flex-direction:column;gap:16px;display:flex}.course-item{background:#ffffff05;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.course-item:hover{border-color:var(--surface-border);background:var(--course-hover-bg)}.course-info h4{margin-bottom:4px;font-weight:500}.course-info p{color:var(--text-muted);font-size:.875rem}.progress-bar{background:#ffffff1a;border-radius:3px;width:100px;height:6px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:3px;height:100%}