body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#1877f2;--primary-light:#4a90e2;--primary-dark:#0d47a1;--secondary:#1c1e21;--accent:#42b72a;--accent-dark:#2e7d32;--background:#f0f2f5;--white:#fff;--gray-100:#f0f2f5;--gray-200:#e4e6eb;--gray-300:#dadde1;--gray-400:#bdc3c7;--gray-500:#8e8e93;--gray-600:#65676b;--gray-700:#4a4a4a;--gray-800:#1c1e21;--gray-900:#18191a;--success:#42b72a;--warning:#f7b928;--danger:#e41e3f;--info:#1877f2;--box-shadow:0 1px 2px #0000001a;--box-shadow-lg:0 2px 4px #0000001a;--base-font-size:16px;--spacing-unit:1rem;--card-padding:1rem}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;font-size:var(--base-font-size)}body{background-color:#f0f2f5;background-color:var(--background);color:#4a4a4a;color:var(--gray-700);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;transition:background-color .3s ease,color .3s ease}.App{display:flex;flex-direction:column;min-height:100vh}.App-header{background:linear-gradient(90deg,#0d47a1,#1877f2);background:linear-gradient(to right,var(--primary-dark),var(--primary));box-shadow:0 1px 2px #0000001a;box-shadow:var(--box-shadow);color:#fff;color:var(--white);padding:1.25rem;padding:calc(var(--spacing-unit)*1.25)}.header-content{flex-direction:row;justify-content:space-between;margin:0 auto;max-width:1400px}.App-header h1,.header-content{align-items:center;display:flex}.App-header h1{font-weight:700;gap:12px;margin:0}.App-header p{margin-top:8px;opacity:.9}.header-left{display:flex;flex-direction:column}.date-range-selector{align-items:center;display:flex;gap:12px}.date-filter-label{color:#fff;font-size:.9rem;font-weight:700;white-space:nowrap}.date-inputs{gap:12px}.date-input-group,.date-inputs{align-items:center;display:flex}.date-input-group{background-color:#fff3;border-radius:4px;padding:6px 10px;white-space:nowrap}.date-input-group label{color:#fff;font-size:.85rem;font-weight:500;margin-right:8px}.date-input-group input[type=date]{background:#0000;border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem}.date-input-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.logout-button{background-color:#fff3;border:1px solid #fff6;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:15px;padding:.5rem 1rem;transition:all .2s}.logout-button:hover{background-color:#ffffff4d}.App-main{background-color:#f0f2f5;background-color:var(--background);flex:1 1;padding:1.875rem;padding:calc(var(--spacing-unit)*1.875)}.dashboard-container{margin:0 auto;max-width:1400px}.analytics-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.summary-card{background-color:#fff;background-color:var(--white);border:1px solid #e4e6eb;border:1px solid var(--gray-200);border-radius:8px;box-shadow:0 1px 2px #0000001a;box-shadow:var(--box-shadow);padding:1rem;padding:var(--card-padding);transition:all .2s ease}.summary-card:hover{border-color:#4a90e2;border-color:var(--primary-light);box-shadow:0 2px 4px #0000001a;box-shadow:var(--box-shadow-lg)}.providers-card{background:#fff;background:var(--white);border:1px solid #e4e6eb;border:1px solid var(--gray-200);border-radius:8px;box-shadow:0 1px 2px #0000001a;box-shadow:var(--box-shadow);grid-column:1/-1;overflow:hidden;padding:.5rem!important;padding:calc(var(--card-padding)*.5)!important}.providers-card .card-icon{align-items:center;background:#1877f2;background:var(--primary);border-radius:6px;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;margin-right:8px;width:32px}.providers-card .card-content{flex:1 1;min-width:0}.providers-card .card-content h3{color:#65676b;color:var(--gray-600);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:1px;text-transform:uppercase}.providers-card .card-content p{color:#1c1e21;color:var(--gray-800);font-size:1.125rem;font-weight:700}.providers-expand{align-items:center;color:#1877f2;color:var(--primary);cursor:pointer;display:flex;font-size:.6875rem;font-weight:500;gap:2px;margin-top:2px;transition:color .2s ease}.providers-expand:hover{color:#0d47a1;color:var(--primary-dark)}.providers-list{background:var(--gray-50);border-radius:4px;margin-top:0;max-height:0;overflow:hidden;transition:max-height .3s ease;width:100%}.providers-list.expanded{border:1px solid #e4e6eb;border:1px solid var(--gray-200);margin-top:4px;max-height:160px;overflow-y:auto}.providers-list ul{list-style:none;margin:0;padding:0}.providers-list ul li{align-items:center;border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:4px 8px;transition:background-color .2s ease}.providers-list ul li:last-child{border-bottom:none}.providers-list ul li:hover{background-color:#f0f2f5;background-color:var(--gray-100)}.provider-name{color:#4a4a4a;color:var(--gray-700);font-size:.75rem}.provider-cost{color:#1877f2;color:var(--primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;font-weight:600;padding-left:8px}.no-sources{color:#8e8e93;color:var(--gray-500);font-size:.85rem;font-style:italic}.analytics-charts{background-color:#fff;background-color:var(--white);border-radius:10px;box-shadow:0 1px 2px #0000001a;box-shadow:var(--box-shadow);margin-bottom:30px;padding:1rem;padding:var(--spacing-unit)}.chart-tabs{border-bottom:1px solid #dadde1;border-bottom:1px solid var(--gray-300);display:flex;margin-bottom:20px}.chart-tabs button{background:none;border:none;color:#65676b;color:var(--gray-600);cursor:pointer;font-size:.95rem;padding:10px 20px;position:relative;transition:color .2s ease}.chart-tabs button.active,.chart-tabs button:hover{color:#1877f2;color:var(--primary)}.chart-tabs button.active{font-weight:600}.chart-tabs button.active:after{background-color:#1877f2;background-color:var(--primary);border-radius:3px 3px 0 0;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.charts-container{display:flex;flex-wrap:wrap;gap:20px;min-height:350px}.chart-container{flex:1 1;min-width:300px}.chart-container.large{flex:1 1 100%}.chart-container h3{color:#4a4a4a;color:var(--gray-700);font-size:1rem;font-weight:600;margin-bottom:15px}.chart-wrapper{height:300px;position:relative}.kpi-table-container{background-color:#fff;background-color:var(--white);border-radius:10px;box-shadow:0 1px 2px #0000001a;box-shadow:var(--box-shadow);margin-bottom:30px;overflow:hidden;padding:1rem;padding:var(--spacing-unit)}.kpi-table-container h2{color:#1c1e21;color:var(--gray-800);font-size:1.3rem;font-weight:600;margin:0 0 20px}.kpi-table{border-collapse:collapse;text-align:left;width:100%}.kpi-table th{background-color:#f0f2f5;background-color:var(--gray-100);border-bottom:2px solid #dadde1;border-bottom:2px solid var(--gray-300);cursor:pointer;padding:15px;position:sticky;top:0;z-index:10}.th-content{align-items:center;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between}.kpi-table td,.th-content{color:#4a4a4a;color:var(--gray-700)}.kpi-table td{border-bottom:1px solid #dadde1;border-bottom:1px solid var(--gray-300);padding:15px}.kpi-table tbody tr{cursor:pointer;transition:background-color .2s ease}.kpi-table tbody tr:hover{background-color:#f0f2f5;background-color:var(--gray-100)}.percentage-bar-container{background-color:#e4e6eb;background-color:var(--gray-200);border-radius:10px;height:20px;overflow:hidden;position:relative;width:100%}.percentage-bar{background:linear-gradient(90deg,#4a90e2,#1877f2);background:linear-gradient(to right,var(--primary-light),var(--primary));border-radius:10px;height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.percentage-bar-container span{align-items:center;color:#1c1e21;color:var(--gray-800);display:flex;font-size:.85rem;font-weight:600;height:100%;left:0;padding:0 10px;position:absolute;top:0;width:100%}.error,.loading{align-items:center;color:#65676b;color:var(--gray-600);display:flex;font-size:1.1rem;height:300px;justify-content:center;padding:40px;text-align:center}.error{color:#e41e3f;color:var(--danger)}.agent-details-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:1000}.agent-details-modal-overlay.open{opacity:1;visibility:visible}.agent-details-modal{background-color:#fff;background-color:var(--white);border-radius:15px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1200px;overflow-y:auto;position:relative;transform:scale(.9) translateY(20px);transition:transform .3s ease;width:95%}.agent-details-modal-overlay.open .agent-details-modal{transform:scale(1) translateY(0)}.modal-header{background:linear-gradient(90deg,#0d47a1,#1877f2);background:linear-gradient(to right,var(--primary-dark),var(--primary));border-bottom:1px solid #dadde1;border-bottom:1px solid var(--gray-300);border-radius:15px 15px 0 0;color:#fff;color:var(--white);justify-content:space-between;padding:25px 30px}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{font-size:1.6rem;gap:12px;margin:0}.modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:2rem;height:45px;justify-content:center;transition:color .2s ease;transition:background-color .2s ease;width:45px}.modal-close-button:hover{background-color:#fff3}.modal-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;padding:30px}.modal-left-column,.modal-right-column{display:flex;flex-direction:column;gap:25px}.agent-profile{flex-direction:column;margin-bottom:25px}.agent-profile,.profile-avatar{align-items:center;display:flex}.profile-avatar{background:linear-gradient(to bottom right,#1877f2,#4a90e2);background:linear-gradient(to bottom right,var(--primary),var(--primary-light));border-radius:50%;color:#fff;color:var(--white);font-size:1.8rem;font-weight:700;height:80px;justify-content:center;margin-bottom:10px;width:80px}.profile-role{color:#65676b;color:var(--gray-600);font-size:.9rem}.agent-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(100%,1fr));margin-bottom:25px}.stat-card{padding:15px}.collapsible-stat-card,.stat-card{background-color:#f0f2f5;background-color:var(--gray-100);border-radius:10px;box-shadow:0 2px 4px #0000000d}.collapsible-stat-card{overflow:hidden}.collapsible-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:15px}.collapsible-header:hover{background-color:#e4e6eb;background-color:var(--gray-200)}.collapsible-content{max-height:0;overflow:hidden;padding:0 15px;transition:max-height .5s ease}.collapsible-content.expanded{max-height:350px;padding:15px}.stat-label{color:#65676b;color:var(--gray-600);font-size:.8rem;margin-bottom:5px}.stat-value{color:#1c1e21;color:var(--gray-800);font-size:1.3rem;font-weight:700}.agent-performance-chart,.agent-radar-chart,.agent-sources-chart{background-color:#f0f2f5;background-color:var(--gray-100);border-radius:10px;margin-bottom:25px;padding:15px}.agent-performance-chart h3,.agent-radar-chart h3,.agent-sources-chart h3{color:#4a4a4a;color:var(--gray-700);font-size:1rem;margin-bottom:15px}.agent-radar-chart .chart-wrapper,.agent-sources-chart .chart-wrapper{height:280px;margin:0 auto}.performance-bars{display:flex;flex-direction:column;gap:15px}.performance-bar-container{align-items:center;display:flex}.bar-label{color:#65676b;color:var(--gray-600);font-size:.8rem;width:60px}.bar-wrapper{background-color:#e4e6eb;background-color:var(--gray-200);flex:1 1;height:20px;overflow:hidden;position:relative}.bar,.bar-wrapper{border-radius:10px}.bar{height:100%;transition:width .3s ease}.agent-bar{background:linear-gradient(90deg,#4a90e2,#1877f2);background:linear-gradient(to right,var(--primary-light),var(--primary))}.average-bar{background:linear-gradient(90deg,#42b72a,#2e7d32);background:linear-gradient(to right,var(--accent),var(--accent-dark))}.bar-value{align-items:center;color:#1c1e21;color:var(--gray-800);display:flex;font-size:.8rem;font-weight:600;height:100%;position:absolute;right:10px;top:0}.leads-table-container{margin-top:10px;overflow-x:auto}.leads-table{border-collapse:collapse;font-size:.85rem;text-align:left;width:100%}.leads-table th{background-color:#f0f2f5;background-color:var(--gray-100);border-bottom:2px solid #dadde1;border-bottom:2px solid var(--gray-300);font-weight:600;padding:12px}.leads-table td,.leads-table th{color:#4a4a4a;color:var(--gray-700)}.leads-table td{border-bottom:1px solid #dadde1;border-bottom:1px solid var(--gray-300);padding:10px 12px}.leads-table .booked-row{background-color:#4c51bf1a}.leads-table .booked-row td{color:#0d47a1;color:var(--primary-dark);font-weight:500}.leads-table .contacted-row{background-color:#ffc10726}.leads-table .contacted-row td{color:#856404;font-weight:500}.no-data{color:#8e8e93;color:var(--gray-500);font-style:italic;padding:20px;text-align:center}.App-footer{background:linear-gradient(90deg,#0d47a1,#1877f2);background:linear-gradient(to right,var(--primary-dark),var(--primary));color:#fff;color:var(--white);font-size:.85rem;padding:15px;text-align:center}.lead-source-cost-table{margin-top:15px;overflow-x:auto;width:100%}.lead-source-cost-table table{border-collapse:collapse;font-size:14px;width:100%}.lead-source-cost-table td,.lead-source-cost-table th{border-bottom:1px solid #dadde1;border-bottom:1px solid var(--gray-300);padding:8px;text-align:left}.lead-source-cost-table th{background-color:#f0f2f5;background-color:var(--gray-100);font-weight:600}.lead-source-cost-table .total-row{background-color:#4c51bf1a;font-weight:500}.lead-source-cost-table .total-row td{border-top:2px solid #4a90e2;border-top:2px solid var(--primary-light)}.opportunity-calculation-details{background-color:#f0f2f5;background-color:var(--gray-100);border-radius:10px;margin-bottom:25px;padding:15px}.opportunity-calculation-details h3{color:#4a4a4a;color:var(--gray-700);font-size:1rem;margin-bottom:15px}.calculation-summary{background-color:#fff;background-color:var(--white);border-left:4px solid #1877f2;border-left:4px solid var(--primary);border-radius:8px;margin-bottom:15px;padding:12px}.calc-formula{color:#65676b;color:var(--gray-600);font-size:.9rem;margin-bottom:8px}.calc-result{color:#0d47a1;color:var(--primary-dark);font-size:1rem}.opportunity-breakdown{background-color:#fff;background-color:var(--white);border-left:4px solid #42b72a;border-left:4px solid var(--accent);border-radius:8px;margin-bottom:15px;padding:12px}.opportunity-breakdown h4{color:#4a4a4a;color:var(--gray-700);font-size:.9rem;margin-bottom:12px}.opportunity-components{display:flex;flex-direction:column;gap:8px}.opportunity-component{background-color:var(--gray-50);border-left:3px solid #bdc3c7;border-left:3px solid var(--gray-400);border-radius:6px;padding:8px 10px}.opportunity-component:first-child{border-left-color:#1877f2;border-left-color:var(--primary)}.opportunity-component:nth-child(2){border-left-color:#f7b928;border-left-color:var(--warning)}.component-header{color:#4a4a4a;color:var(--gray-700);font-size:.8rem;font-weight:600;margin-bottom:4px}.component-calc{color:#65676b;color:var(--gray-600);font-family:Courier New,monospace;font-size:.85rem}.opportunity-total{background-color:#4a90e2;background-color:var(--primary-light);border-radius:6px;color:#0d47a1;color:var(--primary-dark);font-size:.9rem;margin-top:8px;padding:10px}.calculation-tabs h4{color:#4a4a4a;color:var(--gray-700);font-size:.9rem;margin-bottom:10px}.jobs-breakdown-table{background-color:#fff;background-color:var(--white);border-radius:8px;overflow-x:auto}.jobs-breakdown-table table{border-collapse:collapse;font-size:.8rem;width:100%}.jobs-breakdown-table th{background-color:#f0f2f5;background-color:var(--gray-100);border-bottom:1px solid #dadde1;border-bottom:1px solid var(--gray-300);font-size:.75rem;font-weight:600;padding:8px 6px;text-align:left}.jobs-breakdown-table td{border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--gray-200);padding:6px}.jobs-breakdown-table .booked-job{background-color:#4c51bf1a}.jobs-breakdown-table .contacted-job{background-color:#ffc1071a}.jobs-breakdown-table .totals-row{background-color:#e4e6eb;background-color:var(--gray-200);font-weight:600}.jobs-breakdown-table .totals-row td{border-top:2px solid #1877f2;border-top:2px solid var(--primary);padding:10px 6px}@media (max-width:1200px){.analytics-summary{grid-template-columns:repeat(2,1fr)}.providers-card{grid-column:1/-1}}@media (max-width:992px){.App-main{padding:20px}.charts-container{flex-direction:column}.chart-container{width:100%}}@media (max-width:768px){.analytics-summary{gap:12px;grid-template-columns:1fr}.summary-card,.summary-card:nth-child(-n+3){padding:16px}.card-icon{font-size:1.25rem;height:44px;width:44px}.summary-card:nth-child(-n+3) .card-icon{font-size:1.4rem;height:48px;width:48px}.card-content h3{font-size:.8125rem}.card-content p{font-size:1.375rem}.summary-card:nth-child(-n+3) .card-content h3{font-size:.875rem}.summary-card:nth-child(-n+3) .card-content p{font-size:1.5rem}.kpi-table td,.kpi-table th{padding:10px 8px}.agent-details-sidebar{right:-100%;width:100%}.chart-tabs button{font-size:.85rem;padding:10px}.header-content{align-items:flex-start;flex-direction:column;gap:15px}.date-range-selector{width:100%}.date-inputs{flex-direction:column;gap:10px;width:100%}.date-input-group{width:100%}.logout-button{margin-left:0}}@media (max-width:480px){.App-header h1{font-size:1.8rem}.App-header p{font-size:.9rem}.App-main,.analytics-charts,.kpi-table-container{padding:15px 10px}.th-content{font-size:.8rem}}@media (max-width:1024px){.modal-content{gap:25px;grid-template-columns:1fr}.agent-details-modal{max-width:800px;width:95%}}@media (max-width:768px){.modal-content,.modal-header{padding:20px}.modal-header h2{font-size:1.4rem}.agent-details-modal{max-height:95vh;width:98%}}.side-panel{background-color:#fff;background-color:var(--white);box-shadow:-2px 0 8px #0000001a;height:100vh;overflow-y:auto;padding:20px;position:fixed;right:-400px;top:0;transition:right .3s ease;width:400px;z-index:1000}.side-panel.open{right:0}.side-panel-header{align-items:center;border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.side-panel-header h2{color:#1c1e21;color:var(--gray-800);font-size:1.25rem;margin:0}.side-panel-close{align-items:center;background:none;border:none;border-radius:4px;color:#65676b;color:var(--gray-600);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:4px;transition:all .2s ease}.side-panel-close:hover{background-color:#f0f2f5;background-color:var(--gray-100);color:#1c1e21;color:var(--gray-800)}.side-panel-content{color:#4a4a4a;color:var(--gray-700)}.side-panel-overlay{background-color:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:999}.side-panel-overlay.open{opacity:1;visibility:visible}.side-panel-cards{display:flex;flex-direction:column;gap:12px;padding:8px}.side-panel-card{align-items:center;background:#fff;background:var(--white);border:1px solid #e4e6eb;border:1px solid var(--gray-200);border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.side-panel-card:hover{border-color:#4a90e2;border-color:var(--primary-light);box-shadow:0 1px 2px #0000001a;box-shadow:var(--box-shadow)}.side-panel-card .card-icon{align-items:center;background:#1877f2;background:var(--primary);border-radius:6px;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.side-panel-card .card-content{flex:1 1;min-width:0}.side-panel-card .card-content h3{color:#65676b;color:var(--gray-600);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.side-panel-card .card-content p{color:#1c1e21;color:var(--gray-800);font-size:1rem;font-weight:600;margin:0}.floating-menu-button{align-items:center;background:#1877f2;background:var(--primary);border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;box-shadow:var(--box-shadow-lg);color:#fff;color:var(--white);cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:20px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:100}.floating-menu-button:hover{background:#0d47a1;background:var(--primary-dark);transform:translateY(-50%) scale(1.1)}.floating-menu-button i{font-size:1.2rem;transition:transform .2s ease}.floating-menu-button:hover i{transform:translateX(-2px)}.header-actions{align-items:center;display:flex;gap:12px}.settings-button{align-items:center;background-color:#fff3;border:1px solid #fff6;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.5rem;transition:all .2s ease}.settings-button:hover{background-color:#ffffff4d;transform:rotate(30deg)}.settings-button i{transition:transform .2s ease}.settings-button:hover i{transform:rotate(30deg)}.settings-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.settings-modal{animation:modalSlideIn .3s ease;background:#fff;background:var(--white);border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:1100px;overflow-y:auto;width:95%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.settings-header{align-items:center;background:linear-gradient(90deg,#0d47a1,#1877f2);background:linear-gradient(to right,var(--primary-dark),var(--primary));border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--gray-200);border-radius:12px 12px 0 0;color:#fff;color:var(--white);display:flex;justify-content:space-between;padding:20px}.settings-header h2{font-size:1.5rem;margin:0}.settings-close{align-items:center;background:none;border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:4px;transition:background-color .2s ease}.settings-close:hover{background-color:#fff3}.settings-content{padding:20px}.settings-section{margin-bottom:24px}.settings-section h3{border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--gray-200);color:#1c1e21;color:var(--gray-800);font-size:1.1rem;margin-bottom:16px;padding-bottom:8px}.settings-option{align-items:center;display:flex;margin-bottom:12px}.settings-option label{align-items:center;color:#4a4a4a;color:var(--gray-700);cursor:pointer;display:flex;gap:8px}.settings-option input[type=checkbox]{cursor:pointer;height:18px;width:18px}.settings-option select{background-color:#fff;background-color:var(--white);border:1px solid #dadde1;border:1px solid var(--gray-300);border-radius:4px;color:#4a4a4a;color:var(--gray-700);margin-left:8px;padding:4px 8px}.settings-footer{border-top:1px solid #e4e6eb;border-top:1px solid var(--gray-200);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.settings-cancel,.settings-save{border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.settings-save{background-color:#1877f2;background-color:var(--primary);border:none;color:#fff;color:var(--white)}.settings-save:hover{background-color:#0d47a1;background-color:var(--primary-dark)}.settings-cancel{background-color:#e4e6eb;background-color:var(--gray-200);border:none;color:#4a4a4a;color:var(--gray-700)}.settings-cancel:hover{background-color:#dadde1;background-color:var(--gray-300)}.settings-tabs{background:#f0f2f5;background:var(--gray-100);border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--gray-200);display:flex;padding:0 20px}.settings-tab{align-items:center;background:none;border:none;color:#65676b;color:var(--gray-600);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:12px 20px;position:relative;transition:all .2s ease}.settings-tab.active,.settings-tab:hover{color:#1877f2;color:var(--primary)}.settings-tab.active{font-weight:600}.settings-tab.active:after{background-color:#1877f2;background-color:var(--primary);bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.add-provider-button{background:linear-gradient(135deg,#1877f2,#4a90e2);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.add-provider-button:hover{background:linear-gradient(135deg,#0d47a1,#1877f2);background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 100%);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.providers-list{display:flex;flex-direction:column;gap:12px}.provider-item{align-items:center;background:#f0f2f5;background:var(--gray-100);border:1px solid #e4e6eb;border:1px solid var(--gray-200);border-radius:6px;display:flex;justify-content:space-between;padding:12px}.provider-name{color:#1c1e21;color:var(--gray-800);font-weight:500}.provider-price{align-items:center;display:flex;gap:4px}.provider-price input{border:1px solid #dadde1;border:1px solid var(--gray-300);border-radius:4px;font-size:.9rem;padding:4px 8px;width:80px}.agents-list{flex-direction:column;gap:12px}.agent-item{align-items:center;background:#f0f2f5;background:var(--gray-100);border:1px solid #e4e6eb;border:1px solid var(--gray-200);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:all .2s ease}.agent-item:last-child{margin-bottom:0}.agent-item:hover{border-color:#4a90e2;border-color:var(--primary-light);box-shadow:0 1px 2px #0000001a;box-shadow:var(--box-shadow)}.agent-info{flex:1 1;min-width:0}.agent-name{color:#1c1e21;color:var(--gray-800);display:block;font-weight:500;margin-bottom:4px}.agent-stats{color:#65676b;color:var(--gray-600);display:flex;font-size:.9rem;gap:16px}.exclude-button{border:none;color:#8e8e93;color:var(--gray-500);display:flex;justify-content:center;margin-left:12px;padding:8px}.exclude-button:hover{background-color:#e4e6eb;background-color:var(--gray-200)}.exclude-button.excluded:hover{background-color:#e41e3f1a}.kpi-table tr.excluded{background-color:#f0f2f5;background-color:var(--gray-100);opacity:.5}.kpi-table tr.excluded:hover{background-color:#e4e6eb;background-color:var(--gray-200)}.styling-options{display:flex;flex-direction:column;gap:16px}.styling-option{align-items:center;display:flex;gap:12px}.styling-option label{color:#4a4a4a;color:var(--gray-700);min-width:120px}.styling-option input[type=color]{height:40px;padding:2px;width:40px}.styling-option input[type=color],.styling-option select{border:1px solid #dadde1;border:1px solid var(--gray-300);border-radius:4px;cursor:pointer}.styling-option select{background-color:#fff;color:#4a4a4a;color:var(--gray-700);padding:6px 12px}.styling-option input[type=checkbox]{cursor:pointer;height:18px;width:18px}.analytics-charts,.kpi-table-container,.providers-card,.settings-modal,.side-panel,.summary-card{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.App-header h1{font-size:2.2rem}.App-header p{font-size:1.1rem}.card-content h3{font-size:.75rem}.card-content p{font-size:1.125rem}.kpi-table td,.kpi-table th{font-size:.9rem}body.dark-mode{--background:#1a1a1a;--white:#2d2d2d;--gray-100:#333;--gray-200:#404040;--gray-300:#4d4d4d;--gray-400:#666;--gray-500:grey;--gray-600:#999;--gray-700:#b3b3b3;--gray-800:#ccc;--gray-900:#e6e6e6}body.compact-view{--spacing-unit:0.75rem;--card-padding:0.75rem}@media (max-width:768px){:root{--base-font-size:14px}}@media (min-width:1200px){:root{--base-font-size:18px}}.intense-loading-screen{align-items:center;background:linear-gradient(135deg,#0d47a1,#1877f2 50%,#42b72a);background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 50%,var(--accent) 100%);display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}.loading-container{color:#fff;position:relative;text-align:center;z-index:2}.loading-animation{margin-bottom:2rem;position:relative}.pulse-rings{height:120px;margin:0 auto 1rem;position:relative;width:120px}.pulse-ring{animation:pulseRing 2s cubic-bezier(.25,.46,.45,.94) infinite;border:3px solid #ffffff4d;border-radius:50%;height:120px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px}.pulse-ring:nth-child(2){animation-delay:.5s}.pulse-ring:nth-child(3){animation-delay:1s}@keyframes pulseRing{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}.loading-icon{animation:iconSpin 3s linear infinite,iconGlow 2s ease-in-out infinite alternate;color:#fff;font-size:3rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes iconSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes iconGlow{0%{filter:brightness(1);text-shadow:0 0 20px #ffffff80}to{filter:brightness(1.3);text-shadow:0 0 40px #fffc,0 0 60px #fff9}}.loading-content{max-width:400px}.loading-title{animation:titlePulse 2s ease-in-out infinite alternate;font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000004d}@keyframes titlePulse{0%{opacity:.8}to{opacity:1}}.loading-message{animation:messageSlide 3s ease-in-out infinite;font-size:1.1rem;margin-bottom:2rem;opacity:.9}@keyframes messageSlide{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.loading-progress{margin-top:2rem}.progress-bar{background:#fff3;border-radius:2px;height:4px;margin-bottom:1rem;overflow:hidden;width:100%}.progress-fill{animation:progressFill 3s ease-in-out infinite;background:linear-gradient(90deg,#fffc,#fff,#fffc);border-radius:2px;height:100%}@keyframes progressFill{0%{transform:translateX(-100%);width:0}50%{transform:translateX(0);width:100%}to{transform:translateX(100%);width:100%}}.loading-dots{display:flex;gap:8px;justify-content:center}.loading-dots span{animation:dotBounce 1.4s ease-in-out infinite both;background:#fff;border-radius:50%;height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.loading-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.floating-shapes{height:100%;position:relative;width:100%}.shape{animation:floatShape 20s linear infinite;background:#ffffff1a;border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:80px;left:10%;top:20%;width:80px}.shape-2{animation-delay:-5s;height:120px;right:15%;top:60%;width:120px}.shape-3{animation-delay:-10s;height:60px;left:20%;top:80%;width:60px}.shape-4{animation-delay:-15s;height:100px;right:30%;top:10%;width:100px}.shape-5{animation-delay:-7s;height:40px;left:80%;top:40%;width:40px}@keyframes floatShape{0%{opacity:.3;transform:translateY(0) rotate(0deg)}33%{opacity:.6;transform:translateY(-30px) rotate(120deg)}66%{opacity:.3;transform:translateY(30px) rotate(240deg)}to{opacity:.3;transform:translateY(0) rotate(1turn)}}@media (max-width:768px){.loading-title{font-size:1.5rem}.loading-message{font-size:1rem}.pulse-ring,.pulse-rings{height:80px;width:80px}.loading-icon{font-size:2rem}}.agents-table-container{background:#fff;background:var(--white);border:1px solid #e4e6eb;border:1px solid var(--gray-200);border-radius:8px;box-shadow:0 1px 2px #0000001a;box-shadow:var(--box-shadow);overflow:hidden}.agents-table{border-collapse:collapse;font-size:.9rem;width:100%}.agents-table th{background:#f0f2f5;background:var(--gray-100);border-bottom:2px solid #e4e6eb;border-bottom:2px solid var(--gray-200);color:#4a4a4a;color:var(--gray-700);font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px 8px;text-align:left;text-transform:uppercase}.agents-table td{border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--gray-200);padding:12px 8px;vertical-align:middle}.agents-table tbody tr{transition:background-color .2s ease}.agents-table tbody tr:hover{background-color:var(--gray-50)}.agents-table tbody tr:last-child td{border-bottom:none}.excluded-row{background-color:#e41e3f0d;opacity:.6}.excluded-row:hover{background-color:#e41e3f1a!important}.agent-name-cell{color:#1c1e21;color:var(--gray-800);font-weight:600;min-width:120px}.percentage-cell{color:#1877f2;color:var(--primary);min-width:80px}.number-cell,.percentage-cell{font-weight:500;text-align:center}.number-cell{color:#4a4a4a;color:var(--gray-700);min-width:60px}.currency-cell{color:#42b72a;color:var(--accent);font-family:Roboto Mono,monospace;font-weight:500;min-width:80px;text-align:right}.action-cell{min-width:100px;text-align:center}.exclude-button{align-items:center;background:none;border:1px solid #dadde1;border:1px solid var(--gray-300);border-radius:4px;color:#65676b;color:var(--gray-600);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.exclude-button:hover{background-color:#f0f2f5;background-color:var(--gray-100);border-color:#bdc3c7;border-color:var(--gray-400);color:#4a4a4a;color:var(--gray-700)}.exclude-button.excluded{background-color:#e41e3f1a;border-color:#e41e3f;border-color:var(--danger);color:#e41e3f;color:var(--danger)}.exclude-button.excluded:hover{background-color:#e41e3f33}.button-text{font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.no-agents{color:#8e8e93;color:var(--gray-500);padding:40px;text-align:center}@media (max-width:768px){.agents-table{font-size:.8rem}.agents-table td,.agents-table th{padding:8px 4px}.button-text{display:none}.exclude-button{min-width:auto;padding:6px 8px}}.current-providers{margin-bottom:30px}.current-providers h4,.provider-settings h4{border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--gray-200);color:#4a4a4a;color:var(--gray-700);font-size:1rem;margin-bottom:15px;padding-bottom:8px}.providers-table-container{background:#fff;background:var(--white);border:1px solid #e4e6eb;border:1px solid var(--gray-200);border-radius:8px;box-shadow:0 1px 2px #0000001a;box-shadow:var(--box-shadow);overflow:hidden}.providers-table{border-collapse:collapse;font-size:.9rem;width:100%}.providers-table th{background:#f0f2f5;background:var(--gray-100);border-bottom:2px solid #e4e6eb;border-bottom:2px solid var(--gray-200);color:#4a4a4a;color:var(--gray-700);font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.providers-table td{border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--gray-200);padding:12px 16px;vertical-align:middle}.providers-table tbody tr{transition:background-color .2s ease}.providers-table tbody tr:hover{background-color:var(--gray-50)}.providers-table tbody tr:last-child td{border-bottom:none}.provider-name-cell{color:#1c1e21;color:var(--gray-800);font-weight:500;min-width:200px}.provider-cost-cell{color:#42b72a;color:var(--accent);font-family:Roboto Mono,monospace;font-weight:600;min-width:100px}.provider-status-cell{min-width:80px}.status-active{background:#42b72a1a;border-radius:12px;color:#42b72a;color:var(--accent);font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.provider-settings{margin-top:20px}.provider-keywords-cell{color:#65676b;color:var(--gray-600);font-size:.85rem}.cost-input-container{align-items:center;display:flex;position:relative}.currency-symbol{color:#65676b;color:var(--gray-600);font-weight:500;left:8px;pointer-events:none;position:absolute;z-index:1}.cost-input{transition:background-color .3s ease,border-color .3s ease}.cost-input:focus{border-color:#1877f2!important;border-color:var(--primary)!important;box-shadow:0 0 0 2px #4c51bf1a;outline:none}.update-status{align-items:center;display:flex;height:24px;min-width:24px}.spinner{animation:spin 1s linear infinite}.success-check{animation:checkmark .5s ease-in-out}@keyframes checkmark{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.profit-cell{border-radius:4px;font-weight:600;padding:8px 12px;transition:all .2s ease}.profit-positive{background-color:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.profit-negative{background-color:#ef44441a;border:1px solid #ef444433;color:#dc2626}body.dark-mode .profit-positive{background-color:#22c55e33;border:1px solid #22c55e4d;color:#4ade80}body.dark-mode .profit-negative{background-color:#ef444433;border:1px solid #ef44444d;color:#f87171}body.compact-view .profit-cell{font-size:.85rem;padding:4px 8px}.add-provider-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.add-provider-modal{animation:slideIn .3s ease-out;background:#fff;background:var(--white);border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.add-provider-header{align-items:center;border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 20px 0}.add-provider-header h3{align-items:center;color:#1c1e21;color:var(--gray-800);display:flex;font-size:1.2rem;gap:8px;margin:0}.add-provider-header .close-button{background:none;border:none;border-radius:4px;color:#8e8e93;color:var(--gray-500);cursor:pointer;font-size:1.2rem;padding:4px;transition:all .2s ease}.add-provider-header .close-button:hover{background-color:#f0f2f5;background-color:var(--gray-100);color:#4a4a4a;color:var(--gray-700)}.add-provider-form{padding:0 20px 20px}.form-group{margin-bottom:20px}.form-group label{color:#4a4a4a;color:var(--gray-700);display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.form-input,.form-select{background-color:#fff;background-color:var(--white);border:1px solid #dadde1;border:1px solid var(--gray-300);border-radius:6px;font-size:.9rem;padding:10px 12px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#1877f2;border-color:var(--primary);box-shadow:0 0 0 3px #4c51bf1a;outline:none}.form-input:disabled,.form-select:disabled{background-color:#f0f2f5;background-color:var(--gray-100);color:#8e8e93;color:var(--gray-500);cursor:not-allowed}.cost-input-wrapper{align-items:center;display:flex;position:relative}.cost-input-wrapper .currency-symbol{color:#65676b;color:var(--gray-600);font-weight:500;left:12px;position:absolute;z-index:1}.cost-input-wrapper .cost-input{padding-left:28px}.help-text{color:#8e8e93;color:var(--gray-500);display:block;font-size:.8rem;font-style:italic;margin-top:4px}.form-actions{border-top:1px solid #e4e6eb;border-top:1px solid var(--gray-200);display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.cancel-button,.submit-button{border:none;border-radius:6px}.cancel-button,.submit-button{align-items:center;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.cancel-button{background-color:#e4e6eb;background-color:var(--gray-200);border:1px solid #dadde1;border:1px solid var(--gray-300);border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#4a4a4a;color:var(--gray-700)}.cancel-button:hover:not(:disabled){background-color:#dadde1;background-color:var(--gray-300);border-color:#bdc3c7;border-color:var(--gray-400);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.submit-button{align-items:center;background:linear-gradient(135deg,#1877f2,#4a90e2);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#0d47a1,#1877f2);background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 100%);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.cancel-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.6}.submit-button .spinner{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-dark .add-provider-modal{background:#1c1e21;background:var(--gray-800);color:#fff;color:var(--white)}.theme-dark .add-provider-header{border-bottom-color:#4a4a4a;border-bottom-color:var(--gray-700)}.theme-dark .form-input,.theme-dark .form-select{background-color:#4a4a4a;background-color:var(--gray-700);border-color:#65676b;border-color:var(--gray-600);color:#fff;color:var(--white)}.theme-dark .form-input:focus,.theme-dark .form-select:focus{border-color:#1877f2;border-color:var(--primary)}.theme-dark .form-input:disabled,.theme-dark .form-select:disabled{background-color:#18191a;background-color:var(--gray-900);color:#bdc3c7;color:var(--gray-400)}.theme-dark .help-text{color:#bdc3c7;color:var(--gray-400)}.theme-dark .form-actions{border-top-color:#4a4a4a;border-top-color:var(--gray-700)}.theme-dark .cancel-button{background-color:#65676b;background-color:var(--gray-600);color:#e4e6eb;color:var(--gray-200)}.theme-dark .cancel-button:hover:not(:disabled){background-color:#8e8e93;background-color:var(--gray-500)}@media (max-width:600px){.add-provider-modal{margin:10px;width:95%}.form-actions{flex-direction:column}.cancel-button,.submit-button{justify-content:center;width:100%}}.add-team-button{align-items:center;background:linear-gradient(135deg,#1877f2,#4a90e2);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-team-button:hover{background:linear-gradient(135deg,#0d47a1,#1877f2);background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 100%);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.teams-container{margin-top:1.5rem}.no-teams{background:var(--background-secondary);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);padding:3rem 1rem;text-align:center}.teams-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:1rem}.team-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:all .3s ease}.team-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.team-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.team-header h4{color:var(--primary-color);font-size:1.25rem;font-weight:600;margin:0}.team-actions{display:flex;gap:.5rem}.delete-team-btn,.edit-team-btn{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:all .2s ease}.edit-team-btn:hover{background:var(--primary-color);color:#fff}.delete-team-btn:hover{background:#e41e3f;background:var(--danger);color:#fff}.team-details{display:flex;flex-direction:column;gap:1rem}.agents-info,.manager-info{color:var(--text-primary);font-size:.95rem}.agents-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.agent-tag{background:var(--primary-color);border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.no-agents{color:var(--text-secondary);font-style:italic}.add-team-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.add-team-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;padding:0;width:90%}.add-team-header{align-items:center;background:var(--background-secondary);border-bottom:1px solid var(--border-color);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.add-team-header h3{align-items:center;color:var(--primary-color);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.add-team-form{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.agents-selection{margin-top:.5rem}.agents-checkboxes{display:flex;flex-direction:column;gap:0;max-height:200px;overflow-y:auto;padding:.5rem}.agent-checkbox{align-items:center;background:#fff;background:var(--white);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.agent-checkbox:hover{background:var(--background-secondary);border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.agent-checkbox input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;margin:0;width:18px}.agent-checkbox label{color:var(--text-primary);cursor:pointer;flex:1 1;font-weight:500;margin:0}.agent-checkbox:has(input:checked){background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-color:var(--primary-color);color:#fff}.agent-checkbox:has(input:checked) label{color:#fff}.no-agents-available{color:var(--text-secondary);font-style:italic;padding:2rem;text-align:center}[data-theme=dark] .team-card{background:var(--background-secondary);border-color:var(--border-color)}[data-theme=dark] .add-team-modal{background:var(--background-primary)}[data-theme=dark] .add-team-header{background:var(--background-secondary)}[data-theme=dark] .agents-checkboxes{background:var(--background-primary)}[data-theme=dark] .agent-checkbox{background:var(--background-secondary);border-color:var(--border-color)}[data-theme=dark] .agent-checkbox:hover{background:var(--background-primary);border-color:var(--primary-color)}[data-theme=dark] .agent-checkbox label{color:var(--text-primary)}[data-theme=dark] .agent-checkbox:has(input:checked){background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-color:var(--primary-color);color:#fff}[data-theme=dark] .agent-checkbox:has(input:checked) label{color:#fff}@media (max-width:768px){.teams-grid{grid-template-columns:1fr}.add-team-modal{margin:1rem;width:95%}.add-team-form{padding:1.5rem}.agents-checkboxes{grid-template-columns:1fr}}.teams-analytics{margin:0 auto;max-width:1400px;padding:2rem}.teams-analytics-header{margin-bottom:2rem;text-align:center}.teams-analytics-header h2{align-items:center;color:var(--primary-color);display:flex;font-size:2rem;gap:.75rem;justify-content:center;margin-bottom:.5rem}.teams-analytics-header p{color:var(--text-secondary);font-size:1.1rem}.no-teams-analytics,.teams-analytics-error,.teams-analytics-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.teams-analytics-loading .spinner{animation:spin 1s linear infinite;font-size:2rem;margin-bottom:1rem}.retry-button{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.retry-button:hover{background:var(--secondary-color);transform:translateY(-2px)}.no-teams-analytics svg{color:var(--text-secondary);margin-bottom:1rem}.no-teams-analytics h3{color:var(--text-primary);margin-bottom:.5rem}.teams-analytics-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;overflow:hidden}.teams-analytics-table{border-collapse:collapse;width:100%}.teams-analytics-table thead{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff}.teams-analytics-table th{border-bottom:2px solid #fff3;font-size:.9rem;font-weight:600;padding:1rem;text-align:left}.teams-analytics-table th.sortable{align-items:center;cursor:pointer;display:flex;gap:.5rem;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.teams-analytics-table th.sortable:hover{background:#ffffff1a}.teams-analytics-table th.sortable.active{background:#ffffff26}.teams-analytics-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.teams-analytics-table tbody tr:hover{background:var(--background-secondary)}.teams-analytics-table td{padding:1rem;vertical-align:middle}.team-name-cell .team-name{color:var(--primary-color);font-size:1rem;font-weight:600}.manager-cell{color:var(--text-primary);font-weight:500}.agent-count-cell{text-align:center}.agent-count-badge{background:var(--primary-color);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.metric-cell{text-align:right}.metric-value{color:var(--text-primary);font-size:1rem;font-weight:600}.conversion-rate{border-radius:20px;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.conversion-rate.high{background:#d4edda;color:#155724}.conversion-rate.medium{background:#fff3cd;color:#856404}.conversion-rate.low{background:#f8d7da;color:#721c24}.teams-summary{margin-top:2rem}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-card{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.summary-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.summary-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:12px;color:#fff;display:flex;font-size:1.5rem;justify-content:center;padding:1rem}.summary-content h4{color:var(--text-secondary);font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.summary-value{color:var(--primary-color);font-size:1.5rem;font-weight:700;margin:0}[data-theme=dark] .teams-analytics-table-container{background:var(--background-secondary)}[data-theme=dark] .teams-analytics-table tbody tr:hover{background:var(--background-primary)}[data-theme=dark] .summary-card{background:var(--background-secondary);border-color:var(--border-color)}@media (max-width:1200px){.teams-analytics-table-container{overflow-x:auto}.teams-analytics-table{min-width:800px}}@media (max-width:768px){.teams-analytics{padding:1rem}.teams-analytics-header h2{font-size:1.5rem}.teams-analytics-table td,.teams-analytics-table th{font-size:.85rem;padding:.75rem .5rem}.summary-cards{grid-template-columns:1fr}.summary-card{padding:1rem}.summary-icon{padding:.75rem}.summary-icon,.summary-value{font-size:1.25rem}}.main-navigation{background:#fff;background:var(--white);border:1px solid #e4e6eb;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 1px 2px #0000001a;box-shadow:var(--box-shadow);display:flex;margin-bottom:24px;padding:8px}.main-nav-tab{align-items:center;background:none;border:none;border-radius:8px;color:#65676b;color:var(--gray-600);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.main-nav-tab:hover{background:#f0f2f5;background:var(--gray-100);color:#1877f2;color:var(--primary)}.main-nav-tab.active{background:linear-gradient(135deg,#1877f2,#4a90e2);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);box-shadow:0 2px 8px #4c51bf4d;color:#fff;color:var(--white)}.main-nav-tab.active:hover{background:linear-gradient(135deg,#0d47a1,#1877f2);background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 100%);color:#fff;color:var(--white)}[data-theme=dark] .main-navigation{background:#1c1e21;background:var(--gray-800);border-color:#4a4a4a;border-color:var(--gray-700)}[data-theme=dark] .main-nav-tab{color:#dadde1;color:var(--gray-300)}[data-theme=dark] .main-nav-tab:hover{background:#4a4a4a;background:var(--gray-700);color:#4a90e2;color:var(--primary-light)}@media (max-width:768px){.main-navigation{margin-bottom:16px}.main-nav-tab{font-size:.9rem;padding:10px 16px}}@media (max-width:480px){.main-nav-tab{font-size:.8rem;gap:4px;padding:8px 12px}}.add-user-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.add-user-modal{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.add-user-header{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.add-user-header h3{align-items:center;display:flex;font-size:1.25rem;gap:.5rem;margin:0}.add-user-form{padding:2rem}.theme-dark .add-user-modal{background:var(--background-primary);border:1px solid var(--border-color)}.theme-dark .add-user-header{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)}@media (max-width:600px){.add-user-modal{margin:1rem;width:95%}.add-user-form{padding:1.5rem}}.role-badge{border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.role-badge.admin{background:#fee2e2;color:#991b1b}.role-badge.user{background:#dbeafe;color:#1e40af}[data-theme=dark] .role-badge.admin{background:#7f1d1d;color:#fecaca}[data-theme=dark] .role-badge.user{background:#1e3a8a;color:#bfdbfe}.status-badge{border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.user-actions{display:flex;gap:.5rem;justify-content:center}.delete-user-btn,.edit-user-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.edit-user-btn:hover{background:#1877f2;background:var(--primary);color:#fff;transform:translateY(-1px)}.delete-user-btn:hover{background:#e41e3f;background:var(--danger);color:#fff;transform:translateY(-1px)}[data-theme=dark] .status-badge.active{background:#1e7e34;color:#d4edda}[data-theme=dark] .status-badge.inactive{background:#bd2130;color:#f8d7da}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color,#667eea) 0,var(--secondary-color,#764ba2) 100%);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.wave-background{height:100%;overflow:hidden;top:0;z-index:1}.wave-background,.wave-svg{left:0;position:absolute;width:100%}.wave-svg{bottom:0;height:60%;z-index:2}.wave-primary{z-index:4}.wave-tertiary{height:40%;z-index:3}.nodes-container{z-index:5}.nodes-container,.wave-nodes-container{height:100%;left:0;position:absolute;top:0;width:100%}.wave-nodes-container{z-index:6}.floating-node{animation:float 20s linear infinite;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.floating-node,.wave-node{border-radius:50%;position:absolute;transition:all .3s ease}.wave-node{animation:waveFloat 15s ease-in-out infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes float{0%{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-30px) rotate(90deg) scale(1.1)}50%{transform:translateY(-15px) rotate(180deg) scale(.9)}75%{transform:translateY(-40px) rotate(270deg) scale(1.2)}to{transform:translateY(0) rotate(1turn) scale(1)}}@keyframes waveFloat{0%{transform:translateY(0) translateX(0) rotate(0deg) scale(1)}20%{transform:translateY(-20px) translateX(10px) rotate(72deg) scale(1.1)}40%{transform:translateY(-10px) translateX(-5px) rotate(144deg) scale(.9)}60%{transform:translateY(-25px) translateX(15px) rotate(216deg) scale(1.2)}80%{transform:translateY(-5px) translateX(-10px) rotate(288deg) scale(.8)}to{transform:translateY(0) translateX(0) rotate(1turn) scale(1)}}.connections-svg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.connection-line{animation:pulse 3s ease-in-out infinite;filter:blur(.5px)}.wave-connection-line{animation:wavePulse 4s ease-in-out infinite;filter:blur(.3px)}@keyframes pulse{0%,to{stroke-width:.3;opacity:.1}50%{stroke-width:.6;opacity:.4}}@keyframes wavePulse{0%,to{stroke-width:.5;opacity:.2}33%{stroke-width:.8;opacity:.6}66%{stroke-width:.4;opacity:.3}}.particle-effects{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:7}.particle{animation:particleRise linear infinite;background:#fffc;border-radius:50%;box-shadow:0 0 6px #fff9;height:2px;position:absolute;width:2px}@keyframes particleRise{0%{bottom:-10px;opacity:0;transform:translateX(0) scale(0)}10%{opacity:1;transform:translateX(0) scale(1)}90%{opacity:1;transform:translateX(20px) scale(1.2)}to{bottom:100vh;opacity:0;transform:translateX(40px) scale(0)}}.floating-node:hover{box-shadow:0 0 20px currentColor!important;transform:scale(1.5)!important}.wave-node:hover{box-shadow:0 0 25px currentColor!important;transform:scale(1.3)!important}.login-content{align-items:center;display:flex;justify-content:center;position:relative;width:100%;z-index:10}.login-card{animation:slideUp .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #fff3;max-width:420px;padding:3rem 2.5rem;transform-origin:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{margin-bottom:2.5rem;position:relative;text-align:center}.login-header:before{animation:headerGlow 4s ease-in-out infinite alternate;background:radial-gradient(circle,#667eea20,#0000 70%);background:radial-gradient(circle,var(--primary-color,#667eea)20,#0000 70%);border-radius:50%;content:"";height:200px;left:50%;opacity:.1;position:absolute;top:-20px;transform:translateX(-50%);width:200px;z-index:-1}@keyframes headerGlow{0%{opacity:.05;transform:translateX(-50%) scale(.8)}to{opacity:.15;transform:translateX(-50%) scale(1.2)}}.login-logo{align-items:center;animation:logoFloat 4s ease-in-out infinite,logoGlow 3s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffffe6,#fff9);border:2px solid #ffffff4d;border-radius:20px;color:#667eea;color:var(--primary-color,#667eea);display:flex;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15)) drop-shadow(0 0 20px #667eea);filter:drop-shadow(0 8px 16px rgba(0,0,0,.15)) drop-shadow(0 0 20px var(--primary-color,#667eea));font-size:4rem;height:120px;justify-content:center;margin:0 auto 2rem;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:120px}.login-logo:before{animation:logoShine 6s ease-in-out infinite;background:linear-gradient(45deg,#0000,#fff6,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.login-logo:hover{background:linear-gradient(145deg,#fff,#fffc);color:#764ba2;color:var(--secondary-color,#764ba2);filter:drop-shadow(0 12px 24px rgba(0,0,0,.2)) drop-shadow(0 0 30px #667eea);filter:drop-shadow(0 12px 24px rgba(0,0,0,.2)) drop-shadow(0 0 30px var(--primary-color,#667eea));transform:scale(1.1) rotate(5deg)}.login-logo svg{position:relative;z-index:1}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(2deg)}50%{transform:translateY(-5px) rotate(0deg)}75%{transform:translateY(-12px) rotate(-2deg)}}@keyframes logoGlow{0%{filter:drop-shadow(0 8px 16px rgba(0,0,0,.15)) drop-shadow(0 0 20px #667eea);filter:drop-shadow(0 8px 16px rgba(0,0,0,.15)) drop-shadow(0 0 20px var(--primary-color,#667eea))}to{filter:drop-shadow(0 8px 16px rgba(0,0,0,.15)) drop-shadow(0 0 35px #764ba2);filter:drop-shadow(0 8px 16px rgba(0,0,0,.15)) drop-shadow(0 0 35px var(--secondary-color,#764ba2))}}@keyframes logoShine{0%{opacity:0;transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{opacity:1}to{opacity:0;transform:translateX(100%) translateY(100%) rotate(45deg)}}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color,#667eea),var(--secondary-color,#764ba2));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 .5rem}.login-subtitle{color:#6b7280;font-size:.95rem;font-weight:400;margin:0}.login-form{gap:2rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{position:relative}.form-group label{color:#374151;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.otp-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e5e7eb;border-radius:12px;font-size:1.1rem;font-weight:600;letter-spacing:.5rem;padding:1rem 1.25rem;text-align:center;transition:all .3s ease}.otp-input:focus{background:#fffffff2;border-color:#667eea;border-color:var(--primary-color,#667eea);box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-2px)}.otp-input::placeholder{color:#9ca3af;letter-spacing:normal}.error-message{animation:shake .5s ease-in-out;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;font-size:.9rem;font-weight:500;padding:.75rem;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color,#667eea) 0,var(--secondary-color,#764ba2) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.login-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 2px 8px #9ca3af4d;cursor:not-allowed;transform:none}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.login-card{margin:1rem;max-width:none;padding:2rem 1.5rem}.login-header h1{font-size:1.75rem}.login-logo{margin-bottom:1.5rem;padding:12px;width:90px}.login-header:before{height:150px;top:-15px;width:150px}.wave-svg{height:50%}.floating-node{animation-duration:20s}}@media (max-width:320px){.login-logo{padding:10px;width:70px}.login-header:before{height:120px;width:120px}}@media (prefers-color-scheme:dark){.login-card{background:#1f2937f2;border:1px solid #ffffff1a}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;background-clip:text}.login-subtitle{color:#9ca3af}.form-group label{color:#e5e7eb}.otp-input{background:#374151cc;border-color:#4b5563;color:#fff}.otp-input:focus{background:#374151f2;border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}}
/*# sourceMappingURL=main.8486ef9b.css.map*/