@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#1d2925;font-synthesis:none;background:#f4f7f5;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}svg{width:20px;height:20px}.portal{background:radial-gradient(circle at 8% 15%,#087f5b14,#0000 25rem),radial-gradient(circle at 92% 75%,#20b96d12,#0000 28rem),#f4f7f5;flex-direction:column;min-height:100vh;display:flex}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #e3eae6;flex:0 0 78px;justify-content:space-between;align-items:center;height:78px;padding:0 5vw;display:flex}.brand,.secure,.benefits>div,.card-heading,.actions button{align-items:center;display:flex}.brand{gap:12px}.brand-mark{color:#fff;background:#087f5b;border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 7px 18px #087f5b33}.brand strong,.brand span{display:block}.brand strong{font-size:18px}.brand span{color:#75827d;margin-top:2px;font-size:11px}.secure{color:#52615b;gap:9px;font-size:12px;font-weight:600}.secure>span{background:#20b96d;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 4px #20b96d1f}.content{grid-template-columns:minmax(280px,.75fr) minmax(480px,1.25fr);align-items:center;gap:clamp(50px,8vw,110px);width:min(1180px,90vw);margin:auto;padding:70px 0;display:grid}.eyebrow,.result-heading>div>span{color:#07825d;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.intro h1{color:#17231f;letter-spacing:-.055em;margin:12px 0 0;font-size:clamp(38px,5vw,62px);line-height:1.02}.intro>p{color:#62716a;max-width:520px;margin:22px 0 0;font-size:16px;line-height:1.7}.benefits{gap:13px;margin-top:30px;display:grid}.benefits>div{color:#42524b;gap:10px;font-size:13px;font-weight:600}.benefits svg{color:#fff;background:#18a66f;border-radius:999px;width:16px;height:16px;padding:2px}.card{background:#fffffff5;border:1px solid #dfe8e3;border-radius:24px;min-height:430px;padding:clamp(28px,4vw,44px);box-shadow:0 24px 70px #1d3e301f,0 4px 14px #1d3e300d}.card h2,.card h3{color:#1d2b26;letter-spacing:-.025em;margin:0}.card-heading{border-bottom:1px solid #e8eeeb;gap:15px;padding-bottom:26px}.card-heading h2{font-size:20px}.card-heading p,.result-heading p{color:#78847e;margin:4px 0 0;font-size:12px}.card-icon,.invoice-icon{color:#087f5b;background:#e9f7f1;border-radius:12px;place-items:center;display:grid}.card-icon{flex:0 0 48px;width:48px;height:48px}form{margin-top:28px}form label{color:#34443d;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.input-shell{color:#7b8982;background:#f8faf9;border:1px solid #d9e3de;border-radius:12px;align-items:center;gap:11px;height:54px;padding:0 16px;transition:all .16s;display:flex}.input-shell:focus-within{color:#087f5b;background:#fff;border-color:#54b28f;box-shadow:0 0 0 4px #087f5b14}.input-shell.error{border-color:#d98978}.input-shell input{color:#26342e;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:15px}.input-shell input::placeholder{color:#a1aaa6}form small{color:#84908a;margin-top:8px;font-size:11px;display:block}.error-message{color:#9f3e2f;background:#fff2ee;border:1px solid #f2c8bd;border-radius:9px;margin-top:14px;padding:11px 13px;font-size:12px}.submit{color:#fff;background:#087f5b;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;margin-top:24px;font-size:13px;font-weight:700;display:flex;box-shadow:0 8px 20px #087f5b2e}.submit:disabled{cursor:not-allowed;color:#75847d;box-shadow:none;background:#dce4e0}.result-heading{border-bottom:1px solid #e7edea;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:24px;display:flex}.result-heading h2{margin-top:5px;font-size:20px}.result-heading button{color:#087f5b;background:#f0f8f4;border:1px solid #bfddcf;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:700}.invoices{margin-top:24px}.invoices-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.invoices-title h3{font-size:14px}.invoices-title span{color:#6d7d75;font-size:10px;font-weight:600}.invoice{background:#fbfcfb;border:1px solid #dfe7e3;border-radius:14px;padding:16px}.invoice+.invoice{margin-top:10px}.invoice-main{grid-template-columns:38px repeat(3,1fr) auto;align-items:center;gap:12px;display:grid}.invoice-icon{width:38px;height:38px}.invoice-main div>span,.invoice-main div>strong{display:block}.invoice-main div>span{color:#829089;text-transform:uppercase;margin-bottom:3px;font-size:8px;font-weight:600}.invoice-main div>strong{color:#34423c;font-size:11px}.invoice-main div:nth-of-type(4) strong{color:#15241e;font-size:13px}.status{color:#087f5b;background:#e6f6ef;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800}.status.overdue{color:#ad432f;background:#fff0eb}.actions{border-top:1px solid #e8eeeb;gap:8px;margin-top:14px;padding-top:12px;display:flex}.actions button{border-radius:8px;justify-content:center;gap:7px;min-height:36px;padding:0 12px;font-size:9px;font-weight:700}.actions svg{width:16px;height:16px}.pdf{color:#087f5b;background:#edf8f3;border:1px solid #b9ddce}.pix{color:#fff;background:#087f5b;border:1px solid #087f5b}.actions button:disabled{cursor:not-allowed;opacity:.55}.empty{text-align:center;padding:50px 20px 20px}.empty>div{color:#087f5b;background:#e8f7f0;border-radius:999px;place-items:center;width:52px;height:52px;margin:0 auto 16px;display:grid}.empty h3{font-size:17px}.empty p{color:#74827b;margin:7px 0 0;font-size:12px}footer{color:#77847e;border-top:1px solid #dfe7e3;justify-content:space-between;width:min(1180px,90vw);margin:0 auto;padding:22px 0;font-size:10px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.spinning{animation:1s linear infinite spin}@media (width<=820px){.content{grid-template-columns:1fr;gap:36px;padding:50px 0}.intro{text-align:center}.intro>p{margin-left:auto;margin-right:auto}.benefits{text-align:left;width:max-content;max-width:100%;margin-left:auto;margin-right:auto}}@media (width<=520px){.topbar{padding:0 20px}.secure{display:none}.content{width:calc(100% - 32px);padding:38px 0}.intro h1{font-size:38px}.intro>p{font-size:14px}.card{border-radius:18px;min-height:0;padding:24px 18px}.result-heading{flex-direction:column}.invoice-main{grid-template-columns:38px 1fr auto}.invoice-main>div:nth-of-type(3){display:none}.invoice-main>div:nth-of-type(4){grid-area:2/2}.status{grid-area:1/3}.actions{flex-direction:column}.actions button{min-height:42px}footer{text-align:center;flex-direction:column;align-items:center;gap:6px}}