:root{--azul:#0d3577;--azul-escuro:#092552;--azul-claro:#eaf0fb;--texto:#1c2430;--texto-suave:#5c6675;--borda:#dde3ec;--fundo:#f4f6fa;--verde:#1a7f4e;--verde-bg:#e3f4ea;--amarelo:#9a6b00;--amarelo-bg:#fdf3d7;--vermelho:#b3261e;--vermelho-bg:#fde7e5;--cinza-bg:#eef0f3}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--fundo);color:var(--texto);min-height:100dvh}.tela{max-width:560px;margin:0 auto;padding:16px 16px 80px}.topo{background:var(--azul);color:#fff;margin:-16px -16px 20px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.topo h1{font-size:17px;font-weight:700;letter-spacing:.2px}.topo .sub{font-size:11px;opacity:.85;font-weight:400}.topo button{background:rgba(255,255,255,.14);border:none;color:#fff;padding:7px 12px;border-radius:8px;font-size:12px;cursor:pointer}.card{background:#fff;border:1px solid var(--borda);border-radius:14px;padding:18px;margin-bottom:14px}.card h2{font-size:14px;color:var(--texto-suave);font-weight:600;margin-bottom:10px}.grade{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.kpi .valor{font-size:22px;font-weight:700;color:var(--azul)}.kpi .rotulo{font-size:12px;color:var(--texto-suave);margin-top:2px}label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}input{width:100%;padding:13px 14px;border:1px solid var(--borda);border-radius:10px;font-size:16px;background:#fff}input:focus{outline:2px solid var(--azul);border-color:transparent}.botao{width:100%;margin-top:16px;padding:14px;background:var(--azul);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer}.botao:disabled{opacity:.55}.botao.suave{background:var(--azul-claro);color:var(--azul)}.semaforo{border-radius:14px;padding:18px;text-align:center;margin-bottom:14px;border:1px solid transparent}.semaforo .luz{font-size:30px}.semaforo .titulo{font-size:17px;font-weight:800;margin-top:4px}.semaforo .detalhe{font-size:13px;margin-top:4px}.semaforo.verde{background:var(--verde-bg);color:var(--verde)}.semaforo.amarelo{background:var(--amarelo-bg);color:var(--amarelo)}.semaforo.vermelho{background:var(--vermelho-bg);color:var(--vermelho)}.semaforo.sem_dados{background:var(--cinza-bg);color:var(--texto-suave)}.linha{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--fundo);font-size:14px}.linha:last-child{border-bottom:none}.linha .n{font-weight:700}.membro{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--fundo);font-size:14px}.membro .quem .parente{font-size:12px;color:var(--texto-suave)}.membro .saldo{font-weight:700;white-space:nowrap}.membro .saldo.devendo{color:var(--vermelho)}.aviso{color:var(--texto-suave);line-height:1.5}.aviso,.erro{font-size:13px;margin-top:10px}.erro{color:var(--vermelho)}.login-envelope{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--azul);padding:20px}.login-caixa{background:#fff;border-radius:18px;padding:30px 26px;width:100%;max-width:380px}.login-caixa .marca{text-align:center;margin-bottom:22px}.login-caixa .marca .m{width:56px;height:56px;border-radius:14px;background:var(--azul);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:26px;font-weight:800}.login-caixa .marca h1{font-size:19px;margin-top:10px}.login-caixa .marca p{font-size:12px;color:var(--texto-suave)}.nav-voltar{display:inline-block;margin-bottom:12px;color:var(--azul);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer}.menu{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.menu a{background:#fff;border:1px solid var(--borda);border-radius:14px;padding:20px 14px;text-decoration:none;color:var(--texto);text-align:center}.menu a .ico{font-size:26px}.menu a .nome{font-size:14px;font-weight:700;margin-top:6px}.menu a .desc{font-size:11px;color:var(--texto-suave);margin-top:2px}