@layer theme{:root,:host{--default-font-family:var(--font-manrope);--default-mono-font-family:var(--font-plex-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.order-123{order:123}.flex{display:flex}.hidden{display:none}.h-full{height:100%}.min-h-full{min-height:100%}.flex-col{flex-direction:column}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--background:#f1f0ea;--foreground:#17201c;--ink-muted:#66716b;--line:#d9d9d0;--panel:#faf9f5;--green:#164f3a;--green-2:#247152;--mint:#c7efd8;--amber:#d99a2b;--red:#a94235;--sidebar:#e8e6de;--shadow:0 18px 50px #1a272114}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font-family:var(--font-manrope),sans-serif;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{transition-property:color,background-color,border-color,transform,box-shadow;transition-duration:.15s;transition-timing-function:ease-out}button:active,a:active{transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.48}:focus-visible{outline:2px solid var(--green);outline-offset:3px}code,pre,.money{font-family:var(--font-plex-mono),monospace;font-variant-numeric:tabular-nums}.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}.mobile-only{display:none!important}.button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex}.button-primary{background:var(--green);color:#fff;box-shadow:0 7px 18px #164f3a29}.button-secondary{background:var(--panel);border-color:var(--line);color:#344139}.button-secondary:hover{background:#fff;border-color:#abb1aa}.button-dark{color:#fff;background:#17201c}.button-ghost{background:0 0}.button-danger{color:#923c31;background:#fff4f1;border-color:#ebc7c0}.button-inverse{color:#173f31;background:#fff}.button-large{min-height:50px;padding:0 21px;font-size:13px}.full-button{width:100%}.button-row{flex-wrap:wrap;gap:10px;display:flex}.icon-button{border:1px solid var(--line);background:var(--panel);border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.brand{align-items:center;gap:11px;min-height:44px;display:flex}.brand>span{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:900;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}.brand div{flex-direction:column;display:flex}.brand strong{letter-spacing:-.03em;font-size:14px}.brand small{font:600 8px var(--font-plex-mono);letter-spacing:.16em;color:var(--ink-muted)}.app-frame{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{background:var(--sidebar);border-right:1px solid var(--line);z-index:30;flex-direction:column;height:100vh;padding:22px 17px 17px;display:flex;position:sticky;top:0}.sidebar-top{justify-content:space-between;align-items:center;padding:0 5px;display:flex}.app-sidebar nav{flex-direction:column;gap:3px;margin-top:27px;display:flex}.app-sidebar nav>p{font:600 9px var(--font-plex-mono);letter-spacing:.16em;color:#8a928d;margin:18px 10px 7px}.app-sidebar nav>a{color:#59645e;border-radius:11px;align-items:center;gap:11px;min-height:41px;padding:0 11px;font-size:12px;font-weight:700;display:flex}.app-sidebar nav>a.nav-active{background:var(--green);color:#fff;box-shadow:0 8px 20px #164f3a26}.workspace-card{background:#f3f1ea;border:1px solid #ced0c8;border-radius:15px;align-items:center;gap:10px;margin-top:auto;padding:11px;display:flex}.workspace-avatar{color:#19523d;background:#d5e9dd;border-radius:10px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:900;display:grid}.workspace-card div{flex-direction:column;flex:1;min-width:0;display:flex}.workspace-card strong{font-size:11px}.workspace-card small{color:var(--ink-muted);font-size:9px}.workspace-card button{background:0 0;border:0}.app-main{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#f1f0eadb;align-items:center;gap:14px;height:70px;padding:0 30px;display:flex;position:sticky;top:0}.global-search{border:1px solid var(--line);width:min(420px,45vw);height:39px;color:var(--ink-muted);background:#f8f7f2;border-radius:11px;align-items:center;gap:9px;padding:0 12px;display:flex}.global-search input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.topbar-status{color:#725d23;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin-left:auto;font-size:10px;font-weight:800;display:flex}.topbar-status>span:first-child{background:var(--amber);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #d99a2b21}.user-chip{background:0 0;border:0;align-items:center;gap:8px;min-height:39px;font-size:11px;font-weight:800;display:flex}.user-chip>span:first-child{color:#fff;background:#17201c;border-radius:10px;place-items:center;width:31px;height:31px;font-size:10px;display:grid}.sidebar-scrim{display:none}.preview-notice{color:#745e27;background:#fff9e7;border:1px solid #e2d5a9;border-radius:9px;align-items:center;gap:8px;width:max-content;max-width:100%;margin-bottom:17px;padding:8px 11px;font-size:10px;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.eyebrow,.section-label{font:700 9px var(--font-plex-mono);letter-spacing:.17em;color:var(--green-2);margin:0 0 8px}.page-header h1,.detail-heading h1{letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:32px;line-height:1.12}.page-description{max-width:650px;color:var(--ink-muted);text-wrap:pretty;margin:8px 0 0;font-size:12px;line-height:1.7}.page-actions{gap:9px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;min-height:72px;padding:18px 21px;display:flex}.panel-header h2{letter-spacing:-.02em;margin:0;font-size:13px}.text-link{color:var(--green-2);align-items:center;gap:5px;font-size:10px;font-weight:800;display:inline-flex}.metric-grid{background:var(--line);border:1px solid var(--line);border-radius:20px;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:20px;display:grid;overflow:hidden}.metric-card{background:var(--panel);padding:20px}.metric-card>p{color:var(--ink-muted);margin:0;font-size:10px;font-weight:800}.metric-card>strong{font:600 27px var(--font-plex-mono);letter-spacing:-.05em;margin:18px 0 8px;display:block}.metric-card>div{color:var(--ink-muted);justify-content:space-between;gap:8px;font-size:9px;display:flex}.metric-trend{color:var(--green-2);font-weight:800}.metric-green{background:#eef8f2}.metric-amber{background:#fbf5e8}.content-grid{gap:20px;margin-bottom:20px;display:grid}.two-thirds{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.half{grid-template-columns:repeat(2,minmax(0,1fr))}.status-badge{width:max-content;font:700 8px var(--font-plex-mono);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:999px;align-items:center;padding:5px 8px;display:inline-flex}.status-success{color:#15523b;background:#dcefe4}.status-warning{color:#795a17;background:#f5e8c9}.status-danger{color:#8c382d;background:#f5ded8}.status-neutral{color:#5e6762;background:#e7e8e3}.timeline{padding:5px 20px}.timeline-item{border-bottom:1px solid #e6e5df;grid-template-columns:12px minmax(0,1fr) auto;gap:11px;padding:15px 0;display:grid;position:relative}.timeline-item:last-child{border:0}.timeline-dot{background:#9ba39e;border-radius:50%;width:8px;height:8px;margin-top:4px;box-shadow:0 0 0 4px #ecece7}.dot-success{background:#279064;box-shadow:0 0 0 4px #dff0e6}.dot-warning{background:var(--amber);box-shadow:0 0 0 4px #f6ead0}.timeline-item h3,.setup-step h3{margin:0;font-size:11px}.timeline-item p,.setup-step p{color:var(--ink-muted);margin:4px 0 0;font-size:9px}.timeline-item time{font:600 8px var(--font-plex-mono);color:var(--ink-muted);align-items:center;gap:4px;display:flex}.setup-step{border-bottom:1px solid #e6e5df;grid-template-columns:31px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:12px 0;display:grid}.setup-step:last-child{border:0}.setup-step>span{width:29px;height:29px;font:700 9px var(--font-plex-mono);background:#eeeae1;border-radius:10px;place-items:center;display:grid}.setup-step>span.step-done{color:#15523b;background:#dcefe4}.entity-list{padding:5px 19px}.entity-row{border-bottom:1px solid #e6e5df;align-items:center;gap:11px;min-height:63px;display:flex}.entity-row:last-child{border:0}.entity-avatar,.provider-mark{color:#17523d;width:36px;height:36px;font:800 10px var(--font-plex-mono);background:#dcece2;border-radius:11px;flex:none;place-items:center;display:grid}.entity-row>div{flex-direction:column;flex:1;min-width:0;display:flex}.entity-row small{color:var(--ink-muted);margin-top:3px;font-size:8px}.health-pulse{background:#aaa;border-radius:50%;width:9px;height:9px}.pulse-online{background:#279064;box-shadow:0 0 0 4px #2790641f}.pulse-offline{background:#c45b49;box-shadow:0 0 0 4px #c45b491a}.panel-footer-link{border-top:1px solid var(--line);min-height:48px;color:var(--green-2);justify-content:center;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.compact-grid{padding:5px 19px}.compact-grid>a{border-bottom:1px solid #e6e5df;grid-template-columns:minmax(0,1fr) 120px 120px;align-items:center;gap:15px;padding:13px 0;display:grid}.compact-grid>a:last-child{border:0}.compact-grid div{gap:15px;display:flex}.compact-grid code{font-size:9px}.compact-grid strong,.compact-grid>span{font-size:10px}.table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:63px;padding:11px 15px;display:flex}.table-toolbar>input{border:1px solid var(--line);background:#fff;border-radius:10px;outline:0;width:min(390px,60%);height:38px;padding:0 12px;font-size:10px}.table-toolbar>div{gap:8px;display:flex}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:790px}.data-table th{text-align:left;color:#7d8580;font:700 8px var(--font-plex-mono);letter-spacing:.08em;text-transform:uppercase;background:#f2f1eb;padding:12px 17px}.data-table td{border-top:1px solid #e5e4de;padding:15px 17px;font-size:10px}.table-primary{font:700 9px var(--font-plex-mono);color:var(--green-2)}.truncate-cell{text-overflow:ellipsis;white-space:nowrap;max-width:230px;overflow:hidden}.back-link{color:var(--ink-muted);align-items:center;gap:7px;margin-bottom:22px;font-size:10px;font-weight:800;display:inline-flex}.detail-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.detail-heading span:not(.status-badge){color:var(--ink-muted);margin-top:8px;font-size:10px;display:block}.detail-list{margin:0;padding:8px 21px}.detail-list>div,.amount-breakdown>div{border-bottom:1px solid #e6e5df;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;display:flex}.detail-list>div:last-child,.amount-breakdown>div:last-child{border:0}.detail-list dt,.amount-breakdown dt{color:var(--ink-muted);font-size:9px}.detail-list dd,.amount-breakdown dd{margin:0;font-size:10px;font-weight:800}.detail-list a{color:var(--green-2);gap:4px;display:inline-flex}.callout-text,.muted-copy{color:var(--ink-muted);margin:0;padding:18px 21px;font-size:10px;line-height:1.7}.narrow-page{max-width:680px;margin:0 auto}.stack-form{gap:16px;padding:21px;display:grid}.stack-form label{color:#455149;gap:7px;font-size:9px;font-weight:800;display:grid}.stack-form input,.stack-form select,.stack-form textarea{width:100%;min-height:43px;color:var(--foreground);background:#fff;border:1px solid #d5d6cf;border-radius:10px;outline:0;padding:10px 12px;font-size:11px}.stack-form textarea{resize:vertical}.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #164f3a14}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.form-note{color:#6c624a;background:#f5f1e7;border-radius:10px;padding:11px 13px;font-size:9px;line-height:1.6}.payment-instruction{align-items:center;gap:24px;padding:22px;display:flex}.qr-placeholder,.qris-preview,.customer-qr{color:#68736d;background:#fff;border:1px dashed #aab1ab;border-radius:15px;place-items:center;display:grid}.qr-placeholder{width:145px;height:145px}.qr-placeholder span,.qris-preview span{font:700 8px var(--font-plex-mono)}.payment-instruction>div:last-child{flex-direction:column;align-items:flex-start;display:flex}.payment-instruction small{color:var(--ink-muted);font-size:9px}.payment-instruction strong{font:600 28px var(--font-plex-mono);margin:6px 0}.payment-instruction p{color:var(--ink-muted);font-size:9px}.copy-line{min-height:33px;color:var(--green-2);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:9px;font-weight:800;display:inline-flex}.amount-breakdown{border-top:1px solid var(--line);margin:0;padding:0 22px 12px}.horizontal-timeline{grid-template-columns:repeat(3,1fr);display:grid}.horizontal-timeline .timeline-item{border-bottom:0;border-right:1px solid #e6e5df}.horizontal-timeline .timeline-item:last-child{border:0}.card-grid,.device-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px;display:grid}.channel-card,.device-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:19px;display:block}.channel-card:hover,.device-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.channel-card-top{justify-content:space-between;display:flex}.channel-card>p,.device-card p{color:var(--ink-muted);margin:0;font-size:9px}.channel-card dl>div,.device-card dl>div{border-top:1px solid #e8e7e1;justify-content:space-between;gap:10px;padding:8px 0;font-size:9px;display:flex}.channel-card dt,.device-card dt{color:var(--ink-muted)}.channel-card dd,.device-card dd{margin:0;font-weight:800}.readiness-bars{gap:17px;padding:16px 21px;display:grid}.readiness-bars div{grid-template-columns:1fr auto;gap:10px;padding-bottom:8px;display:grid;position:relative}.readiness-bars span,.readiness-bars strong{font-size:9px}.readiness-bars strong{color:var(--ink-muted)}.readiness-bars i{background:var(--green-2);border-radius:3px;height:3px;position:absolute;bottom:0;left:0}.upload-zone{background:#f8f8f4;border:1px dashed #aab1ab;align-content:center;place-items:center;border-radius:13px!important;min-height:120px!important}.upload-zone input{display:none}.upload-zone span{color:var(--ink-muted);font-size:8px}.qris-preview{height:180px;margin:20px}.qris-preview+.button{margin:0 20px 20px}.device-card{grid-template-columns:46px 1fr auto;align-items:start;gap:11px;display:grid}.device-card dl{grid-column:1/-1}.device-visual{background:#e2ece6;border-radius:13px;place-items:center;width:45px;height:52px;display:grid;position:relative}.device-visual .health-pulse{position:absolute;bottom:3px;right:-2px}.policy-row,.permission-grid{background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.policy-row>div,.permission-grid>div{background:var(--panel);flex-direction:column;gap:5px;padding:18px;display:flex}.policy-row strong,.permission-grid strong{font-size:9px}.policy-row span,.permission-grid p{color:var(--ink-muted);margin:0;font-size:9px}.security-strip{color:#194e3b;background:#eaf6ef;border:1px solid #bfd9ca;border-radius:13px;align-items:flex-start;gap:12px;margin:0 0 20px;padding:14px 16px;display:flex}.security-strip div{flex-direction:column;display:flex}.security-strip strong{font-size:10px}.security-strip span{color:#4f695d;margin-top:3px;font-size:9px}.warning-strip{color:#75591d;background:#fff7e3;border-color:#e3d1a5}.secret-box{border:1px solid var(--line);background:#f5f4ee;border-radius:13px;padding:18px}.secret-box>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.secret-box>div:first-child{flex-direction:column;align-items:flex-start}.secret-box code{font-size:10px}.secret-box button{border:1px solid var(--line);background:#fff;border-radius:9px;width:34px;height:34px}.secret-box p{color:var(--red);margin:10px 0 0;font-size:8px}.health-grid>div{border:1px solid var(--line);background:var(--panel);border-radius:15px;grid-template-columns:28px 1fr;align-items:center;padding:15px;display:grid}.health-grid svg{color:var(--green-2);grid-row:1/3}.health-grid span{color:var(--ink-muted);font-size:8px}.health-grid strong{font-size:9px}.review-summary{border:1px solid var(--line);background:var(--line);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:20px;display:grid;overflow:hidden}.review-summary>div{background:var(--panel);justify-content:space-between;align-items:center;padding:17px;display:flex}.review-summary span{color:var(--ink-muted);font-size:9px}.review-summary strong{font:600 18px var(--font-plex-mono)}.priority-pill,.role-pill{font:700 8px var(--font-plex-mono);background:#eeeae1;border-radius:7px;padding:4px 7px}.age-cell,.member-name{align-items:center;gap:6px;display:flex}.member-name>span{background:#e3ece6;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.more-button{background:0 0;border:0;min-width:36px;min-height:36px}.check-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.check-grid label,.checkbox-line{align-items:center;grid-template-columns:auto 1fr!important;gap:7px!important;display:flex!important}.secret-summary,.webhook-health,.billing-method{background:#f0f0ea;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:18px 21px;padding:14px;display:flex}.secret-summary span{font:600 10px var(--font-plex-mono)}.webhook-health{color:var(--green-2);justify-content:flex-start}.webhook-health div,.billing-method div{flex-direction:column;display:flex}.webhook-health strong,.billing-method strong{font-size:10px}.webhook-health span,.billing-method p{color:var(--ink-muted);margin:3px 0 0;font-size:8px}.dead-letter-note{border-top:1px solid var(--line);color:#835126;background:#fbf3e6;align-items:center;gap:7px;padding:12px 17px;font-size:8px;display:flex}.api-key-list{padding:7px 20px}.api-key-row{border-bottom:1px solid #e6e5df;grid-template-columns:38px minmax(240px,1fr) 120px 120px auto 35px;align-items:center;gap:13px;padding:15px 0;display:grid}.api-key-row:last-child{border:0}.api-key-row>div{flex-direction:column;gap:3px;display:flex}.api-key-row strong{font-size:9px}.api-key-row small{color:var(--ink-muted);font-size:8px}.api-key-row code{font-size:8px}.scope-grid{background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.scope-grid>div{background:var(--panel);padding:18px}.scope-grid code{color:var(--green-2);font-size:8px}.scope-grid p{color:var(--ink-muted);font-size:8px}.billing-hero{color:#fff;background:#173f31;border-radius:20px;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:20px;padding:30px;display:grid;box-shadow:0 20px 50px #173f3126}.plan-label{color:#bde1cc;font:700 9px var(--font-plex-mono);align-items:center;gap:6px;display:inline-flex}.billing-hero h2{font:600 28px var(--font-plex-mono);margin:12px 0 5px}.billing-hero h2 small{font-size:11px}.billing-hero p{color:#bad0c5;font-size:10px}.plan-features{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.plan-features span,.doc-checks li{align-items:center;gap:7px;font-size:9px;display:flex}.plan-features svg,.doc-checks svg{color:#bfe7d0;width:15px}.usage-list{gap:18px;padding:15px 21px;display:grid}.usage-list>div{grid-template-columns:1fr auto;gap:8px;display:grid}.usage-list span,.usage-list strong{font-size:9px}.usage-list i{background:#e5e6e0;border-radius:6px;grid-column:1/-1;height:6px;overflow:hidden}.usage-list b{background:var(--green-2);height:100%;display:block}.billing-method{justify-content:flex-start}.billing-method>span{background:#dcebe2;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.billing-method+.button{margin:0 21px 21px}.empty-inline{text-align:center;color:var(--ink-muted);padding:25px;font-size:9px}.settings-layout{grid-template-columns:200px minmax(0,1fr);gap:20px;display:grid}.settings-nav{flex-direction:column;gap:4px;display:flex}.settings-nav a{border-radius:10px;align-items:center;gap:9px;min-height:42px;padding:0 11px;font-size:9px;font-weight:800;display:flex}.settings-nav a:first-child,.settings-nav a:hover{background:var(--panel)}.settings-nav svg{width:15px}.settings-content{gap:18px;display:grid}.settings-panel{scroll-margin-top:90px}.toggle-list>label{border-bottom:1px solid #e6e5df;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.toggle-list span{flex-direction:column;display:flex}.toggle-list small{color:var(--ink-muted);font-size:8px}.toggle-list input{width:36px;height:20px}.docs-toc{flex-direction:column;gap:8px;height:max-content;display:flex;position:sticky;top:95px}.docs-toc strong{font:700 8px var(--font-plex-mono);letter-spacing:.12em;color:#8b928e;margin:14px 0 4px}.docs-toc a{color:var(--ink-muted);font-size:9px}.docs-content{gap:45px;display:grid}.docs-content h2{letter-spacing:-.04em;margin:8px 0 11px;font-size:22px}.docs-content p{color:var(--ink-muted);font-size:10px;line-height:1.8}.doc-version{font:700 8px var(--font-plex-mono);color:var(--green-2)}.code-block{color:#dcebe2;background:#15201b;border-radius:15px;margin-top:18px;overflow:hidden}.code-block>div{background:#202d27;justify-content:space-between;padding:10px 13px;font-size:8px;display:flex}.code-block button{color:#fff;background:0 0;border:0}.code-block pre{margin:0;padding:18px;font-size:9px;line-height:1.8;overflow:auto}.endpoint-title{align-items:center;gap:10px;display:flex}.method-post{color:#18513d;font:800 8px var(--font-plex-mono);background:#dcefe4;border-radius:6px;padding:5px 8px}.api-fields{margin:0;padding:8px 20px}.api-fields>div{border-bottom:1px solid #e6e5df;grid-template-columns:180px 1fr;padding:13px 0;display:grid}.api-fields dt{font:600 9px var(--font-plex-mono)}.api-fields dt b{color:var(--red);font-size:7px}.api-fields dd{color:var(--ink-muted);margin:0;font-size:9px}.doc-checks{gap:10px;padding:0;list-style:none;display:grid}.landing{background:#f4f1e8;min-height:100vh}.landing-nav{justify-content:space-between;align-items:center;max-width:1240px;height:78px;margin:auto;padding:0 24px;display:flex}.landing-nav nav{gap:28px;font-size:10px;font-weight:800;display:flex}.landing-nav>div{gap:5px;display:flex}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:1240px;margin:auto;padding:70px 24px 85px;display:grid}.hero-kicker{font:700 9px var(--font-plex-mono);letter-spacing:.13em;color:var(--green-2);align-items:center;gap:7px;display:flex}.hero h1{letter-spacing:-.075em;margin:16px 0 22px;font-size:63px;line-height:.98}.hero h1 em{color:var(--green-2);font-style:normal}.hero-copy>p:not(.hero-kicker){color:#58645d;max-width:540px;font-size:14px;line-height:1.75}.hero-actions{gap:10px;margin:26px 0 16px;display:flex}.hero-copy>small{color:#7c837e;font-size:8px}.hero-console{color:#fff;background:#17231d;border:1px solid #43574d;border-radius:20px;overflow:hidden;transform:rotate(1deg);box-shadow:0 35px 70px #122d2130}.console-top{background:#202e27;align-items:center;gap:6px;height:42px;padding:0 14px;display:flex}.console-top>span{background:#738078;border-radius:50%;width:7px;height:7px}.console-top code{color:#a9c3b6;margin-left:auto;font-size:8px}.signal-flow{gap:12px;padding:30px;display:grid}.signal-flow>div{grid-template-columns:40px 1fr;align-items:center;column-gap:12px;display:grid}.flow-icon{color:#bde7ce;background:#294137;border-radius:12px;grid-row:1/3;place-items:center;width:40px;height:40px;display:grid}.flow-icon svg{width:18px}.signal-flow p{margin:0;font-size:11px;font-weight:800}.signal-flow small{color:#91a49a;font-size:8px}.signal-flow>i{border-left:1px dashed #597066;height:18px;margin-left:19px}.console-invoice{background:#21332a;grid-template-columns:1fr 1fr auto;align-items:center;gap:15px;padding:17px 20px;display:grid}.console-invoice div{flex-direction:column;display:flex}.console-invoice small{font:600 7px var(--font-plex-mono);color:#87a094}.console-invoice strong{font:600 10px var(--font-plex-mono)}.console-invoice>span{color:#174835;font:800 7px var(--font-plex-mono);background:#bfe7d0;border-radius:6px;padding:5px 8px}.trust-band{color:#7b827d;font:700 9px var(--font-plex-mono);border-top:1px solid #ddd9cd;border-bottom:1px solid #ddd9cd;justify-content:center;gap:55px;padding:20px;display:flex}.landing-section,.workflow-section,.developer-section,.pricing-section{max-width:1160px;margin:auto;padding:100px 24px}.landing-section>h2,.workflow-section h2,.developer-section h2,.pricing-section h2{letter-spacing:-.055em;max-width:740px;margin:0 0 45px;font-size:40px;line-height:1.1}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-grid article{border:1px solid var(--line);background:#faf8f1;border-radius:19px;padding:28px}.feature-grid svg{color:var(--green-2)}.feature-grid h3{margin:25px 0 10px;font-size:14px}.feature-grid p{color:var(--ink-muted);margin:0;font-size:10px;line-height:1.7}.workflow-section{grid-template-columns:.8fr 1.2fr;gap:80px;display:grid}.workflow-section ol{margin:0;padding:0;list-style:none}.workflow-section li{border-bottom:1px solid var(--line);grid-template-columns:45px 1fr;gap:15px;padding:22px 0;display:grid}.workflow-section li>span{font:600 10px var(--font-plex-mono);color:var(--green-2)}.workflow-section strong{font-size:12px}.workflow-section p{color:var(--ink-muted);margin:6px 0 0;font-size:9px}.developer-section{color:#fff;background:#173f31;grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:none;padding-left:max(24px,50vw - 556px);padding-right:max(24px,50vw - 556px);display:grid}.developer-section h2{margin-bottom:18px}.developer-section p{color:#b5cbc0;font-size:11px;line-height:1.7}.developer-section ul{grid-template-columns:repeat(2,1fr);gap:10px;padding:0;list-style:none;display:grid}.developer-section li{align-items:center;gap:7px;font-size:9px;display:flex}.developer-section svg{color:#bde7ce;width:14px}.developer-section .text-link{color:#c9edd8}.developer-section pre{color:#c5e5d2;background:#0f1d16;border:1px solid #456052;border-radius:18px;margin:0;padding:28px;font-size:10px;line-height:1.8;overflow:auto}.pricing-section{text-align:center}.pricing-section h2{margin-left:auto;margin-right:auto}.price-card{text-align:left;border:1px solid var(--line);background:#faf8f1;border-radius:20px;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px;max-width:720px;margin:auto;padding:28px;display:grid}.price-card span{font:700 8px var(--font-plex-mono);color:var(--green-2)}.price-card h3{font:600 25px var(--font-plex-mono);margin:10px 0}.price-card p,.price-card li{color:var(--ink-muted);font-size:9px}.price-card ul{gap:7px;padding:0;list-style:none;display:grid}.price-card li{align-items:center;gap:6px;display:flex}.price-card svg{width:13px;color:var(--green-2)}.landing-footer{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto auto;align-items:center;gap:35px;max-width:1240px;margin:auto;padding:35px 24px;display:grid}.landing-footer p,.landing-footer span,.landing-footer a{color:var(--ink-muted);font-size:8px}.landing-footer div{gap:18px;display:flex}.auth-layout{background:#f5f3ed;grid-template-columns:minmax(400px,.85fr) 1.15fr;min-height:100vh;display:grid}.auth-layout>aside{color:#fff;background:#173f31;flex-direction:column;justify-content:space-between;padding:42px 55px;display:flex}.auth-layout>aside h1{letter-spacing:-.06em;font-size:44px;line-height:1.04}.auth-layout>aside p{color:#bed0c7;max-width:470px;font-size:11px;line-height:1.8}.auth-layout blockquote{color:#b8cec3;border-left:2px solid #bde7ce;margin:0;padding:18px;font-size:10px;line-height:1.7}.auth-layout>main{flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.auth-card{width:min(420px,100%)}.auth-card h1{letter-spacing:-.05em;margin:0;font-size:30px}.auth-card>p{color:var(--ink-muted);font-size:10px}.auth-card .stack-form{padding:20px 0}.label-line{justify-content:space-between;display:flex}.label-line a,.auth-switch a{color:var(--green-2)}.auth-divider{color:var(--ink-muted);align-items:center;gap:12px;font-size:8px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-switch{text-align:center}.auth-legal{color:var(--ink-muted);margin-top:30px;font-size:7px}.auth-mobile-brand{display:none}.onboarding{background:#f5f3ed;min-height:100vh}.onboarding>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:72px;padding:0 35px;display:flex}.onboarding>header>span{font:700 8px var(--font-plex-mono);color:var(--ink-muted)}.onboarding-body{grid-template-columns:240px minmax(0,560px);gap:70px;max-width:980px;margin:70px auto;display:grid}.onboarding-body>aside{flex-direction:column;display:flex}.onboarding-body>aside button{border:0;border-bottom:1px solid var(--line);text-align:left;color:#89908c;background:0 0;align-items:center;gap:11px;padding:14px 0;display:flex}.onboarding-body>aside button.current,.onboarding-body>aside button.done{color:var(--foreground)}.onboarding-body>aside button>span{background:#e7e6df;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.onboarding-body>aside button.current>span{background:var(--green);color:#fff}.onboarding-body>aside button.done>span{color:#17523d;background:#dcefe4}.onboarding-body>aside div{flex-direction:column;display:flex}.onboarding-body>aside strong{font-size:9px}.onboarding-body>aside small{font-size:8px}.onboarding-body main h1{letter-spacing:-.055em;margin:0;font-size:36px}.onboarding-form{padding:25px 0}.onboarding-actions{justify-content:space-between;margin-top:15px;display:flex}.onboarding-token{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:12px;padding:16px;display:flex}.onboarding-token div{flex-direction:column;display:flex}.onboarding-token strong{font-size:10px}.onboarding-token span{color:var(--ink-muted);font-size:8px}.payment-page{background:#f5f3ed;min-height:100vh}.payment-page>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:72px;padding:0 max(25px,50vw - 480px);display:flex}.payment-page>header>span:last-child{color:var(--green-2);align-items:center;gap:6px;font-size:8px;font-weight:800;display:flex}.payment-page>main{grid-template-columns:1fr 360px;align-items:center;gap:60px;max-width:900px;margin:65px auto;display:grid}.payment-page section{text-align:center}.payment-page section h1{margin:0;font-size:30px}.payment-page section>p{color:var(--ink-muted);font-size:9px}.customer-qr{color:#17201c;width:270px;height:270px;margin:25px auto}.scan-copy{font-size:10px!important}.payment-page aside{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:28px}.payment-countdown{border-bottom:1px solid var(--line);color:#75601e;align-items:center;gap:7px;margin-bottom:20px;padding-bottom:19px;display:flex}.payment-countdown span{font-size:9px}.payment-countdown strong{font:600 12px var(--font-plex-mono);margin-left:auto}.payment-page aside>small{font:700 8px var(--font-plex-mono);color:var(--ink-muted)}.payment-page aside h2{font:600 30px var(--font-plex-mono);margin:8px 0}.payment-page aside dl{margin:20px 0}.payment-page aside dl>div{border-bottom:1px solid #ecebe6;justify-content:space-between;padding:9px 0;font-size:9px;display:flex}.payment-page aside dd{margin:0;font-weight:800}.payment-pending{background:#fbf4e4;border-radius:12px;gap:10px;padding:13px;display:flex}.payment-pending>span{background:var(--amber);border-radius:50%;width:9px;height:9px;margin-top:4px;box-shadow:0 0 0 4px #d99a2b1f}.payment-pending div{flex-direction:column;display:flex}.payment-pending strong{font-size:9px}.payment-pending p{color:var(--ink-muted);margin:3px 0 0;font-size:8px}.payment-page>footer{text-align:center;color:var(--ink-muted);padding:25px;font-size:8px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.route-loading,.route-error{text-align:center;align-content:center;place-items:center;gap:12px;min-height:70vh;padding:30px;display:grid}.route-loading>span{border:3px solid #d7ddd9;border-top-color:var(--green);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}.route-loading strong{font-size:10px}.route-error h1{letter-spacing:-.04em;margin:0;font-size:25px}.route-error p{color:var(--ink-muted);margin:0 0 8px;font-size:10px}.route-error>code{color:var(--green-2);font-size:42px}.pay-page{color:#fff;background:#173f31;flex-direction:column;align-items:center;min-height:100vh;padding:0 0 32px;display:flex}.pay-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;width:100%;padding:14px max(16px,50vw - 230px);display:flex}.pay-brand{font:700 10px var(--font-plex-mono);letter-spacing:.1em;color:#a8c9b9;align-items:center;gap:7px;display:inline-flex}.pay-id{font:600 10px var(--font-plex-mono);color:#8fa99d}.pay-card{color:#17231d;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:14px;width:min(460px,100% - 32px);margin:24px auto 0;padding:28px 24px;display:flex;box-shadow:0 24px 60px #122d214d}.pay-status-row{text-align:center}.pay-label{font:700 9px var(--font-plex-mono);letter-spacing:.08em;color:#66716b;text-transform:uppercase;margin:0}.pay-status-row h1{font:600 30px var(--font-plex-mono);letter-spacing:-.04em;color:#17231d;margin:6px 0 4px}.pay-amount-detail{color:#8a948f;margin:0;font-size:10px}.pay-qr-wrap{background:#fff;border:1px solid #e2e6e3;border-radius:14px;place-items:center;padding:12px;display:grid}.pay-qr{width:264px;height:264px;display:block}.pay-scan{color:#66716b;text-align:center;max-width:280px;margin:0;font-size:10px;line-height:1.6}.pay-countdown{color:#75601e;background:#fbf4e4;border-radius:7px;align-items:center;gap:7px;margin:0;padding:7px 12px;font-size:11px;display:flex}.pay-countdown strong{font:700 12px var(--font-plex-mono)}.pay-success,.pay-expired{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;display:flex}.pay-success svg{color:#249164}.pay-expired svg{color:#66716b}.pay-success h2,.pay-expired h2{color:#17231d;margin:0;font-size:17px}.pay-success p,.pay-expired p{color:#8a948f;max-width:240px;margin:0;font-size:10px;line-height:1.6}.pay-description{color:#66716b;text-align:center;border-top:1px solid #e6e5df;width:100%;margin:0;padding:8px 12px;font-size:10px}.pay-footer{color:#8a948f;border-top:1px solid #e6e5df;justify-content:center;align-items:center;gap:6px;width:100%;padding-top:10px;font-size:10px;display:flex}.pay-live-dot{background:#249164;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite pay-pulse}@keyframes pay-pulse{0%,to{box-shadow:0 0 #2491644d}50%{box-shadow:0 0 0 7px #24916400}}.pay-note{color:#7b968a;text-align:center;max-width:300px;margin:14px auto 0;font-size:9px;line-height:1.5}.pay-report-trigger{color:#8b5149;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:11px;font-weight:750;display:inline-flex}.pay-report-form{background:#fff8f6;border:1px solid #edd4cf;border-radius:12px;gap:11px;width:100%;padding:16px;display:grid}.pay-report-heading{justify-content:space-between;align-items:center;font-size:12px;display:flex}.pay-report-heading button{color:#66716b;cursor:pointer;background:0 0;border:0;font-size:10px}.pay-report-form label{color:#455149;gap:5px;font-size:10px;font-weight:750;display:grid}.pay-report-form input,.pay-report-form select,.pay-report-form textarea{color:#17231d;background:#fff;border:1px solid #d9d9d0;border-radius:8px;width:100%;padding:9px 10px;font-size:12px}.pay-report-success{color:#24553f;text-align:center;background:#eef8f2;border-radius:10px;gap:5px;width:100%;padding:14px;display:grid}.pay-report-success span,.pay-report-success small{font-size:10px}.form-honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.pay-report-form .check-label{grid-template-columns:none;align-items:flex-start;gap:8px;line-height:1.45;display:flex}.pay-report-form .check-label input{width:auto;margin-top:2px}.pay-report-form label small{color:#7a857f;font-weight:500}.admin-frame{background:#f4f6f5;grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:#111b17;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.admin-brand{align-items:center;gap:10px;padding:8px;display:flex}.admin-brand>span{flex-direction:column;display:flex}.admin-brand small{font:600 8px var(--font-plex-mono);letter-spacing:.14em;color:#80938a}.admin-sidebar nav a{color:#aab9b1;border-radius:8px;padding:11px;font-size:13px;font-weight:700}.admin-sidebar nav a:hover{color:#fff;background:#21322b}.admin-identity{border:1px solid #2d3d36;border-radius:10px;gap:3px;margin-top:auto;padding:12px;display:grid}.admin-identity strong{text-overflow:ellipsis;font-size:10px;overflow:hidden}.admin-identity span{color:#8fa199;font-size:9px}.admin-content{width:100%;max-width:1500px;margin:0 auto;padding:34px}@media (max-width:800px){.admin-frame{display:block}.admin-sidebar{flex-direction:row;align-items:center;gap:14px;width:100%;height:auto;padding:14px;position:static}.admin-sidebar nav{margin:0 0 0 auto;display:flex}.admin-identity{display:none}.admin-content{padding:24px 16px}.pay-report-form{padding:13px}}@media (max-width:480px){.pay-card{margin-top:16px;padding:22px 18px}.pay-status-row h1{font-size:24px}.pay-qr{width:220px;height:220px}}body{font-size:14px;line-height:1.5}.preview-notice,.panel-header p,.text-link,.metric-card>p,.callout-text,.muted-copy,.back-link,.detail-heading span:not(.status-badge),.auth-card>p,.billing-hero p{font-size:12px}.metric-card>div,.timeline-item p,.setup-step p,.entity-row small,.channel-card>p,.device-card p,.channel-card dl>div,.device-card dl>div,.readiness-bars span,.readiness-bars strong,.plan-features span,.doc-checks li,.usage-list span,.usage-list strong,.empty-inline,.settings-nav a,.toggle-list strong{font-size:11px}.timeline-item h3,.setup-step h3,.entity-row strong,.workspace-card strong{font-size:12px}.timeline-item time,.entity-row small,.workspace-card small{font-size:10px}.table-toolbar>input,.global-search input{font-size:12px}.data-table th{font-size:10px}.data-table td{font-size:12px}.table-primary,.detail-list dt,.amount-breakdown dt{font-size:11px}.hero-copy>small,.signal-flow small,.console-top code{font-size:10px}.auth-layout>aside p{font-size:13px}.auth-layout blockquote{font-size:12px}.auth-divider,.auth-legal{font-size:10px}.payment-page section>p,.payment-countdown span,.payment-page aside dl>div,.payment-pending strong{font-size:11px}.payment-page aside>small,.payment-pending p,.payment-page>footer{font-size:10px}.route-loading strong,.route-error p{font-size:12px}@media (max-width:1050px){.metric-grid,.card-grid,.device-grid{grid-template-columns:repeat(2,1fr)}.two-thirds{grid-template-columns:1fr}.hero{gap:35px}.hero h1{font-size:50px}.app-content{padding:25px}.api-key-row{grid-template-columns:38px minmax(220px,1fr) 100px auto 35px}.api-key-row>div:nth-of-type(3){display:none}}@media (max-width:800px){.mobile-only{display:grid!important}.desktop-only{display:none!important}.app-frame{display:block}.app-sidebar{width:260px;box-shadow:var(--shadow);transition:transform .2s ease-out;position:fixed;left:0;transform:translate(-105%)}.app-sidebar.sidebar-open{transform:translate(0)}.sidebar-scrim{z-index:25;background:#101a1573;border:0;display:block;position:fixed;inset:0}.topbar{padding:0 15px}.global-search{flex:1;width:auto}.app-content{padding:22px 16px 60px}.page-header{flex-direction:column;align-items:flex-start}.page-actions{width:100%}.page-actions .button{flex:1}.half,.settings-layout,.docs-layout{grid-template-columns:1fr}.metric-grid,.review-summary,.health-grid{grid-template-columns:repeat(2,1fr)}.card-grid,.device-grid,.horizontal-timeline{grid-template-columns:1fr}.horizontal-timeline .timeline-item{border-bottom:1px solid #e6e5df;border-right:0}.policy-row,.permission-grid,.scope-grid{grid-template-columns:repeat(2,1fr)}.settings-nav{grid-template-columns:repeat(2,1fr);display:grid}.docs-toc{display:none}.billing-hero{grid-template-columns:1fr}.landing-nav nav{display:none}.hero,.workflow-section,.developer-section{grid-template-columns:1fr}.hero{padding-top:45px}.hero-console{transform:none}.trust-band{justify-content:flex-start;overflow:auto}.feature-grid,.price-card{grid-template-columns:1fr}.landing-footer{grid-template-columns:1fr 1fr}.auth-layout{grid-template-columns:1fr}.auth-layout>aside{display:none}.auth-mobile-brand{margin-bottom:35px;display:block}.onboarding-body{grid-template-columns:1fr;margin:35px auto;padding:0 20px}.onboarding-body>aside{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.onboarding-body>aside button{border:0;padding:8px}.onboarding-body>aside button div{display:none}.payment-page>main{grid-template-columns:1fr;margin:35px auto;padding:0 20px}.payment-page aside{width:100%;max-width:420px;margin:auto}.compact-grid>a{grid-template-columns:1fr auto}.compact-grid>a>.status-badge{display:none}}@media (max-width:520px){.field-row,.metric-grid,.review-summary,.health-grid,.policy-row,.permission-grid,.scope-grid{grid-template-columns:1fr}.page-header h1,.detail-heading h1{font-size:27px}.detail-heading,.payment-instruction{flex-direction:column;align-items:flex-start}.qr-placeholder{width:100%}.api-key-row{grid-template-columns:38px 1fr auto}.api-key-row>div:not(:first-of-type){display:none}.hero h1{font-size:43px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.landing-nav>div .button-ghost{display:none}.trust-band{gap:30px}.landing-section,.workflow-section,.developer-section,.pricing-section{padding:70px 20px}.landing-section>h2,.workflow-section h2,.developer-section h2,.pricing-section h2{font-size:32px}.developer-section ul,.landing-footer{grid-template-columns:1fr}.landing-footer div{order:2}.auth-layout>main{padding:30px 20px}.onboarding>header{padding:0 17px}.onboarding-body>aside button>span{width:30px;height:30px}.customer-qr{width:230px;height:230px}.payment-page>header{padding:0 15px}.payment-page>header>span:last-child{display:none}.check-grid{grid-template-columns:1fr}}:root{--background:#f6f7f8;--foreground:#18211d;--ink-muted:#65716b;--line:#e2e6e3;--panel:#fff;--sidebar:#14231d;--shadow:0 12px 30px #15221c0f}.app-frame{grid-template-columns:256px minmax(0,1fr)}.app-sidebar{background:var(--sidebar);color:#fff;border-right:0;padding:20px 15px 16px}.sidebar-top{padding:0 8px 10px}.app-sidebar .brand>span{color:#15533a;box-shadow:none;background:#d8f6e5}.app-sidebar .brand strong{color:#fff}.app-sidebar .brand small{color:#82968c}.app-sidebar nav{margin-top:17px}.app-sidebar nav>p{color:#6f8479;margin:20px 12px 8px;font-size:9px}.app-sidebar nav>a{color:#aab9b1;border-radius:9px;min-height:42px;padding:0 12px;font-size:13px;font-weight:650}.app-sidebar nav>a:hover{color:#fff;background:#ffffff0f}.app-sidebar nav>a.nav-active{color:#154d38;box-shadow:none;background:#d9f5e5}.workspace-card{color:#fff;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:11px;width:100%;min-height:59px;margin-top:auto;padding:9px}.workspace-card:hover{background:#ffffff17}.workspace-avatar{color:#15533a;background:#d8f6e5}.workspace-card strong{color:#fff}.workspace-card small{color:#8fa199}.workspace-card>svg{color:#879a90}.topbar{border-color:var(--line);background:#ffffffeb;height:68px;padding:0 32px}.topbar-context{flex-direction:column;min-width:140px;display:flex}.topbar-context span{color:var(--ink-muted);font-size:10px}.topbar-context strong{letter-spacing:-.015em;font-size:14px}.global-search{background:#f6f8f7;border-color:#dfe4e1;width:min(440px,38vw);height:40px;margin-left:auto}.global-search kbd{color:#7b8680;font:600 9px var(--font-plex-mono);white-space:nowrap;background:#fff;border:1px solid #d8dedb;border-radius:5px;padding:3px 6px}.topbar-status{color:#276348;background:#f2faf5;border:1px solid #dbe7df;border-radius:999px;min-height:30px;margin-left:4px;padding:0 9px;font-size:11px;font-weight:750}.topbar-status>span:first-child{background:#2b9568}.topbar-action{color:#53615a;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:40px;height:40px;display:grid;position:relative}.topbar-action:hover{border-color:var(--line);background:#f7f8f7}.topbar-action i{background:#d57445;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.user-chip{border:1px solid var(--line);background:#fff;border-radius:10px;gap:8px;min-height:40px;padding:3px 7px 3px 4px}.user-chip>span:first-child{width:31px;height:31px}.app-content{max-width:1500px;margin:0 auto;padding:32px 34px 60px}.preview-notice{color:#52615a;background:#f9fbfa;border-color:#dfe5e1;border-radius:8px;width:100%;min-height:37px;margin-bottom:24px;padding:7px 11px}.preview-notice>span{align-items:center;gap:8px;display:flex}.preview-notice>span>strong{color:#24352d}.preview-notice>span>span{color:#718078}.page-header{align-items:center;margin-bottom:28px}.eyebrow,.section-label{color:#497260;letter-spacing:.13em;margin-bottom:7px;font-size:10px}.page-description{margin-top:6px;font-size:13px;line-height:1.55}.button{border-radius:8px;font-size:13px}.button-primary{background:#176043;box-shadow:0 4px 12px #17604329}.button-primary:hover{background:#104f36}.button-secondary{background:#fff}.panel{border-radius:12px;box-shadow:0 1px 2px #15221c05}.panel-header{min-height:66px;padding:15px 19px}.panel-header h2{font-size:14px}.metric-grid{background:0 0;border:0;border-radius:0;gap:12px}.metric-card{border:1px solid var(--line);border-radius:12px;padding:18px 19px;position:relative}.metric-card:before{content:"";background:#b3beb8;border-radius:0 3px 3px 0;width:3px;height:26px;position:absolute;top:18px;left:0}.metric-green,.metric-amber{background:#fff}.metric-green:before{background:#23825b}.metric-amber:before{background:#d79a36}.metric-card>div{font-size:11px}.entity-avatar,.provider-mark{background:#e8f4ed}.panel-footer-link{font-size:11px;font-weight:750}.status-badge{letter-spacing:.04em;font-size:10px}.table-toolbar>input{background:#f8f9f8}.data-table th{color:#69766f;letter-spacing:.07em;background:#f6f8f7;padding:11px 17px}.data-table td{padding:16px 17px}.data-table tbody tr:first-child td{border-top:0}.data-table tr:hover td{background:#f8faf9}.channel-card,.device-card{border-radius:12px}.channel-card:hover,.device-card:hover{border-color:#bdc9c2;transform:none;box-shadow:0 8px 24px #15221c12}@media (max-width:800px){.topbar{padding:0 15px}.topbar-context{display:none}.global-search{width:auto;margin-left:0}.global-search kbd{display:none}.app-content{padding:24px 16px 60px}.preview-notice>span>span{display:none}.page-header{align-items:flex-start}}.landing-nav nav{font-size:13px}.hero-kicker{font-size:11px}.hero-copy>p:not(.hero-kicker){font-size:16px}.hero-copy>small{font-size:11px;line-height:1.6}.console-top code{font-size:10px}.signal-flow p{font-size:13px}.signal-flow small{font-size:11px}.console-invoice small{font-size:10px}.console-invoice strong{font-size:13px}.console-invoice>span{font-size:10px}.trust-band{letter-spacing:.01em;font-size:13px;font-weight:750}.section-label{font-size:11px}.landing-section>h2,.workflow-section h2,.developer-section h2,.pricing-section h2{line-height:1.15}.feature-grid article h3{font-size:17px}.feature-grid article p{font-size:14px;line-height:1.7}.workflow-section ol strong{font-size:14px}.workflow-section ol p{font-size:13px;line-height:1.65}.developer-section>div>p{font-size:15px;line-height:1.7}.developer-section li,.developer-section .text-link{font-size:13px}.developer-section pre{font-size:12px;line-height:1.7}.pricing-section>p:not(.section-label),.price-card p{font-size:14px;line-height:1.65}.price-card>div>span{font-size:11px}.price-card h3 small,.price-card li{font-size:13px}.landing-footer,.landing-footer p,.landing-footer a,.landing-footer>span{font-size:12px}.form-error{color:#8b352b;background:#fff5f3;border:1px solid #edc8c2;border-radius:8px;margin:0;padding:10px 12px;font-size:12px;line-height:1.5}.onboarding-single{gap:28px;width:min(820px,100% - 40px);margin:48px auto 80px;display:grid}.onboarding-intro{text-align:center;max-width:620px;margin:auto}.onboarding-single h1{letter-spacing:-.05em;margin:0;font-size:36px;line-height:1.12}.onboarding-intro .page-description{margin:9px auto 0}.onboarding-progress{color:#8a948f;align-items:center;gap:10px;font-size:11px;display:flex}.onboarding-progress strong{color:#255c45}.onboarding-progress i{background:#d3d9d5;width:30px;height:1px}.onboarding-card{background:#fff;border:1px solid #dfe4e1;border-radius:16px;overflow:hidden;box-shadow:0 18px 50px #16271f14}.onboarding-form{display:grid}.onboarding-fieldset{border:0;border-bottom:1px solid var(--line);min-width:0;margin:0;padding:25px 27px 27px}.onboarding-fieldset legend{align-items:center;gap:12px;width:100%;padding:0 0 21px;display:flex}.onboarding-fieldset legend>span{color:#1a6849;background:#e7f4ec;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.onboarding-fieldset legend>div{flex-direction:column;gap:2px;display:flex}.onboarding-fieldset legend strong{font-size:14px}.onboarding-fieldset legend small{color:var(--ink-muted);font-size:11px}.onboarding-fieldset legend>i{color:#347056;font:700 9px var(--font-plex-mono);text-transform:uppercase;letter-spacing:.05em;background:#f1f7f3;border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:5px 8px;font-style:normal;display:flex}.onboarding-fields{gap:18px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.onboarding-fields label{color:#3f4d46;align-content:start;gap:7px;min-width:0;font-size:11px;font-weight:800;display:grid}.onboarding-fields label>span{line-height:1.3}.onboarding-fields label>small{color:#7a8580;font-size:10px;font-weight:550;line-height:1.45}.onboarding-fields input,.onboarding-fields select{width:100%;height:45px;color:var(--foreground);background:#fff;border:1px solid #d8dedb;border-radius:9px;outline:0;padding:0 13px;font-size:13px}.onboarding-fields input:hover,.onboarding-fields select:hover{border-color:#b6c1bb}.onboarding-fields input:focus,.onboarding-fields select:focus{border-color:#31775a;box-shadow:0 0 0 3px #2471521a}.onboarding-fields input[readonly]{color:#69756f;background:#f5f7f6}.slug-input{background:#fff;border:1px solid #d8dedb;border-radius:9px;align-items:center;height:45px;display:flex;overflow:hidden}.slug-input:focus-within{border-color:#31775a;box-shadow:0 0 0 3px #2471521a}.slug-input>small{color:#8a948f;height:100%;font:500 10px var(--font-plex-mono);white-space:nowrap;align-items:center;padding:0 0 0 12px;display:flex}.slug-input input{border:0;height:43px;padding-left:3px;box-shadow:none!important}.onboarding-footer{background:#fafbf9;justify-content:space-between;align-items:center;gap:20px;padding:20px 27px;display:flex}.onboarding-assurance{color:#276348;align-items:center;gap:10px;display:flex}.onboarding-assurance>span{flex-direction:column;display:flex}.onboarding-assurance strong{font-size:11px}.onboarding-assurance small{color:#748079;font-size:10px}.onboarding-footer>div:last-child{justify-content:flex-end;align-items:center;gap:12px;display:flex}.onboarding-footer .form-error{max-width:300px}.onboarding-footer .button{min-width:160px}@media (max-width:650px){.onboarding-progress{display:none}.onboarding-single{gap:22px;width:min(100% - 24px,820px);margin:30px auto 55px}.onboarding-single h1{font-size:30px}.onboarding-card{border-radius:13px}.onboarding-fieldset{padding:21px 18px 23px}.onboarding-fieldset legend{align-items:flex-start;padding-bottom:18px}.onboarding-fieldset legend>i{display:none}.two-columns{grid-template-columns:1fr}.onboarding-footer{flex-direction:column;align-items:stretch;padding:18px}.onboarding-footer>div:last-child{flex-direction:column;align-items:stretch}.onboarding-footer .button{width:100%}.onboarding-footer .form-error{max-width:none}}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:32px 24px;display:flex}.empty-icon{color:#5f7067;background:#eef3f0;border-radius:11px;place-items:center;width:42px;height:42px;margin-bottom:12px;display:grid}.empty-state h3{letter-spacing:-.02em;margin:0;font-size:14px}.empty-state p{max-width:390px;color:var(--ink-muted);margin:6px 0 17px;font-size:11px;line-height:1.6}.empty-state .button{min-height:38px}.overview-page{gap:18px;display:grid}.overview-statusbar{background:#f4faf6;border:1px solid #dce5e0;border-radius:11px;justify-content:space-between;align-items:center;gap:24px;min-height:54px;padding:0 18px;display:flex}.overview-statusbar>div{align-items:center;gap:8px;min-width:0;display:flex}.overview-statusbar strong{color:#245c43;font-size:12px}.overview-statusbar small{color:#6c7b73;margin-left:4px;font-size:10px}.status-live-dot{background:#249164;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #2491641f}.overview-statusbar dl{align-self:stretch;margin:0;display:flex}.overview-statusbar dl>div{border-left:1px solid #dbe5df;justify-content:center;align-items:center;gap:8px;min-width:110px;padding:0 16px;display:flex}.overview-statusbar dt{color:#6c7872;font-size:10px}.overview-statusbar dd{font:650 12px var(--font-plex-mono);margin:0}.overview-metrics{margin-bottom:0}.overview-metrics .metric-card{grid-template-rows:auto auto 1fr;grid-template-columns:1fr auto;min-height:142px;display:grid}.overview-metrics .metric-card>p{grid-column:1}.overview-metrics .metric-card>strong{grid-column:1/-1;align-self:end}.overview-metrics .metric-card>div{grid-column:1/-1}.metric-icon{color:#66736c;background:#f0f3f1;border-radius:9px;grid-area:1/2;place-items:center;width:32px;height:32px;display:grid}.metric-green .metric-icon{color:#23704e;background:#e6f4eb}.metric-amber .metric-icon{color:#9a6920;background:#fbf1de}.overview-primary-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:18px;display:grid}.overview-activity .empty-state{min-height:250px}.overview-readiness{background:#fbfcfb}.readiness-score{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;align-items:end;gap:0 10px;padding:22px 20px 20px;display:grid}.readiness-score>strong{font:600 30px var(--font-plex-mono);letter-spacing:-.06em}.readiness-score>span{color:var(--ink-muted);padding-bottom:5px;font-size:11px}.readiness-score>i{background:#e4e9e6;border-radius:5px;grid-column:1/-1;height:5px;margin-top:15px;overflow:hidden}.readiness-score>i>b{border-radius:inherit;background:#25845c;height:100%;display:block}.readiness-list{padding:7px 17px}.readiness-list>a{border-bottom:1px solid #e8ebe9;grid-template-columns:35px 1fr 16px;align-items:center;gap:11px;min-height:65px;display:grid}.readiness-list>a:last-child{border:0}.readiness-list>a>span{color:#7a8580;background:#f0f2f1;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.readiness-list>a>span.ready{color:#20704d;background:#e5f3ea}.readiness-list>a>span svg{width:16px}.readiness-list>a>div{flex-direction:column;gap:2px;display:flex}.readiness-list strong{font-size:11px}.readiness-list small{color:var(--ink-muted);font-size:10px}.readiness-list>a>svg{color:#9aa39e;width:14px}.overview-infrastructure .panel-header{border-bottom:0}.infrastructure-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.infrastructure-grid>section{min-width:0;padding:0 18px 7px}.infrastructure-grid>section+section{border-left:1px solid var(--line)}.infrastructure-grid>section>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;min-height:70px;display:flex}.infrastructure-grid>section>header>div{align-items:center;gap:10px;display:flex}.infrastructure-grid>section>header>div>span{color:#236749;background:#e9f3ed;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.infrastructure-grid>section>header svg{width:16px}.infrastructure-grid>section>header div div{flex-direction:column;display:flex}.infrastructure-grid>section>header strong{font-size:12px}.infrastructure-grid>section>header small{color:var(--ink-muted);font-size:10px}.infrastructure-grid>section>header>a{color:#347056;align-items:center;gap:4px;font-size:10px;font-weight:800;display:flex}.infrastructure-grid>section>header>a svg{width:12px}.infrastructure-grid .entity-list{padding:0}.infrastructure-grid>section>p{color:var(--ink-muted);margin:0;padding:24px 2px;font-size:11px}.overview-invoices .panel-header{min-height:64px}.overview-invoice-list{display:grid}.overview-invoice-list>a{border-top:1px solid var(--line);grid-template-columns:minmax(220px,1fr) 150px 150px 120px 18px;align-items:center;gap:16px;min-height:64px;padding:0 19px;display:grid}.overview-invoice-list>a:first-child{border-top:0}.overview-invoice-list>a:hover{background:#f8faf9}.overview-invoice-list>a>div{align-items:center;gap:13px;min-width:0;display:flex}.overview-invoice-list code{color:#286b4e;font-size:10px;font-weight:700}.overview-invoice-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.overview-invoice-list time{color:var(--ink-muted);font-size:10px}.overview-invoice-list .money{font-size:11px;font-weight:650}.overview-invoice-list>a>svg{color:#9ca6a0;width:14px}@media (max-width:1150px){.overview-primary-grid{grid-template-columns:1fr}.overview-primary-grid>.panel{min-height:auto}.overview-invoice-list>a{grid-template-columns:minmax(180px,1fr) 130px 125px 110px 18px}}@media (max-width:800px){.overview-statusbar{flex-direction:column;align-items:flex-start;padding:12px 14px}.overview-statusbar small{display:none}.overview-statusbar dl{align-self:auto;width:100%}.overview-statusbar dl>div{border-top:1px solid #dbe5df;border-left:0;flex:1;min-width:0;padding:8px}.overview-statusbar dl>div+div{border-left:1px solid #dbe5df}.overview-statusbar dl>div{flex-direction:column;gap:2px}.overview-metrics .metric-card{min-height:132px}.infrastructure-grid{grid-template-columns:1fr}.infrastructure-grid>section+section{border-top:1px solid var(--line);border-left:0}.overview-invoice-list>a{grid-template-columns:1fr auto auto;padding:13px 16px}.overview-invoice-list>a>div{grid-column:1}.overview-invoice-list time{display:none}.overview-invoice-list .money{grid-column:2}.overview-invoice-list .status-badge{grid-area:2/1;width:max-content}.overview-invoice-list>a>svg{grid-area:1/3/3}}@media (max-width:520px){.overview-page{gap:14px}.overview-statusbar dl dt{font-size:8px}.overview-metrics{grid-template-columns:1fr 1fr}.overview-metrics .metric-card{min-height:124px;padding:15px}.overview-metrics .metric-card>strong{font-size:21px}.overview-metrics .metric-card>div{font-size:9px}.metric-icon{width:29px;height:29px}.overview-primary-grid{gap:14px}.infrastructure-grid>section{padding:0 14px 6px}}.onboarding-fields textarea{width:100%;color:var(--foreground);font:500 11px/1.55 var(--font-plex-mono);resize:vertical;background:#fff;border:1px solid #d8dedb;border-radius:9px;outline:0;padding:11px 13px}.onboarding-fields textarea:hover{border-color:#b6c1bb}.onboarding-fields textarea:focus{border-color:#31775a;box-shadow:0 0 0 3px #2471521a}.invoice-qris{background:#fff;border:1px solid #dce2df;border-radius:12px;padding:8px;box-shadow:0 8px 24px #14241d14}.qris-upload-field{gap:9px;display:grid}.qris-dropzone{color:#526159;cursor:pointer;background:#f9fbfa;border-radius:11px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:96px;padding:16px;border:1px dashed #9eaea5!important;display:grid!important}.qris-dropzone:hover{background:#f3f9f5;border-color:#2d7958!important}.qris-dropzone.decoded{background:#f1faf4;border-style:solid!important;border-color:#9bc7ad!important}.qris-dropzone>input{display:none}.qris-dropzone>svg{color:#256b4c;background:#e7f2eb;border-radius:9px;width:38px;height:38px;padding:9px}.qris-dropzone>span{flex-direction:column;gap:3px;display:flex}.qris-dropzone strong{font-size:12px}.qris-dropzone small{color:#738078;font-size:10px;font-weight:550}.qris-dropzone>i{background:#fff;border:1px solid #d5ddd8;border-radius:7px;padding:7px 10px;font-size:10px;font-style:normal;font-weight:800}.qris-upload-success{color:#28704f;align-items:center;gap:7px;font-size:10px;display:flex}.qris-advanced{font-size:10px}.qris-advanced summary{color:#69766f;cursor:pointer;width:max-content}.qris-advanced textarea{border:1px solid var(--line);width:100%;font:500 10px/1.5 var(--font-plex-mono);border-radius:8px;margin-top:8px;padding:10px}.mapping-editor{border:1px solid var(--line);background:#f8faf9;border-radius:10px;gap:10px;padding:15px;display:grid}.mapping-editor>div:first-child{flex-direction:column;display:flex}.mapping-editor>div:first-child strong{font-size:12px}.mapping-editor>div:first-child small,.mapping-editor>p{color:var(--ink-muted);font-size:10px}.mapping-editor>p{margin:0}.mapping-row{grid-template-columns:minmax(150px,.9fr) minmax(190px,1.1fr) 40px;gap:8px;display:grid}.mapping-row select,.mapping-row input{background:#fff;border:1px solid #d7ddda;border-radius:8px;height:42px;padding:0 11px;font-size:12px}.mapping-row>button{color:#934337;background:#fff7f5;border:1px solid #e1d6d3;border-radius:8px;width:40px;height:40px}.mapping-add{color:#28694d;background:#fff;border:1px solid #cfd9d3;border-radius:8px;align-items:center;gap:6px;width:max-content;min-height:37px;padding:0 11px;font-size:11px;font-weight:800;display:flex}@media (max-width:600px){.qris-dropzone{grid-template-columns:34px 1fr}.qris-dropzone>i{text-align:center;grid-column:1/-1}.mapping-row{grid-template-columns:1fr 40px}.mapping-row select{grid-column:1/-1}}.user-menu{position:relative}.user-popover{border:1px solid var(--line);z-index:50;background:#fff;border-radius:10px;flex-direction:column;width:230px;padding:13px;display:flex;position:absolute;top:48px;right:0;box-shadow:0 18px 45px #14231d24}.user-popover strong{font-size:13px}.user-popover span{color:var(--ink-muted);text-overflow:ellipsis;margin:2px 0 11px;font-size:11px;overflow:hidden}.user-popover button{border:0;border-top:1px solid var(--line);text-align:left;color:#8b352b;background:0 0;min-height:38px;font-size:12px;font-weight:750}.test-console-label{color:#815e16;min-height:34px;font:750 10px var(--font-plex-mono);letter-spacing:.04em;background:#fff8e7;border:1px solid #e2c98f;border-radius:999px;align-items:center;gap:7px;padding:0 11px;display:inline-flex}.test-prerequisites{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.test-prerequisites>a{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:11px;min-height:64px;padding:12px 15px;display:flex}.test-prerequisites>a>svg{color:#1c6949;background:#e8f4ed;border-radius:9px;width:36px;height:36px;padding:9px}.test-prerequisites div{flex-direction:column;display:flex}.test-prerequisites strong{font-size:12px}.test-prerequisites small{color:var(--ink-muted);margin-top:2px;font-size:10px}.test-console-grid{grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);gap:16px;margin-bottom:18px;display:grid}.test-console-setup,.test-console-live{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.test-warning{color:#765714;background:#fff9eb;border:1px solid #ead4a4;border-radius:9px;gap:10px;margin:16px 16px 0;padding:12px;display:flex}.test-warning>svg{flex:none}.test-warning>div{flex-direction:column;display:flex}.test-warning strong{font-size:12px}.test-warning span{margin-top:3px;font-size:10px;line-height:1.55}.test-steps{border-top:1px solid var(--line);padding:5px 18px}.test-steps>div{border-bottom:1px solid #edf0ee;grid-template-columns:29px 1fr;align-items:center;gap:10px;padding:12px 0;display:grid}.test-steps>div:last-child{border:0}.test-steps>div>span{color:#216447;width:27px;height:27px;font:750 10px var(--font-plex-mono);background:#e9f3ed;border-radius:8px;place-items:center;display:grid}.test-steps p{flex-direction:column;margin:0;display:flex}.test-steps strong{font-size:11px}.test-steps small{color:var(--ink-muted);margin-top:2px;font-size:9px}.test-console-live{min-height:570px}.test-live-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:73px;padding:0 19px;display:flex}.test-live-header h2{font:650 14px var(--font-plex-mono);margin:0}.test-live-header .eyebrow{margin-bottom:3px}.test-payment-card{background:linear-gradient(135deg,#f6faf7,#fff);grid-template-columns:230px minmax(0,1fr);align-items:center;gap:25px;padding:20px;display:grid}.test-qr{background:#fff;border:1px solid #dce4df;border-radius:13px;place-items:center;width:230px;min-height:230px;padding:9px;display:grid;box-shadow:0 10px 30px #14261d14}.test-qr img{width:100%;height:auto}.test-qr-complete{color:#26704f;flex-direction:column;align-items:center;gap:7px;display:flex}.test-qr-complete strong{font-size:13px}.test-qr-complete span{color:var(--ink-muted);font-size:10px}.test-amount{flex-direction:column;align-items:flex-start;display:flex}.test-amount>small{font:750 9px var(--font-plex-mono);letter-spacing:.12em;color:#6e7b74}.test-amount>strong{font:650 30px var(--font-plex-mono);letter-spacing:-.05em;color:#184d38;margin:9px 0 5px}.test-amount>span{color:var(--ink-muted);font-size:10px}.test-amount>p{color:#785e24;align-items:center;gap:6px;margin:19px 0 0;font-size:10px;display:flex}.test-live-actions{gap:8px;padding:0 20px 18px;display:flex}.test-pipeline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.test-pipeline>div{border-right:1px solid var(--line);background:#fafbfa;grid-template-columns:23px 1fr;gap:8px;min-height:112px;padding:16px 13px;display:grid}.test-pipeline>div:last-child{border-right:0}.test-pipeline>div.done{background:#f0f8f3}.test-pipeline>div.active{background:#fff9ec}.test-pipeline>div>span{color:#24704f;background:#fff;border:1px solid #d9dfdb;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.test-pipeline>div.active>span{color:#9b6b1d}.test-pipeline p{flex-direction:column;min-width:0;margin:1px 0 0;display:flex}.test-pipeline strong{font-size:10px}.test-pipeline small{color:var(--ink-muted);overflow-wrap:anywhere;margin-top:5px;font-size:9px;line-height:1.45}.test-result{color:#246548;background:#f1faf4;border:1px solid #bcd9c8;border-radius:9px;gap:9px;margin:16px;padding:12px;display:flex}.test-result-warning{color:#7a5b19;background:#fff8e9;border-color:#e8ce97}.test-result>svg{flex:none}.test-result>div{flex-direction:column;display:flex}.test-result strong{font-size:11px}.test-result span{margin-top:3px;font-size:9px}.test-result a{font-weight:800;text-decoration:underline}.test-console-empty{text-align:center;color:#607068;flex-direction:column;justify-content:center;align-items:center;min-height:570px;padding:30px;display:flex}.test-console-empty>svg{color:#277050;margin-bottom:13px}.test-console-empty strong{font-size:14px}.test-console-empty p{max-width:390px;color:var(--ink-muted);margin:7px 0;font-size:11px;line-height:1.65}.test-recent-list{padding:4px 17px}.test-recent-list>a{border-bottom:1px solid #e9ecea;grid-template-columns:1fr 150px 110px;align-items:center;gap:14px;min-height:65px;display:grid}.test-recent-list>a:last-child{border:0}.test-recent-list>a>div{flex-direction:column;display:flex}.test-recent-list strong{font-size:11px}.test-recent-list small{color:var(--ink-muted);margin-top:3px;font-size:9px}.test-recent-list .money{font-size:11px}@media (max-width:1100px){.test-console-grid{grid-template-columns:1fr}.test-console-live,.test-console-empty{min-height:auto}.test-console-setup{grid-template-columns:minmax(300px,1fr) minmax(240px,.7fr);display:grid}.test-warning{grid-column:1/-1}.test-steps{border-top:0;border-left:1px solid var(--line)}}@media (max-width:700px){.test-prerequisites{grid-template-columns:1fr}.test-console-setup{display:block}.test-steps{border-top:1px solid var(--line);border-left:0}.test-payment-card{text-align:center;grid-template-columns:1fr}.test-qr{margin:auto}.test-amount{align-items:center}.test-live-actions{flex-direction:column}.test-pipeline{grid-template-columns:repeat(2,1fr)}.test-pipeline>div:nth-child(2){border-right:0}.test-pipeline>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.test-recent-list>a{grid-template-columns:1fr auto}.test-recent-list .status-badge{grid-column:1/-1;width:max-content}}.integration-page{gap:16px;display:grid}.integration-page>.page-header{margin-bottom:2px}.integration-hero{background:#fff;border:1px solid #dce4df;border-radius:13px;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);min-height:250px;display:grid;overflow:hidden}.integration-kicker{color:#286649;font:750 9px var(--font-plex-mono);letter-spacing:.1em;align-items:center;gap:7px;display:inline-flex}.integration-hero h2{letter-spacing:-.045em;text-wrap:balance;max-width:610px;margin:14px 0 10px;font-size:27px;line-height:1.16}.integration-hero-copy>p{max-width:650px;color:var(--ink-muted);text-wrap:pretty;margin:0;font-size:12px;line-height:1.7}.integration-actions{gap:8px;margin-top:22px;display:flex}.integration-flow{color:#fff;background:#142c22;flex-direction:column;justify-content:center;padding:25px 26px;display:flex}.integration-flow>div{grid-template-columns:34px 1fr 22px;align-items:center;gap:11px;min-height:54px;display:grid}.integration-flow>div>span{color:#a9c4b7;width:32px;height:32px;font:700 9px var(--font-plex-mono);border:1px solid #ffffff26;border-radius:9px;place-items:center;display:grid}.integration-flow p{flex-direction:column;margin:0;display:flex}.integration-flow strong{font-size:12px}.integration-flow small{color:#8fa99d;margin-top:2px;font-size:9px}.integration-flow>div>svg{color:#83d5a8}.integration-flow>i{border-left:1px dashed #547064;height:18px;margin-left:16px}.integration-grid{grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:16px;display:grid}.integration-capabilities,.webhook-contract-card{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.integration-capabilities>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:68px;padding:14px 18px;display:flex}.integration-capabilities h2,.webhook-contract-card h2{letter-spacing:-.025em;margin:0;font-size:14px}.integration-capabilities>header .eyebrow,.webhook-contract-card .eyebrow{margin-bottom:3px}.integration-capabilities>header>svg{color:#738178}.integration-capabilities article{border-bottom:1px solid #e9ecea;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:86px;padding:14px 18px;display:grid}.integration-capabilities article:last-child{border:0}.capability-icon{border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.capability-available{color:#236c4b;background:#e8f5ed}.capability-planned{color:#7a817c;background:#f3f2ed}.integration-capabilities article>div{min-width:0}.integration-capabilities article strong{font-size:12px}.integration-capabilities article p{max-width:700px;color:var(--ink-muted);text-wrap:pretty;margin:4px 0 0;font-size:10px;line-height:1.55}.capability-status{min-width:88px;height:27px;font:700 9px var(--font-plex-mono);text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;gap:5px;display:inline-flex}.status-available{color:#28704f;background:#edf8f1}.status-planned{color:#717973;background:#f3f2ed}.webhook-contract-card{padding:20px}.webhook-contract-card>header{align-items:center;gap:11px;display:flex}.webhook-contract-card>header>span{color:#1f6748;background:#e5f3eb;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.webhook-contract-card>p{color:var(--ink-muted);margin:17px 0 12px;font-size:11px;line-height:1.65}.webhook-contract-card>code{color:#1f6748;overflow-wrap:anywhere;background:#f5f9f7;border:1px solid #dce5e0;border-radius:8px;padding:12px;font-size:11px;display:block}.webhook-contract-card dl{margin:15px 0}.webhook-contract-card dl>div{border-bottom:1px solid #eceeec;justify-content:space-between;gap:15px;padding:9px 0;display:flex}.webhook-contract-card dt{color:var(--ink-muted);font-size:10px}.webhook-contract-card dd{text-align:right;margin:0;font-size:10px;font-weight:750}.webhook-contract-card>a{color:#246749;justify-content:space-between;align-items:center;min-height:36px;font-size:11px;font-weight:800;display:flex}.webhook-contract-card>a:hover{padding-left:3px}@media (max-width:1050px){.integration-hero{grid-template-columns:1fr}.integration-flow{grid-template-columns:1fr 18px 1fr 18px 1fr;display:grid}.integration-flow>i{border-top:1px dashed #547064;border-left:0;width:18px;height:auto;margin:27px 0 0}.integration-grid{grid-template-columns:1fr}}@media (max-width:650px){.integration-hero-copy{padding:23px 20px}.integration-hero h2{font-size:23px}.integration-actions{flex-direction:column;align-items:stretch}.integration-flow{padding:20px;display:flex}.integration-flow>i{border-top:0;border-left:1px dashed #547064;width:auto;height:14px;margin:0 0 0 16px}.integration-capabilities article{grid-template-columns:38px minmax(0,1fr)}.capability-status{grid-column:2;width:max-content;min-width:0;padding:0 9px}.webhook-contract-card dl>div{flex-direction:column;align-items:flex-start;gap:3px}.webhook-contract-card dd{text-align:left}}.settings-nav a>span{flex-direction:column;flex:1;justify-content:center;min-width:0;line-height:1.25;display:flex}.settings-nav a small{color:var(--ink-muted);margin-top:2px;font-size:9px;font-weight:600}.settings-panel:target{border-color:#8db6a1;box-shadow:0 0 0 3px #28664914}.app-content{max-width:1440px;padding:28px 30px 56px}.page-header{margin-bottom:22px}.page-header h1,.detail-heading h1{letter-spacing:-.04em;font-size:27px}.page-description{max-width:600px;font-size:12px}.eyebrow,.section-label{letter-spacing:.12em;font-size:10px}.panel-header{flex-direction:row;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:14px 18px}.panel-header>div{flex-direction:column;gap:3px;min-width:0;display:flex}.panel-header h2{margin:0;font-size:13px}.panel-header p{color:var(--ink-muted);margin:0;font-size:10px}.metric-grid{gap:10px}.metric-card{min-height:120px;padding:16px 17px}.metric-card>strong{margin:12px 0 8px;font-size:23px}.metric-card>p,.metric-card>div{font-size:10px}.metric-icon{width:30px;height:30px}.metric-icon svg{width:15px}.empty-state{gap:0;padding:30px 22px;min-height:0!important}.empty-icon{border-radius:10px;width:40px;height:40px;margin-bottom:10px}.empty-state h3{font-size:14px}.empty-state p{max-width:360px;margin:5px 0 14px;font-size:11px}.empty-state .button{min-height:38px;font-size:12px}.table-toolbar{min-height:56px;padding:10px 14px}.data-table th{padding:10px 16px;font-size:10px}.data-table td{padding:14px 16px;font-size:12px}.table-primary{font-size:11px}.detail-list{padding:6px 18px}.detail-list>div,.amount-breakdown>div{padding:12px 0}.detail-list dt,.amount-breakdown dt{font-size:11px}.detail-list dd,.amount-breakdown dd{font-size:12px}.callout-text,.muted-copy{padding:16px 18px;font-size:11px;line-height:1.65}.stack-form{gap:14px;padding:18px}.stack-form label{font-size:11px}.stack-form input,.stack-form select,.stack-form textarea{font-size:12px}.card-grid,.device-grid{gap:12px}.channel-card,.device-card{border-radius:11px;padding:16px}.channel-card h2,.device-card h2{margin:14px 0 3px;font-size:14px}.channel-card>p,.device-card p{font-size:10px}.channel-card dl,.device-card dl{margin:14px 0 0}.channel-card dl>div,.device-card dl>div{padding:7px 0;font-size:10px}.entity-row{min-height:60px}.entity-row strong{font-size:12px}.entity-row small{font-size:10px}.timeline-item{padding:14px 0}.timeline-item h3,.setup-step h3{font-size:12px}.timeline-item p,.setup-step p{font-size:10px}.timeline-item time{font-size:9px}.setup-step{padding:11px 0}.setup-list{padding:4px 16px}.workspace-card{padding:10px}.overview-statusbar{min-height:50px;padding:0 16px}.overview-statusbar strong{font-size:12px}.overview-statusbar small{font-size:10px}.overview-statusbar dt{font-size:9px}.overview-statusbar dd{font-size:12px}.overview-metrics .metric-card{min-height:128px}.overview-primary-grid>.panel,.overview-activity .empty-state{min-height:0}.overview-primary-grid{gap:14px}.readiness-score{padding:18px 18px 16px}.readiness-score>strong{font-size:26px}.content-grid{gap:14px;margin-bottom:14px}.overview-page{gap:14px}.overview-page>.page-header,.overview-infrastructure{margin-bottom:0}.integration-hero{min-height:0}.integration-hero-copy{padding:26px 28px}.integration-hero h2{font-size:24px}.integration-hero-copy>p{font-size:12px}.integration-flow{padding:22px 24px}.integration-grid,.integration-page{gap:14px}.test-console-grid{gap:14px;margin-bottom:14px}.settings-layout{gap:16px}.settings-nav a{min-height:40px;font-size:11px}.settings-nav a small{font-size:9px}.settings-content{gap:14px}.toggle-list{padding:4px 18px}.toggle-list>label{padding:12px 0}.toggle-list strong{font-size:11px}.toggle-list small{font-size:9px}.security-strip{margin-bottom:14px}.channel-actions .muted-copy{margin-top:10px;padding:0}.channel-actions{padding:16px 18px}.button{min-height:40px;padding:0 14px;font-size:12px}.button-large{min-height:44px;font-size:12px}.icon-button{width:38px;height:38px}.status-badge{padding:3px 8px;font-size:10px}.form-error{font-size:11px}.mapping-editor{padding:12px}.mapping-row select,.mapping-row input{height:40px;font-size:11px}.mapping-row>button{width:38px;height:38px}.review-summary{gap:10px;margin-bottom:14px}.review-summary>div{padding:14px 16px}.review-summary span{font-size:10px}.review-summary strong{font-size:22px}.health-grid>div{padding:14px 16px}@media (max-width:800px){.app-content{padding:20px 14px 50px}.page-header h1,.detail-heading h1{font-size:24px}.page-description{font-size:11px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-card{min-height:110px;padding:14px 15px}.metric-card>strong{font-size:20px}.empty-state{padding:24px 18px}.integration-hero-copy{padding:20px 18px}.integration-hero h2{font-size:20px}.integration-actions{margin-top:16px}.test-console-grid{gap:12px}.settings-layout{grid-template-columns:1fr}.settings-nav{grid-template-columns:repeat(2,1fr);display:grid}.review-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.app-content{padding:16px 12px 44px}.page-header h1,.detail-heading h1{font-size:22px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:100px;padding:12px 13px}.metric-card>strong{font-size:18px}.metric-card>div{font-size:9px}.integration-hero-copy{padding:18px 16px}.integration-hero h2{font-size:18px}.settings-nav,.review-summary{grid-template-columns:1fr 1fr}.empty-state{padding:20px 14px}}.utility-page{align-items:center;gap:14px;padding:20px 22px;display:flex}.utility-icon{color:#5f7067;background:#eef3f0;border-radius:11px;flex:none;place-items:center;width:44px;height:44px;display:grid}.utility-copy{flex:1;min-width:0}.utility-copy h3{letter-spacing:-.02em;margin:0;font-size:14px}.utility-copy p{color:var(--ink-muted);margin:4px 0 0;font-size:11px;line-height:1.6}.utility-page .button{flex:none;margin-left:auto}@media (max-width:700px){.utility-page{flex-direction:column;align-items:flex-start;gap:12px}.utility-page .button{margin-left:0}}.detail-heading{margin-bottom:20px}.app-content>.panel+.panel,.app-content>.security-strip+.panel,.app-content>.content-grid+.panel{margin-top:14px}.app-content>.panel:last-child{margin-bottom:0}.stack-panels{gap:14px;display:grid}.health-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.health-grid>div{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:12px;padding:15px 17px;display:flex}.health-grid svg{color:#256b4c;flex:none;width:20px;height:20px}.health-grid>div>span{min-width:0;color:var(--ink-muted);flex-direction:column;gap:2px;font-size:10px;display:flex}.health-grid>div>strong{color:#18211d;text-align:right;margin-left:auto;font-size:12px}.developer-docs{gap:16px;display:grid}.developer-docs>.page-header{margin-bottom:0}.docs-tabs{border:1px solid var(--line);z-index:15;background:#fff;border-radius:12px;gap:4px;padding:6px;display:flex;position:sticky;top:70px;overflow-x:auto}.docs-tab{color:#5a675f;white-space:nowrap;border-radius:8px;align-items:center;gap:5px;min-height:34px;padding:0 12px;font-size:11px;font-weight:750;transition:background .15s ease-out,color .15s ease-out;display:inline-flex}.docs-tab:hover{color:#183422;background:#f0f5f1}.docs-tab code{color:#4c6759;font:600 9px var(--font-plex-mono);background:#eef3f0;border-radius:4px;margin-left:2px;padding:1px 5px}.docs-section{border:1px solid var(--line);background:#fff;border-radius:13px;padding:20px 22px;scroll-margin-top:140px}.docs-section>header{align-items:center;gap:9px;margin:0 0 10px;display:flex}.docs-section>header>svg{color:#256b4c;width:16px;height:16px}.docs-section>header h2{letter-spacing:-.02em;flex:1;margin:0;font-size:14px}.docs-section>p{color:var(--ink-muted);margin:0 0 12px;font-size:11px;line-height:1.65}.docs-section>h3{letter-spacing:-.01em;margin:14px 0 7px;font-size:11px;font-weight:800}.docs-section>ul{color:#43504a;gap:4px;margin:8px 0 12px;padding-left:17px;font-size:11px;line-height:1.55;display:grid}.docs-code{white-space:pre;color:#1d2b23;background:#f8faf8;border:1px solid #dfe4e1;border-radius:9px;margin:10px 0;padding:13px 15px;font-size:11px;line-height:1.6;overflow-x:auto}.docs-hero{background:linear-gradient(135deg,#f5faf7 0%,#eaf5ee 100%);border:1px solid #cbdfd4;border-radius:13px;padding:30px 26px}.docs-hero-copy h2{letter-spacing:-.04em;margin:8px 0 10px;font-size:24px;line-height:1.1}.docs-hero-copy>p{color:#3d4f45;max-width:660px;font-size:12px;line-height:1.7}.docs-callout strong{color:#745b2a;margin-bottom:4px;font-size:11px;display:block}.docs-callout code{background:#f3e6c8;border-radius:4px;padding:1px 4px;font-size:9px}.docs-cta{background:linear-gradient(135deg,#eaf5ee,#d9efe2);border:1px solid #c5dccf;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.docs-cta-copy h3{color:#143c2b;margin:0;font-size:14px}.docs-cta-copy p{color:#3f574a;margin:4px 0 0;font-size:11px}.docs-cta-actions{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:900px){.docs-tabs{top:60px}.docs-section{padding:16px}.docs-cta{flex-direction:column;align-items:flex-start}.docs-hero{padding:22px 18px}.docs-hero-copy h2{font-size:20px}}.docs-layout{grid-template-columns:minmax(0,1.85fr) minmax(300px,.75fr);gap:14px;display:grid}.docs-main{gap:14px;display:grid}.docs-section{border:1px solid var(--line);background:#fff;border-radius:13px;padding:0;overflow:hidden}.docs-section>header{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:58px;padding:14px 18px;display:flex}.docs-section>header>svg{color:#256b4c;flex:none;width:18px;height:18px}.docs-section>header h2{letter-spacing:-.02em;flex:1;min-width:0;margin:0;font-size:13px}.docs-section>p,.docs-section>ul,.docs-section>h3{margin:0;padding:0 18px}.docs-section>p{color:var(--ink-muted);padding-top:12px;padding-bottom:8px;font-size:11px;line-height:1.6}.docs-section>h3{letter-spacing:-.01em;padding-top:14px;padding-bottom:6px;font-size:11px}.docs-section>ul{gap:5px;padding-bottom:10px;list-style:none;display:grid}.docs-section>ul li{color:#3d4c45;font-size:11px;line-height:1.5}.docs-section>ul li code{background:#eef3f0;border-radius:4px;padding:1px 4px;font-size:10px}.docs-code{white-space:pre-wrap;word-break:break-word;background:#f6f8f7;border:1px solid #e6ece8;border-radius:9px;margin:8px 14px 14px;padding:12px 14px;font-size:11px;line-height:1.6;overflow:auto}.docs-code code{font-size:11px}.docs-toc{border:1px solid var(--line);background:#fff;border-radius:13px;align-self:start;padding:18px 16px;position:sticky;top:88px}.docs-toc .eyebrow{margin-bottom:12px}.docs-callout{background:#fff9eb;border:1px solid #eadac1;border-radius:9px;margin-top:14px;padding:12px}.docs-callout strong{color:#7b5a28;font-size:11px}.docs-callout p{color:#6d5e45;margin:6px 0 0;font-size:10px;line-height:1.6}.docs-callout code{background:#f3e9d5}.badge{border:1px solid var(--line);min-height:22px;font:700 9px var(--font-plex-mono);color:#66716b;text-transform:uppercase;letter-spacing:.02em;background:#fff;border-radius:6px;align-items:center;padding:0 8px;display:inline-flex}.badge-green{color:#1f6442;background:#eaf6ee;border-color:#b7d9c3}@media (max-width:1050px){.docs-layout{grid-template-columns:1fr}.docs-toc{position:static}.health-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.health-grid{grid-template-columns:1fr 1fr}.health-grid>div{padding:12px 13px}}.public-docs{background:#f4f6f5;min-height:100vh;overflow-x:hidden}.public-docs-header{border-bottom:1px solid var(--line);z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;justify-content:space-between;align-items:center;height:72px;padding:0 max(20px,50vw - 560px);display:flex;position:sticky;top:0}.public-docs-header nav{align-items:center;gap:18px;font-size:12px;font-weight:750;display:flex}.public-docs .developer-docs{grid-template-columns:minmax(0,1fr);width:min(1120px,100% - 40px);margin:0 auto;padding:44px 0 72px}.public-docs .docs-tabs{top:86px}.public-docs .docs-section>p,.public-docs .docs-section>ul,.public-docs .docs-section>h3,.public-docs .docs-code,.public-docs .docs-code code{font-size:12px}.public-docs .developer-docs,.public-docs .developer-docs>*{min-width:0;max-width:100%}.public-docs .docs-hero{width:100%;padding:32px 34px}.public-docs .docs-hero-copy{width:100%;min-width:0;max-width:820px}.public-docs .docs-hero-copy h2{text-wrap:balance;max-width:760px;margin:11px 0 12px;font-size:clamp(26px,3vw,36px);line-height:1.12}.public-docs .docs-hero-copy>p{overflow-wrap:anywhere;text-wrap:pretty;max-width:760px;margin:0;font-size:14px;line-height:1.75}.public-docs .docs-status-meaning{max-width:760px;margin-top:22px;padding:16px 18px}.public-docs .docs-status-meaning>strong{margin-bottom:10px;font-size:12px}.public-docs .docs-status-meaning dl{gap:0;margin:0;display:grid}.public-docs .docs-status-meaning dl>div{border-top:1px solid #eadfc9;grid-template-columns:170px minmax(0,1fr);gap:16px;padding:10px 0;display:grid}.public-docs .docs-status-meaning dt,.public-docs .docs-status-meaning dd{margin:0}.public-docs .docs-status-meaning code{white-space:nowrap;font-size:11px}.public-docs .docs-status-meaning dd{color:#5d5a40;overflow-wrap:anywhere;text-wrap:pretty;min-width:0;font-size:12px;line-height:1.6}.public-docs .docs-section:not(.docs-hero)>p{padding-top:16px;padding-bottom:10px;font-size:13px;line-height:1.7}.public-docs .docs-section:not(.docs-hero)>h3{padding-top:20px;padding-bottom:8px;font-size:13px}.public-docs .docs-section:not(.docs-hero)>ul{gap:8px;padding-bottom:16px}.public-docs .docs-section:not(.docs-hero)>ul li{font-size:12px;line-height:1.6}.public-docs .docs-section-action{margin-top:4px;padding:0 18px 18px}.public-docs .docs-section-action .button{min-width:132px}.public-docs .docs-checklist li{padding-left:19px;position:relative}.public-docs .docs-checklist li:before{content:"";background:#2a7c59;border-radius:50%;width:7px;height:7px;position:absolute;top:.55em;left:1px;box-shadow:0 0 0 3px #e6f3eb}.public-docs .docs-error-list{margin:0;padding:14px 18px 18px;display:grid}.public-docs .docs-error-list>div{border-bottom:1px solid #edf0ee;grid-template-columns:58px minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.public-docs .docs-error-list>div:last-child{border-bottom:0}.public-docs .docs-error-list dt,.public-docs .docs-error-list dd{margin:0}.public-docs .docs-error-list dt code{color:#245c43;background:#edf3ef;border-radius:5px;justify-content:center;min-width:42px;padding:3px 7px;font-weight:650;display:inline-flex}.public-docs .docs-error-list dd{color:#435049;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.public-docs .docs-error-list dd code{font-size:11px}.public-docs .docs-detection-limit{margin:0 18px 14px;padding:14px 16px}.public-docs .docs-detection-limit strong{font-size:12px}.public-docs .docs-detection-limit p{font-size:12px;line-height:1.65}.public-docs .docs-risk-panel{background:#fbfcfb;border:1px solid #dce4df;border-radius:10px;margin:0 18px 18px;overflow:hidden}.public-docs .docs-risk-heading{border-bottom:1px solid #e3e8e5;padding:16px 16px 13px}.public-docs .docs-risk-heading strong{color:#243a2f;font-size:13px}.public-docs .docs-risk-heading p{color:#66736c;max-width:720px;margin:4px 0 0;font-size:12px;line-height:1.6}.public-docs .docs-risk-panel .docs-table-scroll{outline-offset:-2px;margin:0}.public-docs .docs-risk-panel table{min-width:720px}.public-docs .docs-risk-panel th{color:#526159;font:700 10px var(--font-plex-mono);letter-spacing:.04em;text-transform:uppercase;background:#f0f4f2;padding:11px 13px}.public-docs .docs-risk-panel td{color:#34463d;padding:13px;font-size:12px;line-height:1.55}.public-docs .docs-risk-panel tbody tr:nth-child(2n){background:#f7f9f8}.public-docs .docs-risk-panel code{font-size:11px}.public-docs .risk-level{white-space:nowrap;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.public-docs .risk-low{color:#236848;background:#e6f4eb}.public-docs .risk-medium{color:#805b16;background:#fff3d9}.public-docs .risk-high{color:#934630;background:#fbe7df}.public-docs .risk-critical{color:#812f29;background:#f5deda}.public-docs .docs-risk-note{color:#59675f;border-top:1px solid #e3e8e5;margin:0;padding:13px 16px;font-size:11px;line-height:1.65}@media (max-width:800px){.public-docs-header{height:64px;padding:0 14px}.public-docs-header nav{gap:8px}.public-docs-header nav>a:not(.button){display:none}.public-docs-header .button{min-height:40px;padding:0 12px}.public-docs .developer-docs{gap:12px;width:min(100% - 24px,1120px);padding:28px 0 52px}.public-docs .page-header{margin-bottom:4px}.public-docs .page-header h1{font-size:29px;line-height:1.08}.public-docs .docs-tabs{scrollbar-width:none;border-left:0;border-right:0;border-radius:0;margin:0 -12px;padding:6px 12px;top:72px}.public-docs .docs-tab{min-height:40px;padding:0 11px}.public-docs .docs-section>header{padding:13px 14px}.public-docs .docs-hero{padding:24px 20px}.public-docs .docs-hero-copy h2{font-size:25px}.public-docs .docs-hero-copy>p{font-size:13px;line-height:1.65}.public-docs .docs-status-meaning{padding:14px 15px}.public-docs .docs-status-meaning dl>div{grid-template-columns:1fr;gap:5px;padding:11px 0}.public-docs .docs-error-list{padding:10px 14px 14px}.public-docs .docs-error-list>div{grid-template-columns:48px minmax(0,1fr);gap:9px}.public-docs .docs-detection-limit,.public-docs .docs-risk-panel{margin-left:14px;margin-right:14px}.public-docs .docs-section-action{padding:0 14px 14px}.public-docs .docs-section>p,.public-docs .docs-section>ul,.public-docs .docs-section>h3{padding-left:14px;padding-right:14px;font-size:12px}.public-docs .docs-code{white-space:pre;word-break:normal;margin:8px 10px 12px;padding:12px;font-size:12px}.public-docs .docs-code code{font-size:12px}.public-docs .docs-cta-actions{width:100%}.public-docs .docs-cta-actions .button{flex:1}}.landing-footer{align-items:center;gap:14px 24px;max-width:1240px;margin:0 auto;padding:38px 24px}.landing-footer p{color:var(--ink-muted);margin:0;line-height:1.55}.landing-footer>div{align-items:center;gap:20px;display:flex}.landing-footer>div a,.landing-footer>div span{color:#53615a;align-items:center;min-height:40px;font-weight:700;display:inline-flex}.landing-footer>span{color:var(--ink-muted);white-space:nowrap}@media (max-width:520px){.landing-nav{height:68px;padding:0 16px}.landing-nav .brand small{display:none}.landing-nav>div{margin-left:auto}.landing-nav>div .button-dark{min-height:42px;padding:0 13px}.hero{gap:34px;padding:34px 16px 60px}.hero-kicker{letter-spacing:.09em;align-items:flex-start;font-size:11px;line-height:1.5}.hero h1{margin:13px 0 18px;font-size:clamp(39px,12vw,48px);line-height:1.01}.hero-copy>p:not(.hero-kicker){font-size:15px;line-height:1.65}.hero-actions{margin:22px 0 14px}.hero-console{border-radius:15px;width:100%}.signal-flow{padding:22px 18px}.console-invoice{grid-template-columns:1fr 1fr;padding:14px 16px}.console-invoice>span{grid-column:1/-1;width:max-content}.trust-band{scrollbar-width:none;padding:17px 16px}.landing-section,.workflow-section,.developer-section,.pricing-section{padding:58px 16px}.landing-section>h2,.workflow-section h2,.developer-section h2,.pricing-section h2{font-size:30px}.feature-grid article{padding:22px}.developer-section pre{white-space:pre;padding:18px;overflow-x:auto}.price-card{padding:24px 20px}.landing-footer{padding:36px 16px}}.button,.icon-button,.topbar-action,.user-chip,.pay-report-trigger{min-height:44px}.pay-report-trigger{padding:8px 10px}.status-beta{color:#775d1d;background:#fff8e8;border-color:#ead9aa}.status-beta>span:first-child{background:#d69a2d}.app-sidebar nav{overscroll-behavior:contain;min-height:0;overflow-y:auto}.table-scroll{outline-offset:2px;scrollbar-gutter:stable;max-width:100%;position:relative;overflow-x:auto}.table-scroll:focus-visible{outline:2px solid var(--green)}.data-table th:first-child,.data-table td:first-child{z-index:2;background:var(--panel);position:sticky;left:0}.data-table th:first-child{z-index:3;background:#f6f8f7}.data-table td:first-child{box-shadow:8px 0 12px -12px #15221c73}.table-primary{text-underline-offset:3px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.table-primary:hover,.table-primary:focus-visible{text-decoration-color:currentColor}.detail-list dd,.entity-row>div,.secret-box code,.secret-display code{overflow-wrap:anywhere;word-break:break-word;min-width:0}.detail-list dd{text-align:right}.money{font-variant-numeric:tabular-nums}.secret-actions{flex-wrap:wrap}.form-success{color:#245c43;background:#eef8f2;border:1px solid #b7d9c3;border-radius:8px;margin:0;padding:10px 12px;font-size:12px}.freeze-confirm{background:#fff8f6;border:1px solid #e1c9c3;border-radius:10px;gap:10px;padding:15px;display:grid}.freeze-confirm>strong{font-size:14px}.freeze-confirm>p{color:var(--ink-muted);margin:0;font-size:12px;line-height:1.55}.freeze-confirm>small{color:var(--ink-muted);text-align:right;font-size:11px}.pay-id{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;max-width:55%;overflow:hidden}.pay-instruction{text-align:center;color:#17231d;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;display:flex}.pay-instruction svg{color:#436a58}.pay-instruction h2{margin:0;font-size:17px}.pay-instruction p{color:#66716b;margin:0;font-size:13px;line-height:1.55}.pay-instruction strong{font:650 16px var(--font-plex-mono);overflow-wrap:anywhere}.pay-brand,.pay-id,.pay-label,.pay-amount-detail,.pay-scan,.pay-countdown,.pay-description,.pay-footer,.pay-note,.pay-report-form label,.pay-report-heading button{font-size:12px}.pay-scan,.pay-description,.pay-note{line-height:1.65}.pay-success p,.pay-expired p{font-size:13px}.pay-report-form input,.pay-report-form select,.pay-report-form textarea{font-size:14px}.docs-table-scroll{max-width:100%;margin-top:10px;overflow-x:auto}.docs-table-scroll table{border-collapse:collapse;width:100%;min-width:680px}.docs-table-scroll th,.docs-table-scroll td{text-align:left;vertical-align:top;border:1px solid #e4e8e5;padding:10px;font-size:12px;line-height:1.5}.visually-hidden-input{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;display:block!important;position:absolute!important;overflow:hidden!important}.qris-dropzone:focus-within{outline:2px solid var(--green);outline-offset:3px}.eyebrow,.section-label,.app-sidebar nav>p,.workspace-card small,.panel-header p,.metric-card>p,.metric-card>div,.timeline-item time,.entity-row small,.channel-card>p,.device-card p,.channel-card dl>div,.device-card dl>div,.readiness-bars span,.readiness-bars strong,.settings-nav a small,.toggle-list small,.review-summary span,.health-grid>div>span,.overview-statusbar small,.overview-statusbar dt,.integration-kicker,.integration-flow small,.test-console-label,.test-prerequisites small,.test-warning span,.test-steps small,.status-badge,.timeline-item p,.setup-step p,.docs-callout p,.docs-callout code,.docs-section>ul li code,.qris-dropzone small,.qris-upload-success,.qris-advanced,.mapping-editor>div:first-child small,.mapping-editor>p{font-size:11px}.auth-card>p,.auth-divider,.auth-legal{font-size:12px}.remember-row{color:#26362e;background:#f8faf9;border:1px solid #dfe5e1;border-radius:9px;align-items:flex-start;gap:10px;padding:11px 12px;grid-template-columns:none!important;display:flex!important}.remember-row input{accent-color:#176043;height:16px;margin-top:2px;width:16px!important}.remember-row span{flex-direction:column;gap:2px;display:flex}.remember-row strong{font-size:12px}.remember-row small{color:var(--ink-muted);font-size:10px;font-weight:550;line-height:1.45}.blocked-page{background:#f4f6f5;place-items:center;min-height:100vh;padding:24px;display:grid}.blocked-page>section{background:#fff;border:1px solid #e1d4d0;border-radius:16px;width:min(560px,100%);padding:42px;box-shadow:0 20px 55px #26181414}.blocked-page>section>span{color:#934337;background:#fbe9e5;border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:22px;display:grid}.blocked-page h1{letter-spacing:-.045em;margin:0;font-size:32px;line-height:1.15}.blocked-page>section>p:not(.eyebrow){color:var(--ink-muted);margin:12px 0 24px;font-size:14px;line-height:1.7}.admin-frame{background:#f4f6f5;grid-template-columns:256px minmax(0,1fr)}.admin-sidebar{z-index:30;background:#111b17;padding:20px 15px 16px}.admin-sidebar-head{justify-content:space-between;align-items:center;display:flex}.admin-brand{min-height:50px;padding:7px 9px}.admin-brand>svg{color:#15533a;background:#d9f5e5;border-radius:9px;width:34px;height:34px;padding:8px}.admin-brand strong{font-size:13px}.admin-sidebar nav{gap:3px;margin-top:20px;display:grid}.admin-sidebar nav>p{color:#6f8479;font:700 9px var(--font-plex-mono);letter-spacing:.13em;margin:17px 12px 7px}.admin-sidebar nav>a{border-radius:9px;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:flex}.admin-sidebar nav>a.admin-nav-active{color:#154d38;background:#d9f5e5}.admin-workspace-link{color:#9eb0a7;border-top:1px solid #ffffff1a;align-items:center;gap:9px;min-height:42px;margin-top:auto;padding:0 11px;font-size:11px;font-weight:700;display:flex}.admin-identity{margin-top:10px}.admin-identity strong{white-space:nowrap}.admin-identity button{color:#e4ada4;text-align:left;background:0 0;border:0;border-top:1px solid #2d3d36;min-height:35px;margin-top:6px;font-size:11px}.admin-main{min-width:0}.admin-topbar{border-bottom:1px solid var(--line);z-index:20;background:#ffffffeb;align-items:center;gap:14px;height:68px;padding:0 32px;display:flex;position:sticky;top:0}.admin-topbar>div{flex-direction:column;display:flex}.admin-topbar>div span{color:var(--ink-muted);font-size:10px}.admin-topbar>div strong{font-size:14px}.admin-topbar>span{margin-left:auto}.admin-menu,.admin-close{display:none}.admin-directory-search{border-bottom:1px solid var(--line);gap:8px;min-height:64px;padding:11px 15px;display:flex}.admin-directory-search input{border:1px solid var(--line);background:#f8faf9;border-radius:8px;width:min(430px,100%);height:42px;padding:0 12px;font-size:13px}.admin-user-cell{align-items:center;gap:10px;min-width:210px;display:flex}.admin-user-cell>span{color:#246448;background:#e7f3eb;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.admin-user-cell>div{flex-direction:column;min-width:0;display:flex}.admin-user-cell strong,.admin-user-cell small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-user-cell small{color:var(--ink-muted);font-size:10px}.admin-user-action{gap:13px;padding:16px 18px 18px;display:grid}.admin-user-action label{gap:7px;font-size:11px;font-weight:800;display:grid}.admin-user-action textarea{border:1px solid var(--line);resize:vertical;border-radius:8px;width:100%;padding:11px;font-size:13px;line-height:1.5}.admin-user-action .security-strip,.admin-user-action .warning-strip{flex-direction:column;margin:0;display:flex}.admin-user-action .button{width:max-content}@media (max-width:800px){.admin-sidebar{flex-wrap:wrap}.admin-sidebar nav{order:3;justify-content:flex-start;width:100%;margin:0;overflow-x:auto}.admin-sidebar nav a{align-items:center;min-height:44px;padding:0 12px;display:flex}.admin-identity{margin-left:auto;padding:7px 9px;display:grid}.admin-identity strong{display:none}.detail-list>div{align-items:flex-start}.detail-list dd{max-width:62%}.mapping-row{grid-template-columns:minmax(0,1fr) 40px}.mapping-row select,.mapping-row input{grid-column:1}.mapping-row>button{grid-area:1/2/3;align-self:center}.stack-form input,.stack-form select,.stack-form textarea,.onboarding-fields input,.onboarding-fields select,.onboarding-fields textarea,.pay-report-form input,.pay-report-form select,.pay-report-form textarea{font-size:16px}.table-scroll:after{content:"Geser untuk melihat kolom lain";color:#5b6861;background:#edf2ef;border-radius:6px;width:max-content;margin:8px 0;padding:5px 8px;font-size:11px;display:block;position:sticky;left:12px}.admin-frame{display:block}.admin-sidebar{width:270px;height:100vh;box-shadow:var(--shadow);flex-flow:column;align-items:stretch;transition:transform .2s ease-out;position:fixed;top:0;left:0;transform:translate(-105%)}.admin-sidebar.admin-sidebar-open{transform:translate(0)}.admin-sidebar nav{order:initial;width:auto;margin-top:20px;display:grid;overflow-y:auto}.admin-identity{margin:10px 0 0;padding:10px;display:grid}.admin-close,.admin-menu{display:grid}.admin-topbar{height:62px;padding:0 14px}.admin-topbar>span{font-size:9px}.admin-content{padding:22px 14px 55px}.admin-directory-search{flex-wrap:wrap}.admin-directory-search input{width:100%;font-size:16px}.admin-user-action textarea{font-size:16px}}.admin-content .review-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.admin-content .review-summary>div{background:#fff;border:1px solid #dfe6e2;border-radius:13px;min-height:86px;padding:17px 18px 15px;position:relative;overflow:hidden;box-shadow:0 1px 2px #15221c05}.admin-content .review-summary>div:before{content:"";background:#b7c3bd;border-radius:0 3px 3px 0;width:3px;height:30px;position:absolute;top:18px;left:0}.admin-content .review-summary>div:nth-child(2):before{background:#d69a2d}.admin-content .review-summary>div:nth-child(3):before{background:#bf5f49}.admin-content .review-summary span{color:#68766f;font-size:11px;font-weight:750;display:block}.admin-content .review-summary strong{font:650 30px var(--font-plex-mono);letter-spacing:-.05em;color:#14231d;text-align:left;margin-top:15px;display:block}@media (max-width:800px){.admin-content .review-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.admin-content .review-summary{grid-template-columns:1fr}.admin-content .review-summary>div{min-height:78px}}@media (max-width:390px){.metric-grid,.review-summary,.health-grid,.policy-row,.permission-grid,.scope-grid,.overview-metrics{grid-template-columns:1fr}.detail-list>div,.amount-breakdown>div{flex-direction:column;align-items:flex-start;gap:5px}.detail-list dd,.amount-breakdown dd{text-align:left;max-width:100%}.secret-box,.secret-display{min-width:0}.secret-actions .button{flex:1}.public-docs .page-header h1{font-size:26px}.public-docs-header .brand small{display:none}.pay-card{width:min(100% - 20px,460px);padding:20px 14px}.pay-qr{width:min(220px,72vw);height:auto}}@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}button:active,a:active{transform:none}}