:root{--bg:#f5f7fb;--panel:#fff;--text:#172033;--muted:#64748b;--line:#e2e8f0;--primary:#2563eb;--primary2:#1d4ed8;--danger:#dc2626;--ok:#16a34a;--warn:#f59e0b;--shadow:0 14px 35px rgba(15,23,42,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}.app-header{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:white;padding:32px;display:flex;justify-content:space-between;gap:24px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.8}.app-header h1{margin:.2rem 0;font-size:32px}.app-header p{max-width:760px;margin:0;opacity:.9}.header-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}main{max-width:1360px;margin:24px auto;padding:0 18px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.card{padding:20px}.card span{color:var(--muted);font-size:13px}.card strong{display:block;margin-top:8px;font-size:26px}.card.danger strong{color:var(--danger)}.panel{padding:20px;margin-bottom:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel h2{margin:0;font-size:18px}.expense-form,.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.expense-form label,.filters label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#334155}.wide{grid-column:span 2}.form-actions{display:flex;align-items:end}input,select,textarea{border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;background:white;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.btn{border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;transition:.2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:var(--primary);color:white}.btn.primary:hover{background:var(--primary2)}.btn.ghost{background:#eef2ff;color:#1e3a8a}.btn.ghost:hover{background:#dbeafe}.btn.small{padding:8px 11px;font-size:12px}.file-label{position:relative}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide-chart{grid-column:1/-1}.table-wrap{overflow:auto;border-radius:14px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:white;min-width:1100px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;vertical-align:top}th{background:#f8fafc;color:#334155;position:sticky;top:0;z-index:1}tr:hover td{background:#fafafa}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.Pago{background:#dcfce7;color:#166534}.Aberto{background:#dbeafe;color:#1d4ed8}.Vencido{background:#fee2e2;color:#991b1b}.Agendado{background:#fef3c7;color:#92400e}.Nao-pagar{background:#f1f5f9;color:#475569}.actions{display:flex;gap:6px}.icon-btn{border:1px solid var(--line);background:white;border-radius:10px;padding:7px;cursor:pointer}footer{text-align:center;color:var(--muted);padding:24px}@media(max-width:980px){.app-header{display:block}.header-actions{justify-content:flex-start;margin-top:18px}.cards,.expense-form,.filters,.charts-grid{grid-template-columns:1fr}.wide,.wide-chart{grid-column:auto}}@media print{.header-actions,.form-panel,.filters-panel,.actions,.btn,footer{display:none!important}body{background:white}.app-header{color:#111;background:white;padding:12px}.panel,.card{box-shadow:none}.cards{grid-template-columns:repeat(4,1fr)}}

/* Correções de layout dos gráficos */
.chart-panel{min-height:auto;padding-bottom:14px;overflow:hidden}
.chart-panel canvas{display:block;width:100%!important;height:190px!important;max-height:190px!important}
.wide-chart canvas{height:170px!important;max-height:170px!important}
.charts-grid{align-items:start;margin-top:18px}
.table-panel{margin-top:18px}
@media(max-width:980px){.chart-panel canvas,.wide-chart canvas{height:180px!important;max-height:180px!important}}
@media print{.filters-panel,.charts-grid{break-inside:avoid}.chart-panel canvas{height:160px!important}}

/* Ajuste definitivo: gráficos compactos em SVG, sem canvas borrado */
.charts-grid{grid-template-columns:repeat(3,1fr)!important;gap:14px!important;margin-top:14px!important}
.chart-panel{height:260px!important;min-height:260px!important;max-height:260px!important;padding:16px!important;overflow:hidden!important;margin-bottom:18px!important}
.chart-panel h2{font-size:16px!important;margin-bottom:8px!important}.wide-chart{grid-column:auto!important}
.svg-chart{width:100%;height:205px;max-height:205px;overflow:hidden}.svg-chart svg{display:block;width:100%;height:100%;shape-rendering:geometricPrecision;text-rendering:geometricPrecision}.svg-empty{font-size:13px;fill:#64748b}.chart-value{font-size:11px;font-weight:700;fill:#334155}.chart-label{font-size:10px;fill:#475569}.chart-grid{stroke:#e2e8f0;stroke-width:1}.chart-line{fill:none;stroke:#2563eb;stroke-width:3;vector-effect:non-scaling-stroke}.chart-dot{fill:#172033}.bar-0{fill:#2563eb}.bar-1{fill:#16a34a}.bar-2{fill:#dc2626}.bar-3{fill:#f59e0b}.bar-4{fill:#7c3aed}.bar-5{fill:#0f766e}.bar-6{fill:#64748b}
@media(max-width:1100px){.charts-grid{grid-template-columns:1fr!important}.chart-panel{height:245px!important;min-height:245px!important;max-height:245px!important}.svg-chart{height:190px}}
@media print{.chart-panel{height:220px!important;min-height:220px!important}.svg-chart{height:170px}}