*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{color:#e2e8f0;background:#0a0f1e;min-height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6}[dir=rtl] html,[dir=rtl] body,[dir=rtl] #app,:root[dir=rtl],html[dir=rtl],html[dir=rtl] body{font-family:Tajawal,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.7}html[dir=rtl] *,html[dir=rtl] input,html[dir=rtl] textarea,html[dir=rtl] select,html[dir=rtl] button{font-family:Tajawal,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#0a0f1e}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.page{background:#0a0f1e;min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:0 24px}.page-content{gap:24px;max-width:1280px;margin:0 auto;padding:32px 24px;display:flex}.navbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0f1ef5;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1280px;height:64px;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{align-items:center;gap:8px;display:flex}.navbar-logo-icon{color:#0a0f1e;background:#f5c518;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:900;display:flex}.navbar-logo-text{color:#fff;font-size:18px;font-weight:700}.navbar-logo-text span{color:#f5c518}.navbar-links{align-items:center;gap:24px;display:flex}.navbar-link{color:#ffffffa6;font-size:14px;transition:color .15s}.navbar-link:hover{color:#fff}.navbar-right{align-items:center;gap:12px;display:flex}.lang-btn{color:#f5c518;background:#f5c5181a;border:1px solid #f5c51840;border-radius:6px;padding:5px 12px;font-size:13px;font-weight:600}.avatar{color:#0a0f1e;background:linear-gradient(135deg,#f5c518,#e6a800);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:900;display:flex}.logout-btn{color:#f87171;background:0 0;border:none;font-size:13px}.btn-gold{color:#0a0f1e;background:linear-gradient(135deg,#f5c518,#e6a800);border:none;border-radius:8px;padding:11px 24px;font-size:14px;font-weight:700;transition:opacity .15s,transform .1s;display:inline-block}.btn-gold:hover{opacity:.9;transform:translateY(-1px)}.btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{color:#ffffffbf;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:11px 24px;font-size:14px;font-weight:600;display:inline-block}.card{background:linear-gradient(135deg,#111a33,#0d1428);border:1px solid #ffffff12;border-radius:14px}.card-gold{border-color:#f5c51826}.card-green{border-color:#22c55e26}.field{margin-bottom:16px}.field label{color:#ffffff80;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.input{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:11px 14px;font-size:15px;transition:border-color .15s;display:block}.input:focus{border-color:#f5c518}.input::placeholder{color:#ffffff40}textarea.input{resize:vertical}.auth-page{background:linear-gradient(160deg,#060b18 0%,#0a0f1e 50%,#0d1428 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-box{width:100%;max-width:460px}.auth-logo{text-align:center;justify-content:center;align-items:center;gap:10px;margin-bottom:32px;display:flex}.auth-logo-icon{color:#0a0f1e;background:#f5c518;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:900;display:flex}.auth-logo-text{color:#fff;font-size:23px;font-weight:700}.auth-logo-text span{color:#f5c518}.auth-card{background:linear-gradient(135deg,#111a33,#0d1428);border:1px solid #ffffff14;border-radius:16px;padding:32px}.auth-title{color:#fff;margin-bottom:4px;font-size:24px;font-weight:900}.auth-sub{color:#fff6;margin-bottom:24px;font-size:14px}.auth-sub a{color:#f5c518;font-weight:600}.auth-btn{color:#0a0f1e;background:linear-gradient(135deg,#f5c518,#e6a800);border:none;border-radius:8px;width:100%;margin-top:4px;padding:13px;font-size:15px;font-weight:700}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.alert-error{color:#f87171;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.alert-success{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.sidebar{flex-shrink:0;width:220px}.sidebar-nav{background:linear-gradient(135deg,#111a33,#0d1428);border:1px solid #ffffff12;border-radius:14px;padding:10px;position:sticky;top:80px}.sidebar-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff40;padding:8px 10px 6px;font-size:11px;font-weight:700}.sidebar-link{color:#fff9;border-radius:8px;align-items:center;gap:8px;margin-bottom:2px;padding:10px 12px;font-size:14px;transition:all .15s;display:flex}.sidebar-link:hover{color:#ffffffe6;background:#f5c51814}.sidebar-link.router-link-active,.sidebar-link.router-link-exact-active{color:#f5c518;background:#f5c5181f;font-weight:600}.sidebar-icon{font-size:16px}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:start;text-transform:uppercase;letter-spacing:.05em;color:#ffffff59;background:#ffffff08;padding:10px 16px;font-size:12px;font-weight:700}.data-table td{border-bottom:1px solid #ffffff0a;padding:13px 16px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.badge{border-radius:20px;padding:3px 9px;font-size:12px;font-weight:600}.badge-green{color:#4ade80;background:#22c55e26}.badge-yellow{color:#f5c518;background:#f5c51826}.badge-red{color:#f87171;background:#ef444426}.badge-blue{color:#60a5fa;background:#3b82f626}.badge-purple{color:#a78bfa;background:#8b5cf626}.badge-orange{color:#fb923c;background:#f9731626}.badge-gray{color:#ffffff73;background:#ffffff0f}.stat-card{background:linear-gradient(135deg,#111a33,#0d1428);border-radius:14px;padding:20px}.stat-label{color:#fff6;margin-bottom:6px;font-size:13px}.stat-value{font-size:28px;font-weight:900}.course-card{background:linear-gradient(135deg,#111a33,#0d1428);border:1px solid #ffffff12;border-radius:14px;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.course-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #0006}.course-thumb{color:#ffffff1a;background:linear-gradient(135deg,#0d1428,#111a33);justify-content:center;align-items:center;height:176px;font-size:48px;display:flex;position:relative;overflow:hidden}.course-thumb img{object-fit:cover;width:100%;height:100%}.course-price-badge{color:#0a0f1e;background:#f5c518;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:800;position:absolute;top:10px;right:10px}.course-body{padding:14px 16px}.course-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.course-instructor{color:#fff6;margin-bottom:12px;font-size:13px}.course-meta{justify-content:space-between;align-items:center;display:flex}.page-title{color:#fff;margin-bottom:24px;font-size:24px;font-weight:900}.currency,[data-currency]{direction:ltr;unicode-bidi:embed;display:inline-block}html[dir=rtl] .stat-val,html[dir=rtl] .stat-value,html[dir=rtl] .ic-val,html[dir=rtl] .sc-val,html[dir=rtl] .lms-val,html[dir=rtl] .kpi-val,html[dir=rtl] .tx-amount,html[dir=rtl] .summary-val,html[dir=rtl] .co-price,html[dir=rtl] .course-price,html[dir=rtl] .course-price-badge{direction:ltr;unicode-bidi:embed}.text-gold{color:#f5c518}.text-green{color:#4ade80}.text-red{color:#f87171}.text-muted{color:#fff6}.text-white{color:#fff}.fw-700{font-weight:700}.fw-900{font-weight:900}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.overflow-hidden{overflow:hidden}.w-full{width:100%}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){html,body,#app{font-size:15px}html[dir=rtl],html[dir=rtl] body{font-size:16px}.page-content{flex-direction:column;padding:20px 16px}.sidebar{width:100%}.sidebar-nav{position:static}.navbar-inner{padding:0 16px}.navbar-links,.navbar-right{display:none!important}.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.container{padding:0 16px}.auth-card{padding:24px 20px}}@media (width<=480px){.grid-4{grid-template-columns:1fr}.auth-box{max-width:100%}}