.page-module__ByvEAa__container{--app-bg:#edf0f7;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--primary-muted:#dbeafe;--text:#1a1a2e;--text-2:#6b7280;--text-3:#9ca3af;--surface:#fff;--surface-2:#f8f9fb;--border:#eeeff5;--border-2:#e5e5ef;--c-green:#f0faf5;--c-green-icon:#52c783;--c-purple:#f5f0ff;--c-purple-icon:#9b7fe8;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:999px;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-md:0 4px 16px #0000000f;background-color:var(--app-bg);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.page-module__ByvEAa__header{background:var(--surface);border-bottom:1px solid var(--border);z-index:50;position:sticky;top:0}.page-module__ByvEAa__headerInner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.page-module__ByvEAa__headerLeft{align-items:center;gap:16px;display:flex}.page-module__ByvEAa__backBtn{border-radius:var(--r-md);color:var(--text-2);justify-content:center;align-items:center;margin-left:-8px;padding:8px;transition:all .2s;display:flex}.page-module__ByvEAa__backBtn:hover{background:var(--surface-2);color:var(--text)}.page-module__ByvEAa__logoWrap{color:var(--text);align-items:center;gap:12px;font-size:16px;font-weight:700;display:flex}.page-module__ByvEAa__logoIcon{background:var(--primary);border-radius:var(--r-md);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.page-module__ByvEAa__headerRight{align-items:center;gap:16px;display:flex}.page-module__ByvEAa__version{color:var(--text-2);font-size:13px;font-weight:500}.page-module__ByvEAa__mobileMenuBtn{color:var(--text);cursor:pointer;border-radius:var(--r-md);background:0 0;border:none;margin-right:-8px;padding:8px;display:none}.page-module__ByvEAa__mobileMenuBtn:hover{background:var(--surface-2)}.page-module__ByvEAa__mainLayout{flex:1;width:100%;max-width:1200px;margin:0 auto;display:flex}.page-module__ByvEAa__sidebar{border-right:1px solid var(--border);width:250px;height:calc(100vh - 64px);padding:32px 24px 48px 0;position:sticky;top:64px;overflow-y:auto}.page-module__ByvEAa__sidebar::-webkit-scrollbar{display:none}.page-module__ByvEAa__navGroup{margin-bottom:32px}.page-module__ByvEAa__navGroupTitle{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;padding:0 12px;font-size:11px;font-weight:700}.page-module__ByvEAa__navList{flex-direction:column;gap:4px;list-style:none;display:flex}.page-module__ByvEAa__navItem{color:var(--text-2);border-radius:var(--r-sm);padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:block}.page-module__ByvEAa__navItem:hover{color:var(--text);background:var(--surface-2)}.page-module__ByvEAa__navItem.page-module__ByvEAa__active{color:var(--primary);background:var(--primary-light);font-weight:600}.page-module__ByvEAa__content{flex:1;min-width:0;max-width:800px;padding:40px 32px}.page-module__ByvEAa__pageTitle{color:var(--text);letter-spacing:-.02em;margin-bottom:16px;font-size:32px;font-weight:800}.page-module__ByvEAa__pageDesc{color:var(--text-2);margin-bottom:48px;font-size:16px;line-height:1.6}.page-module__ByvEAa__featureGrid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px;display:grid}.page-module__ByvEAa__featureCard{background:var(--surface);border-radius:var(--r-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);word-wrap:break-word;min-width:0;padding:24px}.page-module__ByvEAa__featureIcon{border-radius:var(--r-lg);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.page-module__ByvEAa__iconAuth{background:var(--c-green);color:var(--c-green-icon)}.page-module__ByvEAa__iconWebhook{background:var(--c-purple);color:var(--c-purple-icon)}.page-module__ByvEAa__featureTitle{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:700}.page-module__ByvEAa__featureDesc{color:var(--text-2);font-size:13px;line-height:1.5}.page-module__ByvEAa__section{margin-bottom:48px}.page-module__ByvEAa__sectionTitle{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:12px;font-size:20px;font-weight:700}.page-module__ByvEAa__sectionText{color:var(--text-2);margin-bottom:16px;font-size:14px;line-height:1.6}.page-module__ByvEAa__codeBlock{border-radius:var(--r-lg);background:#0f172a;margin-bottom:24px;padding:20px;overflow-x:auto}.page-module__ByvEAa__codeBlock pre{color:#e2e8f0;font-family:monospace;font-size:13px;line-height:1.6}.page-module__ByvEAa__inlineCode{background:var(--surface-2);color:var(--primary);border-radius:4px;padding:2px 6px;font-size:13px;font-weight:600}.page-module__ByvEAa__endpointUrl{border-radius:var(--r-lg);background:#0f172a;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;display:flex}.page-module__ByvEAa__endpointUrl code{color:#34d399;font-family:monospace;font-size:13px}.page-module__ByvEAa__endpointBadge{color:#94a3b8;background:#1e293b;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700}.page-module__ByvEAa__methodBadge{align-items:center;gap:12px;margin-bottom:24px;display:inline-flex}.page-module__ByvEAa__badgePost{background:var(--primary-light);color:var(--primary);border-radius:var(--r-sm);text-transform:uppercase;padding:4px 10px;font-size:12px;font-weight:700}.page-module__ByvEAa__endpointPath{color:var(--text);font-family:monospace;font-size:14px;font-weight:700}.page-module__ByvEAa__sdkBanner{background:var(--primary-light);border:1px solid var(--primary-muted);border-radius:var(--r-xl);align-items:flex-start;gap:16px;margin-top:48px;padding:24px;display:flex}.page-module__ByvEAa__sdkIcon{background:var(--surface);width:40px;height:40px;color:var(--primary);border-radius:var(--r-full);flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-module__ByvEAa__sdkTitle{color:var(--text);margin-bottom:4px;font-weight:700}.page-module__ByvEAa__sdkDesc{color:var(--text-2);margin-bottom:16px;font-size:13px;line-height:1.5}.page-module__ByvEAa__alertWarning{border-radius:0 var(--r-md) var(--r-md) 0;background:#fffbeb;border-left:4px solid #f59e0b;margin-bottom:24px;padding:16px}.page-module__ByvEAa__alertWarning h4{color:#b45309;margin-bottom:8px;font-size:14px;font-weight:700}.page-module__ByvEAa__alertWarning p{color:#92400e;font-size:13px;line-height:1.6}.page-module__ByvEAa__docList{color:var(--text-2);margin-bottom:24px;padding-left:20px;font-size:14px;line-height:1.6;list-style:outside}.page-module__ByvEAa__docList li{margin-bottom:8px}.page-module__ByvEAa__docList li strong{color:var(--text)}.page-module__ByvEAa__tableWrap{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);margin-bottom:24px;overflow-x:auto;box-shadow:0 1px 3px #00000005}.page-module__ByvEAa__docTable{border-collapse:collapse;width:100%;font-size:13px}.page-module__ByvEAa__docTable th,.page-module__ByvEAa__docTable td{text-align:left;border-bottom:1px solid var(--border);padding:14px 16px}.page-module__ByvEAa__docTable th{color:var(--text);text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;font-size:12px;font-weight:700}.page-module__ByvEAa__docTable td{color:var(--text);vertical-align:middle}.page-module__ByvEAa__docTable tr:hover td{background:#f8fafc}.page-module__ByvEAa__docTable tr:last-child td{border-bottom:none}.page-module__ByvEAa__badgeYa{color:#166534;background:#dcfce7;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}.page-module__ByvEAa__badgeTidak{color:#64748b;background:#f1f5f9;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.page-module__ByvEAa__copyBtn{color:#94a3b8;cursor:pointer;z-index:10;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.page-module__ByvEAa__copyBtn:hover{color:#fff;background:#fff3}@media (max-width:768px){.page-module__ByvEAa__sidebar{background:var(--surface);z-index:40;border-right:none;width:100%;height:calc(100vh - 64px);padding:24px;display:none;position:fixed;top:64px;left:0}.page-module__ByvEAa__sidebar.page-module__ByvEAa__sidebarOpen{display:block}.page-module__ByvEAa__mobileMenuBtn{display:flex}.page-module__ByvEAa__version{display:none}.page-module__ByvEAa__featureGrid{grid-template-columns:1fr}.page-module__ByvEAa__featureCard{padding:16px}.page-module__ByvEAa__content{padding:24px 16px}.page-module__ByvEAa__actorsGrid{grid-template-columns:repeat(2,1fr)!important}.page-module__ByvEAa__flowCard{flex-direction:column!important;gap:14px!important;padding:16px!important}.page-module__ByvEAa__pipelineBar{display:none!important}}.page-module__ByvEAa__downloadBtn{background-color:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-sm);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.page-module__ByvEAa__downloadBtn:hover{background-color:var(--surface-2);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.page-module__ByvEAa__downloadBtn:active{transform:translateY(0)}.page-module__ByvEAa__flowSection{margin-top:36px;margin-bottom:48px}.page-module__ByvEAa__flowDiagramCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px}.page-module__ByvEAa__flowDiagramTop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-module__ByvEAa__flowDiagramTitleWrap{align-items:center;gap:10px;display:flex}.page-module__ByvEAa__flowBadgePill{background:var(--primary-light);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--r-full);align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.page-module__ByvEAa__actorsGrid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.page-module__ByvEAa__actorCard{background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--r-lg);text-align:center;flex-direction:column;align-items:center;padding:16px 12px;transition:all .2s;display:flex}.page-module__ByvEAa__actorCard:hover{border-color:var(--primary-muted);background:#fff;box-shadow:0 4px 12px #2563eb14}.page-module__ByvEAa__actorIconBox{border-radius:var(--r-md);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:10px;display:flex}.page-module__ByvEAa__actorUser{color:#0284c7;background:#e0f2fe}.page-module__ByvEAa__actorMerchant{color:#d97706;background:#fef3c7}.page-module__ByvEAa__actorWago{color:#7c3aed;background:#ede9fe}.page-module__ByvEAa__actorBank{color:#16a34a;background:#dcfce7}.page-module__ByvEAa__actorName{color:var(--text);margin-bottom:4px;font-size:13px;font-weight:700}.page-module__ByvEAa__actorRole{color:var(--text-2);font-size:11px;line-height:1.4}.page-module__ByvEAa__pipelineBar{background:var(--surface-2);border:1px dashed var(--border-2);border-radius:var(--r-lg);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.page-module__ByvEAa__pipelineItem{flex-shrink:0;align-items:center;gap:8px;display:flex}.page-module__ByvEAa__pipelineBadge{border-radius:var(--r-full);background:var(--primary);color:#fff;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:flex}.page-module__ByvEAa__pipelineText{color:var(--text);font-size:12px;font-weight:600}.page-module__ByvEAa__pipelineArrow{color:var(--text-3);flex-shrink:0}.page-module__ByvEAa__flowCardsContainer{flex-direction:column;gap:16px;display:flex}.page-module__ByvEAa__flowCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);gap:20px;padding:20px 24px;transition:all .2s;display:flex;position:relative}.page-module__ByvEAa__flowCard:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-2px)}.page-module__ByvEAa__flowCardNumberCol{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.page-module__ByvEAa__flowCardNumber{border-radius:var(--r-full);background:var(--primary-light);border:2px solid var(--primary-muted);width:44px;height:44px;color:var(--primary);justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.page-module__ByvEAa__flowCardBody{flex:1;min-width:0}.page-module__ByvEAa__flowCardHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.page-module__ByvEAa__flowCardTitle{color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.page-module__ByvEAa__flowCardParticipant{background:var(--surface-2);border:1px solid var(--border-2);color:var(--text-2);border-radius:var(--r-full);align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.page-module__ByvEAa__flowCardDesc{color:var(--text-2);margin-bottom:14px;font-size:13px;line-height:1.6}.page-module__ByvEAa__flowCardFooter{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.page-module__ByvEAa__flowCardTags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-module__ByvEAa__flowTagEndpoint{color:var(--primary);background:var(--primary-light);border-radius:4px;padding:3px 8px;font-family:monospace;font-size:12px;font-weight:600}.page-module__ByvEAa__flowTagMethod{text-transform:uppercase;color:#fff;background:var(--primary);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.page-module__ByvEAa__flowTagBadge{color:#475569;background:#f1f5f9;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.page-module__ByvEAa__flowActionLink{color:var(--primary);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:600;text-decoration:underline;display:inline-flex}.page-module__ByvEAa__flowActionLink:hover{color:var(--primary-hover)}.page-module__ByvEAa__seqContainer{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:32px 0;padding:24px;overflow-x:auto;box-shadow:0 4px 6px -1px #0000000d}.page-module__ByvEAa__seqInner{min-width:960px;position:relative}.page-module__ByvEAa__seqHeader{z-index:2;justify-content:space-around;margin-bottom:24px;display:flex;position:relative}.page-module__ByvEAa__seqActor{color:#334155;text-align:center;background:#f8fafc;border:2px solid #cbd5e1;border-radius:8px;flex-direction:column;align-items:center;gap:8px;width:120px;padding:10px 8px;font-size:13px;font-weight:600;display:flex;box-shadow:0 2px 4px #00000005}.page-module__ByvEAa__seqActor svg{color:#64748b}.page-module__ByvEAa__seqBody{padding-top:16px;padding-bottom:32px;position:relative}.page-module__ByvEAa__seqLine{z-index:1;background:#cbd5e1;width:2px;position:absolute;top:-24px;bottom:0;transform:translate(-50%)}.page-module__ByvEAa__seqMessageRow{z-index:3;height:48px;margin-bottom:16px;position:relative}.page-module__ByvEAa__seqMessage{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.page-module__ByvEAa__seqMessageLine{background:#0284c7;height:2px;position:absolute;left:0;right:0}.page-module__ByvEAa__seqMessageLineDashed{background:0 0;border-bottom:2px dashed #0284c7;height:2px;position:absolute;left:0;right:0}.page-module__ByvEAa__seqArrowRight{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:8px solid #0284c7;width:0;height:0;position:absolute;top:50%;right:-2px;transform:translateY(-50%)}.page-module__ByvEAa__seqArrowLeft{border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:8px solid #0284c7;width:0;height:0;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}.page-module__ByvEAa__seqLabel{color:#0284c7;z-index:2;white-space:nowrap;background:#fff;border:1px solid #bae6fd;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.page-module__ByvEAa__seqLabelDashed{color:#0ea5e9;border-color:#e0f2fe}.page-module__ByvEAa__scrollHint{display:none}@media (max-width:768px){.page-module__ByvEAa__scrollHint{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:8px;margin-top:14px;margin-bottom:8px;padding:6px 14px;font-size:11.5px;font-weight:600;animation:2.5s ease-in-out infinite page-module__ByvEAa__pulseHint;display:inline-flex}.page-module__ByvEAa__scrollHintIcon{color:#2563eb;animation:1.5s ease-in-out infinite page-module__ByvEAa__nudgeRight}.page-module__ByvEAa__seqContainer{scroll-behavior:smooth;-webkit-overflow-scrolling:touch!important;border-radius:12px!important;margin:16px 0!important;padding:16px 8px!important}.page-module__ByvEAa__seqInner{min-width:880px!important}.page-module__ByvEAa__seqHeader{margin-bottom:18px!important}.page-module__ByvEAa__seqActor{border-radius:6px!important;gap:4px!important;width:105px!important;padding:8px 4px!important;font-size:11px!important}.page-module__ByvEAa__seqActor svg{width:18px!important;height:18px!important}.page-module__ByvEAa__seqLabel{padding:3px 8px!important;font-size:10.5px!important}.page-module__ByvEAa__seqMessageRow{height:42px!important;margin-bottom:10px!important}}@keyframes page-module__ByvEAa__pulseHint{0%,to{opacity:1}50%{opacity:.85}}@keyframes page-module__ByvEAa__nudgeRight{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.page-module__ByvEAa__seqContainer::-webkit-scrollbar{height:6px}.page-module__ByvEAa__seqContainer::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.page-module__ByvEAa__seqContainer::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.page-module__ByvEAa__seqContainer::-webkit-scrollbar-thumb:hover{background:#94a3b8}