.sidebar{width:320px;min-width:280px;background:#1e293b;border-left:1px solid rgba(255,255,255,.08);padding:1rem;overflow-y:auto}.sidebar-header{font-weight:700;font-size:1.1rem;margin-bottom:1rem;color:#f8fafc}.sidebar-block{margin-bottom:1.25rem}.sidebar-block label{display:block;font-size:.8rem;color:#94a3b8;margin-bottom:.5rem}.chip-list{display:flex;flex-wrap:wrap;gap:.35rem}.chip{padding:.35rem .65rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#e2e8f0;border-radius:999px;cursor:pointer;font-size:.8rem;font-family:inherit;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip:hover{background:#ffffff1a}.chip.active{background:#2563eb;border-color:#2563eb}.search-input{width:100%;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.2);background:#0f172acc;color:#e2e8f0;border-radius:8px;font-size:.9rem;font-family:inherit}.search-input::placeholder{color:#64748b}.sidebar-stats{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);font-size:.85rem;color:#94a3b8;display:flex;flex-direction:column;gap:.25rem}.sidebar-stats strong{color:#e2e8f0}.data-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#1e293b80}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.6rem .75rem;text-align:right;border-bottom:1px solid rgba(255,255,255,.06)}.data-table th{background:#0f172acc;color:#94a3b8;font-weight:600;position:sticky;top:0;z-index:1}.data-table tbody tr:hover{background:#ffffff08}.data-table .score-cell{color:#34d399;font-weight:600}.data-table-empty{padding:3rem;text-align:center;color:#64748b}.professor-card{background:linear-gradient(145deg,#0f172a,#1e293b,#334155);color:#e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #00000040;border:1px solid rgba(255,255,255,.06)}.professor-card-header{background:linear-gradient(90deg,#1e40af66,#3b82f633);padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.professor-card-title{margin:0;font-size:1.2rem;font-weight:700;color:#f8fafc}.professor-card-rank{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.35rem .75rem;border-radius:999px;font-weight:700;font-size:.85rem}.professor-card-body{padding:1rem 1.25rem}.professor-card-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin:1rem 0 .5rem;padding-bottom:.35rem;border-bottom:1px solid rgba(255,255,255,.08)}.professor-card-section:first-child .professor-card-section-title{margin-top:0}.professor-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.professor-card-item{background:#ffffff0a;padding:.5rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.professor-card-item-label{font-size:.75rem;color:#94a3b8}.professor-card-item-value{font-size:.95rem;font-weight:600;color:#f1f5f9}.professor-card-item-value.score-high{color:#34d399}.professor-card-links{display:flex;flex-wrap:wrap;gap:.5rem}.professor-card-link-btn{display:inline-flex;align-items:center;padding:.4rem .8rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:8px;text-decoration:none;font-size:.85rem;font-weight:500;transition:opacity .15s}.professor-card-link-btn:hover{opacity:.9}.professor-card-detail-list{max-height:400px;overflow-y:auto}.professor-card-detail-row{display:flex;flex-wrap:wrap;gap:.25rem 1rem;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.85rem;align-items:flex-start}.professor-card-detail-row:last-child{border-bottom:none}.professor-card-detail-key{color:#94a3b8;min-width:180px;flex-shrink:0}.professor-card-detail-val{color:#e2e8f0;flex:1;white-space:pre-wrap;word-break:break-word}.professor-card-detail-val a{color:#60a5fa}.professor-card-score-edit{background:#2563eb14;border:1px solid rgba(59,130,246,.25);border-radius:10px;padding:.75rem 1rem}.score-edit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem 1rem}.score-edit-item{display:flex;flex-direction:column;gap:.25rem}.score-edit-label{font-size:.75rem;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-edit-input{padding:.4rem .5rem;border:1px solid rgba(255,255,255,.2);background:#0f172a99;color:#e2e8f0;border-radius:6px;font-size:.9rem;width:80px;font-family:inherit}.score-edit-input:focus{outline:none;border-color:#3b82f6}.score-edit-total{margin-top:.75rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.5rem}.score-edit-total-label{font-size:.9rem;color:#94a3b8}.score-edit-total-value{font-size:1.1rem;color:#34d399}.professor-cards{display:flex;flex-direction:column;gap:1rem}.professor-cards-empty{padding:3rem;text-align:center;color:#64748b}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(90deg,#1e293b,#0f172a);padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.app-header h1{margin:0;font-size:1.5rem;font-weight:700;color:#f8fafc}.app-header .subtitle{margin:.25rem 0 0;font-size:.9rem;color:#94a3b8}.app-body{display:flex;flex:1;overflow:hidden}.app-main{flex:1;overflow:auto;padding:1rem 1.5rem}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.toolbar .count{color:#94a3b8;font-size:.9rem}.toolbar-actions{display:flex;align-items:center;gap:.75rem}.btn-export-excel{padding:.5rem 1rem;background:#059669;color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500}.btn-export-excel:hover{background:#047857}.view-toggle{display:flex;gap:.25rem}.view-toggle button{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#e2e8f0;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.9rem}.view-toggle button:hover{background:#ffffff1a}.view-toggle button.active{background:#2563eb;border-color:#2563eb}.app-loading,.app-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.app-error{color:#f87171}.app-error .hint{font-size:.85rem;color:#94a3b8}.spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}*{box-sizing:border-box}:root{font-family:Tajawal,Segoe UI,sans-serif;direction:rtl;text-align:right;line-height:1.6;color:#e2e8f0;background:#0f172a}body{margin:0;min-height:100vh}#root{min-height:100vh}