:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-plane:#f8f5f1;--surface-1:#fff;--text-primary:#2e3949;--text-secondary:#6a727e;--text-muted:#6a727e;--gridline:#e5e3de;--baseline:#c9c6bd;--border:#e0ded8;--series-venda:#5a9e1f;--series-venda-area:#5a9e1f1a;--series-faturamento:#2a78d6;--series-faturamento-area:#2a78d61a;--series-margem:#eb6834}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-plane:#202938;--surface-1:#2e3949;--text-primary:#f4f1ed;--text-secondary:#b6bcc6;--text-muted:#b6bcc6;--gridline:#3a4557;--baseline:#485363;--border:#485363;--series-venda:#5a9e1f;--series-venda-area:#5a9e1f29;--series-faturamento:#3987e5;--series-faturamento-area:#3987e529;--series-margem:#d95926}}*{box-sizing:border-box}body{background:var(--page-plane);color:var(--text-primary);margin:0;font-family:Roboto,system-ui,-apple-system,Segoe UI,sans-serif}#root{min-height:100vh}.page{max-width:960px;margin:0 auto;padding:32px 24px 64px}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:14px;width:100%;max-width:340px;padding:28px 24px;display:flex}.login-card h1{text-align:center;margin:0;font-size:20px;font-weight:600}.login-subtitle{color:var(--text-secondary);text-align:center;margin:0 0 6px;font-size:13px}.login-field{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:12px;display:flex}.login-field input{border:1px solid var(--border);background:var(--page-plane);color:var(--text-primary);border-radius:8px;padding:9px 12px;font-family:inherit;font-size:14px}.login-field input:focus{border-color:var(--series-faturamento);outline:none}.login-error{color:#d03b3b;background:#d33b3b1a;border:1px solid #d03b3b;border-radius:8px;padding:10px 12px;font-size:13px}.login-submit{background:var(--series-faturamento);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:4px;padding:10px 14px;font-size:14px;font-weight:600}.login-submit:disabled{opacity:.6;cursor:default}.logout-btn{border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:7px 14px;font-size:13px}.logout-btn:hover{color:var(--text-primary);border-color:#d03b3b}.user-bar{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.tab-nav{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;margin-right:16px;padding:6px 4px;font-size:13px;font-weight:500}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--text-primary);border-bottom-color:var(--series-faturamento)}.page-header h1{margin:0;font-size:19px;font-weight:600}.date-filter{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.date-filter label{color:var(--text-secondary);flex-direction:column;gap:2px;font-size:11px;display:flex}.date-filter input[type=date]{border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);border-radius:6px;padding:4px 8px;font-family:inherit;font-size:12px}.preset-btn{border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:12px}.preset-btn:hover{color:var(--text-primary);border-color:var(--series-faturamento)}.error-banner{color:#d03b3b;background:#d33b3b1a;border:1px solid #d03b3b;border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:14px}.stat-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}@media (width<=860px){.stat-row{grid-template-columns:repeat(2,1fr)}}@media (width<=460px){.stat-row{grid-template-columns:1fr}}.stat-tile{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.stat-tile-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;margin-bottom:4px;font-size:11px;display:flex;overflow:hidden}.stat-tile-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.stat-tile-value{color:var(--text-primary);font-size:18px;font-weight:600}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:20px 20px 16px}.panel h2{color:var(--text-primary);margin:0 0 12px;font-size:15px;font-weight:600}.chart-empty{color:var(--text-muted);text-align:center;padding:40px 0;font-size:14px}.chart-wrap{position:relative}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-gridline{stroke:var(--gridline);stroke-width:1px}.chart-baseline{stroke:var(--baseline);stroke-width:1px}.chart-axis-label{fill:var(--text-muted);font-size:11px}.chart-legend{gap:16px;margin-bottom:12px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chart-line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-line-dashed{stroke-dasharray:5 4;opacity:.55}.legend-line-dashed{opacity:.7;border-top:2px dashed;width:14px;height:0;display:inline-block}.chart-tooltip-row-muted{opacity:.75;font-weight:500}.chart-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.metric-tabs{gap:4px;display:flex}.metric-tab{border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:5px 12px;font-size:12px}.metric-tab:hover{color:var(--text-primary)}.metric-tab.active{color:#fff;border-color:#0000}.vendedor-select{border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);border-radius:6px;padding:5px 10px;font-family:inherit;font-size:12px}.chart-dot{stroke:var(--surface-1);stroke-width:2px}.chart-crosshair{stroke:var(--baseline);stroke-width:1px;stroke-dasharray:3 3}.chart-tooltip{background:var(--page-plane);border:1px solid var(--border);pointer-events:none;white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:12px;position:absolute;top:8px;transform:translate(-50%);box-shadow:0 4px 12px #00000014}.chart-tooltip-date{color:var(--text-muted);margin-bottom:4px}.chart-tooltip-row{color:var(--text-primary);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-weight:600;display:flex}.rank-list{flex-direction:column;gap:14px;display:flex}.rank-row{grid-template-columns:160px 1fr;align-items:center;gap:12px;display:grid}@media (width<=640px){.rank-row{grid-template-columns:100px 1fr}}.rank-label{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.rank-bars{flex-direction:column;gap:2px;display:flex}.rank-bar-line{align-items:center;gap:8px;height:16px;display:flex}.rank-bar{border-radius:0 4px 4px 0;min-width:2px;height:16px}.rank-value{color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}