:root{--bg: #F5F4F1;--panel: #FFFFFF;--ink: #1D2226;--ink-soft: #5B6570;--line: #E4E1DA;--accent: #E85D2C;--accent-dark: #B8451E;--accent-soft: #FCE5DA;--good: #1F8A5C;--good-soft: #DFF3E8;--bad: #C43D3D;--bad-soft: #FBE3E3;--track: #2A2F35;--track-panel: #33393F;--radius: 10px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.45}.topbar{background:var(--track);color:#fff;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-bottom:3px solid var(--accent)}.topbar .brand{display:flex;align-items:center;gap:12px}.brand .mark{width:36px;height:36px;border-radius:50%;background:conic-gradient(var(--accent) 0deg 90deg,#fff 90deg 100deg,var(--accent) 100deg 190deg,#fff 190deg 200deg,var(--accent) 200deg 290deg,#fff 290deg 300deg,var(--accent) 300deg 360deg);border:2px solid #fff;flex-shrink:0}.brand h1{font-size:17px;margin:0;font-weight:700;letter-spacing:.2px}.brand .sub{font-size:12px;color:#b7bec5;margin-top:1px}.topbar .meta{font-size:12px;color:#b7bec5;text-align:right}.topbar .meta strong{color:#fff}.wrap{max-width:1400px;margin:0 auto;padding:22px 28px 60px}.kpis{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;margin-bottom:20px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;position:relative;overflow:hidden}.kpi .label{font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft);font-weight:600;margin-bottom:8px}.kpi .value{font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.5px}.kpi .value.accent{color:var(--accent-dark)}.kpi .value.good{color:var(--good)}.kpi .value.bad{color:var(--bad)}.kpi .foot{font-size:11.5px;color:var(--ink-soft);margin-top:4px}.filters{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:20px}.filters-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.filters-head h2{font-size:13px;text-transform:uppercase;letter-spacing:.6px;margin:0;color:var(--ink-soft);font-weight:700}.filters-head .clear-btn{background:none;border:1px solid var(--line);color:var(--ink-soft);font-size:12px;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600}.filters-head .clear-btn:hover{border-color:var(--accent);color:var(--accent-dark)}.filter-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr 1fr;gap:14px;align-items:start}.field label{display:block;font-size:11.5px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.field input[type=text],.field input[type=date],.field select{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:6px;font-size:13px;font-family:inherit;background:#fcfcfb;color:var(--ink)}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:1px}.daterange{display:flex;gap:6px}.tag-select{position:relative}.tag-select .tag-box{border:1px solid var(--line);border-radius:6px;padding:6px 8px;min-height:35px;background:#fcfcfb;cursor:pointer;display:flex;flex-wrap:wrap;gap:5px;align-items:center}.tag-select .tag-box .placeholder{color:#9aa1a8;font-size:13px;padding:2px}.tag-pill{background:var(--accent-soft);color:var(--accent-dark);font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:20px;display:flex;align-items:center;gap:5px;white-space:nowrap}.tag-pill .x{cursor:pointer;font-weight:900;opacity:.7}.tag-pill .x:hover{opacity:1}.tag-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0000001f;max-height:260px;overflow-y:auto;z-index:50;display:none;padding:6px}.tag-dropdown.open{display:block}.tag-option{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:pointer;font-size:13px}.tag-option:hover{background:var(--bg)}.tag-option .count{margin-left:auto;font-size:11px;color:var(--ink-soft);font-weight:600}.tag-option input{pointer-events:none}.charts{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin-bottom:20px}.charts.charts-2col{grid-template-columns:1.2fr 1fr}.table-view-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:24px;align-items:start}.table-view-grid h3{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft);margin:0 0 12px;font-weight:700}.tvg-hint{font-size:12px;color:var(--ink-soft);margin-top:10px;line-height:1.5}.tvg-chart .chart-holder{height:200px}@media(max-width:900px){.table-view-grid{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.panel h3{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft);margin:0 0 12px;font-weight:700}.chart-holder{position:relative;height:220px}.chart-holder.tall{height:260px}.table-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.table-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:10px}.table-head h2{font-size:13px;text-transform:uppercase;letter-spacing:.6px;margin:0;color:var(--ink-soft);font-weight:700}.table-head .count-badge{background:var(--accent-soft);color:var(--accent-dark);font-weight:800;padding:3px 10px;border-radius:20px;font-size:12px;margin-left:8px}.export-btn{background:var(--accent);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:700;font-size:12.5px;cursor:pointer;letter-spacing:.2px}.export-btn:hover{background:var(--accent-dark)}table{width:100%;border-collapse:collapse;font-size:12.8px}thead th{text-align:left;padding:9px 10px;background:#fafaf8;border-bottom:2px solid var(--line);color:var(--ink-soft);font-weight:700;font-size:11.3px;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}thead th:hover{color:var(--accent-dark)}thead th .arrow{opacity:.4;font-size:10px;margin-left:3px}tbody td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}tbody tr:hover{background:#fbf9f6}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700}.badge.pendente{background:#fef3d6;color:#8a6d1b}.badge.andamento{background:#ddebfc;color:#1e5a96}.badge.concluido,.badge.ganho{background:var(--good-soft);color:var(--good)}.badge.perdido{background:var(--bad-soft);color:var(--bad)}.tag-chip{background:var(--accent-soft);color:var(--accent-dark);padding:2px 8px;border-radius:5px;font-size:11.5px;font-weight:700}.no-tag{color:#c3c7cb;font-style:italic;font-size:12px}.name-cell{font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis}.link-cell a{color:var(--accent-dark);text-decoration:none;font-weight:600}.link-cell a:hover{text-decoration:underline}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:14px;flex-wrap:wrap;gap:10px}.pagination .info{font-size:12.5px;color:var(--ink-soft)}.pagination .controls{display:flex;gap:6px;align-items:center}.pagination button{background:#fff;border:1px solid var(--line);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--ink)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination button:not(:disabled):hover{border-color:var(--accent);color:var(--accent-dark)}.pagination select{padding:6px 8px;border-radius:6px;border:1px solid var(--line);font-size:12.5px}.empty-state{text-align:center;padding:50px 20px;color:var(--ink-soft)}.empty-state .big{font-size:32px;margin-bottom:8px}@media(max-width:1150px){.kpis,.filter-grid{grid-template-columns:repeat(3,1fr)}.charts{grid-template-columns:1fr}}@media(max-width:700px){.kpis,.filter-grid{grid-template-columns:repeat(2,1fr)}.wrap{padding:16px}}.refresh-btn{display:inline-block;margin-left:10px;background:transparent;color:#fff;border:1px solid #5B6570;border-radius:6px;padding:3px 10px;font-size:11.5px;font-weight:600;font-family:inherit;cursor:pointer}.refresh-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.refresh-btn:disabled{opacity:.5;cursor:default}.app-state{padding:60px 28px;text-align:center;color:var(--ink-soft);font-size:15px}.app-state.error{color:var(--bad)}.tvg-chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.tvg-chart-head h3{margin:0}.untagged-note{display:flex;align-items:baseline;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:3px 10px;white-space:nowrap}.untagged-value{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.3px}.untagged-label{font-size:11.5px;color:var(--ink-soft);font-weight:600}.chart-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--ink-soft);font-size:12.5px;text-align:center}