:root{--paynow-primary: #0a5cff;--paynow-primary-hover: #004ce0;--paynow-primary-pressed: #003bb5;--paynow-secondary: #00b3a4;--paynow-accent: #14c2ff;--paynow-neutral-0: #ffffff;--paynow-neutral-50: #f4f7fe;--paynow-neutral-100: #e9eefb;--paynow-neutral-200: #d7e0f5;--paynow-neutral-300: #b4c2e0;--paynow-neutral-500: #5b6b82;--paynow-neutral-700: #24324d;--paynow-neutral-900: #0b1533;--paynow-success: #12b76a;--paynow-error: #e11d48;--paynow-warning: #f59e0b;--paynow-background: #f4f7fe;--paynow-surface: #ffffff;--paynow-surface-muted: #edf3ff;--paynow-text: #0b1533;--paynow-text-muted: #5b6b82;--paynow-border: rgba(11, 21, 51, .1);--paynow-border-strong: rgba(11, 21, 51, .16);--paynow-radius: 14px;--paynow-radius-sm: 10px;--paynow-radius-lg: 20px;--paynow-shadow: 0 24px 56px rgba(11, 21, 51, .1);--paynow-shadow-soft: 0 14px 32px rgba(11, 21, 51, .07);--paynow-focus-ring: 0 0 0 4px rgba(10, 92, 255, .14);--paynow-font-sans: "Inter", "Segoe UI", system-ui, sans-serif;--paynow-font-mono: ui-monospace, "Cascadia Code", "Fira Code", "Consolas", monospace;--paynow-info: #14c2ff;--paynow-duration-fast: .12s;--paynow-duration-base: .2s;--paynow-duration-slow: .34s;--paynow-ease-standard: cubic-bezier(.4, 0, .2, 1);--paynow-ease-decelerate: cubic-bezier(0, 0, .2, 1);--paynow-ease-spring: cubic-bezier(.34, 1.56, .64, 1)}:root[data-paynow-theme=dark]{--paynow-primary: #6f9dff;--paynow-primary-hover: #8ab1ff;--paynow-primary-pressed: #5b8fff;--paynow-secondary: #24d0be;--paynow-accent: #58d8ff;--paynow-neutral-0: #0b1533;--paynow-neutral-50: #0d1735;--paynow-neutral-100: #122043;--paynow-neutral-200: #1a2b54;--paynow-neutral-300: #29406f;--paynow-neutral-500: #8fa4c5;--paynow-neutral-700: #d8e4ff;--paynow-neutral-900: #f5f8ff;--paynow-success: #34d399;--paynow-error: #fb7185;--paynow-warning: #fbbf24;--paynow-background: #081126;--paynow-surface: #0f1b3d;--paynow-surface-muted: #13244b;--paynow-text: #edf4ff;--paynow-text-muted: #9fb0cb;--paynow-border: rgba(148, 163, 184, .18);--paynow-border-strong: rgba(148, 163, 184, .28);--paynow-shadow: 0 24px 56px rgba(2, 6, 23, .45);--paynow-shadow-soft: 0 14px 32px rgba(2, 6, 23, .32);--paynow-focus-ring: 0 0 0 4px rgba(111, 157, 255, .2);--paynow-info: #58d8ff}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--paynow-font-sans);background:radial-gradient(circle at top left,rgba(10,92,255,.1),transparent 28%),radial-gradient(circle at top right,rgba(20,194,255,.08),transparent 24%),linear-gradient(180deg,var(--paynow-neutral-50) 0%,var(--paynow-background) 100%);color:var(--paynow-text)}:root[data-paynow-theme=dark] body{background:radial-gradient(circle at top left,rgba(111,157,255,.16),transparent 26%),radial-gradient(circle at top right,rgba(88,216,255,.12),transparent 24%),linear-gradient(180deg,#0b1630 0%,var(--paynow-background) 100%)}.paynow-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;font-weight:600;cursor:pointer;border:1px solid transparent;padding:.6875rem 1.125rem;min-height:2.75rem;transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease;box-shadow:none;text-decoration:none}.paynow-btn:hover{transform:translateY(-1px)}.paynow-btn:active{transform:translateY(0)}.paynow-btn:focus-visible,.paynow-input:focus-visible,.paynow-select:focus-visible,.paynow-tabs__tab:focus-visible,.paynow-sidebar__link:focus-visible,.paynow-navbar__env:focus-visible{outline:none;box-shadow:var(--paynow-focus-ring)}.paynow-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.paynow-btn--primary{background:linear-gradient(180deg,var(--paynow-primary) 0%,var(--paynow-primary-hover) 100%);color:#fff;box-shadow:0 12px 24px #0a5cff3d}.paynow-btn--primary:hover{background:linear-gradient(180deg,var(--paynow-primary-hover) 0%,var(--paynow-primary-pressed) 100%)}.paynow-btn--secondary{background:var(--paynow-neutral-100);color:var(--paynow-neutral-900);border-color:var(--paynow-border)}.paynow-btn--secondary:hover{background:var(--paynow-neutral-200)}.paynow-btn--danger{background:linear-gradient(180deg,#ef4444 0%,var(--paynow-error) 100%);color:#fff;box-shadow:0 10px 22px #dc262633}.paynow-btn--ghost{background:transparent;color:var(--paynow-text)}.paynow-btn--ghost:hover{background:color-mix(in srgb,var(--paynow-surface) 50%,var(--paynow-primary) 8%)}.paynow-btn--outline{background:var(--paynow-surface);color:var(--paynow-primary);border-color:color-mix(in srgb,var(--paynow-primary) 26%,var(--paynow-border))}.paynow-btn--outline:hover{background:color-mix(in srgb,var(--paynow-surface) 82%,var(--paynow-primary) 18%)}.paynow-btn--sm{padding:.5rem .875rem;min-height:2.25rem;font-size:.875rem}.paynow-btn--lg{padding:.9rem 1.5rem;min-height:3.2rem;font-size:1rem}.paynow-card{background:var(--paynow-surface);border-radius:var(--paynow-radius-lg);box-shadow:var(--paynow-shadow-soft);border:1px solid var(--paynow-border);padding:1.25rem;position:relative;overflow:hidden}.paynow-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,rgba(10,92,255,.24),rgba(20,194,255,.18),transparent 55%)}.paynow-card__title{font-weight:700;margin-bottom:.875rem;letter-spacing:-.01em}.paynow-card__body{min-width:0}.paynow-empty-state{display:grid;justify-items:center;gap:1rem;padding:2rem;border:1px dashed var(--paynow-border-strong);border-radius:var(--paynow-radius-lg);background:radial-gradient(circle at top,color-mix(in srgb,var(--paynow-primary) 10%,transparent) 0%,transparent 55%),color-mix(in srgb,var(--paynow-surface) 94%,var(--paynow-primary) 6%);text-align:center}.paynow-empty-state--compact{padding:1.25rem;gap:.75rem}.paynow-empty-state__icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:999px;background:color-mix(in srgb,var(--paynow-surface) 72%,var(--paynow-primary) 28%);color:var(--paynow-primary);border:1px solid color-mix(in srgb,var(--paynow-primary) 18%,var(--paynow-border))}.paynow-empty-state__content{display:grid;justify-items:center;gap:.75rem;max-width:36rem}.paynow-empty-state__eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--paynow-primary)}.paynow-empty-state__title{margin:0;font-size:clamp(1.15rem,2vw,1.6rem);letter-spacing:-.02em}.paynow-empty-state__description{margin:0;color:var(--paynow-text-muted);line-height:1.6}.paynow-empty-state__body{color:var(--paynow-text-muted)}.paynow-empty-state__actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.paynow-skeleton{position:relative;display:inline-flex;width:100%;overflow:hidden;background:color-mix(in srgb,var(--paynow-surface) 68%,var(--paynow-neutral-200))}.paynow-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);animation:paynow-skeleton-shimmer 1.4s ease-in-out infinite}.paynow-skeleton--rounded{min-height:4.5rem;border-radius:var(--paynow-radius)}.paynow-skeleton--text{min-height:.95rem;border-radius:999px}.paynow-skeleton--circular{width:3rem;height:3rem;border-radius:999px}.paynow-skeleton-group{display:grid;gap:.625rem}@keyframes paynow-skeleton-shimmer{to{transform:translate(100%)}}.paynow-input{border:1px solid var(--paynow-border);border-radius:var(--paynow-radius-sm);padding:.75rem .9rem;width:100%;background:var(--paynow-surface);color:var(--paynow-text);min-height:2.9rem;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.paynow-input:hover{border-color:var(--paynow-border-strong)}.paynow-input:focus{border-color:color-mix(in srgb,var(--paynow-primary) 65%,white)}.paynow-input::-moz-placeholder{color:color-mix(in srgb,var(--paynow-text-muted) 76%,white)}.paynow-input::placeholder{color:color-mix(in srgb,var(--paynow-text-muted) 76%,white)}.paynow-input__label{display:block;margin-bottom:.4rem;font-size:.875rem;font-weight:600;color:var(--paynow-neutral-700)}.paynow-input__error{color:var(--paynow-error);font-size:.75rem}.paynow-input-wrapper{margin-bottom:.875rem}.paynow-textarea{min-height:120px;resize:vertical}.paynow-choice{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border:1px solid var(--paynow-border);border-radius:var(--paynow-radius);background:var(--paynow-surface);cursor:pointer}.paynow-choice__control{margin-top:.15rem}.paynow-choice__content{display:grid;gap:.2rem}.paynow-choice__label{font-weight:600}.paynow-choice__description{color:var(--paynow-text-muted);font-size:.875rem}.paynow-radio-group{margin:0;padding:0;border:none}.paynow-radio-group__list{display:grid;gap:.75rem}.paynow-file-upload{display:grid;gap:.5rem}.paynow-file-upload__dropzone{display:grid;gap:.25rem;padding:1rem;border:1px dashed var(--paynow-border);border-radius:var(--paynow-radius);background:color-mix(in srgb,var(--paynow-surface) 90%,var(--paynow-primary) 10%)}.paynow-file-upload__title{font-weight:600}.paynow-file-upload__helper{color:var(--paynow-text-muted);font-size:.875rem}.paynow-file-upload__input{font-size:.875rem}.paynow-otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}.paynow-otp__input{height:3rem;text-align:center;font-size:1.125rem;font-weight:700;border:1px solid var(--paynow-border);border-radius:var(--paynow-radius);background:var(--paynow-surface);color:var(--paynow-text)}.paynow-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.paynow-modal{background:var(--paynow-surface);border-radius:var(--paynow-radius-lg);padding:1.5rem;min-width:320px;max-width:90vw;color:var(--paynow-text);border:1px solid var(--paynow-border);box-shadow:var(--paynow-shadow)}.paynow-modal__title{font-weight:600;margin-bottom:.75rem}.paynow-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#0f172a73;z-index:1050}.paynow-drawer{width:min(100%,30rem);height:100%;background:var(--paynow-surface);color:var(--paynow-text);box-shadow:var(--paynow-shadow);border-left:1px solid var(--paynow-border);display:flex;flex-direction:column}.paynow-drawer--left{margin-right:auto;border-left:none;border-right:1px solid var(--paynow-border)}.paynow-drawer__header,.paynow-drawer__actions{padding:1.25rem}.paynow-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--paynow-border)}.paynow-drawer__header-copy{display:grid;gap:.45rem}.paynow-drawer__title{margin:0;font-size:1.1rem}.paynow-drawer__description{margin:0;color:var(--paynow-text-muted);line-height:1.5}.paynow-drawer__close{border:1px solid var(--paynow-border);background:var(--paynow-surface);color:var(--paynow-text);width:2.25rem;height:2.25rem;border-radius:999px;cursor:pointer}.paynow-drawer__body{flex:1;overflow:auto;padding:1.25rem;display:grid;gap:1rem}.paynow-drawer__actions{display:flex;gap:.75rem;flex-wrap:wrap;border-top:1px solid var(--paynow-border)}.paynow-table-wrapper{overflow-x:auto}.paynow-table{width:100%;border-collapse:separate;border-spacing:0}.paynow-table th,.paynow-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--paynow-border)}.paynow-table th{font-weight:700;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb,var(--paynow-surface) 35%,var(--paynow-neutral-100));color:var(--paynow-text-muted)}.paynow-table tbody tr{background:transparent;transition:background-color .12s ease}.paynow-table tbody tr:hover{background:color-mix(in srgb,var(--paynow-surface) 86%,var(--paynow-primary) 14%)}.paynow-navbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.5rem;background:color-mix(in srgb,var(--paynow-surface) 92%,var(--paynow-neutral-50));border-bottom:1px solid var(--paynow-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.paynow-navbar__brand{font-weight:800;font-size:1.05rem;letter-spacing:-.02em;color:var(--paynow-neutral-900)}.paynow-navbar__search{flex:1;min-width:0;max-width:36rem}.paynow-navbar__actions{display:flex;align-items:center;gap:1rem}.paynow-navbar__env{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.35rem .65rem;border-radius:999px;border:1px solid transparent}.paynow-navbar__env--sandbox{background:#fff7db;color:#9a6700;border-color:#f2d489}.paynow-navbar__env--production{background:#e8fbf2;color:#0f7a51;border-color:#9ee5c4}.paynow-sidebar{width:100%;min-height:auto;background:transparent;padding:0}.paynow-sidebar__nav{display:flex;flex-direction:column;gap:.375rem}.paynow-sidebar__link{display:flex;align-items:center;gap:.75rem;padding:.8rem .95rem;border-radius:calc(var(--paynow-radius) - 2px);color:var(--paynow-neutral-700);text-decoration:none;border:1px solid transparent;font-weight:500;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.paynow-sidebar__link:hover{background:color-mix(in srgb,var(--paynow-surface) 88%,var(--paynow-primary) 12%);border-color:color-mix(in srgb,var(--paynow-primary) 12%,var(--paynow-border));color:var(--paynow-text);transform:translate(2px)}.paynow-sidebar__link-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;color:var(--paynow-primary)}.paynow-sidebar__link-label{min-width:0}.paynow-badge{display:inline-block;padding:.3rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.01em}.paynow-badge--default{background:var(--paynow-neutral-100);color:var(--paynow-neutral-700)}.paynow-badge--success{background:#d1fae5;color:#065f46}.paynow-badge--warning{background:#fef3c7;color:#92400e}.paynow-badge--error{background:#fee2e2;color:#991b1b}.paynow-toast{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:var(--paynow-radius);box-shadow:var(--paynow-shadow-soft);max-width:360px;border:1px solid var(--paynow-border)}.paynow-toast--info{background:#eff6ff;color:#1e40af}.paynow-toast--success{background:#d1fae5;color:#065f46}.paynow-toast--warning{background:#fef3c7;color:#92400e}.paynow-toast--error{background:#fee2e2;color:#991b1b}.paynow-toast__close{background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.7}.paynow-portal-layout{min-height:100vh;display:flex;flex-direction:column}.paynow-portal-layout__body{display:flex;flex:1}.paynow-portal-layout__main{flex:1;padding:1.5rem;overflow:auto;background:var(--paynow-background);color:var(--paynow-text)}.paynow-dashboard-shell{min-height:100vh;display:flex;background:radial-gradient(circle at top left,rgba(10,92,255,.08),transparent 24%),radial-gradient(circle at top right,rgba(20,194,255,.06),transparent 22%),linear-gradient(180deg,var(--paynow-neutral-50) 0%,var(--paynow-background) 100%);color:var(--paynow-text)}.paynow-dashboard-shell__main{flex:1;min-width:0;display:flex;flex-direction:column}.paynow-dashboard-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem 1rem;background:linear-gradient(180deg,color-mix(in srgb,var(--paynow-surface) 92%,var(--paynow-primary) 8%),color-mix(in srgb,var(--paynow-surface) 97%,black 3%));border-right:1px solid var(--paynow-border)}.paynow-dashboard-sidebar__brand{display:flex;align-items:center;min-height:3rem;padding:0 .35rem;font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.paynow-topnav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:#fffc;border-bottom:1px solid var(--paynow-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:root[data-paynow-theme=dark] .paynow-topnav{background:#101a2bd6}.paynow-topnav__search{flex:1;min-width:0}.paynow-topnav__actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.paynow-content-wrapper{flex:1;display:flex;flex-direction:column;min-width:0}.paynow-content-wrapper__header,.paynow-content-wrapper__footer{padding:1rem 1.5rem}.paynow-content-wrapper__body{flex:1;padding:1.5rem}.paynow-page-container{width:min(100%,1280px);margin:0 auto;display:grid;gap:1rem}.paynow-public-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--paynow-background)}.paynow-public-layout__header,.paynow-public-layout__footer{padding:1rem 1.5rem;background:var(--paynow-surface);border-bottom:1px solid var(--paynow-border)}.paynow-public-layout__footer{border-bottom:none;border-top:1px solid var(--paynow-border)}.paynow-public-layout__content{flex:1;padding:1.5rem}.paynow-mobile-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--paynow-background);color:var(--paynow-text)}.paynow-mobile-layout__header,.paynow-mobile-layout__footer{padding:1rem;background:var(--paynow-surface);border-top:1px solid var(--paynow-border);border-bottom:1px solid var(--paynow-border)}.paynow-mobile-layout__content{flex:1;padding:1rem}.paynow-mobile-shell{width:min(100%,420px);margin:0 auto;border-radius:28px;overflow:hidden;border:1px solid var(--paynow-border);box-shadow:0 24px 60px #0f172a2e;background:var(--paynow-surface)}.paynow-mobile-hero{display:grid;gap:1rem;padding:1.25rem;border-radius:20px;background:linear-gradient(135deg,var(--paynow-primary) 0%,var(--paynow-secondary) 68%,var(--paynow-accent) 100%);color:#fff}.paynow-mobile-hero__eyebrow{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;opacity:.84}.paynow-mobile-hero__title{margin:0;font-size:1.5rem}.paynow-mobile-grid{display:grid;gap:1rem}.paynow-mobile-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.paynow-mobile-action{display:grid;gap:.35rem;padding:1rem;border-radius:18px;border:1px solid var(--paynow-border);background:var(--paynow-surface)}.paynow-mobile-action__title{font-weight:700}.paynow-mobile-action__description{color:var(--paynow-text-muted);font-size:.85rem}.paynow-mobile-list{display:grid;gap:.75rem}.paynow-mobile-list__item{display:flex;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;border-radius:16px;background:var(--paynow-surface);border:1px solid var(--paynow-border)}.paynow-mobile-list__meta{display:grid;gap:.2rem}.paynow-mobile-list__title{font-weight:600}.paynow-mobile-list__subtitle{font-size:.85rem;color:var(--paynow-text-muted)}.paynow-mobile-bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.paynow-mobile-bottom-nav__item{display:grid;justify-items:center;gap:.2rem;font-size:.75rem;color:var(--paynow-text-muted)}.paynow-mobile-bottom-nav__item--active{color:var(--paynow-primary);font-weight:700}.paynow-wallet-card{display:grid;gap:.75rem;padding:1.1rem;border-radius:20px;background:linear-gradient(140deg,#0b1533 0%,var(--paynow-primary) 58%,var(--paynow-accent) 100%);color:#fff}.paynow-wallet-card__eyebrow{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;opacity:.82}.paynow-wallet-card__balance{font-size:1.8rem;font-weight:700}.paynow-wallet-card__account{display:flex;justify-content:space-between;gap:.75rem;font-size:.9rem;opacity:.92}.paynow-wallet-card__footer{display:flex;gap:.5rem;flex-wrap:wrap}.paynow-bottom-sheet__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:flex-end;justify-content:center;z-index:1100}.paynow-bottom-sheet{width:min(100%,420px);background:var(--paynow-surface);color:var(--paynow-text);border-radius:24px 24px 0 0;padding:.75rem 1rem 1rem;box-shadow:0 -20px 50px #0f172a33}.paynow-bottom-sheet__handle{width:3rem;height:.3rem;border-radius:999px;background:var(--paynow-border);margin:0 auto .75rem}.paynow-bottom-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.paynow-bottom-sheet__title{margin:0;font-size:1rem}.paynow-bottom-sheet__close{border:none;background:transparent;color:inherit;font-size:1.5rem;cursor:pointer}.paynow-bottom-sheet__content{display:grid;gap:.75rem}.paynow-bottom-sheet__actions{display:flex;gap:.75rem;margin-top:1rem}.paynow-transaction-item{display:flex;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;border-radius:16px;background:var(--paynow-surface);border:1px solid var(--paynow-border)}.paynow-transaction-item__leading{display:flex;align-items:flex-start;gap:.75rem}.paynow-transaction-item__icon{color:var(--paynow-primary)}.paynow-transaction-item__meta,.paynow-transaction-item__trailing{display:grid;gap:.2rem}.paynow-transaction-item__trailing{justify-items:end}.paynow-transaction-item__title,.paynow-transaction-item__amount{font-weight:600}.paynow-transaction-item__subtitle,.paynow-transaction-item__timestamp{font-size:.85rem;color:var(--paynow-text-muted)}.paynow-qr-placeholder{display:grid;justify-items:center;gap:.75rem;padding:1rem;border-radius:20px;background:var(--paynow-surface);border:1px solid var(--paynow-border)}.paynow-qr-placeholder__frame{position:relative;width:220px;height:220px;border-radius:24px;background:linear-gradient(90deg,color-mix(in srgb,var(--paynow-primary) 8%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--paynow-primary) 8%,transparent) 1px,transparent 1px);background-size:24px 24px;background-color:color-mix(in srgb,var(--paynow-surface) 85%,var(--paynow-primary) 15%)}.paynow-qr-placeholder__corner{position:absolute;width:32px;height:32px;border-color:var(--paynow-primary);border-style:solid}.paynow-qr-placeholder__corner--tl{top:16px;left:16px;border-width:4px 0 0 4px}.paynow-qr-placeholder__corner--tr{top:16px;right:16px;border-width:4px 4px 0 0}.paynow-qr-placeholder__corner--bl{bottom:16px;left:16px;border-width:0 0 4px 4px}.paynow-qr-placeholder__corner--br{bottom:16px;right:16px;border-width:0 4px 4px 0}.paynow-qr-placeholder__title{font-weight:700}.paynow-qr-placeholder__description{text-align:center;font-size:.9rem;color:var(--paynow-text-muted)}.paynow-qr-placeholder__action{display:flex;gap:.75rem}.paynow-auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--paynow-neutral-100)}.paynow-auth-layout__card{background:var(--paynow-surface);padding:2rem;border-radius:var(--paynow-radius);box-shadow:var(--paynow-shadow);min-width:320px;max-width:400px}.paynow-auth-layout__title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.paynow-chart__bars{display:flex;align-items:flex-end;gap:.5rem;height:100%}.paynow-chart__bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center}.paynow-chart__bar{width:100%;max-width:32px;background:var(--paynow-primary);border-radius:4px 4px 0 0;min-height:4px}.paynow-chart__label{font-size:.75rem;margin-top:.25rem}.paynow-chart__legend{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;font-size:.75rem;margin-top:.5rem}.paynow-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer;min-height:2.9rem}.paynow-alert{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;border-radius:calc(var(--paynow-radius) + 2px);border:1px solid transparent}.paynow-alert__content{flex:1}.paynow-alert__title{font-weight:600;margin-bottom:.25rem}.paynow-alert__body{font-size:.875rem}.paynow-alert__close{background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.7}.paynow-alert--info{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.paynow-alert--success{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.paynow-alert--warning{background:#fef3c7;color:#92400e;border-color:#fde68a}.paynow-alert--error{background:#fee2e2;color:#991b1b;border-color:#fecaca}.paynow-page-header{display:flex;justify-content:space-between;gap:1.25rem;align-items:flex-start;margin-bottom:1.5rem}.paynow-page-header__eyebrow{color:var(--paynow-primary);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem}.paynow-page-header__title{margin:0;font-size:clamp(1.75rem,2vw,2.3rem);line-height:1.05;letter-spacing:-.03em}.paynow-page-header__description{margin:.6rem 0 0;color:var(--paynow-text-muted);max-width:68ch;line-height:1.6}.paynow-page-header__actions{display:flex;gap:.75rem;flex-wrap:wrap}.paynow-metric-card{background:linear-gradient(180deg,#fffffffa,#f5f8fcf0);border:1px solid var(--paynow-border);border-radius:18px;box-shadow:var(--paynow-shadow-soft);padding:1.1rem;position:relative;overflow:hidden}:root[data-paynow-theme=dark] .paynow-metric-card{background:linear-gradient(180deg,#111827fa,#0f172aeb)}.paynow-metric-card:after{content:"";position:absolute;inset:0 0 auto auto;width:6rem;height:6rem;background:radial-gradient(circle,rgba(10,92,255,.12),rgba(20,194,255,.08),transparent 68%);pointer-events:none}.paynow-metric-card__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.paynow-metric-card__label{color:var(--paynow-text-muted);font-size:.85rem;font-weight:600}.paynow-metric-card__icon{color:var(--paynow-primary)}.paynow-metric-card__value{font-size:clamp(1.55rem,1.8vw,2rem);font-weight:800;margin-top:.65rem;letter-spacing:-.03em}.paynow-metric-card__change{margin-top:.5rem;font-size:.85rem;color:var(--paynow-text-muted)}.paynow-metric-card--success .paynow-metric-card__icon,.paynow-metric-card--success .paynow-metric-card__change{color:var(--paynow-success)}.paynow-metric-card--warning .paynow-metric-card__icon,.paynow-metric-card--warning .paynow-metric-card__change{color:var(--paynow-warning)}.paynow-metric-card--danger .paynow-metric-card__icon,.paynow-metric-card--danger .paynow-metric-card__change{color:var(--paynow-error)}.paynow-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;font-size:.875rem;color:var(--paynow-text-muted);margin-bottom:1rem}.paynow-breadcrumbs__item{display:inline-flex;align-items:center;gap:.25rem}.paynow-breadcrumbs__link{text-decoration:none;color:inherit}.paynow-breadcrumbs__current{color:var(--paynow-text);font-weight:600}.paynow-breadcrumbs__separator{opacity:.6}.paynow-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.paynow-tabs__tab{border:1px solid var(--paynow-border);background:color-mix(in srgb,var(--paynow-surface) 90%,var(--paynow-neutral-100));color:var(--paynow-text);border-radius:999px;padding:.5rem .875rem;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.paynow-tabs__tab--active{background:linear-gradient(180deg,var(--paynow-primary) 0%,var(--paynow-primary-hover) 100%);color:#fff;border-color:var(--paynow-primary)}.paynow-tabs__count{font-size:.75rem;opacity:.8}.paynow-table-filter{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.25rem 0}.paynow-filter-panel{display:grid;gap:1rem;padding:1.1rem;border:1px solid var(--paynow-border);border-radius:var(--paynow-radius-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--paynow-surface) 94%,var(--paynow-primary) 6%) 0%,var(--paynow-surface) 100%)}.paynow-filter-panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.paynow-filter-panel__copy{display:grid;gap:.35rem}.paynow-filter-panel__title{margin:0;font-size:1rem}.paynow-filter-panel__description{margin:0;color:var(--paynow-text-muted);line-height:1.5}.paynow-filter-panel__summary{color:var(--paynow-text-muted);font-size:.875rem}.paynow-filter-panel__body{display:grid;gap:1rem}.paynow-filter-panel__body--grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.paynow-filter-panel__body--stack{grid-template-columns:minmax(0,1fr)}.paynow-filter-panel__actions{display:flex;gap:.75rem;flex-wrap:wrap}.paynow-table-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1rem;color:var(--paynow-text-muted)}.paynow-table-pagination__controls{display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.paynow-navbar{padding:.75rem 1rem}.paynow-sidebar{width:100%;min-height:auto}.paynow-portal-layout__body,.paynow-dashboard-shell{flex-direction:column}.paynow-dashboard-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--paynow-border)}.paynow-topnav,.paynow-content-wrapper__header,.paynow-content-wrapper__body,.paynow-content-wrapper__footer,.paynow-public-layout__header,.paynow-public-layout__content,.paynow-public-layout__footer{padding-inline:1rem}.paynow-portal-layout__main{padding:1rem}.paynow-page-header,.paynow-filter-panel__header{flex-direction:column}.paynow-drawer{width:min(100%,100vw)}.paynow-otp{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes paynow-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes paynow-spin{to{transform:rotate(360deg)}}@keyframes paynow-fade-in{0%{opacity:0}to{opacity:1}}@keyframes paynow-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes paynow-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes paynow-slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes paynow-slide-in-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.paynow-amount{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-weight:700;letter-spacing:-.02em}.paynow-amount--positive{color:var(--paynow-success)}.paynow-amount--negative{color:var(--paynow-error)}.paynow-amount--muted{color:var(--paynow-text-muted)}.paynow-mono-field{font-family:var(--paynow-font-mono);font-size:.875rem;background:color-mix(in srgb,var(--paynow-surface) 80%,var(--paynow-neutral-100));border:1px solid var(--paynow-border);border-radius:var(--paynow-radius-sm);padding:.5rem .75rem;color:var(--paynow-text);letter-spacing:.04em;display:flex;align-items:center;justify-content:space-between;gap:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paynow-status{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;letter-spacing:.02em;padding:.3rem .65rem;border-radius:999px;border:1px solid transparent}.paynow-status__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.paynow-status__ring{width:10px;height:10px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;flex-shrink:0;animation:paynow-spin var(--paynow-duration-slow, .34s) linear infinite}.paynow-status--pending{background:#fef9ec;color:#92500a;border-color:#fde68a}.paynow-status--pending .paynow-status__dot{background:#f59e0b;animation:paynow-pulse-dot 1.6s ease-in-out infinite}.paynow-status--processing{background:#eff4ff;color:#1e3a8a;border-color:#bfdbfe}.paynow-status--processing .paynow-status__ring{border-color:#0a5cff;border-top-color:transparent}.paynow-status--completed{background:#ecfdf5;color:#064e3b;border-color:#a7f3d0}.paynow-status--completed .paynow-status__dot{background:var(--paynow-success)}.paynow-status--failed{background:#fef2f2;color:#7f1d1d;border-color:#fecaca}.paynow-status--failed .paynow-status__dot{background:var(--paynow-error)}.paynow-status--refunded{background:var(--paynow-neutral-100);color:var(--paynow-neutral-700, #24324d);border-color:var(--paynow-border)}.paynow-status--refunded .paynow-status__dot{background:var(--paynow-neutral-400, #8092b2)}:root[data-paynow-theme=dark] .paynow-status--pending{background:#f59e0b1f;color:#fcd34d;border-color:#f59e0b33}:root[data-paynow-theme=dark] .paynow-status--processing{background:#0a5cff1f;color:#6f9dff;border-color:#0a5cff33}:root[data-paynow-theme=dark] .paynow-status--completed{background:#12b76a1f;color:#6ee7b7;border-color:#12b76a33}:root[data-paynow-theme=dark] .paynow-status--failed{background:#e11d481f;color:#fda4af;border-color:#e11d4833}:root[data-paynow-theme=dark] .paynow-status--refunded{background:#ffffff0f;color:var(--paynow-text-muted);border-color:var(--paynow-border)}.paynow-animate-fade-in{animation:paynow-fade-in var(--paynow-duration-base) var(--paynow-ease-decelerate) both}.paynow-animate-scale-in{animation:paynow-scale-in var(--paynow-duration-base) var(--paynow-ease-spring) both}.paynow-animate-slide-up{animation:paynow-slide-up var(--paynow-duration-base) var(--paynow-ease-decelerate) both}.paynow-animate-slide-right{animation:paynow-slide-in-right var(--paynow-duration-base) var(--paynow-ease-decelerate) both}.paynow-animate-slide-left{animation:paynow-slide-in-left var(--paynow-duration-base) var(--paynow-ease-decelerate) both}.paynow-live-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--paynow-success)}.paynow-live-badge__dot{width:7px;height:7px;border-radius:50%;background:var(--paynow-success);animation:paynow-pulse-dot 1.8s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.border{border-width:1px}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tracking-\[0\.18em\]{letter-spacing:.18em}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-950{--tw-text-opacity: 1;color:rgb(2 6 23 / var(--tw-text-opacity, 1))}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{margin:0;font-family:system-ui,-apple-system,sans-serif}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}