:root{--p:#5b4fcf;--p-lt:#7c6fee;--p-pale:#f0ecff;--p-hover:#4a40b8;--gold:#f59e0b;--gold-lt:#fde68a;--gold-pale:#fffbeb;--green:#059669;--green-lt:#d1fae5;--red:#ef4444;--red-lt:#fee2e2;--blue:#3b82f6;--blue-lt:#dbeafe;--orange:#f97316;--bg:#f4f6f9;--bg2:#eef0f4;--bg3:#f8f9fb;--white:#fff;--border:#e2e5eb;--border2:#d0d5df;--t1:#1e1b3a;--t2:#4b5563;--t3:#9ca3af;--t4:#d1d5db;--sb:#2a1f6e;--sb-hover:#382a8a;--sb-active:#4a3aaa;--sh:0 1px 4px #0000000f,0 4px 16px #0000000f;--sh2:0 4px 20px #0000001a,0 8px 32px #00000014;--sh3:0 1px 3px #0000000a;--r:14px;--r2:20px;--rb:9px}[data-theme=dark]{--bg:#0d0b1a;--bg2:#13102a;--bg3:#1a1735;--white:#1a1735;--border:#ffffff17;--border2:#ffffff21;--t1:#f1eeff;--t2:#c4bbf0;--t3:#7b72a8;--t4:#4a4268}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--bg);color:var(--t1);direction:rtl;font-family:Cairo,sans-serif;line-height:1.6}input,textarea,select{-webkit-user-select:text;user-select:text}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:Cairo,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sb);z-index:200;flex-direction:column;width:240px;min-width:240px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden auto;box-shadow:-4px 0 24px #0000002e}.sb-logo{border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:10px;padding:18px 16px 14px;display:flex}.sb-logo-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;font-weight:900;display:flex;box-shadow:0 4px 14px #f59e0b66}.sb-user{text-align:center;border-bottom:1px solid #ffffff12;flex-direction:column;flex-shrink:0;align-items:center;gap:5px;padding:16px 16px 12px;display:flex}.sb-avatar{background:linear-gradient(135deg,var(--p-lt),var(--p));color:#fff;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:900;display:flex;box-shadow:0 4px 16px #5b4fcf66}.sb-name{color:#fff;font-size:13px;font-weight:800;line-height:1.3}.sb-dept{color:#ffffff73;font-size:10px;font-weight:600}.sb-section{color:#ffffff40;letter-spacing:1.5px;text-transform:uppercase;flex-shrink:0;padding:10px 16px 4px;font-size:9px;font-weight:900}.sb-item{color:#ffffff8c;cursor:pointer;text-align:right;background:0 0;border:none;border-right:3px solid #0000;align-items:center;gap:10px;width:100%;padding:9px 16px;font-family:Cairo,sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:all .18s;display:flex}.sb-item:hover{color:#ffffffe6;background:#ffffff14}.sb-item.active{color:#fff;border-right-color:var(--gold);background:#ffffff1f;font-weight:900}.sb-item.active i{color:var(--gold-lt)}.sb-item i{text-align:center;color:#fff6;flex-shrink:0;width:16px;font-size:13px}.sb-bottom{border-top:1px solid #ffffff12;flex-shrink:0;margin-top:auto;padding:8px}.main{flex-direction:column;flex:1;min-width:0;margin-right:240px;display:flex}.topbar{background:var(--white);border-bottom:1px solid var(--border);z-index:100;height:62px;box-shadow:var(--sh3);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 22px;display:flex;position:sticky;top:0}.topbar-title{color:var(--t1);align-items:center;gap:8px;font-size:15px;font-weight:900;display:flex}.topbar-avatar{background:linear-gradient(135deg,var(--p),var(--p-lt));color:#fff;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:900;display:flex}.page{padding:20px 22px}.page-wide{max-width:1200px;padding:20px 22px}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh);padding:18px;transition:box-shadow .22s,transform .22s,border-color .22s}.card:hover{box-shadow:var(--sh2)}.card-hover:hover{box-shadow:var(--sh2);transform:translateY(-3px)}.hero{border-radius:var(--r2);color:#fff;background:linear-gradient(130deg,#3b2da0 0%,#5b4fcf 45%,#7c6fee 100%);margin-bottom:20px;padding:28px 28px 24px;position:relative;overflow:hidden;box-shadow:0 8px 32px #5b4fcf59}.hero:before{content:"";pointer-events:none;background:#ffffff0f;border-radius:50%;width:300px;height:300px;position:absolute;top:-40%;left:-10%}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh);align-items:center;gap:12px;padding:16px;transition:all .22s;display:flex}.stat-card:hover{box-shadow:var(--sh2);transform:translateY(-3px)}.stat-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.course-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh);cursor:pointer;color:inherit;flex-direction:column;padding:16px;text-decoration:none;transition:all .22s;display:flex}.course-card:hover{box-shadow:var(--sh2);border-color:var(--p);transform:translateY(-4px)}.course-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:12px;font-size:22px;display:flex}.prog-track{background:var(--bg2);border-radius:99px;height:6px;overflow:hidden}.prog-fill{background:linear-gradient(90deg,var(--p),var(--p-lt));border-radius:99px;height:100%;transition:width .5s}.subject-circle{cursor:pointer;flex-direction:column;align-items:center;gap:7px;text-decoration:none;transition:transform .22s;display:flex}.subject-circle:hover{transform:translateY(-4px)}.subject-circle-icon{border-radius:17px;justify-content:center;align-items:center;width:60px;height:60px;font-size:22px;display:flex;box-shadow:0 4px 14px #00000014}.btn{border-radius:var(--rb);cursor:pointer;white-space:nowrap;border:none;outline:none;justify-content:center;align-items:center;gap:7px;padding:9px 18px;font-family:Cairo,sans-serif;font-size:13px;font-weight:800;line-height:1;text-decoration:none;transition:all .18s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--p),var(--p-lt));color:#fff;box-shadow:0 4px 14px #5b4fcf59}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #5b4fcf73}.btn-gold{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 4px 14px #f59e0b59}.btn-gold:hover:not(:disabled){transform:translateY(-2px)}.btn-ghost{background:var(--bg2);color:var(--t2);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--border);color:var(--t1)}.btn-danger{background:var(--red-lt);color:var(--red);border:1px solid #fca5a5}.btn-danger:hover:not(:disabled){background:var(--red);color:#fff}.btn-sm{border-radius:7px;padding:6px 12px;font-size:12px}.btn-block{width:100%}.btn-pill{border-radius:99px}.label{color:var(--t2);margin-bottom:6px;font-size:12px;font-weight:800;display:block}.input{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--rb);width:100%;color:var(--t1);-webkit-user-select:text;user-select:text;outline:none;padding:10px 13px;font-family:Cairo,sans-serif;font-size:13px;font-weight:600;transition:all .18s}.input:focus{border-color:var(--p);background:var(--white);box-shadow:0 0 0 3px #5b4fcf1f}.input::placeholder{color:var(--t4);font-weight:500}.input:disabled{opacity:.6;cursor:not-allowed}select.input{cursor:pointer}textarea.input{resize:vertical;min-height:80px}.badge{border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.badge-free{background:var(--green-lt);color:var(--green)}.badge-paid{background:var(--red-lt);color:var(--red)}.badge-gold{background:var(--gold-pale);color:#92400e;border:1px solid var(--gold-lt)}.badge-student{background:var(--blue-lt);color:#1d4ed8}.badge-admin{background:var(--p-pale);color:var(--p)}.badge-pending{color:#92400e;background:#fef3c7}.badge-approved{background:var(--green-lt);color:var(--green)}.badge-rejected{background:var(--red-lt);color:var(--red)}.overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:var(--r2);width:100%;max-width:460px;max-height:90vh;padding:24px;animation:.25s slideUp;overflow-y:auto;box-shadow:0 24px 80px #00000040}.modal-title{justify-content:space-between;align-items:center;margin-bottom:18px;font-size:16px;font-weight:900;display:flex}.toast{z-index:9999;white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:11px 20px;font-size:13px;font-weight:800;animation:.3s fadeUp;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0003}.toast-success{background:var(--green);color:#fff}.toast-error{background:var(--red);color:#fff}.toast-info{background:var(--p);color:#fff}.spinner{border:3px solid var(--border);border-top-color:var(--p);border-radius:50%;flex-shrink:0;width:36px;height:36px;animation:.7s linear infinite spin;display:inline-block}.spinner-sm{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.nav{z-index:150;background:var(--sb);justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0003}.nav-logo{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:900;display:flex}.bottom-nav{z-index:150;background:var(--white);border-top:1px solid var(--border);justify-content:space-around;align-items:center;gap:0;height:64px;padding:0 2px;display:none;position:fixed;bottom:0;left:0;right:0;overflow-x:auto;box-shadow:0 -4px 20px #00000014}.bottom-nav-item{color:var(--t3);cursor:pointer;border-radius:9px;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;max-width:56px;padding:4px;font-size:8px;font-weight:800;text-decoration:none;transition:all .18s;display:flex}.bottom-nav-item i{font-size:17px;display:block}.bottom-nav-item.active{color:var(--p);background:var(--p-pale)}.wa-float{z-index:300;color:#fff;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;text-decoration:none;transition:transform .2s;display:flex;position:fixed;bottom:74px;left:16px;box-shadow:0 4px 16px #25d36673}.wa-float:hover{transform:scale(1.1)}.code-tag{background:var(--p-pale);color:var(--p);letter-spacing:1px;border:1px solid #c4b5fd;border-radius:6px;padding:3px 10px;font-family:monospace;font-size:13px;font-weight:900}.section-title{color:var(--t1);align-items:center;gap:8px;font-size:14px;font-weight:900;display:flex}.section-title i{color:var(--p)}.lesson-item{background:var(--white);border:1px solid var(--border);cursor:pointer;border-radius:11px;align-items:center;gap:12px;padding:13px 16px;transition:all .18s;display:flex}.lesson-item:hover{border-color:var(--p);background:var(--p-pale)}.lesson-item.done{background:var(--green-lt);border-color:#a7f3d0}.wm-overlay{pointer-events:none;z-index:20;position:absolute;inset:0;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.sidebar{transform:translate(100%)}.main{margin-right:0;padding-top:56px;padding-bottom:62px}.nav,.bottom-nav{display:flex}.hide-mobile{display:none!important}.wa-float{bottom:74px}.page,.page-wide{padding:16px}.topbar{display:none}}@media (min-width:769px){.nav,.bottom-nav,.show-mobile{display:none!important}}@media print{body{display:none!important}}@media (max-width:768px){.protected-content{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.no-select{-webkit-user-select:none;user-select:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-center{text-align:center}.flex-center{justify-content:center;align-items:center;display:flex}.stat-val{color:var(--t1);font-size:1.4rem;font-weight:900;line-height:1}.stat-label{color:var(--t3);margin-top:3px;font-size:10px;font-weight:700}.progress-bar-track{background:var(--bg2);border-radius:99px;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--p),var(--p-lt));border-radius:99px;height:100%;transition:width .5s}.admin-sidebar{background:var(--sb);flex-direction:column;flex-shrink:0;width:220px;min-width:220px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.admin-menu-btn,.admin-sidebar-mobile{display:none!important}@media (max-width:768px){.admin-menu-btn{display:flex!important}.admin-sidebar-desktop{display:none!important}.admin-sidebar-mobile{display:flex!important}.admin-sidebar{display:none!important}}.protected-content{-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}