:root,[data-theme=light]{--bg:#f7f7f4;--bg-ambient:radial-gradient(ellipse 160% 120% at 50% 0%, #5353ff17 0%, #f7f7f48c 40%, #f7f7f440 70%, transparent 100%), radial-gradient(ellipse 90% 50% at 50% 100%, #5353ff0d 0%, transparent 75%);--card:#fff;--card-glass:#ffffffdb;--text:#191919;--text-secondary:#777;--text-muted:#999;--border:#e7e7e2;--border-strong:#d8d8d2;--accent:#5353ff;--accent-20:#e6e6ff;--accent-soft:#5353ff1a;--accent-softer:#5353ff0f;--success:#2f6b4f;--success-soft:#2f6b4f14;--success-strong:#1f5c40;--danger:#b42318;--danger-soft:#b423180f;--radius:22px;--radius-sm:12px;--shadow:0 1px 2px #1919190a, 0 8px 24px #1919190a;--font:"Satoshi", "Satoshi Fallback", sans-serif;--card-width:620px;--glass-blur:16px;--btn-shadow:0 6px 18px #5353ff2e;--btn-shadow-hover:0 8px 24px #5353ff47;--panel-bg:#fcfcfb;--dropzone-bg:#fff;--select-bg:#fff;--select-menu-bg:#fff;--qr-bg:#fff;--theme-color:#f7f7f4}[data-theme=dark]{--bg:#08080f;--bg-ambient:radial-gradient(ellipse 110% 90% at 50% 40%, #5353ff57 0%, #5353ff29 28%, #5353ff0f 52%, #5353ff05 70%, transparent 82%);--card:#12121cb3;--card-glass:#12121cb3;--text:#f2f2f5;--text-secondary:#f2f2f5b3;--text-muted:#f2f2f57a;--border:#ffffff1a;--border-strong:#ffffff2e;--accent:#5353ff;--accent-20:#cfcfff;--accent-soft:#5353ff38;--accent-softer:#5353ff1f;--success:#6fbf93;--success-soft:#2f6b4f47;--success-strong:#9ad4b2;--danger:#ff8e85;--danger-soft:#b4231833;--shadow:0 18px 40px #00000061, 0 0 0 1px #ffffff05;--glass-blur:24px;--btn-shadow:0 0 20px #5353ff47;--btn-shadow-hover:0 0 28px #5353ff6b;--panel-bg:transparent;--dropzone-bg:#ffffff0a;--select-bg:#ffffff14;--select-menu-bg:#12121b;--qr-bg:#fffffff0;--theme-color:#08080f;--card-glow-soft:0 0 28px #5353ff24, 0 0 70px #5353ff12;--card-glow-mid:0 0 36px #5353ff33, 0 0 90px #5353ff1a;--card-glow-strong:0 0 42px #5353ff42, 0 0 110px #5353ff1f}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overscroll-behavior-x:none;scrollbar-gutter:stable;touch-action:pan-y;-webkit-tap-highlight-color:transparent;background-color:var(--bg);width:100%;max-width:100%;min-height:100%;transition:background-color .45s;overflow-x:clip}body{overscroll-behavior-x:none;touch-action:pan-y;width:100%;max-width:100%;min-height:100dvh;font-family:var(--font);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;font-weight:400;line-height:1.5;transition:background-color .45s,color .45s;position:relative;overflow-x:clip}body:before{content:"";z-index:0;pointer-events:none;background-color:var(--bg);background-image:var(--bg-ambient);background-repeat:no-repeat;background-size:100% 100%;position:fixed;inset:0}::view-transition-group(root){animation:none}::view-transition-old(root){mix-blend-mode:normal;object-fit:cover;object-position:top center;width:100%;height:100%;animation-duration:.45s;animation-timing-function:ease-in-out}::view-transition-new(root){mix-blend-mode:normal;object-fit:cover;object-position:top center;width:100%;height:100%;animation-duration:.45s;animation-timing-function:ease-in-out}::view-transition-old(root){z-index:1;animation-name:theme-vt-out}::view-transition-new(root){z-index:2;animation-name:theme-vt-in}@keyframes theme-vt-out{0%{opacity:1}to{opacity:1}}@keyframes theme-vt-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}}img,svg,a{-webkit-user-drag:none;user-drag:none}input,textarea,select,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}#root,.app-root{z-index:1;touch-action:pan-y;width:100%;max-width:100%;min-height:100vh;position:relative;overflow-x:clip}button,input,select,textarea{font:inherit}a{color:var(--accent)}img{max-width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portal-shell{z-index:1;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:100%;min-height:100vh;padding:24px 24px 72px;display:flex;position:relative;overflow-x:hidden}.portal-fade-in{width:100%;max-width:100%;animation:.55s forwards portal-fade-in;overflow-x:hidden}.portal-shell--settled{box-sizing:border-box;justify-content:center;align-items:center;min-height:100dvh;padding:72px 24px 48px}.settled-stack{flex-direction:column;align-items:center;gap:28px;width:100%;max-width:520px;display:flex}.settled-brand{width:100%}.settled-brand .logo{margin-bottom:0}.settled-card{text-align:center;width:100%;padding:36px 28px}[data-theme=dark] .glass-card--settled{box-shadow:var(--shadow), var(--card-glow-mid)}[data-theme=dark] .glass-card--settled:before{content:"";z-index:-2;border-radius:calc(var(--radius) + 14px);pointer-events:none;filter:blur(28px);opacity:.62;background:radial-gradient(80% 55% at 50% 100%,#5353ff8c,#0000 70%),radial-gradient(55% 40% at 18% 10%,#5353ff47,#0000 72%),radial-gradient(45% 35% at 88% 18%,#ffffff1a,#0000 74%);animation:5.8s ease-in-out infinite glowBreath;position:absolute;inset:-28px}[data-theme=dark] .glass-card--settled:after{content:"";z-index:-1;border-radius:calc(var(--radius) + 16px);pointer-events:none;opacity:.36;background-image:radial-gradient(circle,#5353ff6b 1px,#0000 1.4px);background-size:10px 10px;animation:6.4s ease-in-out infinite dotsBreath;position:absolute;inset:-32px;-webkit-mask-image:radial-gradient(72% 68% at 50% 55%,#0000 42%,#000000d9 68%,#0000 100%);mask-image:radial-gradient(72% 68% at 50% 55%,#0000 42%,#000000d9 68%,#0000 100%)}.settled-card__title{letter-spacing:-.03em;color:var(--text);margin:0 0 12px;font-size:clamp(1.5rem,4vw,1.875rem);font-weight:600;line-height:1.25}.settled-card__text{color:var(--text-secondary);margin:0;font-size:1.125rem;font-weight:400;line-height:1.5}.clients-only-card{flex-direction:column;align-items:center;gap:0;display:flex}.clients-only-card__title{margin-bottom:14px}.clients-only-card__body{max-width:34ch;margin:0 0 28px}.clients-only-card .btn--primary{max-width:280px;margin-top:0}.clients-only-card__hint{max-width:36ch;color:var(--text-muted);margin:20px 0 0;font-size:.8125rem;line-height:1.55}.theme-toggle-wrap{z-index:30;position:absolute;top:24px;right:24px}.portal-topbar{z-index:40;width:100%;max-width:var(--card-width);pointer-events:auto;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:12px;margin:0 auto;padding:8px 0 4px;display:grid;position:relative}.portal-topbar__logo{pointer-events:auto;justify-self:start;width:auto;min-width:0;display:block}.portal-topbar__logo.logo{margin-bottom:0;padding:0}.portal-topbar__logo .logo__image{max-width:min(100%,140px);max-height:48px}.portal-topbar__title{letter-spacing:.1em;text-transform:uppercase;color:var(--text);white-space:nowrap;text-align:center;justify-self:center;margin:0;font-size:.8125rem;font-weight:700;display:block;position:static;transform:none}.portal-topbar__theme{pointer-events:auto;justify-content:flex-end;justify-self:end;align-items:center;min-width:0;display:flex}.portal-topbar .theme-toggle-wrap{top:auto!important;right:auto!important;position:static!important;inset:auto!important}@media (width>=769px){.portal-shell{padding:0 0 72px}.portal-topbar{box-sizing:border-box;background:linear-gradient(#161a2e 0%,#12162a 100%);width:100%;max-width:none;margin:0;padding:18px 48px;box-shadow:0 8px 24px #00000038}[data-theme=light] .portal-topbar{background:#e6e6e6;box-shadow:0 6px 18px #00000012}.portal-topbar__logo .logo__image{max-width:min(100%,160px);max-height:56px}.portal-topbar__title{letter-spacing:.14em;font-size:1.125rem}.portal-header{padding:40px 24px 0}.portal-stack{box-sizing:border-box;padding-left:24px;padding-right:24px}.glass-card--invoice{padding:28px 32px}}.theme-switch{-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.theme-switch__label{font-family:var(--font);letter-spacing:.01em;color:var(--text-muted);font-size:.8125rem;font-weight:600;transition:color .25s}.theme-switch__label.is-active{color:var(--text)}.theme-switch__control{cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-switch__control:focus-visible{box-shadow:0 0 0 3px var(--accent-soft);outline:none}.theme-switch__track{border-radius:999px;width:56px;height:28px;transition:background-color .35s;position:relative;overflow:hidden}[data-mode=light] .theme-switch__track,.theme-switch[data-mode=light] .theme-switch__track{background:#6b6bff}[data-mode=dark] .theme-switch__track,.theme-switch[data-mode=dark] .theme-switch__track{background:#0a0a12;box-shadow:inset 0 0 0 1px #ffffff14}[data-theme=dark] .theme-switch[data-mode=dark] .theme-switch__track{background:#05050a}.theme-switch__knob{z-index:2;border-radius:50%;place-items:center;width:22px;height:22px;transition:transform .35s cubic-bezier(.4,0,.2,1);display:grid;position:absolute;top:3px;left:3px}.theme-switch[data-mode=dark] .theme-switch__knob{transform:translate(28px)}.theme-switch__sun{background:#fff;border-radius:50%;width:22px;height:22px;transition:opacity .25s,transform .25s;box-shadow:0 1px 3px #0f0f1e2e}.theme-switch__moon{color:#fff;opacity:0;width:16px;height:16px;transition:opacity .25s,transform .25s;position:absolute;transform:scale(.7)}.theme-switch[data-mode=light] .theme-switch__sun{opacity:1;transform:scale(1)}.theme-switch[data-mode=light] .theme-switch__moon,.theme-switch[data-mode=dark] .theme-switch__sun{opacity:0;transform:scale(.7)}.theme-switch[data-mode=dark] .theme-switch__moon{opacity:1;transform:scale(1)}.theme-switch__decor{pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.theme-switch__decor--light{opacity:0}.theme-switch__decor--dark{opacity:0;color:#fff}.theme-switch[data-mode=light] .theme-switch__decor--light,.theme-switch[data-mode=dark] .theme-switch__decor--dark{opacity:1}.theme-switch__dot{background:#ffffffeb;border-radius:50%;position:absolute}.theme-switch__dot--a{width:5px;height:5px;top:8px;right:12px}.theme-switch__dot--b{width:3px;height:3px;top:16px;right:8px}.theme-switch__star{color:#fff;position:absolute}.theme-switch__star--lg{width:9px;height:9px;top:7px;left:11px}.theme-switch__spark{background:#fff;border-radius:50%;position:absolute}.theme-switch__spark--a{width:2px;height:2px;top:8px;left:22px}.theme-switch__spark--b{width:3px;height:3px;top:16px;left:14px}.theme-switch__spark--c{width:2px;height:2px;top:18px;left:22px}@media (prefers-reduced-motion:reduce){.theme-switch__track,.theme-switch__knob,.theme-switch__sun,.theme-switch__moon,.theme-switch__decor,.theme-switch__label{transition:none}}.portal-stack{width:100%;max-width:var(--card-width);flex-direction:column;gap:20px;display:flex;overflow-x:clip}.portal-stack--narrow{max-width:520px}.portal-header{text-align:center;padding:36px 8px 0}.portal-footer{text-align:center;border-top:none;margin-top:8px;padding:8px 12px 0}.portal-footer p{color:var(--text-muted);margin:0;font-size:.8125rem;line-height:1.55}.portal-inline-note{color:var(--text-secondary);text-align:center;margin:0;padding:4px 8px;font-size:.9rem}.divider--header{margin:4px 0 0}.payment-method-section{z-index:40;isolation:auto;padding:22px;position:relative;overflow:visible}.payment-method-section .field{margin-bottom:0}.payment-method-section .field-label{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-20);text-shadow:0 0 18px #5353ff73;margin:0 0 14px;font-size:.8125rem;font-weight:600}[data-theme=light] .payment-method-section .field-label{color:var(--accent);text-shadow:none}.payment-method-section .select__trigger{background:#ffffff12;border-color:#5353ff6b;min-height:56px;padding:16px 18px;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #5353ff1f,0 8px 24px #00000038}[data-theme=light] .payment-method-section .select__trigger{background:#fff;border-color:#5353ff59;box-shadow:0 1px 2px #1919190a,0 6px 16px #5353ff1a}.payment-method-section .select__trigger:hover{background:#ffffff1a;border-color:#5353ffa6}.payment-method-section .select__trigger:focus-visible,.payment-method-section .select__trigger.is-open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.payment-method-section .select__chevron{color:var(--accent-20);opacity:.9}.state-card{padding:28px 24px}html.is-loading,html.is-loading body{overscroll-behavior:none;touch-action:none;height:100%;overflow:hidden!important}.loading-screen{z-index:200;overscroll-behavior:none;touch-action:none;background-color:var(--bg);background-image:var(--bg-ambient);background-repeat:no-repeat;background-size:100% 100%;justify-content:center;align-items:center;width:100%;height:100%;min-height:100dvh;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.loading-screen__dots{width:4.5rem;color:var(--accent)}.pulsating-dots{color:inherit;justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.pulsating-dots__dot{aspect-ratio:1;min-width:0;animation:pulsating-dot var(--pulsating-dots-duration,1s) ease-in-out infinite;will-change:transform, opacity;background:currentColor;border-radius:999px;flex:1 1 0;display:inline-block}@keyframes pulsating-dot{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes portal-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.pulsating-dots__dot{opacity:.85;animation:none;transform:none}.portal-fade-in{opacity:1;animation:none}}.glass-card{isolation:isolate;border-radius:var(--radius);background:var(--card-glass);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);box-shadow:var(--shadow);padding:22px;position:relative;overflow:visible}[data-theme=light] .glass-card{box-shadow:var(--shadow);background:#ffffffeb}[data-theme=light] .glass-card:before,[data-theme=light] .glass-card:after,[data-theme=dark] .glass-card:before,[data-theme=dark] .glass-card:after{content:none}[data-theme=dark] .glass-card--invoice,[data-theme=dark] .glass-card--method,[data-theme=dark] .glass-card--details,[data-theme=dark] .glass-card--status,[data-theme=dark] .glass-card--proof{box-shadow:var(--shadow)}[data-theme=dark] .glass-card--settled:before,[data-theme=dark] .glass-card--settled:after{content:""}.logo{box-sizing:border-box;place-items:center;width:100%;max-width:100%;margin-bottom:28px;padding:0 4px;display:inline-grid}.portal-topbar .logo,.portal-topbar__logo.logo{justify-items:start;width:auto;max-width:max-content;margin-bottom:0;padding:0}.logo--loading{margin-bottom:32px}.logo__image{object-fit:contain;object-position:center;background:0 0;border-radius:0;grid-area:1/1;width:auto;max-width:min(100%,360px);height:auto;max-height:96px;display:block}.logo__image--light{opacity:0}.logo__image--dark,[data-theme=light] .logo__image--light{opacity:1}[data-theme=light] .logo__image--dark{opacity:0}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:.6875rem;font-weight:600}.greeting{letter-spacing:-.03em;color:var(--text);margin:0 0 8px;font-size:clamp(1.75rem,4vw,2.125rem);font-weight:600;line-height:1.2}.greeting-sub{color:var(--text-secondary);margin:0;font-size:1.0625rem;font-weight:400}.field-label{color:var(--text-secondary);margin:0 0 8px;font-size:.8125rem;font-weight:500;display:block}.field{margin-bottom:8px}.divider{background:var(--border);border:0;height:1px;margin:28px 0}.invoice-summary{flex-direction:column;gap:22px;display:flex}.invoice-summary__row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.invoice-summary__field{flex-direction:column;gap:6px;min-width:0;display:flex}.invoice-summary__value{color:var(--text);word-break:break-word;font-size:1rem;font-weight:500}.invoice-summary__amount{letter-spacing:-.02em;color:var(--text);font-size:1.5rem;font-weight:600}.invoice-summary__list{flex-direction:column;gap:10px;margin-bottom:0;display:flex}.invoice-summary__item{border:1px solid var(--border);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:14px;flex-direction:column;gap:8px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.invoice-summary__item.is-static{cursor:default}.invoice-summary__item.is-selected{background:#5353ff14;border-color:#5353ff73}[data-theme=dark] .invoice-summary__item.is-selected{background:#5353ff24}.invoice-summary__single{flex-direction:column;gap:10px;display:flex}.invoice-summary__single-header{flex-direction:column;align-items:flex-start;gap:10px;width:100%;min-width:0;display:flex}.invoice-summary__single .invoice-summary__field{flex:auto;min-width:min(100%,16rem);max-width:100%}.invoice-summary__single .invoice-summary__item-number{width:100%;min-width:0;max-width:100%;color:var(--text);white-space:normal;text-overflow:unset;overflow-wrap:anywhere;word-break:break-word;flex:none;margin:0;font-size:1.0625rem;font-weight:600;line-height:1.35;display:block;overflow:visible}.invoice-summary__single .invoice-summary__item-meta--end{flex:none;justify-content:flex-start;width:auto;min-width:0;margin:0}.invoice-summary__single .invoice-summary__item-meta-left{flex-wrap:wrap;justify-content:flex-start;gap:8px;min-width:0}.invoice-summary__single .status-pill{text-overflow:unset;white-space:nowrap;flex-shrink:0;max-width:none;padding:5px 12px;line-height:1.2;overflow:visible}@media (width>=769px){.invoice-summary__single-header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:20px}.invoice-summary__single .invoice-summary__field{flex:auto;min-width:12rem;padding-right:12px}.invoice-summary__single .invoice-summary__item-meta--end{justify-content:flex-end;padding-top:calc(.8125rem + 14px)}.invoice-summary__single .invoice-summary__item-meta-left{justify-content:flex-end}}.invoice-summary__item-top{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.invoice-summary__item-number{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:.9375rem;font-weight:600;line-height:1.15;overflow:hidden}.invoice-summary__item-top .status-pill--overdue{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:48%;margin:0;padding:4px 10px;font-size:.9375rem;font-weight:600;line-height:1.15;overflow:hidden}.invoice-summary__item-meta,.invoice-summary__item-badges{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.invoice-summary__item-meta-left{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:inline-flex}.invoice-summary__item-amount{letter-spacing:-.02em;color:var(--text);margin-top:4px;font-size:1.5rem;font-weight:650;line-height:1.1}.invoice-summary__breakdown{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-bg);flex-direction:column;gap:6px;margin-top:0;padding:14px 16px;display:flex}.invoice-summary__breakdown-row{color:var(--text-secondary);justify-content:space-between;gap:12px;font-size:.8125rem;display:flex}.invoice-summary__breakdown-row--total{color:var(--text);margin-top:2px;font-weight:600}.invoice-summary__due-hero{--due-border-width:3px;--due-border-glow:#5353ff;isolation:isolate;padding:var(--due-border-width);background:#5353ff38;border:none;border-radius:18px;margin-top:6px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #5353ff38,0 12px 36px #5353ff29}.invoice-summary__due-hero-glow{z-index:0;border-radius:inherit;pointer-events:none;padding:var(--due-border-width);box-sizing:border-box;-webkit-mask-composite:xor;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.invoice-summary__due-hero-spin{aspect-ratio:1;will-change:transform;contain:layout paint;width:160%;max-width:none;animation:7s linear infinite due-border-trace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.invoice-summary__due-hero-spin--reverse{animation-name:due-border-trace-reverse;transform:translate(-50%,-50%)rotate(180deg)}.invoice-summary__due-hero-beam{background:conic-gradient(from 90deg at 50% 50%, transparent 0%, transparent 80%, #5353ff59 82%, var(--due-border-glow) 84.5%, #e8e8ff 85.2%, var(--due-border-glow) 86%, transparent 87%);border-radius:50%;position:absolute;inset:0}.invoice-summary__due-hero-beam--soft{filter:blur(4px);opacity:.95}.invoice-summary__due-hero-beam--sharp{filter:none;opacity:1}.invoice-summary__due-hero-body{z-index:1;border-radius:calc(18px - var(--due-border-width));text-align:center;background:radial-gradient(90% 80% at 50% 0,#5353ff47,#0000 62%),radial-gradient(70% 60% at 20% 100%,#5353ff1f,#0000 70%),linear-gradient(165deg,#10101c 0%,#0a0a12 48%,#0e0e18 100%);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px 20px 24px;display:flex;position:relative}[data-theme=light] .invoice-summary__due-hero{background:#5353ff29;box-shadow:0 0 0 1px #5353ff29,0 10px 28px #5353ff1a}[data-theme=light] .invoice-summary__due-hero-body{background:radial-gradient(90% 80% at 50% 0,#5353ff2e,#0000 62%),linear-gradient(165deg,#fff 0%,#f8f8ff 52%,#fff 100%)}@keyframes due-border-trace{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes due-border-trace-reverse{to{transform:translate(-50%,-50%)rotate(540deg)}}.invoice-summary__due-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.75rem;font-weight:600}.invoice-summary__due-amount{color:var(--text);justify-content:center;align-items:baseline;margin:0;line-height:1;display:flex}.invoice-summary__due-major{letter-spacing:-.03em;font-size:clamp(2rem,7vw,2.75rem);font-weight:700}.invoice-summary__due-cents{letter-spacing:-.02em;opacity:.48;font-size:clamp(1.15rem,4vw,1.55rem);font-weight:600}.invoice-summary__due-note{letter-spacing:.01em;text-transform:none;max-width:22rem;color:var(--text-muted);margin:4px 0 0;font-size:.625rem;font-weight:450;line-height:1.4}.invoice-summary__total-btn{width:100%;color:var(--text);background:#5353ff1a;border:1px solid #5353ff47;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;margin-top:2px;padding:12px 16px;display:flex;box-shadow:0 0 0 1px #5353ff0f}[data-theme=light] .invoice-summary__total-btn{background:#5353ff14;border-color:#5353ff33}.invoice-summary__total-btn-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.invoice-summary__total-btn-value{letter-spacing:-.01em;color:var(--text);white-space:nowrap;font-size:.9375rem;font-weight:650}.status-pill--due{border-color:var(--border);background:var(--panel-bg);color:var(--text-secondary);text-transform:uppercase}.status-pill--overdue{color:#c43c3c;background:#c43c3c24;border-color:#c43c3c66;animation:2.4s ease-in-out infinite overdue-pulse}[data-theme=light] .status-pill--overdue{color:#b42318;background:#b423181f;border-color:#b4231866}[data-theme=dark] .status-pill--overdue{color:#ff8e8e;background:#ff5a5a29;border-color:#ff6e6e59}@keyframes overdue-pulse{0%,to{filter:brightness();box-shadow:0 0 #c43c3c00}50%{filter:brightness(1.12);box-shadow:0 0 0 4px #c43c3c29}}@media (prefers-reduced-motion:reduce){.status-pill--overdue,.invoice-summary__due-hero-spin,.invoice-summary__due-hero-spin--reverse{animation:none}.invoice-summary__due-hero{box-shadow:0 0 0 1px #5353ff59,0 0 18px #5353ff47,0 12px 36px #5353ff29}}.status-pill{border:1px solid var(--border);background:var(--panel-bg);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;margin-top:2px;padding:4px 10px;font-size:.6875rem;font-weight:500;display:inline-flex}.status-pill--verification{background:var(--accent-20);color:var(--accent);border-color:#5353ff47}[data-theme=dark] .status-pill--verification{color:var(--accent-20);background:#5353ff2e}.status-pill--settled{background:var(--success-soft);color:var(--success-strong);border-color:#2f6b4f40}.status-pill--partial{color:#9a6b12;background:#b478141f;border-color:#b4781459}[data-theme=dark] .status-pill--partial{color:#f0c46a;background:#e8b04824;border-color:#e8b04859}.status-pill--overdue-status{color:#c43c3c;background:#c43c3c1f;border-color:#c43c3c59}[data-theme=dark] .status-pill--overdue-status{color:#ff8e85;background:#b4231838;border-color:#ff8e8566}.status-banner{border-radius:var(--radius);margin-top:0;padding:18px 20px}.status-banner__title{color:var(--text);margin:0 0 4px;font-size:.975rem;font-weight:600}.status-banner__text{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.55}.status-banner--verification .status-banner__title{color:var(--accent)}[data-theme=dark] .status-banner--verification .status-banner__title{color:var(--accent-20)}.status-banner--settled .status-banner__title{color:var(--success-strong)}.select{z-index:50;position:relative;overflow:visible}.select__trigger{z-index:1;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--select-bg);-webkit-backdrop-filter:blur(12px);width:100%;min-height:52px;color:var(--text-muted);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:border-color .18s,box-shadow .18s,color .18s,background .18s;display:flex;position:relative}.select__trigger.has-value{color:var(--text)}.select__trigger:hover{border-color:var(--border-strong)}.select__trigger:focus-visible,.select__trigger.is-open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.select__chevron{color:var(--text-muted);flex-shrink:0;transition:transform .18s}.select__chevron.is-open{color:var(--accent);transform:rotate(180deg)}.select__menu{z-index:100;background:var(--select-menu-bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);isolation:isolate;max-height:min(420px,70vh);margin:0;padding:8px;list-style:none;animation:.16s menuIn;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 16px 36px #0000002e}[data-theme=dark] .select__menu{background:#12121b;box-shadow:0 20px 48px #0000008c}.select__option{min-height:48px;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px 12px;font-size:.9375rem;line-height:1.35;transition:background .12s,color .12s;display:flex}.select__option-main{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.select__option-label{white-space:normal;line-height:1.35;display:block}.select__recommended,.select__recommended-inline{letter-spacing:.04em;text-transform:uppercase;color:#5353ff;font-size:.6875rem;font-weight:600}.select__trigger-label{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.select__option.is-muted,.select__option.is-muted .select__option-label{color:var(--text-muted)}.select__option.is-active{background:var(--panel-bg)}.select__option.is-selected{color:var(--accent);font-weight:500}[data-theme=dark] .select__option.is-selected{color:var(--accent-20)}.select__option.is-selected.is-muted{color:var(--accent)}.select__option.is-selected.is-active,.select__option.is-selected:hover{background:var(--accent-softer)}.payment-panel__bank{color:var(--text-secondary);margin:-4px 0 14px;font-size:.975rem;font-weight:500}.payment-panel{z-index:1;border-radius:var(--radius);background:var(--card-glass);margin-top:0;padding:22px;position:relative}[data-theme=light] .payment-panel.glass-card{background:#ffffffeb}.proof-card{z-index:1}.payment-panel__title{letter-spacing:-.02em;color:var(--text);margin:0 0 8px;font-size:1.25rem;font-weight:600}.payment-panel__text{color:var(--text-secondary);margin:0 0 24px;font-size:.9375rem}.payment-panel__note{color:var(--text-muted);margin:0 0 20px;font-size:.875rem}.reveal{animation:.28s revealIn}.detail-list{margin:0 0 20px;padding:0}.detail-list__item{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:14px 0;display:flex}.detail-list__item:first-child{padding-top:4px}.detail-list__item:last-child{border-bottom:0;padding-bottom:4px}.detail-list dt{color:var(--text-muted);font-size:.75rem;font-weight:500}.detail-list dd{color:var(--text);word-break:break-word;margin:0;font-size:1rem;font-weight:500}.detail-list__mono{font-variant-numeric:tabular-nums;letter-spacing:.01em}.qr-section{justify-content:center;margin:12px 0 4px;display:flex}.qr-block{flex-direction:column;align-items:center;gap:10px;width:min(220px,100%);display:flex}.qr-block__image{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;-webkit-user-drag:auto;user-drag:auto;pointer-events:auto;background:0 0;border-radius:12px;width:100%;max-width:220px;height:auto;display:block}.qr-save{color:var(--text-muted);font:inherit;letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;margin:0;padding:0;font-size:.8125rem;font-weight:500;display:inline-flex}.qr-save:hover{color:var(--text-secondary)}.qr-save:focus-visible{color:var(--text);outline:none}.qr-fallback{aspect-ratio:1;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--panel-bg);text-align:center;width:min(220px,100%);color:var(--text-muted);justify-content:center;align-items:center;padding:20px;font-size:.875rem;display:flex}.btn{border-radius:var(--radius-sm);letter-spacing:-.01em;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 20px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s,opacity .2s,transform .2s,box-shadow .2s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn--primary{background:var(--accent);color:#fff;box-shadow:var(--btn-shadow)}.btn--primary:hover:not(:disabled){box-shadow:var(--btn-shadow-hover);background:#4545e8;transform:translateY(-1px)}.btn--primary:focus-visible{box-shadow:0 0 0 3px var(--accent-soft), var(--btn-shadow);outline:none}.btn--ghost{border-color:var(--border);color:var(--text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){border-color:var(--border-strong);color:var(--text);background:var(--panel-bg)}.btn--full{width:100%}.payment-panel .btn--primary{margin-top:4px}.payment-panel .btn--wise,.payment-panel__note--wise{margin:14px 0 20px}.proof{margin-top:0}.dropzone{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--dropzone-bg);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:148px;margin:0 0 16px;padding:28px 20px;transition:border-color .18s,background .18s;display:flex}.dropzone:hover,.dropzone:focus-visible{border-color:var(--accent);background:var(--accent-softer);outline:none}.dropzone.is-dragover{border-color:var(--accent);background:var(--accent-soft)}.dropzone.has-file{border-style:solid;border-color:var(--border)}.dropzone.is-disabled{opacity:.65;pointer-events:none}.dropzone__icon{background:var(--panel-bg);width:40px;height:40px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.dropzone__icon--success{background:var(--success-soft);color:var(--success-strong)}.dropzone__title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-size:.975rem;font-weight:500;overflow:hidden}.dropzone__hint{color:var(--text-muted);margin:0;font-size:.8125rem}.form-error{color:var(--danger);margin:-4px 0 14px;font-size:.8125rem}.proof-success{border-radius:var(--radius-sm);background:var(--success-soft);border:1px solid #0000;align-items:flex-start;gap:12px;margin:0 0 16px;padding:16px;display:flex}.proof-pay-target{margin:0 0 18px}.proof-thanks{margin:4px 0 8px}.proof-thanks__title{letter-spacing:-.02em;color:var(--text);margin:0 0 12px;font-size:clamp(1.5rem,5vw,1.875rem);font-weight:650;line-height:1.2}.proof-thanks__text{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.6}.proof-thanks--existing{margin-bottom:16px}.proof-success--existing{background:var(--panel-bg);border-color:var(--border)}.proof-success--existing .proof-success__icon{color:var(--text-secondary);background:#0000000a}[data-theme=dark] .proof-success--existing .proof-success__icon{background:#ffffff14}.proof-success--existing .proof-success__title{color:var(--text)}.proof-success--compact{margin-top:4px}.proof-success__icon{width:28px;height:28px;color:var(--success);background:#2f6b4f1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-theme=dark] .proof-success__icon{color:var(--success-strong);background:#6fbf932e}.proof-success__title{color:var(--success-strong);margin:0 0 4px;font-size:.9375rem;font-weight:600}.proof-success__text{color:var(--text-secondary);margin:0;font-size:.8125rem}.state-panel{text-align:center;flex-direction:column;align-items:center;padding:24px 0 8px;display:flex}.state-panel--error{padding-top:8px}.state-panel__title{letter-spacing:-.02em;color:var(--text);margin:0 0 12px;font-size:1.5rem;font-weight:600}.state-panel__body{max-width:28rem;color:var(--text-secondary);margin:0 0 24px;font-size:.975rem;line-height:1.6}.state-panel__muted{color:var(--text-muted);margin:18px 0 0;font-size:.875rem}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes revealIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes menuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes glowBreath{0%,to{opacity:.38;filter:blur(20px)}50%{opacity:.82;filter:blur(26px)}}@keyframes dotsBreath{0%,to{opacity:.22}50%{opacity:.48}}@media (prefers-reduced-motion:reduce){.reveal,.select__menu,.spin,.spinner{animation:none!important}.btn--primary:hover:not(:disabled){transform:none}}@media (width<=768px){.portal-shell{flex-direction:column;align-items:center;padding:16px 16px 56px;overflow-x:clip}.portal-shell--settled{justify-content:center;align-items:center;padding:64px 16px 40px}.portal-topbar{width:100%;max-width:var(--card-width);pointer-events:auto;z-index:40;grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr);align-items:center;column-gap:6px;height:auto;margin:0 auto 12px;padding:2px 0 8px;display:grid;position:relative}.portal-topbar__logo{justify-self:start;min-width:0;display:block}.portal-topbar__logo.logo{width:112px;height:40px;margin-bottom:0;padding:0;display:block;position:relative;overflow:hidden}.portal-topbar__logo .logo__image{object-fit:contain;object-position:left center;width:100%;max-width:none;height:100%;max-height:none;margin:0;position:absolute;inset:0}.portal-topbar__title{letter-spacing:.1em;text-transform:uppercase;color:var(--text);white-space:nowrap;text-align:center;justify-self:center;margin:0;font-size:.8125rem;font-weight:700;display:block}.portal-topbar__theme{justify-content:flex-end;justify-self:end;align-items:center;min-width:0;display:flex}.portal-topbar .theme-toggle-wrap{top:auto!important;right:auto!important;position:static!important;inset:auto!important}.portal-topbar .theme-switch{gap:4px}.portal-topbar .theme-switch__label{font-size:.625rem}.portal-header__brand{display:none!important}.portal-header{text-align:center;width:100%;padding:32px 4px 0}.portal-stack{width:100%;max-width:var(--card-width);gap:18px}.portal-footer p{font-size:.6875rem;line-height:1.45}.logo__image{max-width:min(100%,320px);max-height:88px}.glass-card,.payment-panel{padding:20px}.settled-card{padding:32px 22px}.invoice-summary__item-number{font-size:.8125rem;line-height:1.1}.invoice-summary__item-amount{font-size:1.55rem}.invoice-summary__item{gap:8px}.invoice-summary__item-top .status-pill--overdue{padding:3px 8px;font-size:.8125rem}}@media (width<=480px){.portal-shell{padding:12px 14px 48px}.portal-shell--settled{justify-content:center;align-items:center;padding:72px 14px 36px}.portal-topbar{grid-template-columns:minmax(64px,1fr) auto minmax(64px,1fr);margin-bottom:8px;padding-bottom:6px}.portal-topbar__logo.logo{width:100px;height:36px}.portal-topbar__logo .logo__image{max-width:none;max-height:none}.portal-topbar__title{letter-spacing:.08em;font-size:.75rem}.portal-topbar .theme-switch{gap:3px}.portal-topbar .theme-switch__label{font-size:.5625rem}.portal-topbar .theme-switch__track{width:44px;height:22px}.portal-topbar .theme-switch__knob{width:16px;height:16px;top:3px;left:3px}.portal-topbar .theme-switch__sun{width:16px;height:16px}.portal-topbar .theme-switch[data-mode=dark] .theme-switch__knob{transform:translate(22px)}.portal-stack{gap:16px}.portal-footer p{font-size:.625rem;line-height:1.4}.settled-stack{gap:22px}.settled-card{padding:28px 18px}.settled-card__text{font-size:1.0625rem}.logo{margin-bottom:22px;padding:0 2px}.logo__image{max-width:min(100%,300px);max-height:84px}.greeting{text-align:center;font-size:1.5rem}.greeting-sub{text-align:center;font-size:.9375rem}.divider--header{margin:2px 0 0}.invoice-summary__amount{font-size:1.375rem}.invoice-summary__list{gap:12px}.invoice-summary__item{gap:8px;padding:14px 14px 12px}.invoice-summary__item-number{letter-spacing:-.015em;font-size:.8125rem;font-weight:600;line-height:1.1}.invoice-summary__item-top{gap:0;margin:0}.invoice-summary__item-meta{align-items:center;gap:6px}.invoice-summary__item-meta-left{gap:6px}.invoice-summary__item-meta .status-pill{text-overflow:unset;white-space:nowrap;max-width:none;padding:4px 10px;font-size:.625rem;line-height:1.2;overflow:visible}.invoice-summary__item-top .status-pill--overdue{padding:3px 8px;font-size:.8125rem}.invoice-summary__item-amount{margin-top:6px;font-size:1.625rem;line-height:1.05}.invoice-summary__due-major{font-size:clamp(1.85rem,8vw,2.5rem)}.select__trigger{min-height:50px}.glass-card,.payment-panel{padding:18px 16px}.qr-block,.qr-block__image,.qr-fallback{width:min(200px,100%);max-width:min(200px,100%)}.btn{min-height:50px}.dropzone{min-height:140px}.portal-footer{margin-top:4px}}@media (width<=360px){.invoice-summary__item-number{font-size:.75rem;line-height:1.1}.invoice-summary__item-amount{font-size:1.5rem}.invoice-summary__item-meta{flex-wrap:wrap;row-gap:6px}.theme-switch__label{font-size:.6875rem}}.ptr-root{width:100%;max-width:100%;position:relative;overflow-x:clip}.ptr-indicator{z-index:50;pointer-events:none;will-change:height;justify-content:center;align-items:flex-end;height:0;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.ptr-indicator__inner{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:56px;padding-bottom:10px;display:flex}.ptr-loader{color:var(--accent);transform-origin:50%;will-change:transform}.ptr-loader__track{stroke:color-mix(in srgb, var(--accent) 22%, transparent)}.ptr-loader__arc{stroke:var(--accent);transform-origin:20px 20px}.ptr-loader.is-armed .ptr-loader__arc{stroke:var(--accent-20)}.ptr-loader.is-spinning{animation:.75s linear infinite ptr-spin}.ptr-indicator__label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.6875rem;font-weight:600}.ptr-content{will-change:transform;backface-visibility:hidden;width:100%;max-width:100%}@keyframes ptr-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ptr-loader.is-spinning{animation:none}.ptr-content,.ptr-indicator{transition:none!important}}