:root{--roxo:#6b35c8;--roxo2:#7c3aed;--texto:#111827;--muted:#64748b;--linha:#e5e7eb;--bg:#f8fafc;--verde:#22c55e;--laranja:#fb923c;--azul:#3b82f6}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#fff,#f8fafc);color:var(--texto)}
.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#fff;border-right:1px solid var(--linha);display:flex;flex-direction:column}.brand{height:92px;background:linear-gradient(135deg,var(--roxo),var(--roxo2));color:white;display:flex;gap:14px;align-items:center;padding:22px}.brand strong{font-size:23px;display:block}.brand span{display:block;margin-top:4px}.pig{font-size:28px}.sidebar nav{padding:20px}.sidebar a{display:block;text-decoration:none;color:#0f172a;padding:14px 16px;border-radius:10px;margin-bottom:8px;font-weight:600}.sidebar a.active{background:#f0e7ff;color:var(--roxo)}.month-card{margin:auto 20px 26px;padding:18px;background:linear-gradient(135deg,var(--roxo),var(--roxo2));color:#fff;border-radius:10px;line-height:1.5}.main{margin-left:245px;padding:28px 36px 38px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h1{font-size:38px;line-height:1;margin:0}p{margin:6px 0;color:var(--muted)}.actions{display:flex;gap:12px}.select,.btn{border:1px solid var(--linha);background:#fff;border-radius:10px;padding:13px 18px;text-decoration:none;color:#0f172a;font-weight:700}.btn{background:linear-gradient(135deg,var(--roxo),var(--roxo2));color:#fff;border:0}.btn.ghost{background:#fff;color:var(--roxo);border:1px solid #ddd}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-bottom:24px}.card{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:22px;box-shadow:0 10px 26px rgba(15,23,42,.04);position:relative}.card .ico{float:left;margin-right:16px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:27px}.ico.purple{background:#ede9fe;color:var(--roxo)}.ico.green{background:#dcfce7;color:var(--verde)}.ico.orange{background:#ffedd5;color:#f97316}.ico.blue{background:#dbeafe;color:var(--azul)}.card small{display:block;color:#475569}.card b{display:block;font-size:22px;margin:6px 0}.card em{font-style:normal;color:var(--muted);font-size:13px}.panel,.chart-card{background:#fff;border:1px solid var(--linha);border-radius:14px;box-shadow:0 10px 26px rgba(15,23,42,.04)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{background:linear-gradient(135deg,var(--roxo),var(--roxo2));color:#fff;text-align:left;padding:12px}th:first-child{border-top-left-radius:12px}th:last-child{border-top-right-radius:12px}td{padding:11px 12px;border-bottom:1px solid var(--linha)}tfoot td{font-weight:800;color:var(--roxo)}.tag,.status{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.tag.fixa{background:#f3e8ff;color:#6d28d9}.tag.parcelado{background:#dbeafe;color:#2563eb}.status.pendente{background:#ffedd5;color:#ea580c}.status.quitado{background:#dcfce7;color:#16a34a}.charts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;margin-top:24px}.chart-card{padding:22px;min-height:300px}.chart-card canvas{max-height:220px}.mini{display:grid;grid-template-columns:1fr 1fr;gap:6px;text-align:center;margin-bottom:10px}.mini b{font-size:20px}.mini span{font-size:12px;color:var(--muted)}.form{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:20px;margin-bottom:22px}.form label{font-weight:700;font-size:13px}.form input,.form select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid var(--linha);border-radius:10px}.full{grid-column:1/-1}@media(max-width:1100px){.sidebar{position:static;width:auto}.main{margin-left:0}.cards,.charts{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:16px;flex-direction:column}.form{grid-template-columns:1fr}}
.filter-panel{padding:18px 20px;margin-bottom:22px;display:grid;grid-template-columns:1.2fr 2fr 2fr;gap:18px;align-items:center}.filter-panel b{display:block;font-size:18px}.filter-panel small{display:block;color:var(--muted);margin-top:4px}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:9px 14px;border-radius:999px;border:1px solid var(--linha);background:#fff;color:#334155;text-decoration:none;font-weight:800;font-size:13px}.chip.active-filter{background:linear-gradient(135deg,var(--roxo),var(--roxo2));color:#fff;border:0}.filter-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end}.filter-form label{font-size:12px;font-weight:800;color:#475569}.filter-form select{width:100%;margin-top:5px;padding:10px;border:1px solid var(--linha);border-radius:10px;background:#fff}.btn.small{padding:11px 14px}.charts .wide{grid-column:span 1}.chart-card p{font-size:13px;margin-top:-8px;margin-bottom:10px}.chart-card{height:330px}.chart-card canvas{max-height:235px!important}@media(max-width:1100px){.filter-panel,.filter-form{grid-template-columns:1fr}.filter-buttons{justify-content:flex-start}}