@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-vietnamese-wght-normal-CtlIRbEm.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-ext-wght-normal-MQgHevqp.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-wght-normal-DdeTHZLK.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Spline Sans Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/spline-sans-mono-latin-ext-wght-normal-Dh0aNLWd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Spline Sans Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/spline-sans-mono-latin-wght-normal-DlaB5ohX.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f4f5f7;--overlay: rgba(20, 22, 26, .55);--ink: #1a1d21;--ink-soft: #6b7280;--line: #e6e8eb;--line-strong: #d3d7dd;--placeholder: #9aa0a8;--btn: #1a1d21;--btn-hover: #2e333a;--accent: #e63a2e;--accent-ink: #c42a1c;--focus: #1a1d21;--focus-ring: rgba(26, 29, 33, .13);--ok: #0a7a53;--ok-bg: #e6f4ee;--bad: #b42318;--bad-bg: #fcecea;--warn: #a66a00;--warn-bg: #fbf0d6;--attention: #9a4d0a;--attention-bg: #fbe9d7;--info: #1a5fb4;--info-bg: #e7f0fb;--font-display: "Bricolage Grotesque Variable", Georgia, serif;--font-ui: "Public Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Spline Sans Mono Variable", ui-monospace, "Cascadia Mono", monospace;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);--shadow-md: 0 4px 12px -2px rgba(16, 24, 40, .1), 0 2px 6px -2px rgba(16, 24, 40, .06);--shadow-lg: 0 16px 40px -12px rgba(16, 24, 40, .18), 0 4px 12px -6px rgba(16, 24, 40, .1);--shadow-xl: 0 24px 60px -18px rgba(16, 24, 40, .28)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}a{color:var(--accent-ink);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--font-display);font-weight:640}code{font-family:var(--font-mono);font-size:.92em}.layout{min-height:100vh;display:grid;grid-template-columns:232px 1fr}.sidebar{background:var(--surface);color:var(--ink);border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar h1{font-size:19px;margin:0 0 22px;padding:0 10px;letter-spacing:.01em}.sidebar .brand-logo{max-height:46px;max-width:100%;object-fit:contain;object-position:left;display:block;margin:0 0 6px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar a{display:block;padding:9px 12px;color:var(--ink-soft);border-radius:var(--radius-sm);font-size:14px;font-weight:500}.sidebar a:hover{background:var(--surface-2);color:var(--ink);text-decoration:none}.sidebar a.active{background:var(--surface-2);color:var(--accent-ink);box-shadow:inset 2.5px 0 0 var(--accent)}.sidebar .user-line{font-size:12px;color:var(--ink-soft);margin-top:auto;padding-top:18px;border-top:1px solid var(--line);overflow-wrap:anywhere}.main{padding:30px 34px 60px;min-width:0}.main h2{margin:0 0 22px;font-size:24px}.main h3{font-size:16px}.page-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.page-center.login-bg{background:var(--bg)}.card{background:var(--surface);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.card.login{max-width:400px;width:100%;border:none;padding:32px;box-shadow:var(--shadow-lg)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.login-brand .brand-logo{max-height:40px;max-width:180px;object-fit:contain}.login-brand h2{margin:0;font-size:21px}label{display:block;font-size:13px;font-weight:500;color:var(--ink-soft);margin:12px 0 4px}input,select{width:100%;padding:9px 12px;border:1.5px solid var(--line);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;color:var(--ink);background:var(--surface);transition:border-color .15s,box-shadow .15s}input:hover,select:hover{border-color:var(--line-strong)}input:focus,select:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring)}input::placeholder,textarea::placeholder{color:var(--placeholder)}button{padding:9px 16px;background:var(--btn);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}button.secondary{background:var(--surface);color:var(--ink);border:1.5px solid var(--line);font-weight:500}button.small{padding:4px 10px;font-size:12px;border-radius:var(--radius-xs)}button:hover:not(:disabled){background:var(--btn-hover)}button.secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.error-box{background:var(--bad-bg);color:var(--bad);padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:12px}table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line)}th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line);font-size:13.5px}td{font-variant-numeric:tabular-nums}th{background:var(--surface-2);color:var(--ink-soft);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.08em}tbody tr{transition:background .1s}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:2.5px 9px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.badge.succeeded,.badge.active{background:var(--ok-bg);color:var(--ok)}.badge.pending,.badge.processing{background:var(--warn-bg);color:var(--warn)}.badge.requires_action,.badge.suspended{background:var(--attention-bg);color:var(--attention)}.badge.failed,.badge.canceled,.badge.cancelled,.badge.expired,.badge.delinquent{background:var(--bad-bg);color:var(--bad)}.badge.refunded,.badge.partially_refunded,.badge.completed,.badge.authorized,.badge.draft{background:var(--info-bg);color:var(--info)}.badge.inactive{background:var(--surface-2);color:var(--ink-soft)}.toolbar{display:flex;gap:10px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.toolbar select{width:auto;min-width:160px}.muted{color:var(--ink-soft);font-size:13px}.kv{display:grid;grid-template-columns:150px 1fr;gap:9px 16px;font-size:14px}.kv dt{color:var(--ink-soft)}.kv dd{margin:0;overflow-wrap:anywhere}pre{background:var(--surface-2);border:1px solid var(--line);padding:10px 12px;border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-mono);overflow-x:auto}.section-grid{display:grid;gap:20px;grid-template-columns:2fr 3fr;align-items:start}.timeline{display:flex;flex-direction:column;gap:6px}.timeline-item{display:flex;gap:12px;padding:8px 0 8px 14px;border-left:2px solid var(--line-strong)}.timeline-item .ts{color:var(--ink-soft);font-size:12px;min-width:130px;font-variant-numeric:tabular-nums}.timeline-item strong{font-weight:600}.creds-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.creds-modal .card{max-width:600px;width:100%;max-height:90vh;overflow-y:auto;border:none;box-shadow:var(--shadow-xl);animation:modal-in .22s cubic-bezier(.16,1,.3,1) both}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.creds-modal pre{-webkit-user-select:all;user-select:all}@media (max-width: 860px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;gap:8px;padding:10px 14px;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--line)}.sidebar h1{margin:0 10px 0 0;font-size:16px}.sidebar .brand-logo{max-height:32px;margin:0}.sidebar nav{flex-direction:row;overflow-x:auto;gap:2px}.sidebar a{padding:7px 10px;white-space:nowrap}.sidebar a.active{box-shadow:inset 0 -2.5px 0 var(--accent)}.sidebar .user-line{display:none}.main{padding:20px 16px 48px}.section-grid{grid-template-columns:1fr}.kv{grid-template-columns:120px 1fr}table{display:block;overflow-x:auto;white-space:nowrap}}@media (prefers-reduced-motion: reduce){.creds-modal .card{animation:none}*{transition:none!important}}