:root{--fundo:#f4f4f5;--cartao:#fff;--tinta:#18181b;--tinta-2:#52525b;--fraco:#a1a1aa;--borda:#e4e4e7;--acento:#7c3aed;--acento-escuro:#6d28d9;--erro:#b91c1c;--ok:#15803d}@media (prefers-color-scheme:dark){:root{--fundo:#18181b;--cartao:#27272a;--tinta:#fafafa;--tinta-2:#d4d4d8;--fraco:#71717a;--borda:#3f3f46}}*{box-sizing:border-box}body{background:var(--fundo);color:var(--tinta);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.centro{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.topo{background:var(--cartao);border-bottom:1px solid var(--borda);justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 16px;display:flex}.marca{font-weight:600}.miolo{flex-direction:column;gap:16px;max-width:560px;margin:0 auto;padding:16px 16px 48px;display:flex}.orcamento{text-align:center;background:var(--acento);color:#fff;border-radius:16px;padding:24px 16px}.orcamento .valor{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:34px;font-weight:700}.orcamento .rotulo{opacity:.85;margin:2px 0 0;font-size:14px}.orcamento .dica{opacity:.8;margin:10px 0 0;font-size:13px}.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:16px;flex-direction:column;padding:20px;display:flex}.cartao h1,.cartao h2{margin:0 0 12px;font-size:17px;font-weight:600}label{color:var(--tinta-2);margin-bottom:6px;font-size:13px}input{height:48px;font:inherit;color:var(--tinta);background:var(--fundo);border:1px solid var(--borda);border-radius:10px;outline:none;margin-bottom:14px;padding:0 14px;font-size:16px}input:focus{border-color:var(--acento);box-shadow:0 0 0 3px color-mix(in srgb,var(--acento)20%,transparent)}button{height:50px;font:inherit;color:#fff;background:var(--acento);cursor:pointer;border:0;border-radius:10px;font-size:16px;font-weight:600}button:hover:not(:disabled){background:var(--acento-escuro)}button:disabled{opacity:.5;cursor:not-allowed}.erro{color:var(--erro);margin:0 0 12px;font-size:14px}.feito{color:var(--ok);margin:0 0 12px;font-size:14px}.vazio{color:var(--fraco);margin:0;font-size:14px}.lista{margin:0;padding:0;list-style:none}.lista li{border-top:1px solid var(--borda);flex-direction:column;gap:2px;padding:12px 0;display:flex}.lista li:first-child{border-top:0}.linha-topo{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;display:flex}.linha-baixo{color:var(--fraco);font-size:13px}.selo{background:var(--fundo);color:var(--tinta-2);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.selo-paid,.selo-approved{background:color-mix(in srgb,var(--ok)15%,transparent);color:var(--ok)}.selo-rejected,.selo-cancelled{background:color-mix(in srgb,var(--erro)12%,transparent);color:var(--erro)}.entrada{width:100%;max-width:360px}.entrada h1{margin-bottom:4px}.entrada .sub{color:var(--fraco);margin:0 0 18px;font-size:14px}.campo-senha{display:block;position:relative}.campo-senha input{width:100%;padding-right:86px}.ver{height:30px;color:var(--tinta-2);border:1px solid var(--borda);background:0 0;border-radius:8px;padding:0 10px;font-size:13px;font-weight:500;position:absolute;top:9px;right:8px}.ver:hover:not(:disabled){background:var(--fundo)}.quem{color:var(--tinta-2);align-items:center;gap:10px;font-size:14px;display:flex}.sair{height:32px;color:var(--tinta-2);border:1px solid var(--borda);background:0 0;border-radius:8px;padding:0 12px;font-size:13px;font-weight:500}.sair:hover{background:var(--fundo)}
