@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-canvas:#0b111f;--bg-pane:#111a2e;--bg-soft:#16223b;--bg-highlight:#203053;--ink:#fef6e6;--ink-soft:#c9cedd;--ink-dim:#95a2bf;--line:#f6e9d129;--line-strong:#f6e9d147;--line-hairline:#f6e9d11a;--brand-1:#f59a3d;--brand-2:#ffd36a;--brand-3:#4ec2f7;--danger:#f66e7d;--ok:#54d39b;--accent:var(--brand-1);--accent-2:var(--brand-2);--accent-support:var(--brand-3);--accent-gradient:linear-gradient(120deg, var(--accent), var(--accent-2));--accent-ring:#ffd36a73;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:12px;--radius-sm:14px;--radius-md:16px;--radius-lg:22px;--radius-xl:24px;--radius-2xl:28px;--radius-full:999px;--text-xs:.72rem;--text-sm:.82rem;--text-base:.92rem;--text-md:1rem;--text-lg:clamp(1.1rem, 1.5vw, 1.45rem);--text-xl:clamp(1.2rem, 1.8vw, 1.6rem);--text-2xl:clamp(1.3rem, 2vw, 1.75rem);--text-3xl:clamp(1.4rem, 2.3vw, 2rem);--text-4xl:clamp(2rem, 4vw, 3.6rem);--shadow-sm:0 8px 18px #050a1447;--shadow-md:0 14px 30px #060c1852;--shadow-lg:0 30px 60px #0408126b;--shadow-glow:0 10px 22px #f59a3d59;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.16s;--duration-base:.24s;--z-sticky:20;--z-overlay:40;--z-drawer:50;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;background:radial-gradient(circle at 12% -6%, #1d2f4f 0%, var(--bg-canvas) 45%), linear-gradient(120deg, #0b111f 0%, #0d1528 100%);color:var(--ink);text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,sans-serif}html{scroll-behavior:smooth}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:0 0;margin:0}#root{min-height:100vh}h1,h2,h3,h4{letter-spacing:-.02em;text-wrap:balance;margin:0;font-family:Outfit,sans-serif}p{color:var(--ink-soft);text-wrap:pretty;margin:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:4px}input,textarea,select,button{font:inherit}.skip-link{z-index:100;background:var(--bg-highlight);color:var(--ink);border-radius:var(--radius-sm);border:1px solid var(--line-strong);transition:top var(--duration-base) var(--ease-out);padding:.7rem 1.1rem;position:fixed;top:-80px;left:1rem}.skip-link:focus-visible{top:1rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(160deg, #ffffff0f, #ffffff03), var(--bg-pane);box-shadow:var(--shadow-md);padding:clamp(1rem,1.6vw,1.4rem)}.auth-card{align-content:center;gap:var(--space-3);display:grid}.stack-form{gap:var(--space-3);margin-top:var(--space-3);display:grid}.stack-form.compact{margin-top:var(--space-4)}label{color:var(--ink);font-size:var(--text-sm);gap:.38rem;display:grid}input,textarea,select{border:1px solid var(--line-strong);width:100%;color:var(--ink);border-radius:var(--radius-xs);transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);background:#0c1424cc;padding:.68rem .78rem}textarea{resize:vertical}input:hover,textarea:hover,select:hover{border-color:var(--accent-ring)}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--accent-2);box-shadow:0 0 0 3px #ffd36a29}.primary-button,.ghost-button{border-radius:var(--radius-xs);cursor:pointer;transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), opacity var(--duration-base) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;padding:.7rem 1rem;display:inline-flex}.primary-button{background:var(--accent-gradient);color:#172034;box-shadow:var(--shadow-glow);font-weight:700}.ghost-button{color:var(--ink);border-color:var(--line-strong);background:0 0}.primary-button:hover,.ghost-button:hover{transform:translateY(-2px)}.ghost-button:hover{border-color:var(--accent-ring)}.primary-button:active,.ghost-button:active{transform:translateY(1px)}.primary-button:disabled,.ghost-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.text-link{color:var(--accent-2);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out);background:0 0;border:0;padding:0;font-weight:600}.text-link:hover{opacity:.75;text-decoration:underline}.text-link.danger{color:var(--danger)}.meta-label{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.error-text{color:var(--danger);font-size:var(--text-sm)}.ok-text{color:var(--ok);font-size:var(--text-sm)}.muted{color:var(--ink-dim);font-size:var(--text-sm)}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid var(--line-hairline);font-size:var(--text-sm);padding:.68rem}th{color:var(--ink-dim);font-weight:500}tbody tr{transition:background-color var(--duration-base) var(--ease-out)}tbody tr:hover{background:#ffffff08}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.actions-cell{gap:var(--space-3);display:flex}.status-pill{border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;justify-content:center;align-items:center;padding:.2rem .55rem;font-weight:700;display:inline-flex}.status-settlement,.status-capture,.status-paid{color:#122f23;background:#54d39bf2}.status-pending,.status-partial_refund{color:#33270f;background:#ffd36af0}.status-expired{color:#33270f;background:#ffd36ab8}.status-refund,.status-refunded,.status-failed,.status-failure{color:#3a1318;background:#f66e7de6}.endpoint-list{gap:var(--space-3);display:grid}.endpoint-card{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);transition:border-color var(--duration-base) var(--ease-out);background:#ffffff05;display:grid}.endpoint-card:hover{border-color:var(--line-strong)}.endpoint-head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.endpoint-path{min-width:0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink);overflow-wrap:break-word;flex:1}.endpoint-description{color:var(--ink-soft)}.method-badge{border-radius:var(--radius-xs);min-width:4.2rem;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;border:1px solid #0000;justify-content:center;align-items:center;padding:.25rem .6rem;font-weight:700;display:inline-flex}.method-get{color:var(--accent-support);background:#4ec2f724;border-color:#4ec2f759}.method-post{color:var(--ok);background:#54d39b24;border-color:#54d39b59}.method-put{color:var(--accent);background:#f59a3d24;border-color:#f59a3d59}.method-delete{color:var(--danger);background:#f66e7d24;border-color:#f66e7d59}.auth-badge{border-radius:var(--radius-full);border:1px solid var(--line-strong);color:var(--ink-dim);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0;align-items:center;padding:.2rem .6rem;display:inline-flex}.endpoint-detail{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line-hairline);margin:0;display:grid}.endpoint-detail-row{gap:var(--space-2) var(--space-3);grid-template-columns:minmax(80px,120px) 1fr;align-items:start;display:grid}.endpoint-detail-row dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);font-weight:600}.endpoint-detail-row dd{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-soft);overflow-wrap:break-word;gap:.25rem;margin:0;display:grid}@media (width<=560px){.endpoint-detail-row{grid-template-columns:1fr;gap:.3rem}.auth-badge{order:1}.endpoint-path{flex-basis:100%;order:2}}.app-shell{gap:var(--space-4);min-height:100vh;padding:var(--space-4);grid-template-columns:320px minmax(0,1fr);display:grid}.side-panel{border-radius:var(--radius-xl);border:1px solid var(--line);padding:var(--space-5);background:radial-gradient(circle at 100% 0%, #f59a3d42, transparent 48%), radial-gradient(circle at 0% 80%, #4ec2f738, transparent 40%), var(--bg-pane);gap:var(--space-4);top:var(--space-4);max-height:calc(100dvh - 2rem);z-index:var(--z-sticky);grid-template-rows:auto 1fr auto;align-self:start;display:grid;position:sticky;overflow-y:auto}.brand-block{gap:var(--space-2);display:grid}.brand-kicker{font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);font-weight:600}.brand-title{font-size:var(--text-2xl);line-height:1.1}.brand-caption{font-size:var(--text-base)}.nav-links{gap:var(--space-2);display:grid}.nav-item{border-radius:var(--radius-sm);transition:transform var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);border:1px solid #ffffff1f;align-items:center;gap:.65rem;padding:.72rem .78rem;display:flex}.nav-item:hover{border-color:var(--accent-ring);transform:translate(3px)}.nav-item-icon{color:var(--ink-dim);transition:color var(--duration-base) var(--ease-out);flex-shrink:0}.nav-item-text{gap:.2rem;min-width:0;display:grid}.nav-item span{color:var(--ink);font-weight:600}.nav-item small{color:var(--ink-dim);font-size:var(--text-xs)}.nav-item.is-active{border-color:var(--accent-ring);background:#ffd36a1f}.nav-item.is-active .nav-item-icon{color:var(--accent-2)}.panel-foot{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.nav-toggle{border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--ink);cursor:pointer;font-size:var(--text-sm);transition:border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);background:#0f192b8c;align-items:center;gap:.45rem;padding:.5rem .8rem;font-weight:600;display:none}.nav-toggle:hover{border-color:var(--accent-2);transform:translateY(-1px)}.nav-toggle-icon{flex-direction:column;gap:3px;display:inline-flex}.nav-toggle-icon span{background:var(--ink);width:18px;height:2px;transition:transform var(--duration-base) var(--ease-out), opacity var(--duration-base) var(--ease-out);border-radius:2px}.nav-toggle.is-open .nav-toggle-icon span:first-child{transform:translateY(5px)rotate(45deg)}.nav-toggle.is-open .nav-toggle-icon span:nth-child(2){opacity:0}.nav-toggle.is-open .nav-toggle-icon span:nth-child(3){transform:translateY(-5px)rotate(-45deg)}.nav-backdrop{display:none}.main-panel{border-radius:var(--radius-xl);border:1px solid var(--line);padding:var(--space-4);background:linear-gradient(160deg, #4ec2f714, transparent 38%), var(--bg-pane);min-width:0;overflow:hidden}.top-bar{border:1px solid var(--line);border-radius:var(--radius-md);justify-content:space-between;gap:var(--space-4);background:#0f192b8c;align-items:flex-start;padding:.84rem 1rem;display:flex}.top-bar h2{font-size:var(--text-lg)}.live-dot{white-space:nowrap;color:var(--ink-dim);font-size:var(--text-sm);align-items:center;gap:.4rem;display:flex}.live-dot span{border-radius:var(--radius-full);background:var(--ok);width:.55rem;height:.55rem;box-shadow:0 0 0 8px #54d39b2b}.page-content{margin-top:var(--space-4);container:page/inline-size}.stack-page{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@media (width<=768px){.app-shell{grid-template-columns:1fr;padding:.6rem}.side-panel{border-right:1px solid var(--line);width:320px;max-width:85vw;max-height:100dvh;transition:transform var(--duration-base) var(--ease-out);z-index:var(--z-drawer);border-radius:0;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.side-panel.is-open{box-shadow:var(--shadow-lg);transform:translate(0)}.nav-toggle{display:inline-flex}.nav-backdrop{-webkit-backdrop-filter:blur(4px);z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-out), visibility var(--duration-base) var(--ease-out);background:#00000080;display:block;position:fixed;inset:0}.nav-backdrop.is-open{opacity:1;visibility:visible}}@media (width<=860px){.top-bar{flex-direction:column}}.auth-layout{gap:var(--space-6);min-height:100vh;padding:var(--space-8);grid-template-columns:1.1fr .9fr;display:grid}.auth-showcase{border:1px solid var(--line);border-radius:var(--radius-2xl);background:linear-gradient(132deg, #f59a3d26, #4ec2f714), radial-gradient(circle at 85% 10%, #ffd36a4d, transparent 46%), var(--bg-pane);box-shadow:var(--shadow-lg);align-content:center;gap:var(--space-4);padding:clamp(1.6rem,3vw,3.2rem);display:grid}.auth-showcase h1{font-size:var(--text-4xl);max-width:19ch;color:var(--ink);line-height:1.05}.auth-showcase p{max-width:56ch}.hero-panel{background:radial-gradient(circle at 88% 4%, #ffd36a40, transparent 45%), linear-gradient(145deg, #f59a3d33, transparent 50%), var(--bg-soft)}.hero-panel h3{font-size:var(--text-3xl);max-width:20ch;margin:.45rem 0 .6rem;line-height:1.08}.hero-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.metric-panel h3{margin:var(--space-2) 0}.stats-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stats-grid h3{font-size:var(--text-xl);font-variant-numeric:tabular-nums;margin-top:.45rem}.hero-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.dynamic-preview{gap:var(--space-4);grid-template-columns:1fr;align-items:center;display:grid}@container page (width>=640px){.hero-grid{grid-template-columns:1.6fr 1fr}.hero-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.dynamic-preview{grid-template-columns:1.2fr .8fr}}.qris-image,.uploaded-qris{border-radius:var(--radius-md);border:1px solid var(--line);width:100%;max-width:260px;padding:var(--space-3);background:#fff7e7}.grid-form{margin-top:var(--space-4);gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.grid-form .full-col{grid-column:1/-1}.image-panel{gap:var(--space-3);display:grid}@media (width<=860px){.auth-layout{padding:var(--space-4);grid-template-columns:1fr}}.landing{max-width:1280px;min-height:100dvh;padding:var(--space-4) var(--space-6) var(--space-6);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.landing-nav{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-3);display:flex}.landing-brand{letter-spacing:-.01em;color:var(--ink);white-space:nowrap;font-family:Outfit,sans-serif;font-size:clamp(.92rem,2.6vw,1.1rem);font-weight:700}.landing-nav .primary-button{font-size:var(--text-sm);white-space:nowrap;flex-shrink:0;padding:.5rem .85rem}.landing-main{flex-direction:column;flex:1;min-height:0;display:flex}.landing-hero{gap:var(--space-8);min-height:0;padding-block:var(--space-4);flex:1;grid-template-columns:1fr;align-items:center;display:grid}.landing-hero-copy{gap:var(--space-4);align-content:center;justify-items:start;display:grid}.landing-hero-copy h1{font-size:var(--text-4xl);max-width:16ch;color:var(--ink);line-height:1.05}.landing-hero-copy p:not(.meta-label){max-width:46ch}.landing-hero-visual{justify-content:center;align-items:center;display:flex}.landing-mark{aspect-ratio:1;filter:drop-shadow(0 20px 40px #00000059);width:100%;max-width:320px}.landing-mark-frame{fill:var(--bg-soft);stroke:var(--line-strong);stroke-width:1.5px}.landing-mark-finder-outer{fill:none;stroke:var(--accent);stroke-width:5px}.landing-mark-finder-inner{fill:var(--accent);opacity:.85}.landing-mark-module{fill:var(--accent-support);opacity:.55}.landing-mark-scan{fill:var(--accent-2);opacity:.14}.landing-capabilities{gap:var(--space-6);padding-block:var(--space-6);border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.landing-capability{gap:var(--space-2);align-content:start;display:grid}.landing-capability-icon{color:var(--accent)}.landing-capability h3{font-size:1.05rem}.landing-capability p{font-size:var(--text-sm);max-width:38ch}.landing-footer{justify-content:space-between;align-items:center;gap:var(--space-2);padding-block:var(--space-4);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}@media (width>=860px){.landing-hero{grid-template-columns:1.1fr .9fr}}