*{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;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}#root{min-height:100vh;overflow-x:hidden}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);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:10px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:transform .2s}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-card h3{color:#666;font-size:.9rem;font-weight:500;margin-bottom:.5rem;text-transform:uppercase}.stat-card .value{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-card .subvalue{color:#999;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:10px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.chart-card h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.calls-section{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.calls-section h2{color:#333;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(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.controls button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.controls button:disabled{cursor:not-allowed;opacity:.5}.controls input[type=date]{border:1px solid #ddd;border-radius:6px;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:#f8f9fa;color:#333;font-size:.9rem;font-weight:600;text-transform:uppercase}.calls-table tbody tr{transition:all .2s ease}.calls-table tbody tr:hover{background-color:#f0f4ff;box-shadow:0 2px 8px #667eea26;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:#d1ecf1;color:#0c5460}.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:#666;padding:2rem;text-align:center}.error{background-color:#f8d7da;border-radius:6px;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:#333;font-weight:600}.agent-stats{color:#666;display:flex;font-size:.9rem;gap:1rem}