*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:TheMixArabic,TheSansArab,Tajawal,IBM Plex Sans Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0}#root{min-height:100vh;overflow-x:hidden}::selection{background-color:#1d4f9038;color:inherit}:focus-visible{outline:2px solid #1d4f90;outline-offset:2px}.navbar{background:linear-gradient(135deg,#1d4f90,#d4a0b8);box-shadow:0 2px 4px #0000001a;color:#fff;padding:1rem 2rem}.navbar h1{font-size:1.8rem;font-weight:600}.container{margin:0 auto;max-width:1400px;padding:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border-radius:14px;box-shadow:0 2px 8px #0f193214;padding:1.5rem;transition:transform .2s}.stat-card:hover{box-shadow:0 4px 12px #0f19321f;transform:translateY(-2px)}.stat-card h3{color:#5c6670;font-size:.9rem;font-weight:500;margin-bottom:.5rem;text-transform:uppercase}.stat-card .value{color:#0d1a2e;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-card .subvalue{color:#a4a9ad;font-size:.9rem}.charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:2rem}.chart-card{background:#fff;border-radius:14px;box-shadow:0 2px 8px #0f193214;padding:1.5rem}.chart-card h3{color:#0d1a2e;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.calls-section{background:#fff;border-radius:14px;box-shadow:0 2px 8px #0f193214;padding:1.5rem}.calls-section h2{color:#0d1a2e;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.controls button{background:linear-gradient(145deg,#1d4f90,#163d73);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.controls button:hover{box-shadow:0 4px 12px #1d4f9066;transform:translateY(-1px)}.controls button:disabled{cursor:not-allowed;opacity:.5}.controls input[type=date]{border:1px solid #ddd;border-radius:10px;font-size:.95rem;padding:.75rem}.calls-table{border-collapse:collapse;overflow-x:auto;width:100%}.calls-table td,.calls-table th{border-bottom:1px solid #eee;padding:1rem;text-align:left}.calls-table th{background-color:#e8edf5;color:#0d1a2e;font-size:.9rem;font-weight:600;text-transform:uppercase}.calls-table tbody tr{transition:all .2s ease}.calls-table tbody tr:hover{background-color:#1d4f900a;box-shadow:0 2px 8px #1d4f901f;transform:scale(1.005)}.status-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.status-completed{background-color:#d4edda;color:#155724}.status-pending{background-color:#fff3cd;color:#856404}.status-processing{background-color:#1d4f901a;color:#1d4f90}.status-failed{background-color:#f8d7da;color:#721c24}.score-badge{border-radius:12px;display:inline-block;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.score-high{background-color:#d4edda;color:#155724}.score-medium{background-color:#fff3cd;color:#856404}.score-low{background-color:#f8d7da;color:#721c24}.loading{color:#5c6670;padding:2rem;text-align:center}.error{background-color:#f8d7da;border-radius:10px;color:#721c24;margin-bottom:1rem;padding:1rem}.top-agents-list{list-style:none}.top-agents-list li{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.75rem}.top-agents-list li:last-child{border-bottom:none}.agent-name{color:#0d1a2e;font-weight:600}.agent-stats{color:#5c6670;display:flex;font-size:.9rem;gap:1rem}