@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Sans:wght@500;600;700&display=swap";:root{color:#16212b;font-synthesis:none;text-rendering:optimizelegibility;--ink:#16212b;--muted:#70808a;--line:#dce4e5;--panel:#fff;--teal:#087f79;--teal-dark:#06615e;--amber:#b86618;--green:#177948;--blue:#176395;background:#f4f6f6;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f4f6f6;min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0}.shell{min-height:100vh;display:flex}.sidebar{color:#dce8e9;background:#10161c;flex-direction:column;flex-shrink:0;width:224px;padding:24px 14px;display:flex}.brand{letter-spacing:.12em;color:#dce8e9;align-items:center;gap:11px;padding:0 12px 42px;font-family:IBM Plex Sans,sans-serif;font-size:11px;line-height:1.05;display:flex}.brand b{color:#fff}.brand-mark{color:#baf5e7;background:#087f79;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.side-label,.eyebrow,.crumb{letter-spacing:.13em;text-transform:uppercase;color:#799094;font-size:10px;font-weight:700}.side-label{color:#66777b;padding:0 12px 9px}.sidebar nav{gap:4px;display:grid}.sidebar nav button{color:#9eb0b2;text-align:left;background:0 0;border-radius:7px;align-items:center;gap:11px;padding:11px 12px;font-weight:600;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#e6fffa;background:#203238}.sidebar nav button.active svg{color:#59d7bf}.side-foot{color:#74cdbd;border-top:1px solid #28363b;align-items:flex-start;gap:9px;margin:auto 8px 5px;padding-top:19px;font-size:11px;font-weight:600;display:flex}.side-foot small{color:#70868a;font-weight:400}.main{flex:1;min-width:0;padding:30px 38px 52px}.topbar{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.crumb{color:#819196;margin:0 0 7px}.topbar h1{letter-spacing:-.02em;margin:0;font:600 28px IBM Plex Sans,sans-serif}.top-actions{align-items:center;gap:12px;display:flex}.env{letter-spacing:.11em;color:#9a5b19;background:#fff4e5;border-radius:6px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;font-weight:700;display:flex}.env i{background:#da8b27;border-radius:50%;width:6px;height:6px}.client{color:#718087;border-right:1px solid var(--line);padding-right:14px;font-size:12px}.primary,.secondary,.text-button,.icon-button{justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.primary{background:var(--teal);color:#fff;border-radius:6px;padding:10px 15px;box-shadow:0 3px 8px #087f7925}.primary:hover{background:var(--teal-dark)}.primary:disabled{opacity:.55;cursor:wait}.secondary{color:var(--teal-dark);background:#edf5f4;border:1px solid #cbe3df;border-radius:6px;padding:10px 15px}.wide{width:100%}.icon-button{color:#6f8085;background:0 0;border-radius:6px;width:32px;height:32px}.icon-button:hover{color:var(--ink);background:#eef2f2}.text-button{color:var(--teal);background:0 0;font-size:12px}.text-button:hover{text-decoration:underline}.alert{color:#a54938;background:#fff2ee;border:1px solid #f1d1c8;border-radius:6px;justify-content:space-between;align-items:center;margin:-12px 0 20px;padding:11px 14px;font-size:13px;display:flex}.alert button{color:inherit;background:0 0}.metrics{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:22px;display:grid}.metric{background:var(--panel);border:1px solid var(--line);border-radius:8px;align-items:center;gap:13px;padding:19px;display:flex;position:relative;overflow:hidden}.metric-icon{color:#5d7279;background:#eef3f3;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.tone-amber .metric-icon{color:var(--amber);background:#fff3e4}.tone-green .metric-icon{color:var(--green);background:#eaf7ef}.tone-blue .metric-icon{color:var(--blue);background:#eaf3fb}.metric p{color:var(--muted);margin:0 0 4px;font-size:12px}.metric strong{letter-spacing:-.03em;font:600 24px IBM Plex Sans,sans-serif}.metric-line{background:#dbe7e6;width:100%;height:2px;position:absolute;bottom:0;left:0}.tone-amber .metric-line{background:#edbd7c}.tone-green .metric-line{background:#78c59a}.tone-blue .metric-line{background:#86b9dc}.workspace-grid{grid-template-columns:minmax(0,1.72fr) minmax(270px,.8fr);gap:18px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px}.ledger{min-width:0}.panel-head,.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.panel h2,.drawer h2,.detail h2{letter-spacing:-.02em;margin:5px 0 0;font:600 18px IBM Plex Sans,sans-serif}.eyebrow{color:#6e8589;margin:0}.quick{color:#e7f4f1;background:#16252b;border-color:#16252b;min-height:235px;padding:24px 23px}.quick .eyebrow{color:#7ba7a4}.quick h2{margin-top:10px;font-size:21px}.quick p:not(.eyebrow){color:#a9bdbc;margin:16px 0 22px;font-size:13px;line-height:1.65}.quick .primary{color:#123b3a;background:#61d0b8}.quick-note{color:#799798;justify-content:space-between;margin-top:14px;font-size:11px;display:flex}.quick-note span:first-child{color:#aadfd5;font-weight:700}.table-wrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{text-align:left;border-bottom:1px solid #edf1f1;padding:13px 22px;font-size:12px}th{color:#829195;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:700}tbody tr:hover{background:#fafcfc}td small{color:#8b999c;text-overflow:ellipsis;max-width:190px;margin-top:4px;display:block;overflow:hidden}.id-button{color:var(--teal-dark);background:0 0;padding:0;font-weight:700}.id-button:hover{text-decoration:underline}.amount{color:#263740;font-weight:700}.muted{color:#859397}.status{letter-spacing:.02em;border-radius:4px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-block}.status-payment_required,.status-pending{color:#617278;background:#f2f4f4}.status-processing{color:#ae641c;background:#fff4e4}.status-succeeded{color:#197345;background:#e8f6ed}.status-failed{color:#b14d3c;background:#fff0ed}.status-expired,.status-canceled{color:#766d7d;background:#f1eff3}.status-unknown{color:#9e4d7f;background:#fcebf7}.full-panel{overflow:hidden}.toolbar{align-items:center}.toolbar h2{margin-top:5px}.search{border:1px solid var(--line);color:#718287;border-radius:6px;align-items:center;gap:8px;width:min(320px,45%);padding:8px 10px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.empty{text-align:center;color:#809094;padding:62px 20px}.empty-mark{color:#819396;background:#eef3f3;border-radius:50%;place-items:center;width:34px;height:34px;margin:0 auto 12px;display:grid}.empty h3{color:#405057;margin:0;font-size:14px}.empty p{max-width:310px;margin:8px auto 0;font-size:12px}.detail{z-index:8;border-left:1px solid var(--line);background:#fff;width:min(390px,100vw);padding:27px 25px;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-10px 0 30px #10292d14}.detail-head,.drawer-head{justify-content:space-between;align-items:flex-start;display:flex}.detail-status{background:#f4f8f7;border-radius:7px;gap:8px;margin:28px 0 20px;padding:18px;display:grid}.detail-status strong{font:600 31px IBM Plex Sans,sans-serif}.detail-status span{color:#728184;font-size:12px}.detail dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:105px 1fr;gap:13px 10px;margin:0;padding:18px 0;display:grid}.detail dt{color:#829094;font-size:12px}.detail dd{text-align:right;color:#34464d;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.mono{font-family:ui-monospace,monospace;font-size:10px!important}.detail-actions{gap:8px;padding:19px 0;display:grid}.refund-list{border-top:1px solid var(--line);padding-top:18px}.section-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-row h3{margin:0;font-size:13px}.section-row span{color:#78898d;background:#edf2f2;border-radius:4px;padding:3px 7px;font-size:11px}.refund-row{border-bottom:1px solid #edf1f1;justify-content:space-between;align-items:center;padding:11px 0;display:flex}.refund-row b{font-size:13px;display:block}.refund-row small{color:#849397;margin-top:4px;font-size:10px;display:block}.overlay{z-index:10;background:#10232955;position:fixed;inset:0}.drawer{background:#fff;width:min(430px,100vw);padding:27px 26px;position:absolute;top:0;bottom:0;right:0;overflow:auto;box-shadow:-10px 0 30px #10232922}.form{gap:18px;margin-top:28px;display:grid}.field{gap:7px;display:grid}.field span{color:#627378;font-size:11px;font-weight:700}.field input,.field textarea{width:100%;color:var(--ink);background:#fbfcfc;border:1px solid #ccd8da;border-radius:5px;outline:0;padding:10px 11px}.field input:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #087f7914}.form-foot{border-top:1px solid var(--line);margin-top:12px;padding-top:18px}.form-foot p{color:#819094;margin:0 0 15px;font-size:11px;line-height:1.55}.refund-context{color:#647579;background:#f3f7f7;border-radius:6px;justify-content:space-between;margin-top:29px;padding:15px;font-size:12px;display:flex}.refund-context b{color:var(--teal-dark)}.checkout-copy{text-align:center;padding:46px 12px 28px}.checkout-icon{width:56px;height:56px;color:var(--teal);background:#e8f5f2;border-radius:13px;place-items:center;margin:0 auto 19px;display:grid}.checkout-copy h3{margin:0 0 10px;font-size:16px}.checkout-copy strong{font:600 31px IBM Plex Sans,sans-serif;display:block}.checkout-copy p{color:#75858a;margin:16px 0 18px;font-size:12px;line-height:1.65}.checkout-copy a{color:var(--teal);align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.sidebar{width:72px;padding:20px 9px}.brand{justify-content:center;padding:0 0 36px}.brand>span:last-child,.side-label,.sidebar nav button:not(.active):after,.side-foot span{display:none}.sidebar nav button{justify-content:center;padding:12px}.side-foot{border:0;justify-content:center;margin:auto 0 5px}.main{padding:24px 20px}.metrics{grid-template-columns:repeat(2,1fr)}.workspace-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.top-actions{flex-wrap:wrap;width:100%}.top-actions .primary{margin-left:auto}.client{border:0}.toolbar{flex-direction:column;gap:15px}.search{width:100%}}@media (width<=560px){.main{padding:20px 13px 35px}.metrics{gap:8px}.metric{gap:9px;padding:14px 12px}.metric-icon{width:31px;height:31px}.metric strong{font-size:20px}.metric p{font-size:10px}.topbar h1{font-size:24px}.top-actions{gap:7px}.env{font-size:9px}.client{text-overflow:ellipsis;max-width:105px;font-size:10px;overflow:hidden}.top-actions .icon-button{margin-left:auto}.top-actions .primary{margin-left:0;padding:9px 10px;font-size:12px}.panel-head{padding:17px}.table-wrap{margin:0 -1px}th,td{padding:12px 14px}.ledger .text-button{font-size:11px}.detail,.drawer{width:100%}}.checkout-page{color:#e8f2f0;background:#101c21;place-items:center;min-height:100vh;padding:30px 16px;font-family:IBM Plex Sans,sans-serif;display:grid}.checkout-frame{background:#17272c;border:1px solid #2b4448;border-radius:10px;width:min(520px,100%);padding:25px;box-shadow:0 22px 60px #07101480}.checkout-brand{color:#91aaa9;letter-spacing:.13em;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.checkout-brand .brand-mark{color:#102d30;background:#54c9b0;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.checkout-brand>svg{color:#68cdbb;margin-left:auto}.checkout-summary{border-bottom:1px solid #2b4448;padding:36px 2px 27px}.checkout-summary .eyebrow,.checkout-section-head .eyebrow{color:#739395;letter-spacing:.1em;font-size:10px}.checkout-summary h1{color:#f2f8f6;margin:9px 0 16px;font-size:22px}.checkout-summary strong{letter-spacing:-.03em;color:#f4fbf8;font-size:36px;display:block}.checkout-summary strong small{color:#9bb2b0;font-size:13px;font-weight:600}.checkout-summary>span{color:#789193;margin-top:10px;font-family:ui-monospace,monospace;font-size:11px;display:block}.checkout-options{padding:26px 0 15px}.checkout-section-head{justify-content:space-between;align-items:flex-end;margin-bottom:14px;display:flex}.checkout-section-head h2{margin:6px 0 0;font-size:17px}.checkout-section-head>span{color:#69cdb8;font-size:10px}.checkout-method{text-align:left;color:#ecf5f2;background:#203439;border:1px solid #385358;border-radius:7px;align-items:center;gap:13px;width:100%;margin-top:9px;padding:14px 15px;transition:border-color .15s,background .15s;display:flex}.checkout-method:hover:not(:disabled){background:#243c40;border-color:#62cdb9}.checkout-method.selected{background:#1f3b3b;border-color:#59cbb6;box-shadow:0 0 0 1px #59cbb644}.checkout-method.disabled{color:#6c8587;cursor:not-allowed;background:#18272b;border-color:#293b3e}.method-icon{color:#8bd8c7;background:#29474a;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.disabled .method-icon{color:#617578;background:#223136}.method-copy{gap:3px;display:grid}.method-copy b{font-size:13px}.method-copy small{color:#8da7a6;font-size:11px}.disabled .method-copy small{color:#63787a}.method-check{color:#66d3bd;margin-left:auto}.method-status{letter-spacing:.1em;color:#617578;margin-left:auto;font-size:9px}.checkout-submit{color:#102d30;background:#61d0b8;width:100%;margin-top:12px;padding:13px 16px}.checkout-submit:hover{background:#78dbc6}.checkout-submit:disabled{opacity:.65;cursor:wait}.checkout-foot{color:#71898a;justify-content:center;align-items:center;gap:6px;margin:17px 0 0;font-size:11px;display:flex}.checkout-loading,.checkout-error{text-align:center;color:#a8bfbd;background:#17272c;border:1px solid #2b4448;border-radius:10px;width:min(420px,100%);padding:48px 30px}.checkout-error{color:#e2aaa2}.checkout-error svg{color:#e07869}.checkout-error h1{color:#f0f5f3;margin:14px 0 8px;font-size:19px}.checkout-error p{margin:0;font-size:12px;line-height:1.6}.loader{border:2px solid #365458;border-top-color:#67d0bb;border-radius:50%;width:20px;height:20px;margin:0 auto 13px;animation:1s linear infinite spin;display:block}.checkout-drawer-options{margin:4px 0 17px}.checkout-drawer-options>.eyebrow{letter-spacing:.1em;color:#789094;font-size:10px}.checkout-drawer-options>h3{margin:6px 0 12px;font-size:16px}.checkout-drawer-options .checkout-method{margin-top:8px}.checkout-drawer-options .checkout-foot{color:#71898a}@media (width<=560px){.checkout-page{align-items:stretch;padding:0}.checkout-frame{width:100%;min-height:100vh;box-shadow:none;border:0;border-radius:0;padding:22px 20px}.checkout-summary{padding-top:48px}.checkout-summary h1{font-size:20px}}