@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap);code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#6366f1;--primary-dark:#4338ca;--secondary:#10b981;--bg-main:#f3f4f6;--surface:#fff;--text-primary:#111827;--text-secondary:#6b7280;--danger:#ef4444;--warning:#f59e0b;--success:#10b981;--info:#3b82f6;--shadow-sm:0 1px 3px 0 #0000001a;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a}body{background:#f3f4f6;background:var(--bg-main);color:#111827;color:var(--text-primary);direction:rtl;font-family:Tajawal,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{background:#fff;background:var(--surface);border-left:1px solid #e5e7eb;display:flex;flex-direction:column;height:100vh;position:-webkit-sticky;position:sticky;top:0;width:260px;z-index:20}.logo-area{align-items:center;border-bottom:1px solid #f3f4f6;color:#6366f1;color:var(--primary);display:flex;font-size:1.4rem;font-weight:800;gap:12px;padding:25px}.logo-spin{animation:logo-spin 20s linear infinite}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav-menu{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:20px}.nav-menu button{align-items:center;background:#0000;border:none;border-radius:12px;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:500;gap:12px;padding:14px 16px;text-align:right;transition:all .2s}.nav-menu button:hover{background:#f9fafb;color:#6366f1;color:var(--primary)}.nav-menu button.active{background:#e0e7ff;color:#4338ca;color:var(--primary-dark);font-weight:700}.nav-menu button:disabled{cursor:not-allowed;opacity:.5}.sidebar-footer{border-top:1px solid #f3f4f6;color:#6b7280;color:var(--text-secondary);font-size:.9rem;padding:20px;text-align:center}.main-area{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.top-header{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e5e7eb;display:flex;height:70px;justify-content:space-between;padding:0 32px}.breadcrumbs{color:#111827;color:var(--text-primary);font-weight:600}.user-profile{align-items:center;display:flex;font-weight:600;gap:10px}.avatar-circle{background:#6366f1;background:var(--primary);border-radius:50%;color:#fff;display:grid;height:32px;place-items:center;width:32px}.content-scroll{background:#f3f4f6;background:var(--bg-main);flex:1 1;overflow-y:auto;padding:32px}.upload-container{margin:40px auto;max-width:900px;text-align:center}.hero-section{margin-bottom:50px}.hero-section h1{color:#111827;color:var(--text-primary);font-size:2.5rem;margin-bottom:10px}.hero-section p{color:#6b7280;color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.brand-logo-lg{color:#6366f1;color:var(--primary);margin-bottom:20px}.upload-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.upload-card{background:#fff;background:var(--surface);border:2px dashed #d1d5db;border-radius:20px;cursor:pointer;padding:40px;position:relative;transition:all .3s}.upload-card:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-5px)}.upload-card.active{background:#ecfdf5;border-color:#10b981;border-color:var(--secondary);border-style:solid}.upload-card input{cursor:pointer;inset:0;opacity:0;position:absolute}.upload-icon-wrapper{background:#f3f4f6;border-radius:50%;color:#6b7280;color:var(--text-secondary);display:grid;font-size:1.5rem;font-weight:700;height:60px;margin:0 auto 20px;place-items:center;width:60px}.upload-card.active .upload-icon-wrapper{background:#10b981;background:var(--secondary);color:#fff}.btn-primary{align-items:center;background:linear-gradient(135deg,#6366f1,#4338ca);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:12px;box-shadow:0 10px 15px -3px #6366f14d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:10px;justify-content:center;padding:16px 40px;transition:transform .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-primary:disabled{cursor:wait;opacity:.7}.btn-primary.large{font-size:1.2rem;padding:18px 50px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{background:#fff;background:var(--surface);border-radius:16px;box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-sm);padding:24px;transition:transform .2s}.stat-card:hover{transform:translateY(-3px)}.stat-header{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-size:.9rem;gap:10px;margin-bottom:10px}.stat-card h3{color:#111827;color:var(--text-primary);font-size:2rem;font-weight:800;margin:0}.stat-card h3 small{color:#6b7280;color:var(--text-secondary);font-size:1rem}.stat-card.primary h3{color:#6366f1;color:var(--primary)}.stat-card.success h3{color:#10b981;color:var(--secondary)}.stat-card.warning h3{color:#f59e0b;color:var(--warning)}.stat-card.info h3{color:#3b82f6;color:var(--info)}.analytics-split{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:32px}.panel{background:#fff;background:var(--surface);border-radius:16px;box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:24px}.panel-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.panel-header h2{font-size:1.25rem;margin:0}.subtitle{color:#6b7280;color:var(--text-secondary);display:block;font-size:.85rem;margin-top:4px}.clear-filter{align-items:center;background:#fef2f2;border:none;border-radius:8px;color:#ef4444;color:var(--danger);cursor:pointer;display:flex;font-size:.8rem;gap:5px;padding:6px 12px;transition:all .2s}.clear-filter:hover{background:#fee2e2}.bar-chart-container{height:220px;justify-content:center}.bar-chart-container,.chart-bars{align-items:flex-end;display:flex}.chart-bars{height:100%;justify-content:space-around;width:100%}.bar-group{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:flex-end;transition:opacity .2s;width:18%}.bar-group:hover .bar{opacity:.9;transform:scaleX(1.05)}.bar-group.selected .bar{border:2px solid #111827;border:2px solid var(--text-primary);box-shadow:0 0 15px #0000001a}.chart-bars:has(.selected) .bar-group:not(.selected){opacity:.4}.bar{border-radius:8px 8px 0 0;min-height:8px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.count-badge{background:#111827;background:var(--text-primary);border-radius:10px;color:#fff;font-size:.8rem;left:50%;opacity:0;padding:2px 8px;position:absolute;top:-30px;transform:translateX(-50%);transition:.2s}.bar-group:hover .count-badge{opacity:1;top:-35px}.bar.excellent{background:#10b981}.bar.good{background:#3b82f6}.bar.average{background:#f59e0b}.bar.poor{background:#ef4444}.bar-group .label{color:#6b7280;color:var(--text-secondary);font-size:.8rem;font-weight:500;margin-top:10px}.subject-row{align-items:center;display:flex;gap:15px;margin-bottom:15px}.sub-name{font-size:.9rem;font-weight:500;width:90px}.progress-track{background:#f3f4f6;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width 1s ease}.sub-val{font-size:.9rem;font-weight:700;text-align:left;width:30px}.table-section{background:#fff;background:var(--surface);border-radius:16px;box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-sm);padding:24px}.table-header-control{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.filter-tag{background:#e0e7ff;border-radius:20px;color:#6366f1;color:var(--primary);font-size:.8rem;margin-right:10px;padding:4px 10px}.search-bar{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:10px;padding:8px 16px;width:250px}.search-bar input{background:#0000;border:none;font-family:inherit;font-size:.9rem;outline:none;width:100%}.modern-table{border-collapse:collapse;width:100%}.modern-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:15px;text-align:right}.modern-table td{border-bottom:1px solid #f3f4f6;color:#111827;color:var(--text-primary);padding:15px}.modern-table tr:hover{background:#f9fafb;cursor:pointer}.user-cell{align-items:center;display:flex;gap:12px}.avatar-sm{background:#e5e7eb;border-radius:50%;color:#4b5563;display:grid;font-weight:700;height:36px;place-items:center;width:36px}.user-meta{display:flex;flex-direction:column}.user-meta .name{font-size:.95rem;font-weight:600}.user-meta .id{font-size:.75rem}.rank-idx,.user-meta .id{color:#6b7280;color:var(--text-secondary)}.rank-idx{background:#f3f4f6;border-radius:6px;font-size:.8rem;font-weight:700;padding:4px 8px}.ltr-text{direction:ltr;text-align:right}.trend-pill{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:600;padding:2px 8px}.trend-pill.improving{background:#d1fae5;color:#047857}.trend-pill.declining{background:#fee2e2;color:#b91c1c}.trend-pill.stable{background:#f3f4f6;color:#6b7280;color:var(--text-secondary)}.badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;margin:2px;padding:4px 8px}.badge-gold{background:#fffbeb;border:1px solid #fcd34d;color:#b45309}.badge-blue{background:#eff6ff;border:1px solid #93c5fd;color:#1d4ed8}.badge-green{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.badge-red{background:#fef2f2;border:1px solid #fca5a5;color:#b91c1c}.badge-purple{background:#f5f3ff;border:1px solid #c4b5fd;color:#7c3aed}.badge-orange{background:#fff7ed;border:1px solid #fdba74;color:#ea580c}.modal-overlay{animation:fadeIn .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:grid;inset:0;place-items:center;position:fixed;z-index:50}.modal-glass{animation:slideUp .3s;background:#fffffff2;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);max-height:90vh;max-width:800px;overflow-y:auto;padding:40px;position:relative;width:90%}.modal-glass.large{max-width:900px}.close-btn{background:none;border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary);cursor:pointer;left:20px;padding:8px;position:absolute;top:20px;transition:background .2s}.close-btn:hover{background:#f3f4f6}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px}.modal-avatar{background:linear-gradient(135deg,#6366f1,#4338ca);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:16px;color:#fff;display:grid;font-size:2rem;font-weight:700;height:70px;place-items:center;width:70px}.modal-title{flex:1 1}.modal-title h2{margin:0}.modal-title p{color:#6b7280;color:var(--text-secondary);direction:ltr;margin:5px 0 0;text-align:right}.modal-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.modal-score{background:#f3f4f6;border-radius:12px;margin-right:auto;padding:10px 20px;text-align:center}.modal-score span{color:#6366f1;color:var(--primary);display:block;font-size:1.8rem;font-weight:800;line-height:1}.modal-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.full-width{grid-column:1/-1}.modal-widget{background:#f9fafb;border-radius:16px;padding:20px}.modal-widget h4{color:#111827;color:var(--text-primary);margin:0 0 15px}.comment-text{color:#6b7280;color:var(--text-secondary);margin-bottom:15px}.prediction-bar{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:15px}.pred-val{color:#6366f1;color:var(--primary);font-size:1.2rem;font-weight:800}.pred-diff{color:#6b7280;color:var(--text-secondary);font-size:.8rem;font-weight:400;margin-right:8px}.score-row{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 0}.score-badge{border-radius:6px;font-weight:700;padding:2px 8px}.high{background:#d1fae5;color:#059669}.mid{background:#fef3c7;color:#d97706}.low{background:#fee2e2;color:#dc2626}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#fff;border:1px solid #0000;border-radius:20px;font-size:.85rem;padding:6px 12px}.tag-green{border-color:#d1fae5;color:#059669}.tag-red{border-color:#fee2e2;color:#dc2626}.analytics-container{padding:20px 0}.analytics-nav{border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;padding-bottom:10px}.analytics-nav button{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;gap:8px;padding:10px 20px;transition:all .2s}.analytics-nav button:hover{background:#f3f4f6;color:#6366f1;color:var(--primary)}.analytics-nav button.active{background:#6366f1;background:var(--primary);color:#fff;font-weight:600}.analytics-content{margin-top:20px}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.analytics-card{background:#fff;background:var(--surface);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-sm);padding:20px;transition:transform .2s}.analytics-card:hover{transform:translateY(-2px)}.analytics-card.full-width{grid-column:1/-1}.card-header{align-items:center;color:#6366f1;color:var(--primary);display:flex;gap:10px;margin-bottom:20px}.card-header h3{font-size:1.1rem;margin:0}.performance-matrix{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:10px 0}.matrix-item{display:flex;flex-direction:column;gap:8px}.matrix-label{color:#6b7280;color:var(--text-secondary);font-size:.9rem}.matrix-value{color:#6366f1;color:var(--primary);font-size:2rem;font-weight:800}.matrix-progress{background:#f3f4f6;border-radius:4px;height:8px;overflow:hidden}.difficulty-list,.improvement-list{display:flex;flex-direction:column;gap:12px}.difficulty-item,.improvement-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:12px;padding:10px;transition:background .2s}.difficulty-item:hover,.improvement-item:hover{background:#f3f4f6}.improvement-item .rank{background:#6366f1;background:var(--primary);border-radius:50%;color:#fff;display:grid;font-size:.8rem;font-weight:700;height:24px;place-items:center;width:24px}.improvement-item .name{flex:1 1;font-weight:500}.improvement-value{border-radius:6px;font-size:.9rem;font-weight:700;padding:4px 8px}.improvement-value.positive{background:#d1fae5;color:#10b981;color:var(--success)}.difficulty-item .subject-name{flex:1 1;font-weight:500}.difficulty-meter{background:#f3f4f6;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.meter-fill{background:#f59e0b;background:var(--warning);border-radius:3px;height:100%}.difficulty-score{color:#f59e0b;color:var(--warning);font-weight:700;min-width:40px;text-align:left}.risk-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.risk-card{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:15px;transition:transform .2s}.risk-card:hover{transform:translateY(-2px)}.risk-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.risk-name{color:#111827;color:var(--text-primary);font-weight:600}.risk-level{border-radius:12px;font-size:.8rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.risk-level.high{background:#fee2e2;color:#dc2626}.risk-level.medium{background:#fef3c7;color:#d97706}.risk-level.low{background:#d1fae5;color:#059669}.risk-factors{display:flex;flex-direction:column;gap:5px}.risk-factor{align-items:center;color:#7f1d1d;display:flex;font-size:.85rem;gap:5px}.predictions-container{background:#fff;background:var(--surface);border-radius:16px;margin-bottom:30px;padding:30px}.prediction-header{margin-bottom:30px;text-align:center}.prediction-header h2{color:#111827;color:var(--text-primary);margin-bottom:10px}.prediction-header p{color:#6b7280;color:var(--text-secondary)}.predictions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.prediction-card{background:#f9fafb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-sm);padding:20px}.prediction-card.large{grid-column:span 2}.prediction-card h4{color:#111827;color:var(--text-primary);font-size:1.1rem;margin:0 0 20px}.probability-chart{display:flex;flex-direction:column;gap:15px}.probability-item{align-items:center;display:flex;gap:15px}.prob-label{color:#6b7280;color:var(--text-secondary);font-size:.9rem;width:120px}.prob-bar{background:#f3f4f6;flex:1 1;height:30px;overflow:hidden}.prob-bar,.prob-fill{border-radius:6px;position:relative}.prob-fill{align-items:center;display:flex;height:100%;justify-content:flex-end;padding:0 10px;transition:width 1s ease}.prob-fill.high{background:#10b981;background:var(--success)}.prob-fill.medium{background:#f59e0b;background:var(--warning)}.prob-fill.low{background:#ef4444;background:var(--danger)}.prob-count{color:#fff;font-size:.9rem;font-weight:600}.factors-list{display:flex;flex-direction:column;gap:10px}.factor-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.factor-name{font-weight:500}.factor-weight{color:#6366f1;color:var(--primary);font-weight:700}.next-exam-predictions{display:flex;flex-direction:column;gap:12px}.prediction-row{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:15px;padding:12px}.student-name{flex:1 1;font-weight:500}.prediction-arrow{color:#6b7280;color:var(--text-secondary)}.next-prediction{color:#6366f1;color:var(--primary);font-size:1.1rem;font-weight:800}.confidence{background:#f3f4f6;border-radius:12px;color:#6b7280;color:var(--text-secondary);font-size:.8rem;padding:2px 8px}.insights-container{background:#fff;background:var(--surface);border-radius:16px;padding:30px}.insights-header{margin-bottom:30px;text-align:center}.insights-header h2{color:#111827;color:var(--text-primary);margin-bottom:10px}.insights-header p{color:#6b7280;color:var(--text-secondary)}.insights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{background:#f9fafb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-sm)}.insight-card h4{color:#111827;color:var(--text-primary);font-size:1.1rem;margin:0 0 20px}.learning-styles{display:flex;flex-direction:column;gap:15px}.style-item{align-items:center;display:flex;gap:15px}.style-name{font-weight:500;width:80px}.style-bar{background:#f3f4f6;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.style-fill{border-radius:4px;height:100%}.style-fill.visual{background:#8b5cf6;width:35%}.style-fill.auditory{background:#3b82f6;width:28%}.style-fill.kinesthetic{background:#10b981;width:22%}.style-fill.reading{background:#f59e0b;width:15%}.style-percent{color:#111827;color:var(--text-primary);font-weight:600;text-align:left;width:40px}.patterns-list{display:flex;flex-direction:column;gap:15px}.pattern-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px}.pattern-icon{font-size:1.5rem}.pattern-info{display:flex;flex-direction:column}.pattern-name{font-weight:500}.pattern-count{color:#6b7280;color:var(--text-secondary);font-size:.9rem}.recommendations-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.recommendation-item{border:1px solid;border-radius:8px;padding:20px}.recommendation-item h5{color:#111827;color:var(--text-primary);font-size:1rem;margin-bottom:10px;margin-top:0}.recommendation-item.urgent{background:#fef2f2;border-color:#fecaca}.recommendation-item.medium{background:#fffbeb;border-color:#fcd34d}.recommendation-item.long{background:#ecfdf5;border-color:#a7f3d0}.recommendation-item ul{margin:0;padding-right:20px}.recommendation-item li{color:#6b7280;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:5px}.ai-analysis{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.ai-metric{display:flex;flex-direction:column;gap:8px}.metric-label{color:#6b7280;color:var(--text-secondary);font-size:.9rem}.metric-value{display:flex;flex-direction:column;gap:5px}.probability{color:#6366f1;color:var(--primary);font-size:1.5rem;font-weight:800}.probability-bar{background:#f3f4f6;border-radius:4px;height:8px;margin-top:5px;overflow:hidden}.probability-fill{background:#6366f1;background:var(--primary);border-radius:4px;height:100%;transition:width 1s ease}.next-exam-pred{color:#6366f1;color:var(--primary);font-size:1.5rem;font-weight:800}.smart-comments{display:flex;flex-direction:column;gap:10px}.overall-comment{color:#111827;color:var(--text-primary);line-height:1.6;margin-bottom:10px}.detail-comment{align-items:flex-start;color:#6b7280;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px}.learning-profile{display:flex;flex-direction:column;gap:10px}.profile-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.profile-label{color:#6b7280;color:var(--text-secondary);font-weight:500}.profile-value{color:#111827;color:var(--text-primary);font-weight:600}.recommendations-list{display:flex;flex-direction:column;gap:10px}.recommendations-list .recommendation-item{align-items:flex-start;background:#f0f9ff;border:none;border-radius:6px;display:flex;gap:8px;margin:0;padding:10px}.recommendations-list .recommendation-item span{color:#111827;color:var(--text-primary);font-size:.9rem}.fade-in{animation:fadeIn .5s ease-in}.no-data{color:#6b7280;color:var(--text-secondary);font-style:italic;padding:20px;text-align:center}.loading{color:#0000!important;position:relative}.loading:after{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";height:20px;position:absolute;width:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.app-shell{flex-direction:column}.sidebar{border-bottom:1px solid #e5e7eb;border-left:none;height:auto;position:relative;width:100%}.nav-menu{flex-direction:row;overflow-x:auto;padding:15px}.nav-menu button{padding:10px 15px;white-space:nowrap}.content-scroll{padding:20px}.analytics-split,.modal-grid{grid-template-columns:1fr}.hero-section h1{font-size:2rem}.upload-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.table-header-control{align-items:stretch;flex-direction:column;gap:15px}.search-bar{width:100%}.analytics-nav{flex-direction:column}.analytics-nav button{justify-content:center;width:100%}.analytics-grid,.insights-grid,.predictions-grid{grid-template-columns:1fr}.prediction-card.large{grid-column:1}.recommendations-grid{grid-template-columns:1fr}.modal-glass{margin:10px;padding:20px}.modal-header{flex-direction:column;gap:15px;text-align:center}.modal-score{margin-right:0}.ai-analysis{grid-template-columns:1fr}}@media (max-width:480px){.performance-matrix,.risk-grid,.stats-grid{grid-template-columns:1fr}.modern-table{display:block;overflow-x:auto}}.comments-container{padding:20px}.comments-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.header-content{align-items:center;display:flex;gap:16px}.header-content h2{color:#1f2937;font-size:1.5rem;margin:0}.header-content .subtitle{color:#6b7280;font-size:.9rem;margin:4px 0 0}.header-stats{align-items:center;color:#6b7280;display:flex;font-size:.9rem;gap:12px}.stats-separator{color:#d1d5db}.comments-filters{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px}.performance-filters{align-items:center;display:flex;gap:16px}.filter-label{color:#4b5563;font-weight:500;white-space:nowrap}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#fff;border:1px solid #d1d5db;border-radius:20px;color:#6b7280;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s}.filter-btn:hover{border-color:#6366f1;color:#6366f1}.filter-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.comments-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:32px}.comment-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:transform .3s ease}.comment-card:hover{transform:translateY(-4px)}.comment-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:20px}.comment-header,.student-info{align-items:center;display:flex}.student-info{gap:12px}.student-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;width:48px}.student-name{color:#1f2937;font-size:1.1rem;margin:0}.student-meta{display:flex;font-size:.85rem;gap:12px;margin-top:4px}.student-id{color:#6b7280}.student-avg{color:#6366f1;font-weight:500}.performance-badge{align-items:center;display:flex;gap:8px}.badge-level{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px}.star-icon{color:#fbbf24}.comment-content{padding:20px}.comment-section{margin-bottom:20px}.section-header{align-items:center;color:#374151;display:flex;gap:8px;margin-bottom:8px}.section-header h4{font-size:.95rem;font-weight:600;margin:0}.comment-text{background:#f9fafb;border-radius:8px;color:#4b5563;font-size:.9rem;line-height:1.6;margin:0;padding:12px}.motivational-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;margin:20px 0;padding:16px}.quote-text{color:#0369a1;font-size:.9rem;font-style:italic;line-height:1.6;margin:8px 0 0}.subject-comments{margin:20px 0}.subject-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:12px}.subject-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.subject-name{color:#1f2937;font-size:.85rem;font-weight:600;margin-bottom:4px}.subject-comment{color:#6b7280;font-size:.8rem;line-height:1.4;margin-bottom:6px}.subject-advice{align-items:center;border-top:1px dashed #d1fae5;color:#059669;display:flex;font-size:.75rem;gap:4px;padding-top:4px}.strength-weakness{background:#f9fafb;border-radius:8px;margin:20px 0;padding:16px}.strengths,.weaknesses{margin-bottom:12px}.strengths:last-child,.weaknesses:last-child{margin-bottom:0}.strength-weakness .label{color:#4b5563;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.strength-weakness .tags{display:flex;flex-wrap:wrap;gap:6px}.comment-footer{background:#fafafa;border-top:1px solid #e5e7eb;justify-content:space-between;padding:16px 20px}.comment-footer,.footer-note{align-items:center;display:flex}.footer-note{color:#6b7280;font-size:.85rem;gap:8px}.view-profile-btn{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 16px;transition:background .2s}.view-profile-btn:hover{background:#4f46e5}.info-note{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;margin-top:24px;padding:20px}.note-content{align-items:flex-start;display:flex;gap:12px}.note-title{color:#065f46;font-weight:600;margin:0 0 4px}.note-text{color:#047857;font-size:.9rem;line-height:1.5;margin:0}.bg-yellow-50{background-color:#fffbeb}.border-yellow-200{border-color:#fde68a}.text-yellow-800{color:#92400e}.bg-green-50{background-color:#f0fdf4}.border-green-200{border-color:#bbf7d0}.text-green-800{color:#065f46}.bg-blue-50{background-color:#eff6ff}.border-blue-200{border-color:#bfdbfe}.text-blue-800{color:#1e40af}.bg-purple-50{background-color:#faf5ff}.border-purple-200{border-color:#e9d5ff}.text-purple-800{color:#6b21a8}.bg-red-50{background-color:#fef2f2}.border-red-200{border-color:#fecaca}.text-red-800{color:#991b1b}.bg-red-100{background-color:#fee2e2}.border-red-300{border-color:#fca5a5}.text-red-900{color:#7f1d1d}.badge-level.ممتاز{background:#fef3c7;color:#92400e}.badge-level.جيد{background:#dbeafe;color:#1e40af}.badge-level.مقبول{background:#e9d5ff;color:#6b21a8}.badge-level.ضعيف{background:#fecaca;color:#991b1b}@media (max-width:768px){.comments-grid{grid-template-columns:1fr}.comments-header{gap:16px}.comments-header,.performance-filters{align-items:flex-start;flex-direction:column}.filter-buttons{width:100%}.subject-grid{grid-template-columns:1fr}.comment-footer{align-items:flex-start;flex-direction:column;gap:12px}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{direction:rtl;text-align:right}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.chart-container{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:20px}.chart-container h3{color:#2d3748;margin-bottom:20px}.performance{margin:15px 0}.performance-item{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.performance-item .score{font-weight:600}.performance-item .average{color:#667eea;font-weight:700}.status-indicator{border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:15px;padding-top:15px}.status{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.status.success{background:#c6f6d5;color:#22543d}.status.warning{background:#feebc8;color:#744210}.status.danger{background:#fed7d7;color:#742a2a}.insight-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.insight-card{background:#fff;border-left:4px solid #667eea;border-radius:10px;padding:20px}.insight-card h4{color:#2d3748;margin-bottom:10px}.ml-predictor{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:25px}.predictor-header{margin-bottom:30px;text-align:center}.predict-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:15px;padding:12px 30px;transition:transform .3s}.predict-btn:hover{transform:translateY(-2px)}.predict-btn:disabled{cursor:not-allowed;opacity:.7}.predictions-grid{margin-top:30px}.prediction-summary{background:#f8f9fa;border-radius:10px;margin-bottom:30px;padding:20px}.summary-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.summary-stat{background:#fff;border-radius:10px;padding:20px;text-align:center}.summary-stat h4{color:#4a5568;margin-bottom:10px}.summary-stat .stat-value{color:#2d3748;font-size:2rem;font-weight:700}.predictions-table{overflow-x:auto}.predictions-table table{border-collapse:collapse;width:100%}.predictions-table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-weight:600;padding:15px;text-align:right}.predictions-table td{border-bottom:1px solid #e2e8f0;padding:15px}.prediction-score{font-size:1.1rem;font-weight:700}.confidence{color:#718096;font-size:.9rem;margin-right:5px}.trend.up{color:#48bb78;font-weight:600}.trend.down{color:#f56565;font-weight:600}.recommendation{color:#4a5568;font-size:.9rem;max-width:200px}
/*# sourceMappingURL=main.4368932c.css.map*/