:root{color:#eafaff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#041116;--panel:#081b22;--panel-soft:#0c242c;--line:#8ddae229;--muted:#7fa1aa;--text:#f3fdff;--accent:#00c4ca;--accent-bright:#39db7f;--accent-dark:#00969c;--danger:#ff7884;background:#041116;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}body:before{z-index:-1;content:"";background-color:#0000;background-image:radial-gradient(circle at 78% 10%,#00c4ca24,#0000 28rem),radial-gradient(circle at 8% 76%,#39db7f12,#0000 24rem),linear-gradient(#83dae106 1px,#0000 1px),linear-gradient(90deg,#83dae106 1px,#0000 1px);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,48px 48px,48px 48px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;position:fixed;inset:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{width:min(1240px,100% - 48px);margin:0 auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:96px;display:flex}.brand{align-items:center;gap:12px;font-family:ui-sans-serif,system-ui,sans-serif;display:flex}.brand img{filter:drop-shadow(0 8px 18px #00c4ca3d);width:44px;height:44px}.brand-name{letter-spacing:-.035em;font-size:1.12rem;font-weight:600;display:grid}.brand-title{white-space:nowrap;line-height:1;display:block}.brand-name strong{color:var(--accent)}.brand-name small{color:#668891;letter-spacing:.14em;text-transform:uppercase;margin-top:5px;font:600 .52rem ui-sans-serif,system-ui,sans-serif}.network-pill{border:1px solid var(--line);color:var(--muted);background:#06181eb8;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex}.network-pill div{gap:2px;display:grid}.network-pill strong{color:#c5dde1;font-size:.84rem;font-weight:600}.network-pill span:last-child{font-size:.72rem}.network-dot{background:#eab24c;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 5px #eab24c14}.network-dot.online{background:var(--accent-bright);box-shadow:0 0 0 5px #25dc8f14,0 0 14px #39db7f80}.network-dot.offline{background:var(--danger);box-shadow:0 0 0 5px #ff788414}.demo-banner{color:#d9c397;background:#eab24c0f;border:1px solid #eab24c42;border-radius:10px;justify-content:center;gap:10px;margin:18px 0 -4px;padding:10px 14px;font-size:.82rem;display:flex}.demo-banner strong{color:#ffd78c}.checkout-layout{grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);gap:22px;min-height:calc(100vh - 190px);padding:42px 0 54px;display:grid}.checkout-panel{border:1px solid var(--line);background:radial-gradient(circle at 90% 0,#00c4ca1f,#0000 18rem),linear-gradient(145deg,#0a222ae6,#05151bf0);border-radius:28px;padding:clamp(34px,5vw,60px);position:relative;overflow:hidden;box-shadow:0 32px 90px #0000004d}.checkout-panel:after{content:"";pointer-events:none;border:1px solid #00c4ca1f;border-radius:50%;width:170px;height:170px;position:absolute;top:32%;right:-86px;box-shadow:0 0 0 28px #00c4ca06,0 0 0 58px #00c4ca04}.summary-panel{border:1px solid var(--line);background:linear-gradient(160deg,#0e2b34f5,#06171dfa);border-radius:28px;align-self:start;padding:30px;position:sticky;top:24px;box-shadow:0 28px 80px #00000057}.section-heading{max-width:600px}.eyebrow{color:var(--accent-bright);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:700}.heading-meta{justify-content:space-between;align-items:center;gap:20px;display:flex}.flow-id{color:#52747d;letter-spacing:.12em;font:600 .63rem ui-monospace,SFMono-Regular,Menlo,monospace}h1{letter-spacing:-.065em;color:var(--text);margin:14px 0 12px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.75rem,5vw,4.8rem);line-height:.98}.section-heading p{max-width:510px;color:var(--muted);margin:0;font-size:1.02rem;line-height:1.65}.checkout-progress{grid-template-columns:repeat(3,1fr);max-width:570px;margin:34px 0 0;padding:0;list-style:none;display:grid}.checkout-progress li{color:#577780;gap:8px;display:grid;position:relative}.checkout-progress li:not(:last-child):after{background:var(--line);content:"";height:1px;position:absolute;top:6px;left:32px;right:12px}.checkout-progress span{letter-spacing:.08em;font:600 .62rem ui-monospace,SFMono-Regular,Menlo,monospace}.checkout-progress strong{letter-spacing:.05em;text-transform:uppercase;font-size:.68rem;font-weight:600}.checkout-progress .active{color:var(--accent)}.checkout-progress .active:not(:last-child):after{background:linear-gradient(90deg, var(--accent), var(--line))}.payment-form{gap:20px;max-width:570px;margin-top:30px;display:grid}.payment-form label{color:#c7d1e4;gap:9px;font-size:.86rem;font-weight:600;display:grid}.payment-form label>span{justify-content:space-between;display:flex}.payment-form label small{color:#6f7e9a;font-weight:400}input{border:1px solid var(--line);width:100%;min-height:54px;color:var(--text);background:#020e13bd;border-radius:13px;outline:none;padding:0 16px;transition:border-color .18s,box-shadow .18s,background .18s}input::placeholder{color:#526079}input:hover{background:#05181ee6}input:focus{border-color:#00c4cab8;box-shadow:0 0 0 4px #00c4ca1a}input:focus-visible,.resolution-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.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}.operator-shell{width:min(1240px,100% - 48px);margin:0 auto;padding:56px 0 80px}.operator-heading,.operator-panel-heading,.resolution-form header,.provider-ledger>div:first-child{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.operator-heading{align-items:center;margin-bottom:32px}.operator-heading h1{margin-bottom:10px}.operator-heading p,.operator-access p,.provider-ledger p,.operator-panel>p{color:var(--muted)}.operator-heading p{max-width:640px;margin:0;line-height:1.6}.operator-heading>a{border:1px solid var(--line);color:var(--accent);border-radius:10px;padding:10px 14px}.operator-access,.operator-panel,.admin-section,.provider-ledger,.resolution-form{border:1px solid var(--line);background:linear-gradient(145deg,#0a222af0,#05151bfa);border-radius:20px;box-shadow:0 24px 70px #0000003d}.operator-access{gap:18px;max-width:540px;padding:28px;display:grid}.operator-access label,.resolution-form>label{color:#c7d1e4;gap:8px;font-size:.86rem;font-weight:600;display:grid}.operator-access p{margin:0;font-size:.78rem;line-height:1.5}.operator-panel,.admin-section,.provider-ledger{padding:28px}.operator-panel h2,.admin-section h2,.provider-ledger h2,.resolution-form h2{margin:7px 0 0;font-size:1.45rem}.operator-table-wrap{margin-top:22px;position:relative;overflow-x:auto}.operator-table{border-collapse:collapse;text-align:left;width:100%}.operator-table caption{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.operator-table th,.operator-table td{border-bottom:1px solid var(--line);white-space:nowrap;padding:14px 12px}.operator-table th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.operator-table td{color:#cfe6e9;font-size:.82rem}.operator-table tbody tr{transition:background .16s}.operator-table tbody tr:hover{background:#00c4ca09}.operator-table code,.operator-table .text-button{color:var(--accent)}.operator-empty{margin:28px 0 0}.admin-navigation{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05151bf0;border-radius:14px;align-items:center;gap:8px;margin-bottom:20px;padding:10px;display:flex;position:sticky;top:12px}.admin-navigation a,.admin-navigation button{padding:9px 12px}.admin-navigation button{margin-left:auto}.admin-section{margin-top:20px;scroll-margin-top:90px}.admin-section:first-of-type{margin-top:0}.admin-metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:22px;display:grid}.admin-metric{border:1px solid var(--line);background:#020e1375;border-radius:14px;min-width:0;padding:18px}.admin-metric>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-size:.72rem;display:block}.admin-metric strong{overflow-wrap:anywhere;text-transform:capitalize;align-items:center;gap:8px;display:flex}.status-dot{background:var(--danger);border-radius:50%;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 10px #ff788480}.status-dot.is-healthy{background:var(--accent);box-shadow:0 0 10px #00c4ca80}.admin-filters{grid-template-columns:minmax(220px,2fr) minmax(180px,1fr) auto;align-items:end;gap:12px;margin-top:22px;display:grid}.admin-filters label{color:#c7d1e4;gap:8px;font-size:.82rem;font-weight:600;display:grid}.admin-select{border:1px solid var(--line);width:100%;min-height:54px;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;appearance:none;cursor:pointer;background:linear-gradient(45deg,#0000 50%,#73959d 50%) calc(100% - 19px) 23px/6px 6px no-repeat,linear-gradient(135deg,#73959d 50%,#0000 50%) calc(100% - 13px) 23px/6px 6px no-repeat,#020e13bd;border-radius:13px;outline:none;padding:0 42px 0 16px;transition:border-color .18s,box-shadow .18s,background-color .18s}.admin-select:hover{background-color:#05181ee6}.admin-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:#00c4cab8;box-shadow:0 0 0 4px #00c4ca1a}.admin-filter-button,.admin-page-button{color:#dffeff;cursor:pointer;background:#00c4ca1a;border:1px solid #00c4ca6b;border-radius:13px;min-height:54px;padding:0 20px;font-weight:700;transition:transform .16s,border-color .16s,background .16s}.admin-filter-button:hover:not(:disabled),.admin-page-button:hover:not(:disabled){background:#00c4ca2e;border-color:#00c4cabd;transform:translateY(-1px)}.admin-filter-button:focus-visible,.admin-page-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.admin-page-button{border-color:var(--line);color:#b9d0d4;background:#020e1385;min-height:42px;padding:0 16px;font-size:.82rem}.admin-page-button:disabled{color:#46636a;cursor:not-allowed;background:#020e1342;border-color:#8ddae214}.admin-pagination{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.payment-status{color:#9cdbdf;letter-spacing:.025em;text-transform:capitalize;background:#00c4ca14;border:1px solid #00c4ca33;border-radius:999px;align-items:center;min-height:26px;padding:4px 9px;font-size:.7rem;font-weight:700;display:inline-flex}.payment-status--paid{color:#8cedb3;background:#39db7f14;border-color:#39db7f47}.payment-status--manual-review{color:#f2ce8a;background:#eab24c14;border-color:#eab24c52}.payment-status--failed,.payment-status--expired,.payment-status--cancelled{color:#ffadb5;background:#ff788412;border-color:#ff788442}.payment-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 28px;display:grid}.payment-facts>div{border:1px solid var(--line);border-radius:12px;min-width:0;padding:14px}.payment-facts dt{color:var(--muted);text-transform:uppercase;font-size:.72rem}.payment-facts dd{overflow-wrap:anywhere;margin:7px 0 0}.audit-timeline{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.audit-timeline li{border-left:3px solid var(--accent);background:#020e1375;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:12px;padding:16px;display:grid}.audit-timeline span,.audit-timeline time{color:var(--muted)}.audit-timeline pre{white-space:pre-wrap;grid-column:1/-1;margin:4px 0 0;overflow:auto}.provider-ledger{margin-top:20px}.provider-ledger pre{border:1px solid var(--line);color:#bce7eb;background:#020e13c7;border-radius:12px;max-height:420px;margin:22px 0 0;padding:18px;font-size:.76rem;line-height:1.55;overflow:auto}.resolution-form{gap:18px;width:100%;min-width:0;margin-top:20px;padding:28px;display:grid}.resolution-form>*,.resolution-form header>div{min-width:0}.resolution-form h2{overflow-wrap:anywhere}.resolution-form dl{border-block:1px solid var(--line);gap:10px;margin:0;padding:14px 0;display:grid}.resolution-form dl div{justify-content:space-between;gap:24px;display:flex}.resolution-form dt{color:var(--muted)}.resolution-form dd{margin:0}.resolution-form fieldset{border:0;gap:20px;padding:0;display:flex}.resolution-form legend{color:#c7d1e4;margin-bottom:10px;font-size:.86rem;font-weight:600}.resolution-form fieldset label{align-items:center;gap:8px;display:flex}.resolution-form input[type=radio]{width:18px;min-height:18px;accent-color:var(--accent)}.resolution-form textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--text);background:#020e13bd;border-radius:13px;outline:none;padding:14px 16px}.resolution-form textarea:focus{border-color:#00c4cab8;box-shadow:0 0 0 4px #00c4ca1a}.amount-input{position:relative}.amount-input input{padding-right:82px}.amount-input strong{color:var(--accent);letter-spacing:.05em;font-size:.82rem;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.amount-input strong,.currency-identity{align-items:center;display:flex}.amount-input strong{gap:6px}.amount-input strong img{width:17px;height:17px}.voucher-input{letter-spacing:.06em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px}.result-note{max-width:34ch;color:var(--muted);text-align:center;margin:0;font-size:.82rem;line-height:1.5}.field-help{margin-top:-3px;display:block}.form-error{color:#ffb4bc;background:#ff788412;border:1px solid #ff78844d;border-radius:9px;padding:12px 14px;font-size:.84rem}.primary-button{color:#00262c;background:linear-gradient(135deg, #37e4e8, var(--accent));cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:14px;min-height:55px;padding:0 20px;font-weight:700;transition:transform .16s,background .16s,box-shadow .16s;display:flex;box-shadow:0 14px 34px #00c4ca33}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#62edf0,#12d2d8);transform:translateY(-1px);box-shadow:0 17px 42px #00c4ca47}.primary-button:focus-visible,.text-button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary-button:disabled{cursor:wait;opacity:.65}.primary-button span{font-size:1.15rem}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;justify-self:center;padding:8px;font-size:.82rem}.text-button:hover{color:var(--text)}.amount-hero{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:4px;margin-bottom:4px;padding:22px 0;display:grid}.amount-hero span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.amount-hero strong{font-family:Manrope,sans-serif;font-size:2rem}.amount-hero small{color:var(--accent);font-size:.8rem}.security-note{color:#6d929a;align-items:flex-start;gap:13px;max-width:570px;margin-top:34px;display:flex}.security-note p{margin:0;font-size:.78rem;line-height:1.5}.security-note strong{color:#a7c3c9}.lock-mark{border:1px solid var(--line);color:#002f32;background:var(--accent-bright);border-radius:8px;place-items:center;width:28px;height:28px;font-size:.7rem;font-weight:800;display:grid}.summary-header,.summary-amount{justify-content:space-between;align-items:center;gap:20px;display:flex}.summary-header{border-bottom:1px solid var(--line);color:#d7eef1;padding-bottom:24px;font-size:.92rem;font-weight:600}.currency-identity{gap:12px}.currency-identity>img{filter:drop-shadow(0 8px 18px #00c4ca2e);width:38px;height:38px}.currency-identity>span{gap:2px;display:grid}.currency-identity strong{font:600 .88rem ui-sans-serif,system-ui,sans-serif}.currency-identity small{color:var(--muted);font-size:.66rem;font-weight:400}.currency-badge{color:var(--accent);letter-spacing:.08em;background:#00c4ca17;border-radius:6px;padding:5px 8px;font-size:.69rem}.summary-amount{padding:28px 0}.summary-amount>span{color:var(--muted);font-size:.82rem}.summary-amount strong{letter-spacing:-.04em;font-family:ui-sans-serif,system-ui,sans-serif;font-size:2rem}.payment-route{border:1px solid var(--line);color:#668991;letter-spacing:.08em;background:#020f1366;border-radius:12px;grid-template-columns:auto 1fr 28px 1fr auto;align-items:center;gap:9px;margin:0 0 22px;padding:12px 13px;font:600 .56rem ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.payment-route i{background:linear-gradient(90deg, var(--line), #00c4ca94);height:1px}.payment-route i:last-of-type{background:linear-gradient(90deg, #00c4ca94, var(--line))}.payment-route img{border-radius:50%;width:28px;height:28px}.summary-amount small{color:var(--accent);font-size:.7rem}.summary-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:15px;margin:0;padding:20px 0;display:grid}.summary-list div{justify-content:space-between;gap:16px;min-width:0;display:flex}.summary-list dt{color:var(--muted);font-size:.78rem}.summary-list dd{color:#c9e0e4;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:58%;margin:0;font-size:.8rem;font-weight:500;overflow:hidden}.summary-list .fee-zero{color:var(--accent)}.reference-box{border:1px solid var(--line);background:#020f1380;border-radius:10px;gap:6px;margin-top:20px;padding:14px;display:grid}.reference-box span{color:var(--muted);font-size:.7rem}.reference-box code{color:#d6dfef;overflow-wrap:anywhere;font-size:.78rem}.trust-list{gap:18px;padding-top:24px;display:grid}.trust-list>div{align-items:flex-start;gap:12px;display:flex}.trust-list>div>span{color:#032d25;background:var(--accent-bright);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:.72rem;font-weight:800;display:grid}.trust-list p{gap:2px;margin:0;display:grid}.trust-list strong{color:#cfe6e9;font-size:.79rem}.trust-list small{color:#71809a;font-size:.7rem}.result-card{border:1px solid var(--line);text-align:center;background:var(--panel);border-radius:18px;justify-items:center;gap:10px;max-width:570px;margin-top:40px;padding:38px;display:grid}.result-icon{color:#06140e;background:var(--accent-bright);border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:8px;font-size:1.5rem;font-weight:800;display:grid}.result-card>strong{font:700 1.7rem ui-sans-serif,system-ui,sans-serif}.result-card>span{color:var(--muted);margin-bottom:18px;font-size:.78rem}.result-card .primary-button{width:100%}.result-manual_review .result-icon{color:#201603;background:#eab24c}.result-failed .result-icon,.result-expired .result-icon,.result-cancelled .result-icon{color:#21060a;background:var(--danger)}footer{color:#8492aa;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:24px;min-height:88px;font-size:.75rem;display:flex}footer nav{gap:24px;display:flex}footer a:hover{color:#a9b5ca}@media (width<=820px){.checkout-layout{grid-template-columns:1fr;padding:32px 0 55px}.checkout-panel{padding:clamp(30px,7vw,52px)}.summary-panel{margin-top:0;position:static}.payment-form,.section-heading,.security-note,.result-card{max-width:none}}@media (width<=540px){.app-shell{width:min(100% - 28px,1180px)}.topbar{min-height:82px}.brand img{width:38px;height:38px}.brand-name{font-size:1rem}.network-pill span:last-child{display:none}.network-pill strong{font-size:.74rem}.network-pill{padding:9px 10px}.checkout-layout{gap:14px;padding-top:22px}.checkout-panel{border-radius:20px;padding:28px 22px}h1{font-size:2.6rem}.section-heading p{font-size:.92rem}.checkout-progress{margin-top:28px}.checkout-progress strong{font-size:.6rem}.summary-panel{border-radius:20px;padding:22px}.currency-identity small{display:none}.demo-banner{flex-wrap:wrap;justify-content:flex-start;align-items:center}footer{min-height:76px}.operator-shell{width:min(100% - 28px,1180px);padding-top:30px}.operator-heading{flex-direction:column;align-items:flex-start}.operator-heading h1{font-size:2.6rem}.operator-access,.operator-panel,.admin-section,.provider-ledger,.resolution-form{border-radius:16px;padding:22px}.admin-navigation{flex-wrap:wrap}.admin-navigation a,.admin-navigation button{flex:none}.admin-navigation button{margin-left:0}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filters,.payment-facts,.audit-timeline li{grid-template-columns:1fr}.resolution-form{width:100%}}@media (width<=520px){.admin-metrics{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
