:root{--ink0:#07090C;--ink:#0A0E13;--ink2:#10161F;--ink3:#18212C;--bd:rgba(255,255,255,.08);--t:#ECEFF3;--t2:#B9C4CF;--mut:#8193A5;--cy:#18E0D6;--amb:#F5B44A;--cor:#FF6B6B;--ok:#5BE3A2}*{box-sizing:border-box}body{margin:0;background:var(--ink0);color:var(--t);font-family:Archivo,system-ui,sans-serif;line-height:1.45}a{color:var(--cy);text-decoration:none}.mono{font-family:JetBrains Mono,monospace}.muted{color:var(--mut)}.small{font-size:13px}.err{color:var(--cor)}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.shell{max-width:760px;margin:0 auto;padding:20px 16px 60px}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}nav{display:flex;gap:10px;align-items:center;font-size:14px}.wordmark{font-family:Outfit,sans-serif;font-weight:500;font-size:26px;letter-spacing:-.02em}.wordmark i{display:inline-block;width:.3em;height:.3em;border-radius:50%;background:var(--cy);margin:0 .08em;box-shadow:0 0 10px var(--cy)}.card{background:var(--ink2);border:1px solid var(--bd);border-radius:14px;padding:20px;margin-bottom:16px}.card.ok{border-color:var(--ok)}.card.err{border-color:var(--cor)}.login{max-width:380px;width:100%;text-align:center}.login .wordmark{font-size:34px}h2{margin:0 0 12px;font-size:18px}.row{display:flex;justify-content:space-between;align-items:center}.line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--bd);flex-wrap:wrap}.line.total{font-size:16px}.pill{font-family:JetBrains Mono,monospace;font-size:10.5px;padding:3px 8px;border-radius:999px;background:#ffffff12;color:var(--t2)}.pill.ativo{color:var(--ok)}.pill.inadimplente{color:var(--cor)}.pill.aguardando_pagamento{color:var(--amb)}.btn{display:inline-block;background:var(--cy);color:#02121c;border:0;border-radius:999px;padding:11px 22px;font:500 15px Archivo,sans-serif;cursor:pointer;box-shadow:0 10px 30px -10px #18e0d68c;margin-top:10px}.btn:disabled{opacity:.5}.btn.sm{padding:6px 14px;font-size:13px;margin:0;box-shadow:none}.btn.ghost{background:transparent;color:var(--t2);border:1px solid var(--bd)}.tab{background:none;border:1px solid transparent;color:var(--t2);font:inherit;padding:4px 10px;border-radius:999px;cursor:pointer}.tab.on{border-color:var(--bd);color:var(--t)}.form{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}input,select{background:var(--ink3);border:1px solid var(--bd);color:var(--t);border-radius:8px;padding:8px 10px;font:inherit;font-size:14px}input.val{width:110px;text-align:right}