:root{--bg-primary: #0A1929;--bg-secondary: #0D2137;--bg-card: #112A3E;--bg-card-hover: #153450;--bg-surface: #183650;--bg-input: #0D2137;--accent-primary: #2EC4B6;--accent-secondary: #26A69A;--accent-glow: rgba(46, 196, 182, .15);--accent-glow-strong: rgba(46, 196, 182, .3);--status-converted: #2EC4B6;--status-converted-bg: rgba(46, 196, 182, .12);--status-lost: #E74C5E;--status-lost-bg: rgba(231, 76, 94, .12);--classification-verde: #4CAF50;--classification-amarelo: #FFC107;--classification-vermelho: #F44336;--text-primary: #FFFFFF;--text-secondary: #8BA3B8;--text-muted: #5A7A94;--text-accent: #2EC4B6;--border-color: rgba(46, 196, 182, .1);--border-color-hover: rgba(46, 196, 182, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(46, 196, 182, .1);--transition: .3s cubic-bezier(.4, 0, .2, 1);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashboard{max-width:1440px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem 1.5rem;box-shadow:var(--shadow-card);flex-wrap:wrap;gap:1rem}.header__brand{display:flex;align-items:center;gap:1rem}.header__logo{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-primary);box-shadow:0 0 12px var(--accent-glow)}.header__titles{display:flex;flex-direction:column}.header__title{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header__subtitle{font-size:.8rem;color:var(--text-secondary);font-weight:400}.header__filters{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filter-group{display:flex;background:var(--bg-primary);border-radius:var(--radius-md);padding:3px;gap:2px}.filter-btn{padding:.45rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-family:var(--font);font-size:.8rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap}.filter-btn:hover{color:var(--text-primary);background:var(--bg-surface)}.filter-btn.active{background:var(--accent-primary);color:var(--bg-primary);font-weight:600;box-shadow:0 2px 8px #2ec4b64d}.filter-custom{display:flex;align-items:center;gap:.5rem}.date-input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font);font-size:.8rem;padding:.45rem .75rem;border-radius:var(--radius-sm);outline:none;transition:var(--transition)}.date-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.date-separator{color:var(--text-muted);font-size:.8rem}.filter-btn--apply{background:var(--bg-surface);border:1px solid var(--border-color)}.filter-btn--apply:hover{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.loading-overlay.hidden{display:none}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-surface);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:.9rem}.kpi-section{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-card);transition:var(--transition);position:relative;overflow:hidden;animation:cardFadeIn .5s ease-out both}.kpi-card:nth-child(1){animation-delay:.05s}.kpi-card:nth-child(2){animation-delay:.1s}.kpi-card:nth-child(3){animation-delay:.15s}.kpi-card:nth-child(4){animation-delay:.2s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.kpi-card--total:before{background:linear-gradient(90deg,#4a90d9,#6bb5ff)}.kpi-card--converted:before{background:linear-gradient(90deg,var(--status-converted),#45D4C6)}.kpi-card--rate:before{background:linear-gradient(90deg,#f9a825,#ffd54f)}.kpi-card--score:before{background:linear-gradient(90deg,#ab47bc,#ce93d8)}.kpi-card:hover{transform:translateY(-2px);border-color:var(--border-color-hover);box-shadow:var(--shadow-card-hover),var(--shadow-glow)}.kpi-card__icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-card__icon svg{width:22px;height:22px}.kpi-card--total .kpi-card__icon{background:#4a90d926;color:#6bb5ff}.kpi-card--converted .kpi-card__icon{background:var(--status-converted-bg);color:var(--status-converted)}.kpi-card--rate .kpi-card__icon{background:#f9a82526;color:#ffd54f}.kpi-card--score .kpi-card__icon{background:#ab47bc26;color:#ce93d8}.kpi-card__data{display:flex;flex-direction:column}.kpi-card__value{font-size:1.75rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}.kpi-card__label{font-size:.75rem;color:var(--text-secondary);font-weight:500;margin-top:2px}.charts-row{display:grid;grid-template-columns:1.6fr 1fr;gap:1rem}.charts-row--full{grid-template-columns:1fr}.chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-card);animation:cardFadeIn .5s ease-out both;animation-delay:.25s}.chart-card__title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.01em}.chart-card__body{position:relative;height:280px}.chart-card__body--donut{display:flex;align-items:center;justify-content:center;height:280px}.chart-card__body--donut canvas{max-width:260px;max-height:260px}.donut-center{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-center__value{font-size:2rem;font-weight:800;color:var(--accent-primary);line-height:1}.donut-center__label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.ranking-section{animation:cardFadeIn .5s ease-out both;animation-delay:.3s}.ranking-table-wrapper{overflow-x:auto}.ranking-table{width:100%;border-collapse:collapse}.ranking-table th{text-align:left;padding:.75rem 1rem;color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.ranking-table td{padding:.75rem 1rem;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.03);transition:var(--transition)}.ranking-table tbody tr{transition:var(--transition)}.ranking-table tbody tr:hover{background:var(--bg-card-hover)}.ranking-position{font-weight:700;color:var(--text-muted);width:30px;text-align:center}.ranking-position--1{color:gold;font-size:1.1rem}.ranking-position--2{color:silver;font-size:1rem}.ranking-position--3{color:#cd7f32;font-size:1rem}.ranking-name{font-weight:600;color:var(--text-primary)}.ranking-bar-cell{min-width:150px}.ranking-bar{height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden;position:relative}.ranking-bar__fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent-primary),#45D4C6);transition:width .8s cubic-bezier(.4,0,.2,1)}.details-section{animation:cardFadeIn .5s ease-out both;animation-delay:.35s}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.details-search{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0 .75rem;transition:var(--transition)}.details-search:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.search-icon{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.search-input{background:none;border:none;color:var(--text-primary);font-family:var(--font);font-size:.8rem;padding:.5rem;outline:none;width:240px}.search-input::placeholder{color:var(--text-muted)}.details-table-wrapper{overflow-x:auto}.details-table{width:100%;border-collapse:collapse}.details-table th{text-align:left;padding:.7rem .75rem;color:var(--text-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);white-space:nowrap}.details-table td{padding:.6rem .75rem;font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.03);transition:var(--transition)}.details-table tbody tr{cursor:pointer;transition:var(--transition)}.details-table tbody tr:hover{background:var(--bg-card-hover)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:600;white-space:nowrap}.badge--converted{background:var(--status-converted-bg);color:var(--status-converted);border:1px solid rgba(46,196,182,.2)}.badge--lost{background:var(--status-lost-bg);color:var(--status-lost);border:1px solid rgba(231,76,94,.2)}.badge--classification{font-size:.65rem;padding:2px 8px}.badge--verde{background:#4caf501f;color:#4caf50;border:1px solid rgba(76,175,80,.2)}.badge--amarelo{background:#ffc1071f;color:#ffc107;border:1px solid rgba(255,193,7,.2)}.badge--vermelho{background:#f443361f;color:#f44336;border:1px solid rgba(244,67,54,.2)}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.pagination__btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-family:var(--font);font-size:.8rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.pagination__btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.pagination__btn.active{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary);font-weight:700}.pagination__btn:disabled{opacity:.3;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:var(--transition)}.modal-overlay.active{opacity:1;pointer-events:auto}#modalOverlay,#waModalOverlay{z-index:1100}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080;transform:translateY(20px);transition:var(--transition)}.modal-overlay.active .modal{transform:translateY(0)}.modal__close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:1.2rem;border-radius:50%;cursor:pointer;transition:var(--transition)}.modal__close:hover{background:var(--status-lost);color:#fff;border-color:var(--status-lost)}.modal__title{font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;padding-right:2rem;color:var(--accent-primary)}.modal__content{display:flex;flex-direction:column;gap:.75rem}.modal__field{display:flex;flex-direction:column;gap:.15rem}.modal__field-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.modal__field-value{font-size:.85rem;color:var(--text-primary);line-height:1.5}.modal__divider{height:1px;background:var(--border-color);margin:.25rem 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted);gap:.5rem}.empty-state__icon{font-size:2.5rem;opacity:.5}.empty-state__text{font-size:.9rem}@media(max-width:1200px){.kpi-section{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.header{flex-direction:column;align-items:flex-start}.charts-row{grid-template-columns:1fr}.filter-custom{flex-wrap:wrap}.search-input{width:160px}}@media(max-width:600px){.dashboard{padding:.75rem;gap:.75rem}.kpi-section{grid-template-columns:1fr}.header__title{font-size:1.1rem}.kpi-card__value{font-size:1.4rem}.chart-card__body{height:220px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.text-converted{color:var(--status-converted)}.text-lost{color:var(--status-lost)}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.hidden{display:none!important}.filter-btn--reset{background:#e74c5e26;border:1px solid rgba(231,76,94,.2);color:var(--status-lost);font-size:.9rem;padding:.45rem .7rem;line-height:1}.filter-btn--reset:hover{background:var(--status-lost);color:#fff;border-color:var(--status-lost)}.wa-table-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#25d3661f;border:1px solid rgba(37,211,102,.25);border-radius:50%;color:#25d366;cursor:pointer;transition:var(--transition);flex-shrink:0}.wa-table-btn:hover{background:#25d366;color:#fff;border-color:#25d366;transform:scale(1.1);box-shadow:0 0 12px #25d3664d}.wa-table-btn svg{width:16px;height:16px}.modal--whatsapp{max-width:550px}.wa-modal__header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-right:2rem}.wa-icon-large{width:36px;height:36px;color:#25d366;flex-shrink:0}.wa-icon-small{width:16px;height:16px}.wa-modal__subtitle{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.wa-modal__loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0}.wa-modal__label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:.5rem;display:block}.wa-modal__textarea{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font);font-size:.85rem;padding:1rem;line-height:1.6;resize:vertical;outline:none;transition:var(--transition)}.wa-modal__textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.wa-modal__actions{display:flex;gap:.75rem;margin-top:1rem;justify-content:flex-end}.wa-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border:none;border-radius:var(--radius-md);font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition)}.wa-btn--regenerate{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-color)}.wa-btn--regenerate:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.wa-btn--send{background:#25d366;color:#fff;box-shadow:0 2px 8px #25d3664d}.wa-btn--send:hover{background:#20bd5a;box-shadow:0 4px 12px #25d36666;transform:translateY(-1px)}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.sortable:hover{color:var(--accent-primary)}.sort-arrow{display:inline-block;margin-left:4px;font-size:.6rem;opacity:.4}.sort-arrow:after{content:"⇅"}.sortable.sort-asc .sort-arrow:after{content:"▲";opacity:1}.sortable.sort-desc .sort-arrow:after{content:"▼";opacity:1}.sortable.sort-asc .sort-arrow,.sortable.sort-desc .sort-arrow{opacity:1;color:var(--accent-primary)}.filter-btn--vendedora,.filter-btn--export{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary)}.filter-btn--vendedora:hover{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.filter-btn--export:hover{background:#4a90d9;color:#fff;border-color:#4a90d9}.modal--wide{max-width:1100px;width:95%;max-height:85vh}.vendedora-panel__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-right:2rem}.vendedora-panel__filters{display:flex;gap:.5rem}.vendedora-select{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font);font-size:.8rem;padding:.5rem .75rem;border-radius:var(--radius-sm);outline:none;cursor:pointer;transition:var(--transition);min-width:200px}.vendedora-select--sm{min-width:100px}.vendedora-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.vendedora-select option{background:var(--bg-card);color:var(--text-primary)}.vendedora-panel__content{max-height:60vh;overflow-y:auto}.vendedora-panel__kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.vendedora-kpi{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem;text-align:center}.vendedora-kpi__value{font-size:1.5rem;font-weight:800;color:var(--accent-primary);display:block}.vendedora-kpi__label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.history-table{width:100%;border-collapse:collapse;font-size:.8rem}.history-table th{text-align:left;padding:.6rem .75rem;color:var(--text-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);white-space:nowrap}.history-table td{padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.03)}.history-table tbody tr{transition:var(--transition)}.history-table tbody tr:hover{background:var(--bg-card-hover)}.client-action-btns{display:flex;gap:.35rem}.client-history-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#4a90d91f;border:1px solid rgba(74,144,217,.25);border-radius:50%;color:#6bb5ff;cursor:pointer;transition:var(--transition);flex-shrink:0}.client-history-btn:hover{background:#4a90d9;color:#fff;border-color:#4a90d9;transform:scale(1.1)}.client-history-btn svg{width:14px;height:14px}.modal--export{max-width:420px;text-align:center}.export-actions{display:flex;gap:1rem;justify-content:center;margin:1.5rem 0}.export-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 2rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-secondary);font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition);flex:1}.export-btn--pdf:hover{border-color:#e74c5e;color:#e74c5e;background:#e74c5e14}.export-btn--wa:hover{border-color:#25d366;color:#25d366;background:#25d36614}.export-wa-input{margin-top:1rem;text-align:left}.country-select{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font);font-size:.85rem;padding:.5rem .6rem;border-radius:var(--radius-sm);outline:none;cursor:pointer;transition:var(--transition);min-width:110px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238BA3B8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px}.country-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.country-select option{background:var(--bg-card);color:var(--text-primary);font-size:.85rem}.product-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:12px;font-size:.65rem;font-weight:600;background:#4a90d91f;color:#6bb5ff;border:1px solid rgba(74,144,217,.2);margin-top:3px;white-space:nowrap}.status-cell{display:flex;flex-direction:column;align-items:flex-start;gap:2px}