@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@700;800;900&display=swap";:root{--color-brand:#f86001;--color-bg:#fffaf6;--color-text:#171717;--color-accent:#ffd166;--color-map:#1363df;--color-soft:#f3f4f6;--color-border:#1717171a;--radius:.75rem;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);min-width:0;margin:0;overflow-x:hidden}#root{width:100%;min-width:0;overflow-x:hidden}button,input,textarea{font:inherit}.supplier-payment-page{background:var(--color-bg);grid-template-columns:1fr;width:100%;min-width:0;min-height:100svh;display:grid;overflow-x:hidden}.brand-panel{color:#fff;background:linear-gradient(145deg, #171717f0, #171717d1), url(/logo.png) center 58% / min(110vw, 640px) auto no-repeat, var(--color-text);flex-direction:column;justify-content:space-between;gap:34px;min-width:0;min-height:420px;padding:28px 20px;display:flex;position:relative;overflow:hidden}.brand-panel:after{content:"";border:26px solid #f8600157;border-radius:999px;width:190px;height:190px;position:absolute;bottom:-72px;right:-72px}.brand-logo{z-index:1;align-self:flex-start;width:min(270px,72%);max-width:100%;height:auto;position:relative}.brand-copy{z-index:1;min-width:0;max-width:720px;position:relative}.eyebrow{color:var(--color-brand);letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.brand-copy .eyebrow{color:var(--color-accent)}.brand-copy h1{color:#fff;text-transform:uppercase;overflow-wrap:anywhere;max-width:760px;margin:0;font-family:Poppins,Inter,sans-serif;font-size:clamp(2.35rem,14vw,4.8rem);font-weight:900;line-height:.94}.brand-copy p:last-child{color:#ffffffd1;max-width:560px;margin:18px 0 0;font-size:1rem;font-weight:500;line-height:1.6}.supplier-stats{z-index:1;grid-template-columns:1fr;gap:10px;min-width:0;display:grid;position:relative}.supplier-stats div{border-radius:var(--radius);background:#ffffff1a;border:1px solid #ffffff2e;grid-template-columns:auto 1fr;gap:4px 10px;min-width:0;padding:14px;display:grid}.supplier-stats svg{color:var(--color-accent);grid-row:1/span 2;align-self:center}.supplier-stats span{color:#ffffffad;font-size:.84rem}.supplier-stats strong{color:#fff;overflow-wrap:anywhere;font-size:1rem}.checkout-panel{background:var(--color-bg);flex-direction:column;gap:18px;width:100%;min-width:0;padding:22px 18px 28px;display:flex}.checkout-header{align-items:center;gap:14px;min-width:0;display:flex}.checkout-header>div{min-width:0}.app-icon{border:1px solid var(--color-border);border-radius:var(--radius);width:56px;height:56px;box-shadow:0 14px 30px #1717171a}.checkout-header h2,.auth-panel h3{color:var(--color-text);text-transform:uppercase;overflow-wrap:anywhere;margin:0;font-family:Poppins,Inter,sans-serif;font-size:1.55rem;font-weight:900;line-height:1.05}.payment-tabs{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;padding:6px;display:grid}.payment-tabs button{min-width:0;min-height:46px;color:var(--color-text);font:inherit;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;border-radius:.6rem;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.payment-tabs button.active{color:#fff;background:var(--color-text)}.auth-panel,.payment-form{gap:16px;width:100%;min-width:0;display:grid}.auth-panel{border:1px solid var(--color-border);background:#fff;border-radius:1rem;padding:16px;box-shadow:0 18px 50px #17171714}.compact-tabs button.active{background:var(--color-brand)}.data-note,.empty-state{color:#1717179e;margin:0;font-size:.92rem;font-weight:700}.form-grid{grid-template-columns:1fr;gap:12px;min-width:0;display:grid}.wide-field{grid-column:1/-1}label,legend{min-width:0;color:var(--color-text);overflow-wrap:anywhere;font-size:.92rem;font-weight:800}input{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius);width:100%;color:var(--color-text);font:inherit;background:#fff;margin-top:8px;padding:14px;font-weight:600}input::placeholder{color:#17171761}input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-brand);margin:0}input:focus{border-color:var(--color-brand);outline:3px solid #f860012e}fieldset{border:0;min-width:0;margin:0;padding:0}.remember-option{color:#171717bd;align-items:center;gap:10px;font-weight:700;display:flex}.remember-option span{min-width:0}.plan-grid{gap:10px;min-width:0;margin-top:10px;display:grid}.plan-option,.method-option{cursor:pointer}.plan-option input,.method-option input{opacity:0;position:absolute}.plan-option span{border:1px solid var(--color-border);border-radius:var(--radius);color:#171717b8;background:#fff;grid-template-columns:minmax(0,1fr);gap:4px 12px;min-width:0;padding:14px;display:grid;box-shadow:0 10px 24px #1717170d}.plan-option strong{color:var(--color-text);overflow-wrap:anywhere;font-weight:900}.plan-option small{color:#17171794;overflow-wrap:anywhere;font-weight:700}.plan-option b{color:var(--color-brand);white-space:normal;font-size:1.05rem}.plan-option input:checked+span{border-color:var(--color-brand);background:#f8600114;box-shadow:0 14px 34px #f860011f}.method-grid{grid-template-columns:1fr;gap:10px;width:100%;min-width:0;margin-top:10px;display:grid}.method-option span{border:1px solid var(--color-border);border-radius:var(--radius);min-width:0;min-height:50px;color:var(--color-text);text-align:center;overflow-wrap:anywhere;background:#fff;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:800;display:flex}.method-option input:checked+span{border-color:var(--color-brand);color:#fff;background:var(--color-brand)}.tax-summary{grid-template-columns:1fr;gap:10px;min-width:0;display:grid}.tax-summary div,.totals{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff}.tax-summary div{gap:4px;min-width:0;padding:14px;display:grid}.tax-summary div:first-child{background:#1363df14;border-color:#1363df38}.tax-summary span,.totals span{color:#17171794;font-size:.84rem;font-weight:800}.tax-summary strong,.totals strong{color:var(--color-text);overflow-wrap:anywhere}.totals{gap:12px;min-width:0;padding:16px;display:grid;box-shadow:0 18px 50px #17171712}.totals div{justify-content:space-between;gap:16px;min-width:0;display:flex}.totals .summary-title{border-bottom:1px solid var(--color-border);padding-bottom:10px;display:block}.summary-title span{color:var(--color-brand);align-items:center;gap:8px;display:inline-flex}.totals strong{text-align:right}.total-row{border-top:1px solid var(--color-border);padding-top:12px;font-size:1.18rem}.status-message{border-radius:var(--radius);margin:0;padding:12px 14px;font-weight:800}.status-message.success{color:#14532d;background:#dcfce7}.status-message.error{color:#991b1b;background:#fee2e2}.status-message.loading{color:#713f12;background:#fef3c7}.submit-button{border-radius:var(--radius);color:#fff;background:var(--color-brand);min-width:0;min-height:54px;font:inherit;cursor:pointer;overflow-wrap:anywhere;border:0;justify-content:center;align-items:center;gap:9px;font-weight:900;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 18px 36px #f860013d}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 22px 42px #f860014d}.submit-button:disabled{cursor:wait;opacity:.72}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #f8600147}@media (width>=560px){.supplier-stats,.method-grid,.tax-summary,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-option span{grid-template-columns:minmax(0,1fr) max-content}.plan-option b{white-space:nowrap;grid-area:1/2/span 2;align-self:center}}@media (width>=760px){.brand-panel,.checkout-panel{padding:36px}.tax-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=980px){.supplier-payment-page{grid-template-columns:minmax(0,1fr) minmax(0,620px)}.brand-panel{background-size:min(72vw,840px);min-height:100svh;padding:56px}.brand-logo{width:min(360px,76%)}.checkout-panel{background:#fff;justify-content:center;min-height:100svh;padding:40px;box-shadow:-18px 0 45px #1717171a}}@media (width<=380px){.supplier-payment-page{font-size:.94rem}.brand-copy h1{font-size:2rem}.payment-tabs{grid-template-columns:1fr}}