@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Newsreader:wght@300;400;600&display=swap";:root{color-scheme:light;--bg: #f6f3ee;--ink: #101010;--muted: #5b5b5b;--accent: #ff6a3d;--accent-2: #0f6b6f;--card: #ffffff;--line: rgba(16, 16, 16, .1);--shadow: 0 20px 60px rgba(16, 16, 16, .12);--radius: 18px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;color:var(--ink);background:radial-gradient(1400px 1000px at -10% 20%,rgba(255,106,61,.14),transparent 72%),radial-gradient(1400px 1000px at 110% 65%,rgba(15,107,111,.14),transparent 74%),radial-gradient(1200px 900px at 45% 120%,rgba(255,106,61,.08),transparent 76%),linear-gradient(165deg,#f7f4ef,#f4f0ea 48%,#f1efea);background-repeat:no-repeat;background-attachment:fixed}.app{max-width:1200px;margin:0 auto;padding:32px 24px 80px}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;align-items:center;margin-bottom:32px}@media (max-width: 960px){.hero{grid-template-columns:1fr}}.title{font-size:clamp(2.6rem,4vw,3.6rem);font-weight:700;letter-spacing:-.03em;margin:0 0 12px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:12px}.logo-mark{width:42px;height:42px;border-radius:12px;display:inline-grid;place-items:center;font-size:.86rem;font-weight:700;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 8px 16px #10101026}.logo-text{font-size:clamp(2rem,3.2vw,3rem);font-weight:700;letter-spacing:-.03em}.subtitle{font-family:Newsreader,serif;font-size:1.2rem;color:var(--muted);max-width:560px;margin:0}.hero-card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);border:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.card{grid-column:span 4;background:var(--card);border-radius:var(--radius);padding:20px;border:1px solid var(--line);box-shadow:var(--shadow);min-height:220px;overflow:hidden}.card.wide{grid-column:span 8}.card.auth-only{grid-column:span 12;max-width:560px;width:100%;justify-self:center}@media (max-width: 960px){.card,.card.wide{grid-column:span 12}}.card h3{margin-top:0;margin-bottom:8px;font-size:1.2rem}.muted{color:var(--muted);font-size:.95rem}.field{display:flex;flex-direction:column;gap:6px;margin:12px 0}.field label{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.field input,.field select,.field textarea{padding:10px 12px;border-radius:10px;border:1px solid var(--line);font-size:1rem;background:#fff}.field input[type=file]{width:100%;max-width:100%;overflow:hidden;font-size:.95rem;padding:8px}.row{display:flex;gap:12px;flex-wrap:wrap}.row>.field{min-width:0;flex:1 1 180px}.button{background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 24px #ff6a3d40}.button.secondary{background:#101010;box-shadow:0 12px 24px #10101033}.button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}.button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.button:disabled{filter:grayscale(.2)}.spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress{margin-top:12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;font-size:.9rem;color:var(--muted)}.progress-bar{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--accent),#ffb067);transition:width .2s ease}.status{padding:6px 12px;border-radius:999px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);background:#f1f1f1}.status.done{background:#0f6b6f1f;color:#0f6b6f}.status.failed{background:#ff6a3d1f;color:#ff6a3d}.job-list{display:grid;gap:12px}.job-item{border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:8px;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.job-item:hover{border-color:#10101040;transform:translateY(-1px)}.job-item .row{justify-content:space-between;align-items:center}.alert{background:#fff3ec;border:1px solid rgba(255,106,61,.3);padding:10px 12px;border-radius:12px;font-size:.95rem}.alert-hot{border-color:#dc2c2c59;background:#fff1f1}.quota-track{height:8px;border-radius:999px;background:#1010101a;overflow:hidden;margin:10px 0 12px}.quota-fill{height:100%;background:linear-gradient(90deg,#ff6a3d,#ffb067);transition:width .25s ease}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:14px}.alert+.plan-grid{margin-top:16px}.plan-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;display:grid;gap:8px}.plan-actions{display:grid;gap:8px}.plan-tax-id{grid-column:1 / -1;margin:0}.plan-tax-id .muted{margin:0}.plan-card.current{border-color:#0f6b6f73;background:#0f6b6f0f}.toast{position:sticky;top:16px;z-index:10;margin:8px 0 16px;background:#fff3ec;border:1px solid rgba(255,106,61,.35);padding:10px 12px;border-radius:12px;font-size:.95rem;box-shadow:0 12px 24px #ff6a3d26;animation:fadeIn .3s ease}.preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#10101073;display:grid;place-items:center;padding:20px}.preview-modal{width:min(900px,100%);max-height:85vh;overflow:auto;background:#fff;border-radius:14px;border:1px solid var(--line);padding:14px;box-shadow:var(--shadow)}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.preview-image{width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}.preview-frame{width:100%;min-height:70vh;border:1px solid var(--line);border-radius:10px}.pix-modal{width:min(560px,100%)}.auth-modal{width:min(520px,100%);display:grid;gap:10px}.auth-modal .button{width:fit-content}.pix-qr{width:min(280px,100%);aspect-ratio:1 / 1;object-fit:contain;margin:8px auto 4px;display:block;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 700px){.app{padding:20px 12px 48px}.hero{gap:14px;margin-bottom:16px}.hero-card,.card{padding:16px}.job-item>.row:last-child{gap:10px}.job-item>.row:last-child>.row{width:100%;justify-content:flex-start}}@media (max-width: 420px){.row>.field{flex-basis:100%}.button{padding:10px 14px}}