@font-face{font-family:Manrope;src:url(/fonts/Manrope-Medium.ttf) format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-SemiBold.ttf) format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-ExtraBold.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}:root{color-scheme:light;font-family:Manrope,sans-serif;--pearl: #f5f6f5;--card: #ffffff;--surface: #ecefee;--surface-active: #e5e9e8;--border: #dde1e0;--text: #111514;--text-secondary: #606765;--text-muted: #919895;--klaqo-accent-50: #f1f1fa;--klaqo-accent-100: #e5e5f6;--klaqo-accent-200: #cbcbed;--klaqo-accent-300: #a9aae1;--klaqo-accent-400: #8586d3;--klaqo-accent-500: #6869ca;--klaqo-accent-600: #4c4ac4;--klaqo-accent-700: #4240ae;--klaqo-accent-800: #383694;--klaqo-accent-900: #2f2d7b;--klaqo-gradient-primary: linear-gradient(120deg, #2f307e 0%, #3d3fa9 30%, #4c4ac4 58%, #6765d7 100%);--emerald-50: #ecf9f1;--emerald-100: #d5f2e1;--emerald-200: #a8e3c3;--emerald-300: #70ce9d;--emerald-400: #39b778;--emerald-500: #169b62;--emerald-600: #0a7f55;--emerald-700: #086846;--emerald-800: #07543a;--emerald-900: #06442f;--alert-50: #fff1f1;--alert-100: #ffe0e1;--alert-200: #f8b7bb;--alert-300: #ef7e86;--alert-400: #e54855;--alert-500: #d92c3d;--alert-600: #c81d32;--alert-700: #a8172a;--alert-800: #861522;--alert-900: #6d141d;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-receipt: 28px;--radius-pill: 999px;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--ease-calm: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--press-scale: .98;--shadow-card: 0 12px 34px rgba(47, 45, 123, .08);--shadow-action: 0 12px 28px rgba(47, 45, 123, .13)}:root{color:var(--text);background:var(--pearl);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--dos-panel: rgba(255, 255, 255, .86);--dos-panel-border: rgba(214, 219, 218, .7);--dos-inset: rgba(244, 246, 246, .9);--dos-hairline: rgba(17, 21, 20, .07);--dos-shadow: 0 16px 44px rgba(47, 45, 123, .06)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--pearl)}body{min-width:320px;min-height:100vh;margin:0;color:var(--text);background:radial-gradient(circle at 6% 0%,rgba(169,170,225,.22),transparent 26rem),radial-gradient(circle at 96% 6%,rgba(213,242,225,.34),transparent 24rem),linear-gradient(160deg,#f9faf9 0%,var(--pearl) 58%,#eef0f2 100%)}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}:where(button,select,input,textarea,summary):focus-visible{outline:3px solid rgba(76,74,196,.26);outline-offset:2px}h1,h2,h3,p{margin:0}.app-shell{width:min(1380px,calc(100% - 56px));margin:0 auto;padding:26px 0 40px}.topbar{display:flex;align-items:center;gap:18px;padding:0 4px;margin-bottom:26px}.topbar__mark{width:76px;height:auto;flex:none;display:block;opacity:.9}.topbar__merchant{min-width:0;flex:1;display:grid;gap:1px;padding-left:18px;border-left:1px solid var(--dos-hairline)}.topbar__merchant h1{overflow:hidden;color:var(--text);font-size:clamp(16px,1.4vw,19px);line-height:1.2;font-weight:var(--font-extrabold);letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis}.topbar__merchant span{color:var(--text-muted);font-size:11px;font-weight:var(--font-medium);letter-spacing:.01em}.topbar__aside{display:flex;align-items:center;gap:16px}.topbar__env{color:var(--text-muted);font-size:11px;font-weight:var(--font-medium)}.quiet-action{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;color:var(--text-secondary);border-radius:var(--radius-pill);background:transparent;font-size:11.5px;font-weight:var(--font-semibold);transition:color .18s ease,background .18s ease}@media(hover:hover){.quiet-action:hover{color:var(--text);background:#ffffffb8}}.pos-grid{display:grid;grid-template-columns:minmax(292px,.92fr) minmax(380px,1.16fr) minmax(300px,.96fr);gap:20px;align-items:start}.panel{min-width:0;display:flex;flex-direction:column;padding:24px;border:1px solid var(--dos-panel-border);border-radius:var(--radius-receipt);background:var(--dos-panel);box-shadow:var(--dos-shadow);backdrop-filter:blur(18px) saturate(1.04);-webkit-backdrop-filter:blur(18px) saturate(1.04)}.panel--qr{align-items:stretch}.stage-label{display:flex;align-items:center;gap:9px;margin-bottom:22px;color:var(--text-muted);font-size:11px;font-weight:var(--font-bold);letter-spacing:.11em;text-transform:uppercase}.stage-label>span{color:var(--klaqo-accent-600);font-variant-numeric:tabular-nums}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-top .stage-label{margin-bottom:22px}.config-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:26px}.config-field{min-width:0;display:grid;gap:5px}.config-field>span{padding-left:2px;color:var(--text-muted);font-size:10.5px;font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.config-field select{min-height:40px;min-width:0;padding:0 30px 0 12px;color:var(--text);border:1px solid transparent;border-radius:var(--radius-sm);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23606765' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") no-repeat right 10px center,var(--dos-inset);font-size:12.5px;font-weight:var(--font-semibold);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .18s ease,background-color .18s ease}@media(hover:hover){.config-field select:hover{border-color:var(--klaqo-accent-200)}}.config-field select:focus{border-color:var(--klaqo-accent-400)}.amount{display:grid;gap:12px;margin-bottom:24px}.amount__label{padding-left:2px;color:var(--text-muted);font-size:10.5px;font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.amount__field{display:flex;align-items:baseline;gap:10px;padding:2px 2px 12px;border-bottom:2px solid var(--dos-hairline);transition:border-color .18s ease}.amount__field:focus-within{border-bottom-color:var(--klaqo-accent-600)}.amount__currency{flex:none;color:var(--text-muted);font-size:14px;font-weight:var(--font-bold);letter-spacing:.05em}.amount__field input{min-width:0;width:100%;padding:0;color:var(--text);border:0;outline:none;background:transparent;font-size:clamp(34px,3.2vw,42px);line-height:1;font-weight:var(--font-extrabold);letter-spacing:-.045em;font-variant-numeric:tabular-nums lining-nums}.amount__presets{display:flex;flex-wrap:wrap;gap:6px}.amount__presets button{min-height:32px;padding:0 12px;color:var(--text-secondary);border-radius:var(--radius-pill);background:var(--dos-inset);font-size:11.5px;font-weight:var(--font-semibold);font-variant-numeric:tabular-nums;transition:color .18s ease,background .18s ease}@media(hover:hover){.amount__presets button:hover{color:var(--text)}}.amount__presets button.is-selected{color:var(--klaqo-accent-800);background:var(--klaqo-accent-50);box-shadow:inset 0 0 0 1px var(--klaqo-accent-200)}.amount__presets button:active{transform:scale(var(--press-scale))}.cta{width:100%;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:var(--radius-md);font-size:13.5px;font-weight:var(--font-bold);letter-spacing:-.012em;transition:transform .18s var(--ease-calm),filter .18s ease,opacity .18s ease}.cta:active{transform:scale(var(--press-scale))}.klaqo-glass-action{position:relative;isolation:isolate;overflow:hidden}.klaqo-glass-action:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none}.klaqo-glass-action--primary{color:#fff;border:1px solid rgba(255,255,255,.24);background:linear-gradient(120deg,#2f307efa,#3d3fa9f5 30%,#4c4ac4f2 58%,#6765d7ed);box-shadow:0 13px 27px #2f2d7b33,0 3px 7px #2f2d7b1f,inset 0 1px #ffffff3d,inset 0 -1px #1f1d6433}.klaqo-glass-action--primary:before{background:linear-gradient(112deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.02) 31%,transparent 48%,rgba(255,255,255,.04) 74%,transparent 100%)}@media(hover:hover){.klaqo-glass-action--primary:not(:disabled):hover{filter:brightness(1.035) saturate(1.03)}}.cta:disabled{color:#ffffffd1;filter:saturate(.72);opacity:.58}.config-hint{margin-top:12px;color:var(--text-muted);font-size:11px;line-height:1.5}.panel-footer{display:grid;gap:10px;padding-top:20px;margin-top:24px;border-top:1px solid var(--dos-hairline)}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.footer-row>span{color:var(--text-muted);font-size:11.5px}.footer-row>strong{display:inline-flex;align-items:center;gap:7px;color:var(--text);font-size:12px;font-weight:var(--font-bold);font-variant-numeric:tabular-nums}.footer-row>strong.is-muted{color:var(--text-muted);font-weight:var(--font-semibold)}.rail-dot{width:7px;height:7px;flex:none;border-radius:var(--radius-pill);background:var(--text-muted)}.rail-dot--healthy{background:var(--emerald-500)}.rail-dot--degraded{background:var(--alert-500)}.rail-dot--recovered{background:var(--klaqo-accent-500)}.rail-dot--idle{background:var(--text-muted);opacity:.5}.rail-attention{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;margin-top:16px;border-radius:var(--radius-md);background:var(--alert-50)}.rail-attention>div{display:grid;gap:2px}.rail-attention strong{color:var(--alert-800);font-size:12px;font-weight:var(--font-bold)}.rail-attention span{color:var(--alert-700);font-size:11px}.attention-action{min-height:34px;flex:none;display:inline-flex;align-items:center;gap:6px;padding:0 12px;color:#fff;border-radius:var(--radius-sm);background:var(--alert-600);font-size:11.5px;font-weight:var(--font-bold);transition:filter .18s ease,opacity .18s ease}@media(hover:hover){.attention-action:not(:disabled):hover{filter:brightness(1.06)}}.attention-action:disabled{opacity:.6}.disclosure{border-top:1px solid var(--dos-hairline)}.disclosure--tools{margin-top:20px}.disclosure summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-muted);font-size:11.5px;font-weight:var(--font-semibold);list-style:none;cursor:pointer;transition:color .18s ease}.disclosure summary::-webkit-details-marker{display:none}@media(hover:hover){.disclosure summary:hover{color:var(--text-secondary)}}.disclosure__caret{flex:none;transition:transform .22s var(--ease-calm)}.disclosure[open] .disclosure__caret{transform:rotate(180deg)}.disclosure__body{display:grid;gap:10px;padding-bottom:6px}.tool-grid{grid-template-columns:1fr 1fr;gap:8px}.tool{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;color:var(--text-secondary);border-radius:var(--radius-sm);background:var(--dos-inset);font-size:11.5px;font-weight:var(--font-semibold);transition:color .18s ease,background .18s ease,opacity .18s ease}@media(hover:hover){.tool:not(:disabled):hover{color:var(--text);background:#ecefee}}.tool:not(:disabled):active{transform:scale(var(--press-scale))}.tool:disabled{opacity:.42}.tool--danger{color:var(--alert-700)}@media(hover:hover){.tool--danger:not(:disabled):hover{color:var(--alert-800);background:var(--alert-50)}}.tool-grid .tool--danger{grid-column:1 / -1}.message-stack{display:grid;gap:6px;margin-top:16px}.message-stack:empty{display:none}.message{color:var(--klaqo-accent-800);font-size:11.5px;line-height:1.5}.message--muted{color:var(--text-muted)}.message--danger{color:var(--alert-700)}.request-chip{display:inline-flex;align-items:center;gap:7px;margin-bottom:22px;color:var(--text-secondary);font-size:11px;font-weight:var(--font-semibold)}.request-chip i{width:7px;height:7px;border-radius:var(--radius-pill);background:var(--text-muted)}.request-chip--live{color:var(--emerald-700)}.request-chip--live i{background:var(--emerald-500);box-shadow:0 0 0 4px #169b621f;animation:pulse 2s ease-in-out infinite}.request-chip--processing{color:var(--klaqo-accent-700)}.request-chip--processing i{background:var(--klaqo-accent-500)}.request-chip--settled{color:var(--emerald-700)}.request-chip--settled i{background:var(--emerald-500)}.request-chip--closed{color:var(--text-muted)}.request-chip--closed i{background:var(--text-muted);opacity:.55}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #169b621f}50%{box-shadow:0 0 0 7px #169b620d}}.qr{flex:1;display:flex;flex-direction:column;align-items:center}.qr__stage{width:min(300px,100%);aspect-ratio:1;display:grid;place-items:center;padding:14px;border-radius:var(--radius-lg);background:#fff;box-shadow:0 10px 34px #2f2d7b12;transition:opacity .24s ease,filter .24s ease}.qr__stage img{width:100%;height:100%;display:block;object-fit:contain;image-rendering:pixelated}.qr__stage--closed{opacity:.34;filter:grayscale(1)}.qr__guidance{display:grid;gap:4px;padding:22px 0 4px;text-align:center}.qr__guidance strong{color:var(--text);font-size:15px;font-weight:var(--font-bold);letter-spacing:-.02em}.qr__guidance span{color:var(--text-secondary);font-size:12px;line-height:1.5}.qr .disclosure{width:100%;margin-top:auto;padding-top:4px}.tech-list{display:grid;gap:8px;margin:0 0 4px}.tech-list>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:baseline}.tech-list dt{color:var(--text-muted);font-size:11px}.tech-list dd{margin:0;overflow:hidden;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.tech-payload-label{color:var(--text-muted);font-size:11px}.disclosure textarea{width:100%;min-height:84px;resize:vertical;padding:11px;color:var(--text-secondary);border:0;outline:none;border-radius:var(--radius-sm);background:var(--dos-inset);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.5}.stage-empty{flex:1;min-height:300px;display:grid;place-content:center;justify-items:center;gap:14px;padding:24px;color:var(--text-muted);text-align:center}.stage-empty p{max-width:250px;font-size:12.5px;line-height:1.55}.stage-empty--compact{min-height:0;padding:18px 0 6px}.state{display:grid;justify-items:center;gap:8px;padding:8px 0 26px;text-align:center}.state__mark{width:56px;height:56px;display:grid;place-items:center;margin-bottom:6px;border-radius:var(--radius-lg)}.state--ready .state__mark{color:var(--text-muted);background:var(--dos-inset)}.state--waiting .state__mark,.state--processing .state__mark{color:var(--klaqo-accent-600);background:var(--klaqo-accent-50)}.state--success .state__mark{color:var(--emerald-600);background:var(--emerald-50)}.state--failure .state__mark{color:var(--alert-600);background:var(--alert-50)}.state__spinner{width:26px;height:26px;border:2.5px solid var(--klaqo-accent-100);border-top-color:var(--klaqo-accent-600);border-radius:var(--radius-pill);animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state h2{color:var(--text);font-size:21px;line-height:1.15;font-weight:var(--font-extrabold);letter-spacing:-.032em}.state--success h2{color:var(--emerald-700)}.state--failure h2{color:var(--alert-700)}.state__amount{display:inline-flex;align-items:baseline;gap:8px;margin-top:2px;color:var(--text);font-size:32px;line-height:1;font-weight:var(--font-extrabold);letter-spacing:-.045em;font-variant-numeric:tabular-nums lining-nums}.state__amount>span{color:var(--text-muted);font-size:12px;font-weight:var(--font-bold);letter-spacing:.05em}.state__note{max-width:260px;margin-top:4px;color:var(--text-secondary);font-size:12px;line-height:1.5}.state__code{margin-top:2px;color:var(--alert-700);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.04em}.journey{display:grid;gap:0;padding:18px 0;margin:0;border-top:1px solid var(--dos-hairline);list-style:none}.journey__step{position:relative;display:flex;align-items:center;gap:12px;padding:5px 0;font-size:12px}.journey__step i{width:9px;height:9px;flex:none;border-radius:var(--radius-pill);background:var(--border);transition:background .24s ease,box-shadow .24s ease}.journey__step:not(:last-child):after{content:"";position:absolute;top:20px;left:4px;width:1px;height:12px;background:var(--border)}.journey__step--done{color:var(--text-muted)}.journey__step--done i{background:var(--emerald-400)}.journey__step--done:not(:last-child):after{background:var(--emerald-200)}.journey__step--active{color:var(--text);font-weight:var(--font-bold)}.journey__step--active i{background:var(--klaqo-accent-600);box-shadow:0 0 0 4px var(--klaqo-accent-100)}.journey__step--halted{color:var(--alert-700);font-weight:var(--font-bold)}.journey__step--halted i{background:var(--alert-500);box-shadow:0 0 0 4px var(--alert-100)}.journey__step--future{color:var(--text-muted);opacity:.55}.meta{display:grid;gap:9px;padding:18px 0;margin:0;border-top:1px solid var(--dos-hairline)}.meta>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.meta dt{flex:none;color:var(--text-muted);font-size:11.5px}.meta dd{min-width:0;margin:0;overflow:hidden;color:var(--text);font-size:12px;font-weight:var(--font-semibold);font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap}.meta__id{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10.5px;font-weight:var(--font-medium)}.recent{padding:18px 0 4px;border-top:1px solid var(--dos-hairline)}.recent__label{margin-bottom:10px;color:var(--text-muted);font-size:10.5px;font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.recent ul{display:grid;gap:8px;padding:0;margin:0;list-style:none}.recent li{display:flex;align-items:center;gap:9px;font-size:11.5px}.recent li>span{min-width:0;flex:1;overflow:hidden;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap}.recent li>strong{flex:none;color:var(--text-secondary);font-size:11.5px;font-weight:var(--font-bold);font-variant-numeric:tabular-nums}.recent__dot{width:6px;height:6px;flex:none;border-radius:var(--radius-pill);background:var(--border)}.recent__dot--settled{background:var(--emerald-500)}.recent__dot--failed,.recent__dot--expired,.recent__dot--cancelled{background:var(--alert-400)}.recent__dot--spei_processing,.recent__dot--authorized,.recent__dot--iso_validated{background:var(--klaqo-accent-500)}.system-note{padding-top:16px;margin-top:auto;color:var(--text-muted);font-size:10.5px;letter-spacing:.01em}@media(max-width:1180px){.app-shell{width:min(940px,calc(100% - 40px))}.pos-grid{grid-template-columns:minmax(288px,.92fr) minmax(340px,1.08fr)}.panel--status{grid-column:1 / -1;display:grid;grid-template-columns:minmax(240px,.85fr) minmax(280px,1.15fr);column-gap:32px;align-items:start}.panel--status>.stage-label{grid-column:1 / -1}.panel--status>.state{grid-row:2 / span 4;padding-bottom:8px}.panel--status>.journey,.panel--status>.meta,.panel--status>.recent,.panel--status>.stage-empty{grid-column:2}.panel--status>.journey{border-top:0;padding-top:0}.panel--status>.system-note{grid-column:1 / -1;margin-top:8px}}@media(max-width:860px){.app-shell{width:min(640px,calc(100% - 32px));padding-top:18px}.topbar{margin-bottom:20px}.topbar__env{display:none}.pos-grid{grid-template-columns:1fr}.panel--status{grid-column:auto;display:flex;flex-direction:column}.panel--status>.stage-label,.panel--status>.state,.panel--status>.journey,.panel--status>.meta,.panel--status>.recent,.panel--status>.stage-empty,.panel--status>.system-note{grid-column:auto;grid-row:auto}.panel--status>.journey{border-top:1px solid var(--dos-hairline);padding-top:18px}}@media(max-width:560px){.app-shell{width:100%;padding:12px 12px 28px}.topbar{gap:12px;padding:0}.topbar__mark{width:62px}.topbar__merchant{padding-left:12px}.topbar__merchant span{font-size:10px}.quiet-action{padding:0 8px}.quiet-action span{display:none}.panel{padding:18px;border-radius:var(--radius-lg)}.config-row{grid-template-columns:1fr 1fr}.amount__field input{font-size:34px}.qr__stage{width:min(260px,100%)}.tech-list>div{grid-template-columns:1fr;gap:1px}.disclosure textarea{min-height:64px}.tool-grid{grid-template-columns:1fr}.tool-grid .tool--danger{grid-column:auto}.rail-attention{flex-direction:column;align-items:stretch}.attention-action{justify-content:center}.meta dd{font-size:11.5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}