@font-face{font-family:Dancing Script;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/DancingScript-500.woff2) format("woff2")}@font-face{font-family:Dancing Script;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/DancingScript-600.woff2) format("woff2")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/PlayfairDisplay-500.woff2) format("woff2")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/PlayfairDisplay-600.woff2) format("woff2")}@font-face{font-family:Quicksand;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Quicksand-400.woff2) format("woff2")}@font-face{font-family:Quicksand;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Quicksand-500.woff2) format("woff2")}@font-face{font-family:Quicksand;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Quicksand-600.woff2) format("woff2")}:root,[data-tema=lilas]{--fundo: #F8F5FB;--tinta: #EDE6F6;--principal: #B9A6D9;--texto: #3E3550;--acento: #A78BC9;--dourado: #C9A96A;--cartao: #FFFFFF;--suave: #B4A8C6;--ok: #7FA88B;--alerta: #D4537E}[data-tema=rose]{--fundo: #FBF6F3;--tinta: #F3E4E0;--principal: #D9A8A8;--texto: #4A3B3B;--acento: #C98A8A;--suave: #C6B0A8}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:Quicksand,sans-serif;font-size:16px;color:var(--texto);background:var(--fundo);-webkit-font-smoothing:antialiased}#app{max-width:480px;margin:0 auto;min-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 16px calc(76px + env(safe-area-inset-bottom))}.serif{font-family:Playfair Display,serif}.script{font-family:Dancing Script,cursive}.rotulo{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--acento);font-weight:600}.cartao{background:var(--cartao);border-radius:16px;padding:14px 16px;box-shadow:0 1px 6px #3e35500f}.cartao-tinta{background:var(--tinta);border-radius:16px;padding:12px 16px}.pilula{display:inline-block;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.pilula.paga,.pilula.recebido{background:#e7f0ea;color:var(--ok)}.pilula.atrasada{background:#fbe7ee;color:var(--alerta)}.pilula.vencendo{background:#f8eedc;color:var(--dourado)}.pilula.a_vencer,.pilula.a_receber{background:var(--tinta);color:var(--acento)}button,.botao{font-family:inherit;font-size:15px;font-weight:600;border:none;border-radius:999px;padding:12px 22px;background:var(--principal);color:#fff;cursor:pointer}button.secundario{background:var(--tinta);color:var(--texto)}button.perigo{background:transparent;color:var(--alerta)}button.link{background:transparent;color:var(--acento);padding:6px}input,select{font-family:inherit;font-size:16px;color:var(--texto);width:100%;border:1.5px solid var(--tinta);border-radius:12px;padding:11px 12px;background:var(--cartao)}input:focus,select:focus{outline:none;border-color:var(--principal)}label{display:block;font-size:13px;color:var(--suave);margin:12px 0 4px;font-weight:600}.nav{position:fixed;bottom:0;left:0;right:0;background:var(--cartao);border-top:1px solid var(--tinta);display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom));max-width:480px;margin:0 auto}.nav a{color:var(--suave);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:600}.nav a.ativo{color:var(--acento)}.nav svg{width:22px;height:22px}.sheet-fundo{position:fixed;inset:0;background:#3e355059;display:flex;align-items:flex-end;justify-content:center;z-index:50}.sheet{background:var(--fundo);border-radius:24px 24px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));width:100%;max-width:480px;max-height:88dvh;overflow-y:auto}.fab{position:fixed;right:max(16px,calc(50% - 224px));bottom:calc(84px + env(safe-area-inset-bottom));width:54px;height:54px;border-radius:50%;font-size:28px;font-weight:400;line-height:1;box-shadow:0 4px 14px #3e355040}.linha{display:flex;align-items:center;gap:10px}.espaco{flex:1}.centro{text-align:center}.mt{margin-top:12px}.mt-g{margin-top:20px}.icone{width:18px;height:18px;stroke:var(--acento);flex-shrink:0}.dourado{color:var(--dourado)}.suave-txt{font-size:12px;color:var(--suave)}