:root{--bg:#0f1216;--surface:#171b21;--surface-2:#1e242c;--border:#2a3138;--text:#e8ecf1;--muted:#8a94a0;--accent:#c8102e;--gold:#d4a017;--ok:#2e7d5b;--warn:#c9770a;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg);margin:0}button{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:10px;padding:12px 16px;font-weight:700}button.ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}input{font:inherit;border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:10px;padding:12px 14px}label{color:var(--muted);margin:10px 0 5px;font-size:13px;display:block}a{color:var(--gold)}.wrap{flex-direction:column;max-width:520px;min-height:100vh;margin:0 auto;display:flex}.topbar{padding:18px 18px calc(14px + env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.brand{letter-spacing:-.4px;font-size:20px;font-weight:800}.brand span{color:var(--accent)}.hello{color:var(--muted);margin-top:2px;font-size:13px}.content{flex:1;padding:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:14px;padding:16px}.card h3{margin:0 0 10px;font-size:15px}.big{font-size:40px;font-weight:800;line-height:1}.row3{gap:18px;display:flex}.muted{color:var(--muted);font-size:13px}.termo{background:var(--surface-2);border-radius:8px;height:12px;margin-top:8px;overflow:hidden}.termo>i{background:linear-gradient(90deg, var(--gold), var(--accent));height:100%;display:block}.pill{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.pill.pago{color:#6ee0a8;background:#2e7d5b33}.pill.pendente{color:#f0b25e;background:#c9770a38}.pill.a_vencer{color:var(--muted);background:#8a94a033}.pill.faixa{color:#f2839a;background:#c8102e2e}.linha{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:11px 0;display:flex}.linha:last-child{border-bottom:none}.pagar{background:var(--ok);color:#fff;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:700;text-decoration:none}.tabs{background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:sticky;bottom:0}.tabs button{color:var(--muted);background:0 0;border:none;border-radius:0;flex:1;padding:12px 4px;font-size:12px;font-weight:600}.tabs button.active{color:var(--accent)}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:360px;padding:26px}.err{color:#f2a596;background:#b3341f26;border:1px solid #b3341f;border-radius:10px;margin-top:10px;padding:10px 12px;font-size:14px}.ok{border:1px solid var(--ok);color:#8fe4b8;background:#2e7d5b26;border-radius:10px;margin-top:10px;padding:10px 12px;font-size:14px}.link-btn{color:var(--gold);background:0 0;border:none;width:auto;padding:0;font-weight:600}