@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Readex+Pro:wght@400;500;600;700&display=swap";:root{--font-main: "Cairo", "Readex Pro", -apple-system, BlinkMacSystemFont, sans-serif;--bg-deep: #F7F5F0;--bg-surface: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #FDFBF7;--bg-input: #FCFAF6;--bg-banner: #FFF8EB;--accent-amber: #D97706;--accent-amber-light: #F59E0B;--accent-amber-hover: #B45309;--accent-amber-bg: rgba(217, 119, 6, .08);--accent-emerald: #059669;--accent-emerald-bg: rgba(5, 150, 105, .08);--accent-crimson: #DC2626;--accent-crimson-bg: rgba(220, 38, 38, .08);--text-heading: #1B1510;--text-body: #3B3128;--text-muted: #6E6053;--text-dim: #998C7F;--border-subtle: #E8E2D8;--border-card: #DFD7C9;--border-hover: #C5BAA8;--border-active: #D97706;--shadow-sm: 0 1px 3px rgba(35, 25, 20, .05);--shadow-md: 0 4px 16px -2px rgba(35, 25, 20, .08), 0 2px 6px -1px rgba(35, 25, 20, .04);--shadow-lg: 0 12px 32px -4px rgba(35, 25, 20, .12), 0 4px 12px -2px rgba(35, 25, 20, .06);--radius-default: 14px}*,*:before,*:after{font-family:var(--font-main);box-sizing:border-box!important;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}body{background-color:var(--bg-deep);color:var(--text-body);min-height:100vh;width:100%!important;max-width:100vw!important;overflow-x:hidden!important;position:relative!important;direction:rtl;text-align:right;line-height:1.8;letter-spacing:-.01em}.hidden{display:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-amber)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.ui-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-default);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ui-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.teacher-frame{position:relative;background:var(--bg-surface);border:2.5px solid var(--border-card);border-radius:24px;overflow:hidden;box-shadow:0 14px 36px -4px #2319141f,0 0 25px #d9770626;animation:teacherFloatInteractive 5s ease-in-out infinite alternate;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .35s ease;will-change:transform,box-shadow;cursor:pointer;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}@keyframes teacherFloatInteractive{0%{transform:translateY(0) rotate(0);box-shadow:0 14px 32px -4px #2319141f,0 0 20px #d977061f}50%{transform:translateY(-7px) rotate(.4deg);box-shadow:0 20px 42px -6px #2319142e,0 0 35px #d9770638}to{transform:translateY(-12px) rotate(-.3deg);box-shadow:0 24px 48px -8px #23191438,0 0 45px #d9770647}}.teacher-frame:hover,.teacher-frame:active{border-color:var(--accent-amber);box-shadow:0 28px 55px -10px #d9770659,0 0 50px #d9770666;transform:translateY(-14px) scale(1.02)}.teacher-frame:after{content:"";position:absolute;top:-50%;left:-60%;width:50%;height:200%;background:linear-gradient(to right,#fff0,#ffffff59,#fff0);transform:rotate(30deg);pointer-events:none;z-index:25;animation:portraitShimmerSweep 6s ease-in-out infinite}@keyframes portraitShimmerSweep{0%,70%{left:-70%;opacity:0}80%{opacity:1}to{left:150%;opacity:0}}.teacher-frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;display:block;pointer-events:none!important;-webkit-user-drag:none!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;transition:transform .5s cubic-bezier(.16,1,.3,1)}.teacher-frame:hover img{transform:scale(1.035)}.btn-amber{background:var(--accent-amber);color:#fff;font-weight:700;border-radius:12px;border:1px solid var(--accent-amber);box-shadow:0 2px 8px #d9770640;transition:background-color .14s ease-out,border-color .14s ease-out,transform .14s ease}.btn-amber:hover{background:var(--accent-amber-hover);border-color:var(--accent-amber-hover);transform:translateY(-1px)}.btn-wood{background:var(--bg-surface);color:var(--text-heading);font-weight:600;border:1px solid var(--border-card);border-radius:12px;box-shadow:var(--shadow-sm);transition:background-color .14s ease-out,border-color .14s ease-out,color .14s ease-out}.btn-wood:hover{background:var(--bg-card-hover);border-color:var(--accent-amber);color:var(--accent-amber)}.filter-pill{background:var(--bg-surface);border:1px solid var(--border-card);color:var(--text-muted);border-radius:9999px;cursor:pointer;box-shadow:var(--shadow-sm);white-space:nowrap;transition:all .14s ease-out}.filter-pill:hover{color:var(--text-heading);border-color:var(--border-hover);background:var(--bg-card-hover)}.filter-pill.active{background:var(--accent-amber)!important;color:#fff!important;border-color:var(--accent-amber)!important;font-weight:700;box-shadow:0 2px 10px #d977064d!important}.video-watermark{position:absolute;pointer-events:none;font-size:.85rem;color:#ffffff73;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.9);animation:floatWatermark 22s ease-in-out infinite alternate;z-index:30}@keyframes floatWatermark{0%{top:10%;right:10%}25%{top:75%;right:18%}50%{top:25%;right:70%}75%{top:80%;right:60%}to{top:15%;right:12%}}.modal-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;max-width:100%!important;height:100%!important;background:#140f0cbf!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:12px!important;box-sizing:border-box!important;overflow-y:auto!important}.modal-overlay.hidden{display:none!important}.modal-overlay>div{width:100%!important;max-width:460px!important;max-height:92vh!important;overflow-y:auto!important;margin:auto!important;box-sizing:border-box!important}#video-player-modal>div{max-width:820px!important;width:100%!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 25px 60px -15px #0009!important}.table-responsive-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}nav.student-desktop-nav,.student-desktop-nav,#student-nav-links{display:none!important}@media (min-width: 1024px){nav.student-desktop-nav,.student-desktop-nav,#student-nav-links{display:flex!important}}html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;position:relative}main,section,header,footer,.ui-card{max-width:100%!important;box-sizing:border-box!important}@media (max-width: 640px){header .max-w-7xl{gap:6px!important}.teacher-frame{max-width:250px!important;animation:none!important}h1 span{word-break:normal}#role-switcher-container button,#student-auth-header-btn button,#install-pwa-btn{padding:5px 8px!important;font-size:11px!important}#notif-bell-btn{padding:6px!important}#notification-dropdown{width:290px!important;left:-10px!important}#grade-filter-container{width:100%!important}}