:root{color:#f1f5f9;font-synthesis:none;text-rendering:optimizelegibility;--navy-dark:#060e1a;--navy:#0a1628;--navy-light:#111f36;--navy-lighter:#1a2d4a;--gold:#d4a843;--gold-light:#f0c95c;--green:#22c55e;--blue:#3b82f6;--red:#f87171;--text:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--card:#111f36c2;--card-border:#ffffff12;background:#060e1a;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--navy-dark);min-width:320px;min-height:100%}body{background:var(--navy-dark);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input{font:inherit}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Poppins,sans-serif}.ambient{z-index:0;pointer-events:none;background:radial-gradient(circle at 50% -15%,#3b82f61f,#0000 35%),linear-gradient(#060e1a 0%,#081322 48%,#060e1a 100%);position:fixed;inset:0;overflow:hidden}.ambient:before{content:"";opacity:.2;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.ambient span{filter:blur(1px);border-radius:999px;position:absolute}.ambient span:first-child{background:#8b5cf60e;width:320px;height:320px;top:10%;left:-6%}.ambient span:nth-child(2){background:#d4a8430b;width:380px;height:380px;top:22%;right:-8%}.ambient span:nth-child(3){background:#3b82f60a;width:520px;height:520px;bottom:-20%;left:34%}.brand-header{z-index:2;justify-content:center;align-items:center;gap:18px;min-height:58px;display:flex;position:relative}.brand-header--compact{border-bottom:1px solid var(--card-border);justify-content:flex-start;padding:24px 0}.brand-logo-shell{background:#fffffff5;border:1px solid #ffffffb3;border-radius:10px;align-items:center;width:174px;height:42px;padding:8px 12px;display:flex;box-shadow:0 10px 30px #0000002e}.brand-logo-shell img{width:100%;height:auto;display:block}.brand-divider{background:#ffffff1f;width:1px;height:32px}.brand-product{flex-direction:column;gap:3px;display:flex}.brand-product>span{font-family:Poppins,sans-serif;font-size:15px;font-weight:600}.brand-product small{color:var(--text-muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.state-page,.portal-page{isolation:isolate;min-height:100vh;position:relative}.state-container{z-index:1;width:min(100% - 36px,660px);margin:0 auto;padding:42px 0 70px;position:relative}.state-container--wide{width:min(100% - 36px,1000px)}.message-card{text-align:center;border:1px solid var(--card-border);background:linear-gradient(155deg,#111f36eb,#0a1628eb);border-radius:26px;margin-top:72px;padding:54px 54px 48px;animation:.55s ease-out both enter;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000047}.message-card:before{content:"";background:linear-gradient(90deg, transparent, var(--blue), var(--gold), transparent);height:2px;position:absolute;inset:0 0 auto}.message-icon{border-radius:19px;place-items:center;width:64px;height:64px;margin:0 auto 22px;display:grid}.message-icon--gold{color:var(--gold-light);background:#d4a8431a;border:1px solid #d4a84338}.message-icon--muted{color:var(--text-secondary);background:#94a3b814;border:1px solid #94a3b824}.eyebrow{color:#7bb0ff;letter-spacing:1.4px;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:15px;font-size:11px;font-weight:700;display:inline-flex}.eyebrow--gold{color:var(--gold)}.message-card h1{letter-spacing:-.8px;margin-bottom:15px;font-size:clamp(28px,5vw,40px);line-height:1.15}.message-card>p{max-width:480px;color:var(--text-secondary);margin:0 auto 26px;font-size:16px;line-height:1.7}.message-note{max-width:440px;color:var(--text-secondary);text-align:left;background:#ffffff06;border:1px solid #ffffff0f;border-radius:13px;align-items:center;gap:12px;margin:0 auto 28px;padding:14px 16px;font-size:13px;line-height:1.5;display:flex}.message-note svg{color:var(--green);flex:none}.support-copy{color:var(--text-muted);margin-top:20px;font-size:11px;display:block}.button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 20px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s,border-color .2s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{cursor:wait;opacity:.65}.button--gold{color:var(--navy-dark);background:linear-gradient(135deg, var(--gold), var(--gold-light));box-shadow:0 10px 30px #d4a8432b}.button--gold:hover:not(:disabled){box-shadow:0 12px 32px #d4a8434d}.button--secondary{color:var(--text);background:#ffffff0b;border:1px solid #ffffff1a}.button--secondary:hover:not(:disabled){border-color:#d4a84347}.button--ghost{color:var(--text-secondary);background:0 0;border:1px solid #ffffff14}.button--small{min-height:40px;padding:0 15px;font-size:12px}.loading-copy{text-align:center;padding:82px 0 34px}.loading-copy h1{margin-bottom:10px;font-size:clamp(28px,5vw,42px)}.loading-copy p{color:var(--text-secondary)}.skeleton-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.skeleton{border:1px solid var(--card-border);background:linear-gradient(100deg,#111f36b8 30%,#283b54c7 50%,#111f36b8 70%) 0 0/300% 100%;border-radius:20px;animation:1.4s infinite shimmer}.skeleton--summary{grid-column:1/-1;height:125px}.skeleton--card{height:270px}.portal-shell{z-index:1;width:min(100% - 40px,1180px);margin:0 auto;position:relative}.welcome-section{justify-content:space-between;align-items:flex-end;gap:30px;padding:64px 0 38px;display:flex}.welcome-section p{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.welcome-section h1{letter-spacing:-1.4px;max-width:760px;margin-bottom:9px;font-size:clamp(30px,4.5vw,48px);line-height:1.15}.welcome-section h1 span{color:var(--gold-light)}.welcome-section>div>small{color:var(--text-muted);font-size:11px}.competence-pill{border:1px solid var(--card-border);background:#111f368a;border-radius:14px;flex:none;align-items:center;gap:11px;min-width:210px;padding:13px 16px;display:flex}.competence-pill>svg{color:var(--gold)}.competence-pill span{color:var(--text-muted);letter-spacing:.7px;text-transform:uppercase;flex-direction:column;font-size:10px;display:flex}.competence-pill strong{color:var(--text);letter-spacing:0;text-transform:none;margin-top:3px;font-size:13px}.service-notice{color:#f8d781;background:#d4a84312;border:1px solid #d4a84333;border-radius:13px;align-items:center;gap:11px;margin-bottom:20px;padding:14px 16px;font-size:13px;animation:.3s ease-out enter;display:flex}.service-notice span{flex:1}.service-notice button{color:inherit;cursor:pointer;background:0 0;border:0;padding:5px;display:grid}.summary-grid{grid-template-columns:1.4fr 1fr 1fr;gap:16px;margin-bottom:52px;display:grid}.summary-card{border:1px solid var(--card-border);background:var(--card);border-radius:18px;align-items:center;gap:15px;min-height:124px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 45px #0000001f}.summary-card:after{content:"";opacity:.08;background:currentColor;border-radius:999px;width:120px;height:120px;position:absolute;inset:auto -30px -55px auto}.summary-card--gold{color:var(--gold-light);background:linear-gradient(145deg, #d4a84318, var(--card) 60%);border-color:#d4a84326}.summary-card--blue{color:#72a9fa}.summary-card--green{color:#5cdb89}.summary-icon{background:currentColor;border-radius:12px;flex:0 0 43px;place-items:center;width:43px;height:43px;display:grid}.summary-icon svg{color:var(--navy)}.summary-card>div:last-child{flex-direction:column;min-width:0;display:flex}.summary-card span{color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:600}.summary-card strong{color:var(--text);font-family:Poppins,sans-serif;font-size:22px;line-height:1.2}.summary-card small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;overflow:hidden}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.section-heading>div>span{color:var(--gold);letter-spacing:1.3px;text-transform:uppercase;font-size:10px;font-weight:700}.section-heading h2{margin:5px 0 0;font-size:23px}.section-heading>small{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.invoice-list{flex-direction:column;gap:18px;display:flex}.invoice-card{border:1px solid var(--card-border);background:#111f36b8;border-radius:20px;animation:.45s ease-out both enter;overflow:hidden;box-shadow:0 18px 50px #00000024}.invoice-card:nth-child(2){animation-delay:60ms}.invoice-card:nth-child(3){animation-delay:.12s}.invoice-card__header{border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.invoice-title{align-items:center;gap:14px;min-width:0;display:flex}.invoice-icon{color:#78adf8;background:#3b82f61a;border-radius:12px;flex:0 0 43px;place-items:center;width:43px;height:43px;display:grid}.invoice-title span{color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:700}.invoice-title h2{text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:17px;overflow:hidden}.status-badge{letter-spacing:.2px;border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:7px;padding:7px 11px;font-size:10px;font-weight:700;display:inline-flex}.status-badge i{width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, currentColor 13%, transparent);background:currentColor;border-radius:50%}.status-badge--neutral{color:var(--text-secondary);background:#94a3b812;border-color:#94a3b81f}.status-badge--processing{color:#72a9fa;background:#3b82f614;border-color:#3b82f626}.status-badge--warning{color:#f3c75f;background:#d4a84314;border-color:#d4a8432b}.status-badge--success{color:#58d783;background:#22c55e14;border-color:#22c55e29}.status-badge--danger{color:#fb8b8b;background:#f8717114;border-color:#f8717129}.invoice-facts{border-bottom:1px solid #ffffff0a;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px;padding:18px 24px;display:grid}.invoice-facts>div{flex-direction:column;gap:5px;display:flex}.invoice-facts span,.invoice-facts summary{color:var(--text-muted);text-transform:uppercase;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.invoice-facts strong{font-size:14px}.invoice-facts>div:first-child strong{font-family:Poppins,sans-serif;font-size:19px}.invoice-facts details{position:relative}.invoice-facts summary{color:#8bb8fa;cursor:pointer;text-transform:none;padding:9px 0;list-style:none}.invoice-facts summary::-webkit-details-marker{display:none}.invoice-facts details[open] summary svg{transform:rotate(90deg)}.invoice-facts summary svg{transition:transform .2s}.items-popover{z-index:5;background:#111f36;border:1px solid #ffffff1a;border-radius:12px;width:330px;padding:10px 14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 45px #0000005c}.items-popover>div{color:var(--text-secondary);border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:20px;padding:9px 0;font-size:11px;display:flex}.items-popover>div:last-child{border:0}.items-popover span{color:var(--text-secondary);text-transform:none}.items-popover strong{color:var(--text);font-size:11px}.items-popover .items-total span,.items-popover .items-total strong{color:var(--gold-light);font-weight:700}.payment-panel{padding:22px 24px 24px}.payment-heading,.payment-heading>div{align-items:center;display:flex}.payment-heading{justify-content:space-between;gap:20px;margin-bottom:18px}.payment-heading>div{gap:10px}.payment-heading>div>svg{color:var(--gold)}.payment-heading span{flex-direction:column;display:flex}.payment-heading strong{font-size:13px}.payment-heading small{color:var(--text-muted);margin-top:2px;font-size:10px}.payment-grid{grid-template-columns:minmax(270px,.72fr) 1.28fr;gap:14px;display:grid}.pix-card,.boleto-card{background:#060e1a52;border:1px solid #ffffff0f;border-radius:15px}.pix-card{align-items:center;gap:15px;padding:14px;display:flex}.qr-shell{background:#fff;border-radius:10px;flex:none;place-items:center;padding:8px;display:grid}.qr-shell svg{width:112px;height:112px;display:block}.pix-copy{flex-direction:column;flex:1;gap:11px;min-width:0;display:flex}.pix-copy>span{color:var(--text-secondary);text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.pix-copy button,.copy-field button{min-height:38px;color:var(--navy-dark);background:var(--gold-light);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:10px;font-weight:800;display:inline-flex}.boleto-card{grid-template-columns:auto 1fr;align-items:center;gap:12px 14px;padding:17px;display:grid}.payment-type-icon{color:#76aaf5;background:#3b82f61a;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.boleto-card>div:nth-child(2) strong{font-size:13px}.boleto-card>div:nth-child(2) p{color:var(--text-muted);margin:4px 0 0;font-size:10px;line-height:1.4}.copy-field-wrap{grid-column:1/-1}.copy-field-wrap>label{color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:700;display:block}.copy-field{background:#ffffff06;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:6px 6px 6px 11px;display:flex}.copy-field span{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;overflow:hidden}.paid-panel,.processing-panel,.issue-panel,.unavailable-panel{border-radius:14px;align-items:center;gap:13px;margin:20px 24px 24px;padding:16px;display:flex}.paid-panel{color:#63df8e;background:#22c55e11;border:1px solid #22c55e24}.paid-panel>div,.processing-panel>div,.issue-copy{flex-direction:column;flex:1;gap:4px;display:flex}.paid-panel strong,.processing-panel strong,.issue-panel strong{color:var(--text);font-size:12px}.paid-panel span,.processing-panel span,.issue-panel span{color:var(--text-muted);font-size:10px}.processing-panel{color:#72a9fa;background:#3b82f60f;border:1px solid #3b82f621}.issue-panel{background:#d4a8430b;border:1px solid #d4a8431f}.issue-panel--retry{background:#f8717109;border-color:#f871711f}.issue-icon{width:40px;height:40px;color:var(--gold-light);background:#d4a8431a;border-radius:11px;flex:0 0 40px;place-items:center;display:grid}.unavailable-panel{color:var(--text-muted);background:#ffffff05;border:1px solid #ffffff0d;font-size:11px}.empty-invoices{color:var(--text-muted);text-align:center;border:1px dashed #ffffff1a;border-radius:18px;padding:70px 20px}.empty-invoices h3{color:var(--text);margin:14px 0 7px;font-size:17px}.empty-invoices p{margin:0;font-size:12px}footer{color:var(--text-muted);border-top:1px solid var(--card-border);justify-content:space-between;align-items:center;gap:20px;margin-top:54px;padding:24px 0 34px;font-size:10px;display:flex}footer div{align-items:center;gap:6px;display:flex}footer svg{color:var(--green)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03080fcc;place-items:center;padding:20px;animation:.2s ease-out fade;display:grid;position:fixed;inset:0}.confirm-dialog{text-align:center;background:#0d1b2e;border:1px solid #ffffff17;border-radius:22px;width:min(100%,500px);padding:38px;animation:.25s ease-out enter;position:relative;box-shadow:0 30px 90px #00000080}.confirm-dialog h2{margin-bottom:10px;font-size:22px}.confirm-dialog>p{color:var(--text-secondary);margin-bottom:26px;font-size:13px;line-height:1.6}.confirm-dialog>p strong{color:var(--gold-light)}.modal-close{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;place-items:center;display:grid;position:absolute;top:15px;right:15px}.dialog-actions{justify-content:center;gap:10px;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes fade{0%{opacity:0}}@keyframes enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.summary-grid{grid-template-columns:1fr 1fr}.summary-card:first-child{grid-column:1/-1}.payment-grid{grid-template-columns:1fr}.pix-card{justify-content:center}}@media (width<=720px){.portal-shell{width:min(100% - 28px,1180px)}.brand-header--compact{padding:17px 0}.brand-logo-shell{width:145px;height:37px;padding:7px 10px}.brand-divider{height:27px}.brand-product>span{font-size:13px}.welcome-section{align-items:flex-start;padding:44px 0 30px}.competence-pill{display:none}.invoice-card__header{align-items:flex-start;padding:18px}.invoice-title h2{white-space:normal}.invoice-facts{grid-template-columns:1fr 1fr;gap:18px;padding:16px 18px}.invoice-facts details{grid-column:1/-1}.items-popover{width:100%;margin-top:7px;position:static}.payment-panel{padding:18px}.payment-heading{align-items:flex-start}.payment-heading .button{white-space:nowrap}.paid-panel,.processing-panel,.issue-panel,.unavailable-panel{margin:18px}.issue-panel{flex-wrap:wrap;align-items:flex-start}.issue-panel .button{width:100%}}@media (width<=540px){.state-container{width:min(100% - 24px,660px);padding-top:24px}.state-container .brand-header{transform:scale(.9)}.message-card{border-radius:20px;margin-top:44px;padding:38px 21px 34px}.message-card>p{font-size:14px}.skeleton-grid{grid-template-columns:1fr}.skeleton--summary{grid-column:auto}.welcome-section h1{letter-spacing:-.7px;font-size:29px}.summary-grid{grid-template-columns:1fr;gap:11px;margin-bottom:40px}.summary-card:first-child{grid-column:auto}.summary-card{min-height:100px}.section-heading{flex-direction:column;align-items:flex-start}.invoice-card__header{flex-direction:column}.status-badge{margin-left:57px}.payment-heading{flex-direction:column}.payment-heading .button{width:100%}.pix-card{flex-direction:column;align-items:stretch}.qr-shell{width:fit-content;margin:0 auto}.pix-copy button{width:100%}.boleto-card{grid-template-columns:auto 1fr}.copy-field{flex-direction:column;align-items:stretch;padding:9px}.copy-field span{white-space:normal;word-break:break-all;padding:4px 2px}.copy-field button{width:100%}footer{flex-direction:column;align-items:flex-start}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}