@import "https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700;800;900&display=swap";:root{--bg-base:#0b0f1a;--bg-surface:#111827;--bg-elevated:#1a2236;--bg-hover:#1f2d47;--border:#d4af371f;--border-strong:#d4af3747;--sky:#d4af37;--sky-dim:#d4af371f;--indigo:#c9a227;--emerald:#e8c84a;--emerald-dim:#e8c84a1f;--amber:#f0d060;--amber-dim:#f0d0601f;--rose:#fb7185;--rose-dim:#fb71851f;--violet:#c9a227;--violet-dim:#c9a22724;--text-primary:#f0e6c8;--text-secondary:#9e8a60;--text-muted:#5a4e35;--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,#d4af3712 0%,#0000 60%),radial-gradient(60% 40% at 90% 100%,#c9a2270d 0%,#0000 60%);font-family:Noto Kufi Arabic,system-ui,sans-serif;font-size:14px}.dash-layout{grid-template-columns:minmax(680px,55%) 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,#d4af37 0%,#f0d060 50%,#c9a227 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:#d4af3740}.nav-btn-ghost-sky:hover{background:#d4af3733}.nav-btn-solid-green{color:#0b0f1a;background:linear-gradient(135deg,#d4af37,#c9a227);font-weight:800;box-shadow:0 4px 14px #d4af374d}.nav-btn-solid-green:hover{transform:translateY(-1px);box-shadow:0 6px 18px #d4af3773}.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:#0b0f1a;background:linear-gradient(135deg,#d4af37,#c9a227);box-shadow:0 3px 10px #d4af3759}.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 #d4af371f}.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:#0b0f1a;background:linear-gradient(135deg,#d4af37,#c9a227);box-shadow:0 4px 14px #d4af374d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #d4af3773}.btn-success{color:#0b0f1a;background:linear-gradient(135deg,#d4af37,#c9a227);font-weight:800;box-shadow:0 4px 14px #d4af3740}.btn-success:hover{transform:translateY(-1px);box-shadow:0 6px 18px #d4af3766}.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:#d4af3740}.ab-sky:hover{background:#d4af3738}.ab-amber{background:var(--amber-dim);color:var(--amber);border-color:#f0d06040}.ab-amber:hover{background:#f0d06038}.ab-violet{background:var(--violet-dim);color:var(--violet);border-color:#c9a22740}.ab-violet:hover{background:#c9a22738}.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:1.6fr 1fr 120px 70px 330px;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:1.6fr 1fr 120px 70px 330px;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:#d4af3708;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<=1280px){.dash-layout{grid-template-columns:minmax(620px,52%) 1fr}.table-head,.student-row{grid-template-columns:1.4fr 90px 115px 65px 310px}}@media (width<=1100px){.dash-layout{grid-template-columns:1fr!important}.table-head,.student-row{grid-template-columns:1.6fr 1fr 130px 70px 330px!important}}@media (width<=768px){.navbar{height:60px;padding:0 1rem}.dash-layout{gap:1rem;padding:1rem .8rem}.student-phone{display:none!important}.table-head,.student-row{grid-template-columns:1.8fr 130px 70px 300px!important}.action-btn{padding:.28rem .45rem!important;font-size:.67rem!important}}@media (width<=640px){.dash-root{font-size:13px}.navbar{flex-wrap:wrap;height:auto!important;min-height:55px!important;padding:0 .5rem!important}.navbar-brand .brand-logo{font-size:1.1rem!important}.navbar-actions{gap:.3rem!important}.nav-btn{padding:.3rem .5rem!important;font-size:.7rem!important}.dash-layout{padding:.5rem .3rem!important}.panel-header{padding:.8rem 1rem!important}.student-stats{gap:.5rem!important;padding:.8rem 1rem!important}.stat-card{padding:.5rem!important}.stat-val{font-size:1.2rem!important}.stat-lbl{font-size:.65rem!important}.search-wrap{padding:.7rem .8rem!important}.search-input{padding:.5rem .8rem!important;font-size:.8rem!important}.table-head{display:none!important}.student-list{flex-direction:column!important;gap:12px!important;max-height:none!important;display:flex!important;overflow:visible auto!important}.student-row{grid-template-columns:unset!important;min-width:unset!important;background:var(--bg-surface)!important;border:1px solid var(--border)!important;border-radius:16px!important;flex-direction:column!important;gap:10px!important;padding:14px 12px!important;display:flex!important}.student-row.inactive{opacity:.7}.student-row>div:first-child{flex-direction:column!important;gap:2px!important;display:flex!important}.student-name{color:var(--text-primary)!important;white-space:normal!important;text-overflow:unset!important;font-size:.95rem!important;font-weight:800!important;overflow:visible!important}.student-phone{color:var(--text-secondary)!important;text-align:right!important;margin-top:2px!important;font-size:.75rem!important;display:block!important}.student-row>div:nth-child(3){border-top:1px solid var(--border)!important;border-bottom:1px solid var(--border)!important;justify-content:space-between!important;align-items:center!important;padding:8px 0!important;display:flex!important}.student-row>div:nth-child(4){justify-content:flex-start!important;margin-bottom:4px!important;display:flex!important}.status-badge{border-radius:20px!important;padding:4px 12px!important;font-size:.75rem!important}.action-group{-webkit-overflow-scrolling:touch;flex-flow:row!important;justify-content:flex-start!important;gap:6px!important;width:100%!important;padding:8px 2px 4px!important;display:flex!important;overflow:auto visible!important}.action-group::-webkit-scrollbar{height:3px}.action-group::-webkit-scrollbar-thumb{background:var(--sky);border-radius:10px}.action-btn{white-space:nowrap;flex-shrink:0;min-width:55px;border-radius:20px!important;justify-content:center!important;padding:8px 12px!important;font-size:.7rem!important}.settings-grid,.form-row{grid-template-columns:1fr!important;gap:.6rem!important}.field-input,.field-select{padding:.55rem .8rem!important;font-size:.8rem!important}.btn{padding:.5rem 1rem!important;font-size:.8rem!important}.panel.materials-panel,.panel.upload-panel{padding:1rem!important}.pkg-list{max-height:350px!important}.pkg-row{padding:.5rem .8rem!important}.pkg-subject-label{font-size:.8rem!important}.player-panel{border-radius:12px!important;margin-top:.5rem!important}.player-empty{padding:50px 15px!important}.modal-overlay{padding:.5rem!important}.modal-box{border-radius:16px!important;padding:1rem!important}.modal-header{margin-bottom:1rem!important}.modal-title{font-size:1rem!important}.perm-subject-hdr{padding:.6rem .8rem!important}.perm-subject-name{font-size:.8rem!important}.perm-folder{margin:.4rem .5rem!important}.perm-lesson-row{padding:.4rem .6rem!important;font-size:.75rem!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*="max-width: 1200px"]{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!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}}@media (width<=400px){.action-btn{min-width:50px;padding:6px 10px!important;font-size:.65rem!important}.brand-logo{font-size:1rem!important}.nav-btn{padding:.25rem .4rem!important;font-size:.65rem!important}}.dash-layout aside .panel{border:3px solid #d4af37!important;box-shadow:0 0 18px #d4af3759!important}.dash-layout main .panel{border:3px solid #c9a227!important;box-shadow:0 0 18px #c9a22759!important}.player-panel{border:3px solid #e8c84a!important;box-shadow:0 0 18px #e8c84a59!important}.settings-panel{border:3px solid #f0d060!important;box-shadow:0 0 18px #f0d06059!important}.dash-layout main>div[style*="border: 2px solid #f59e0b"]{border:3px solid #d4af37!important;box-shadow:0 0 18px #d4af3766!important}.materials-panel{border:3px solid #c9a227!important;margin-bottom:1.5rem!important;box-shadow:0 0 18px #c9a22759!important}.upload-panel{border:3px solid #d4af37!important;margin-bottom:1.5rem!important;box-shadow:0 0 18px #d4af3759!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}