:root,body.dark-mode{--primary-blue:#3498db;--primary-blue-dark:#2980b9}.container,body{transition:background .3s}#user-profile,.tab-item:hover,body,h2{color:var(--dark-text)}.content,.header{position:relative}.attendance-table th,.report-table th{background-color:var(--form-bg)}:root{--bg-grad-start:#667eea;--bg-grad-end:#764ba2;--container-bg:rgba(255, 255, 255, 0.95);--success-color:#28a745;--danger-color:#dc3545;--dark-text:#2c3e50;--light-text:#7f8c8d;--border-color:#ecf0f1;--form-bg:#f7f9fc;--card-shadow:0 10px 30px rgba(0,0,0,0.1);--header-bg:#f8f9fa}body.dark-mode{--bg-grad-start:#2c3e50;--bg-grad-end:#34495e;--container-bg:#2c3e50;--success-color:#27ae60;--danger-color:#e74c3c;--dark-text:#ecf0f1;--light-text:#bdc3c7;--border-color:#4a627a;--form-bg:#34495e;--card-shadow:0 10px 30px rgba(0,0,0,0.2);--header-bg:#2c3e50}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--bg-grad-start) 0,var(--bg-grad-end) 100%);min-height:100vh;padding:20px 20px 60px;direction:rtl;line-height:1.7}.container{max-width:1200px;margin:20px auto;background:var(--container-bg);border-radius:20px;padding:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);overflow:hidden;display:flex;flex-direction:column}.header{padding:15px;text-align:center;border-bottom:2px solid var(--border-color)}#user-profile{font-size:1.1rem;font-weight:500;margin-bottom:20px}#theme-toggle,.tab-item{cursor:pointer;color:var(--light-text)}#theme-toggle{position:absolute;top:15px;left:15px;background:0 0;border:none;font-size:1.5rem;transition:color .3s,transform .3s}#alertModalBody,.tab-item i{font-size:1.1rem}#theme-toggle:hover{color:var(--primary-blue);transform:scale(1.1)}.tab-bar{display:flex;justify-content:space-around;background-color:var(--header-bg);border-radius:30px;padding:8px 5px;box-shadow:0 4px 15px rgba(0,0,0,.08);width:100%;max-width:600px;margin:0 auto}.tab-item{background:0 0;border:none;padding:8px 10px;border-radius:20px;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;transition:.3s;flex-grow:1;justify-content:center}.btn,.close-btn,.form-group label,.report-table th,.stat-card .number,h2{font-weight:700}.tab-item:hover{background-color:rgba(0,0,0,.05)}body.dark-mode .tab-item:hover{background-color:rgba(255,255,255,.05)}.tab-item.active{color:#fff;background:var(--primary-blue);box-shadow:0 4px 10px rgba(52,152,219,.4)}.content{padding:30px 10px}.print-title,.section{display:none}.section.active{display:block;animation:.5s fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h2{font-size:1.8rem;margin-bottom:25px;border-right:4px solid var(--primary-blue);padding-right:15px}.class-card,.form-section{background:var(--container-bg);border-radius:15px;padding:20px;box-shadow:var(--card-shadow);transition:transform .3s,box-shadow .3s,background .3s;border:3px solid var(--border-color);margin-bottom:25px}body.dark-mode .chart-card,body.dark-mode .form-section,body.dark-mode .list-card,body.dark-mode .stat-card{background:#34495e}.attendance-table th:hover,.section-divider{background-color:var(--border-color)}.class-card:hover,.form-section:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.15);border-color:var(--primary-blue)}.class-card{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.form-section h3{font-size:1.4rem;margin-bottom:20px;color:var(--primary-blue);display:flex;align-items:center;gap:10px}.btn,.scroll-btn{align-items:center;cursor:pointer}.section-divider{border:0;height:1px;margin:35px 0}.form-group input,.form-group select,.form-group textarea,.search-box{font-size:1rem;background:var(--form-bg);color:var(--dark-text);width:100%}#chartsContainer,.form-group,.search-box{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--dark-text)}.form-group input,.form-group select,.form-group textarea{padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-family:'Segoe UI',Tahoma,sans-serif;transition:border-color .2s,box-shadow .2s,background .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(52,152,219,.2)}.search-box{padding:10px 15px;border-radius:20px;border:2px solid var(--border-color)}.chart-card,.list-card,.stat-card{background:var(--container-bg);border-radius:15px;box-shadow:var(--card-shadow);padding:20px}.lesson-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.lesson-info-grid .form-group{margin-bottom:0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{text-align:center;border-right:5px solid var(--primary-blue)}.stat-card .icon{font-size:2.5rem;color:var(--primary-blue);margin-bottom:10px}.stat-card .number{font-size:2.2rem}.stat-card .title{font-size:1rem;color:var(--light-text)}.list-card ul{list-style:none;padding:0}.list-card li{padding:10px;border-bottom:1px solid var(--border-color)}.attendance-table tbody tr:last-child td,.list-card li:last-child{border-bottom:none}.btn{background:linear-gradient(45deg,var(--primary-blue),var(--primary-blue-dark));color:#fff;border:none;padding:12px 25px;margin:5px;border-radius:25px;font-size:1rem;transition:.3s;box-shadow:0 5px 15px rgba(52,152,219,.3);display:inline-flex;gap:8px;justify-content:center}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(52,152,219,.4)}.btn.btn-success{background:linear-gradient(45deg,#2ecc71,#27ae60);box-shadow:0 5px 15px rgba(46,204,113,.3)}.btn.btn-danger{background:linear-gradient(45deg,#e74c3c,#c0392b);box-shadow:0 5px 15px rgba(231,76,60,.3)}.btn.btn-secondary{background:linear-gradient(45deg,#95a5a6,#7f8c8d);box-shadow:0 5px 15px rgba(149,165,166,.3)}.file-upload-wrapper{position:relative;overflow:hidden;display:inline-block}.file-upload-wrapper .btn{margin:0}.file-upload-wrapper input[type=file]{font-size:100px;position:absolute;left:0;top:0;opacity:0}#chartsContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.chart-card h4{text-align:center;margin-bottom:15px}.modal{display:none;position:fixed;z-index:1001;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.6);animation:.3s fadeInModal;justify-content:center;align-items:center}.modal-content{background-color:var(--container-bg);padding:25px;width:90%;max-width:550px;border-radius:15px;box-shadow:0 5px 25px rgba(0,0,0,.2)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:15px;margin-bottom:15px}.close-btn{color:#aaa;font-size:28px;cursor:pointer;transition:color .2s}.close-btn:hover{color:var(--danger-color)}@keyframes fadeInModal{from{opacity:0}to{opacity:1}}#alertModal .modal-content{max-width:400px;text-align:center;padding:0}#alertModalHeader{padding:20px;border-radius:15px 15px 0 0;color:#fff}#alertModalHeader.success{background-color:var(--success-color)}#alertModalHeader.error,.action-btn.delete:hover{background-color:var(--danger-color)}#alertModalBody{padding:25px 15px;line-height:1.6}#alertModalFooter{text-align:center;padding:0 15px 20px}#scroll-nav-buttons{position:fixed;bottom:25px;right:25px;z-index:999;display:flex;flex-direction:column;gap:10px;opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .3s,transform .3s}#scroll-nav-buttons.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-btn{width:50px;height:50px;border-radius:50%;background-color:var(--primary-blue);color:#fff;border:none;font-size:1.2rem;display:flex;justify-content:center;box-shadow:0 5px 15px rgba(52,152,219,.4);transition:background-color .2s,transform .2s}.attendance-table,.report-table{width:100%;border-collapse:separate;border-spacing:0}.scroll-btn:hover{background-color:var(--primary-blue-dark);transform:scale(1.1)}.app-footer{text-align:center;padding:25px 0;margin-top:20px;font-size:.9rem;color:rgba(255,255,255,.7)}body.dark-mode .app-footer{color:rgba(255,255,255,.5)}#attendanceList{overflow-x:auto;padding-bottom:10px}.attendance-table{border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.attendance-table td,.attendance-table th{padding:12px 5px;text-align:center;border-bottom:1px solid var(--border-color);white-space:nowrap}.attendance-table th{font-weight:700;position:sticky;top:0;z-index:10;cursor:pointer;user-select:none}.attendance-table td:not(:last-child),.attendance-table th:not(:last-child),.report-table td:not(:last-child),.report-table th:not(:last-child){border-left:1px solid var(--border-color)}.attendance-table td:first-child,.report-table td:first-child,.report-table th:first-child{text-align:right;padding-right:15px;font-weight:500}.attendance-table input[type=checkbox],.attendance-table input[type=radio]{width:22px;height:22px;cursor:pointer;accent-color:var(--primary-blue);vertical-align:middle}.report-table td,.report-table th{padding:12px 8px;text-align:center;border-bottom:1px solid var(--border-color)}.action-btn{background:var(--form-bg);border:1px solid var(--border-color);width:32px;height:32px;border-radius:50%;color:var(--dark-text);font-size:.9rem;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center;margin:0 4px}.action-btn:hover{background-color:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.action-btn.delete:hover{border-color:var(--danger-color)}@media (max-width:768px){.tab-item span{display:none}.tab-item{padding:10px;gap:0}.tab-item i{font-size:1.3rem}.container{overflow:visible}#attendanceList{width:100vw;margin-right:calc(50% - 50vw);padding:15px;box-sizing:border-box;background-color:var(--container-bg);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}}@media print{.container,body{padding:0;margin:0}body,h3{color:#000}body{background:#fff!important;font-size:10pt}#chartsContainer,#reports>.form-section:first-of-type,#reports>h2,#scroll-nav-buttons,#theme-toggle,.action-btn,.app-footer,.content>.section,.header,.modal,.report-buttons,.section-divider,.tab-bar{display:none!important}.container{box-shadow:none;border:none;max-width:100%;background:0 0!important}#reports{display:block!important}.print-title{display:block;text-align:center;font-size:16pt;font-weight:700;margin-bottom:25px}.form-section{box-shadow:none;border:1px solid #ccc;padding:10px;margin-bottom:20px;page-break-inside:avoid}h3{font-size:12pt;border-bottom:2px solid #000;padding-bottom:5px}.report-table{width:100%;border-collapse:collapse}.report-table td,.report-table th{border:1px solid #999;padding:5px;text-align:center;font-size:9pt}.report-table th{background-color:#f0f0f0!important;color:#000;font-weight:700}.report-table td:first-child,.report-table th:first-child{text-align:right}td[style*="var(--success-color)"]{color:green!important}td[style*="var(--danger-color)"]{color:#d8000c!important}}