:root{--fundo: #f6f5f2;--cartao: #ffffff;--texto: #1d1d1f;--suave: #6b6b70;--borda: #e2e0da;--marca: #7a2e4d;--marca-texto: #ffffff;--atrasada: #b42318;--atrasada-fundo: #fdecea;--breve: #9a6700;--breve-fundo: #fff4d6;--paga: #1a7f37;--paga-fundo: #e6f4ea;--avencer: #44546f;--avencer-fundo: #eef1f6;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texto);background:var(--fundo)}@media (prefers-color-scheme: dark){:root{--fundo: #17171a;--cartao: #222226;--texto: #ececef;--suave: #a0a0a8;--borda: #34343a;--atrasada-fundo: #3a1c1a;--breve-fundo: #3a2f12;--paga-fundo: #15301e;--avencer-fundo: #252b36;--atrasada: #ff8a80;--breve: #ffcc66;--paga: #7ee2a0;--avencer: #a9b8d0}}*{box-sizing:border-box}body{margin:0;background:var(--fundo)}#app{max-width:1040px;margin:0 auto;padding:16px}a{color:var(--marca)}h1{font-size:1.4rem;margin:8px 0 16px}h2{font-size:1.1rem;margin:0}.topo{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:16px}.topo .marca{font-weight:700;margin-right:auto}.topo nav{display:flex;flex-wrap:wrap;gap:4px}.topo nav a{padding:6px 10px;border-radius:8px;text-decoration:none;color:var(--texto)}.topo nav a.ativa{background:var(--marca);color:var(--marca-texto)}.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:12px;padding:16px}.grade{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px}.numero{font-size:1.6rem;font-weight:700}.suave{color:var(--suave);font-size:.9rem}.barra{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.lista{display:flex;flex-direction:column;gap:8px}.linha{display:grid;gap:4px 12px;align-items:center;background:var(--cartao);border:1px solid var(--borda);border-radius:10px;padding:12px;grid-template-columns:1fr auto}.linha .titulo{font-weight:600}.linha .acoes{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}@media (min-width: 720px){.linha{grid-template-columns:2fr 1fr 1fr auto auto}}.selo{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.8rem;font-weight:600}.selo-atrasada{color:var(--atrasada);background:var(--atrasada-fundo)}.selo-vence_em_breve{color:var(--breve);background:var(--breve-fundo)}.selo-paga{color:var(--paga);background:var(--paga-fundo)}.selo-a_vencer{color:var(--avencer);background:var(--avencer-fundo)}button,.botao{font:inherit;border:1px solid var(--borda);background:var(--cartao);color:var(--texto);padding:8px 12px;border-radius:8px;cursor:pointer}button.primario{background:var(--marca);border-color:var(--marca);color:var(--marca-texto)}button:disabled{opacity:.6;cursor:progress}.botao-icone{border:0;background:none;font-size:1.4rem;line-height:1;padding:4px 8px}form.campos{display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem}label.check{flex-direction:row;align-items:center;gap:8px}input,select,textarea{font:inherit;padding:8px 10px;border:1px solid var(--borda);border-radius:8px;background:var(--cartao);color:var(--texto)}.duas{display:grid;grid-template-columns:1fr 1fr;gap:12px}.entrada{max-width:380px;margin:12vh auto 0}.alerta-texto{background:var(--breve-fundo);color:var(--breve);padding:10px 12px;border-radius:8px;font-size:.9rem}.modal{border:0;border-radius:14px;padding:16px;width:min(520px,calc(100vw - 32px));background:var(--cartao);color:var(--texto)}.modal::backdrop{background:#00000073}.modal-topo{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.aviso{position:fixed;left:50%;bottom:20px;transform:translate(-50%);padding:10px 16px;border-radius:10px;color:#fff;z-index:10;max-width:calc(100vw - 32px)}.aviso-ok{background:#1a7f37}.aviso-erro{background:#b42318}table{width:100%;border-collapse:collapse;background:var(--cartao);border-radius:12px;overflow:hidden}th,td{padding:10px;border-bottom:1px solid var(--borda);text-align:right;white-space:nowrap}th:first-child,td:first-child{text-align:left}.rolagem{overflow-x:auto}