@import "https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700;800;900&display=swap";:root{--bg-base:#070d1a;--bg-surface:#0d1829;--bg-elevated:#111e33;--bg-hover:#162340;--border:#63b3ed1a;--border-strong:#63b3ed38;--sky:#38bdf8;--sky-dim:#38bdf81f;--indigo:#818cf8;--emerald:#34d399;--emerald-dim:#34d3991f;--amber:#fbbf24;--amber-dim:#fbbf241f;--rose:#fb7185;--rose-dim:#fb71851f;--violet:#a78bfa;--violet-dim:#a78bfa1f;--text-primary:#e2eaf6;--text-secondary:#7a93b8;--text-muted:#3d5473;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px}body{background:var(--bg-base)}button,.btn,.action-btn,.nav-btn,.tab-btn,.modal-close,.pkg-row,.student-row,.perm-subject-hdr,select,input[type=checkbox]{transition:all .15s ease-in-out}button,.btn,.action-btn,.nav-btn,.tab-btn,.modal-close,.pkg-row,.student-row,.perm-subject-hdr,[role=button],select,input[type=checkbox],input[type=radio]{cursor:pointer}button:active:not(:disabled),.btn:active:not(:disabled),.action-btn:active:not(:disabled),.nav-btn:active:not(:disabled),.tab-btn:active:not(:disabled),.modal-close:active:not(:disabled){transform:scale(.96);box-shadow:inset 0 2px 5px #0003}button:disabled,.btn:disabled,.action-btn:disabled,.nav-btn:disabled,.tab-btn:disabled,select:disabled,input:disabled{opacity:.55;cursor:not-allowed;pointer-events:auto;filter:grayscale(.3)}.dash-root{background:var(--bg-base);min-height:100vh;color:var(--text-primary);direction:rtl;background-image:radial-gradient(80% 50% at 10% 0,#38bdf80f 0%,#0000 60%),radial-gradient(60% 40% at 90% 100%,#818cf80d 0%,#0000 60%);font-family:Noto Kufi Arabic,system-ui,sans-serif;font-size:14px}.dash-layout{grid-template-columns:558px 1fr;margin:0 auto;display:grid}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;background:#070d1ad9;justify-content:space-between;align-items:center;gap:1rem;height:64px;padding:0 1.2rem;display:flex;position:sticky;top:0}.navbar-brand{align-items:center;gap:.75rem;display:flex}.brand-logo{background:linear-gradient(135deg,#38bdf8 0%,#818cf8 100%);color:#0000;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:900}.brand-sep{background:var(--border-strong);width:1px;height:22px}.brand-school{color:var(--text-secondary);font-size:.82rem;font-weight:600}.navbar-actions{align-items:center;gap:.6rem;display:flex}.nav-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:.4rem;padding:.45rem 1.1rem;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.nav-btn-ghost-red{background:var(--rose-dim);color:var(--rose);border-color:#fb718540}.nav-btn-ghost-red:hover{background:#fb718533}.nav-btn-ghost-sky{background:var(--sky-dim);color:var(--sky);border-color:#38bdf840}.nav-btn-ghost-sky:hover{background:#38bdf833}.nav-btn-solid-green{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98140}.nav-btn-solid-green:hover{transform:translateY(-1px);box-shadow:0 6px 18px #10b98159}.panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:1.4rem;overflow:hidden}.panel-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.panel-title{color:var(--text-primary);align-items:center;gap:.6rem;font-size:.9rem;font-weight:800;display:flex}.panel-title-icon{border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:900;display:flex}.icon-sky{background:var(--sky-dim);color:var(--sky)}.icon-green{background:var(--emerald-dim);color:var(--emerald)}.icon-violet{background:var(--violet-dim);color:var(--violet)}.icon-amber{background:var(--amber-dim);color:var(--amber)}.panel-body{padding:1.4rem}.settings-panel{border-radius:var(--radius-xl);background:#10b9810a;border:1px solid #34d3992e;margin-bottom:1.4rem;padding:1.5rem}.settings-panel-title{color:var(--emerald);align-items:center;gap:.5rem;margin-bottom:1.2rem;font-size:.95rem;font-weight:800;display:flex}.settings-grid{grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1rem;display:grid}.tab-bar{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);gap:.3rem;margin-bottom:1.4rem;padding:.3rem;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;border-radius:calc(var(--radius-md) - 4px);white-space:nowrap;background:0 0;border:none;flex:1;padding:.55rem .8rem;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .2s}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#0ea5e9,#4f46e5);box-shadow:0 3px 10px #0ea5e94d}.tab-btn:not(.active):hover{background:var(--bg-hover);color:var(--text-primary)}.field-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:block}.field-input,.field-select{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-base);width:100%;color:var(--text-primary);outline:none;padding:.7rem 1rem;font-family:inherit;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.field-input:focus,.field-select:focus{border-color:var(--sky);box-shadow:0 0 0 3px #38bdf81a}.field-group{margin-bottom:.9rem}.form-row{grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.8rem;display:grid}.section-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:.8rem;margin:.2rem 0 1rem;font-size:.72rem;font-weight:800;display:flex}.section-divider:before,.section-divider:after{content:"";background:var(--border);flex:1;height:1px}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.3rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#0ea5e9,#4f46e5);box-shadow:0 4px 14px #0ea5e940}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0ea5e959}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98140}.btn-success:hover{transform:translateY(-1px)}.btn-full{width:100%}.btn-danger-ghost{background:var(--rose-dim);color:var(--rose);border:1px solid #fb718540}.btn-danger-ghost:hover{background:#fb718533}.action-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;flex-shrink:0;align-items:center;padding:.3rem .5rem;font-family:inherit;font-size:.68rem;font-weight:700;transition:all .18s;display:inline-flex}.ab-red{background:var(--rose-dim);color:var(--rose);border-color:#fb718540}.ab-red:hover{background:#fb718538}.ab-sky{background:var(--sky-dim);color:var(--sky);border-color:#38bdf840}.ab-sky:hover{background:#38bdf838}.ab-amber{background:var(--amber-dim);color:var(--amber);border-color:#fbbf2440}.ab-amber:hover{background:#fbbf2438}.ab-violet{background:var(--violet-dim);color:var(--violet);border-color:#a78bfa40}.ab-violet:hover{background:#a78bfa38}.student-stats{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:.7rem;padding:1rem 1.4rem;display:grid}.stat-card{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;padding:.7rem .9rem}.stat-val{font-size:1.4rem;font-weight:900}.stat-lbl{color:var(--text-secondary);margin-top:2px;font-size:.72rem;font-weight:600}.stat-val.sky{color:var(--sky)}.stat-val.green{color:var(--emerald)}.search-wrap{border-bottom:1px solid var(--border);padding:.9rem 1.2rem}.search-input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-base);width:100%;color:var(--text-primary);outline:none;padding:.65rem 1rem;font-family:inherit;font-size:.85rem}.search-input:focus{border-color:var(--sky)}.table-head{background:var(--bg-elevated);border-bottom:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:1fr 95px 60px 240px;padding:.6rem 1.2rem;font-size:.72rem;font-weight:800;display:grid}.table-head div:not(:first-child){text-align:center}.student-list{max-height:580px;overflow-y:auto}.student-row{border-bottom:1px solid #ffffff08;grid-template-columns:1fr 95px 60px 240px;align-items:center;padding:.75rem 1.2rem;transition:background .15s;display:grid}.student-row:hover{background:var(--bg-hover)}.student-row.inactive{opacity:.55}.student-name{color:var(--text-primary);font-size:.8rem;font-weight:700}.student-phone{color:var(--text-secondary);text-align:center;font-size:.8rem}.status-badge{text-align:center;border-radius:6px;padding:.2rem .5rem;font-size:.7rem;font-weight:800;display:inline-block}.status-active{background:var(--emerald-dim);color:var(--emerald)}.status-inactive{background:var(--rose-dim);color:var(--rose)}.action-group{gap:4px;width:100%;display:flex;flex-wrap:nowrap!important;justify-content:flex-end!important;overflow-x:visible!important}.pkg-list{border-radius:var(--radius-md);border:1px solid var(--border);max-height:240px;overflow:hidden auto}.pkg-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.7rem 1rem;transition:background .15s;display:flex}.pkg-row:last-child{border-bottom:none}.pkg-row:hover{background:var(--bg-hover)}.pkg-row.is-subject{background:#38bdf80a}.pkg-row.is-folder{padding-right:2rem}.pkg-subject-label{color:var(--sky);font-size:.88rem;font-weight:800}.pkg-folder-label{color:var(--text-primary);font-size:.85rem;font-weight:600}.pkg-parent-tag{color:var(--text-muted);margin-right:6px;font-size:.72rem}.lesson-form{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:1.4rem;padding:1.4rem}.player-panel{border-radius:var(--radius-xl);border:1px solid var(--border);background:#040b17;margin-bottom:1.4rem;overflow:hidden;box-shadow:0 20px 60px -15px #0009}.player-footer{border-top:1px solid var(--border);background:#070d1ae6;align-items:center;gap:.8rem;padding:1rem 1.4rem;display:flex}.player-badge{background:var(--emerald);width:6px;height:6px;box-shadow:0 0 8px var(--emerald);border-radius:50%;flex-shrink:0}.player-title{color:var(--text-primary);font-size:.92rem;font-weight:800}.player-empty{text-align:center;color:var(--text-muted);padding:80px 20px;font-size:.9rem;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#020612e0;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);direction:rtl;width:100%;max-width:520px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 30px 80px -15px #000000bf}.modal-box-wide{max-width:680px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.8rem;display:flex}.modal-title{color:var(--text-primary);font-size:1.1rem;font-weight:900}.modal-close{background:var(--bg-elevated);border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.modal-close:hover{background:var(--rose-dim);color:var(--rose);border-color:#fb71854d}.perm-subject{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:.9rem;overflow:hidden}.perm-subject-hdr{background:var(--bg-elevated);cursor:pointer;justify-content:space-between;align-items:center;padding:.85rem 1.2rem;transition:background .15s;display:flex}.perm-subject-hdr:hover{background:var(--bg-hover)}.perm-subject-name{color:var(--text-primary);font-size:.88rem;font-weight:800}.perm-subject-meta{color:var(--text-muted);margin-right:6px;font-size:.75rem}.perm-folder{border-top:1px solid var(--border);border-right:3px solid var(--sky);border-radius:var(--radius-sm);background:#38bdf808;margin:.6rem .8rem;overflow:hidden}.perm-folder-hdr{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.65rem .9rem;display:flex}.perm-folder-name{color:var(--text-primary);font-size:.82rem;font-weight:700}.perm-lesson-row{color:var(--text-primary);border-bottom:1px solid #ffffff08;align-items:center;gap:.75rem;padding:.5rem .9rem;font-size:.83rem;display:flex}.perm-lesson-row:last-child{border-bottom:none}.perm-check{width:15px;height:15px;accent-color:var(--emerald);cursor:pointer}.perm-check-sky{accent-color:var(--sky)}.perm-chk-label{cursor:pointer;color:var(--sky);align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex}.loading-center{color:var(--sky);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;font-size:.9rem;font-weight:700;display:flex}.dots{gap:6px;display:flex}.loading-dot{background:var(--sky);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}::-webkit-scrollbar-thumb:hover{background:var(--sky)}@media (width<=1100px){.dash-layout{grid-template-columns:1fr!important}}@media (width<=768px){.navbar{height:60px;padding:0 1rem}.dash-layout{gap:1rem;padding:1rem .8rem}.student-phone{display:none!important}}@media (width<=640px){.table-head,.student-row{grid-template-columns:2fr 1fr 170px!important}.settings-grid,.form-row{grid-template-columns:1fr!important}.tab-bar{flex-wrap:wrap}.tab-btn{padding:.5rem;font-size:.75rem}.action-group{flex-wrap:wrap!important;gap:3px!important;width:100%!important;overflow-x:auto!important}.action-btn{padding:.2rem .3rem!important;font-size:.6rem!important}.dash-root .navbar{height:auto!important;min-height:50px!important;padding:0 .5rem!important}.dash-root .navbar .brand-logo{font-size:1.2rem!important}.dash-root .navbar .nav-btn{padding:.25rem .6rem!important;font-size:.7rem!important}.brand-school{display:none!important}.student-navbar-user>div{gap:.25rem!important}.NotificationBell button{padding:4px 8px!important;font-size:1rem!important}.NotificationBell span{min-width:14px!important;padding:1px 4px!important;font-size:.55rem!important}.student-navbar-container{flex-direction:column!important;gap:.5rem!important}.student-navbar-logo{text-align:center;order:1;width:100%;padding-top:3.8rem;padding-bottom:.5rem}.student-navbar-user{order:2;justify-content:space-between;width:100%;padding:0 .5rem;display:flex}.student-navbar-user span{font-size:.9rem}.student-navbar-user button{padding:.3rem .8rem;font-size:.8rem}div[style*="padding: 1.5rem 2.5rem 3rem"]{padding:1rem .5rem 2rem!important}div[style*="gridTemplateColumns: repeat(auto-fill, minmax(220px, 1fr))"]{grid-template-columns:1fr!important}div[style*=lessonCard]{width:100%!important;max-width:100%!important}div[style*="max-width: 1200px"]{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.player-panel{border-radius:0!important;margin-top:.2rem!important}.video-fullscreen-on-mobile{height:calc(100vh - 64px)!important}.dash-layout main .panel[style*="display: flex"]{flex-direction:column!important;gap:1rem!important}.dash-layout main .panel[style*="display: flex"]>div:first-child{border-right:none!important;width:100%!important;min-width:100%!important;max-height:400px!important;padding-right:0!important;display:flex!important}.dash-layout main .panel[style*="display: flex"]>div:last-child{width:100%!important;min-width:100%!important}}.dash-layout aside .panel{border:3px solid #a78bfa!important;box-shadow:0 0 15px #a78bfa80!important}.dash-layout main .panel{border:3px solid #38bdf8!important;box-shadow:0 0 15px #38bdf880!important}.player-panel{border:3px solid #34d399!important;box-shadow:0 0 15px #34d39980!important}.settings-panel{border:3px solid #fbbf24!important;box-shadow:0 0 15px #fbbf2480!important}.dash-layout main>div[style*="border: 2px solid #f59e0b"]{border:3px solid #ef4444!important;box-shadow:0 0 15px #ef444480!important}.materials-panel{border:3px solid #38bdf8!important;margin-bottom:1.5rem!important;box-shadow:0 0 15px #38bdf880!important}.upload-panel{border:3px solid #fbbf24!important;margin-bottom:1.5rem!important;box-shadow:0 0 15px #fbbf2480!important}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}