:root{--bg: #f4f6f9;--card: #fff;--txt: #1f2937;--mut: #6b7280;--borda: #e5e7eb;--verde: #15803d;--verde-bg: #dcfce7;--verm: #b91c1c;--verm-bg: #fee2e2;--azul: #2563eb;--amar: #b45309}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.container{max-width:860px;margin:0 auto;padding:24px 16px 160px}.topo{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}h1{font-size:1.5rem;margin:0}.mes{display:flex;align-items:center;justify-content:center;gap:20px;margin:20px 0;font-size:1.2rem}.mes strong{min-width:190px;text-align:center}.btn{border:1px solid var(--borda);background:var(--card);color:var(--txt);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:.9rem}.btn:hover{background:#f3f4f6}.btn.primario{background:var(--azul);border-color:var(--azul);color:#fff}.btn.primario:hover{background:#1d4ed8}.btn.perigo{background:var(--verm);border-color:var(--verm);color:#fff}.btn.icone{padding:6px 10px}.erro{background:var(--verm-bg);color:var(--verm);padding:10px 14px;border-radius:8px;margin-bottom:12px}.secao{background:var(--card);border-radius:12px;padding:16px;margin-bottom:18px;box-shadow:0 1px 3px #0000000f;border-top:4px solid}.secao.receita{border-color:var(--verde)}.secao.despesa{border-color:var(--verm)}.secao h2{margin:0 0 10px;font-size:1.1rem;display:flex;justify-content:space-between}.secao.receita .subtotal{color:var(--verde)}.secao.despesa .subtotal{color:var(--verm)}.vazio{color:var(--mut);margin:6px 0}.lista{list-style:none;margin:0;padding:0}.lista li{display:grid;grid-template-columns:112px 1fr auto auto auto auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--borda)}.lista li.pago .desc,.lista li.pago .valor{opacity:.55;text-decoration:line-through}.venc{color:var(--mut);font-variant-numeric:tabular-nums}.badge{font-style:normal;font-size:.72rem;background:#e0e7ff;color:#3730a3;padding:2px 7px;border-radius:99px;margin-left:8px}.valor{font-weight:600;font-variant-numeric:tabular-nums}.btn.status{min-width:92px;font-size:.8rem;color:var(--amar);border-color:#fcd34d;background:#fffbeb}.btn.status.ok{color:var(--verde);border-color:#86efac;background:var(--verde-bg)}.excluir:hover{background:var(--verm-bg)}.rodape{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 16px;background:#111827;color:#fff;box-shadow:0 -2px 10px #0003}.total{display:flex;flex-direction:column;align-items:center;font-size:.78rem;color:#9ca3af}.total strong{font-size:1.05rem;color:#fff}.total.receita strong,.total.ok strong{color:#4ade80}.total.despesa strong{color:#f87171}.total.pendente strong{color:#fbbf24}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:20;padding:16px}.modal{background:var(--card);border-radius:12px;padding:22px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:12px}.modal h3{margin:0}.modal label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--mut);flex:1}.modal input,.modal select{padding:9px 10px;border:1px solid var(--borda);border-radius:8px;font-size:.95rem;color:var(--txt);background:#fff}.linha{display:flex;gap:10px}.acoes{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.opcoes{display:flex;flex-direction:column;gap:8px}.toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px}.toggle button{padding:9px;border:1px solid var(--borda);background:#fff;border-radius:8px;cursor:pointer;font-size:.9rem}.toggle .receita.ativo{background:var(--verde);border-color:var(--verde);color:#fff}.toggle .despesa.ativo{background:var(--verm);border-color:var(--verm);color:#fff}@media (max-width: 600px){.lista li{grid-template-columns:1fr auto;row-gap:6px}.lista li .venc{grid-column:1}.lista li .desc{grid-column:1;grid-row:2}.lista li .valor{grid-column:2;grid-row:1 / 3}.rodape{grid-template-columns:1fr 1fr}.linha{flex-direction:column}}.escopo{border:1px solid var(--borda);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:6px}.escopo legend{font-size:.8rem;color:var(--mut);padding:0 4px}.escopo label{flex-direction:row;align-items:center;gap:8px;color:var(--txt);font-size:.9rem}.escopo input{padding:0}.venc,.sel-todos{display:flex;align-items:center;gap:8px;cursor:pointer}input[type=checkbox]{width:16px;height:16px;cursor:pointer}.lista li.selecionada{background:#eff6ff}.selecao{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 18px;padding-bottom:8px;border-bottom:1px solid #374151;font-size:.9rem}.selecao .verde{color:#4ade80}.selecao .verm{color:#f87171}.selecao .btn{padding:3px 10px;background:transparent;color:#fff;border-color:#6b7280}