:root{color-scheme:light;--ink: rgb(14 54 89);--ink-deep: rgb(9 33 54);--blue: rgb(24 90 148);--cyan: rgb(23 180 195);--stone: rgb(161 157 151);--sand: rgb(219 214 206);--ivory: rgb(240 234 225);--page: rgb(246 243 238);--white: rgb(255 255 255);--text: rgb(15 18 22 / .96);--muted: rgb(15 18 22 / .62);--muted-strong: rgb(15 18 22 / .74);--on-dark: rgb(246 243 238);--on-dark-muted: rgb(246 243 238 / .78);--border: rgb(14 54 89 / .14);--border-strong: rgb(14 54 89 / .22);--panel: rgb(255 255 255 / .82);--panel-solid: rgb(255 255 255);--success: rgb(28 131 92);--success-soft: rgb(28 131 92 / .1);--danger: rgb(150 39 39);--danger-soft: rgb(150 39 39 / .1);--warning: rgb(132 89 23);--warning-soft: rgb(255 193 7 / .16);--shadow: 0 22px 60px rgb(8 23 39 / .14);--shadow-soft: 0 14px 34px rgb(8 23 39 / .1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background:var(--page);color:var(--text)}*{box-sizing:border-box}html{min-width:320px;background:var(--page)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:clip;background:var(--page)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.68}a{color:inherit;text-decoration:none}img,svg,video{display:block;max-width:100%}h1,h2,h3,p,dt,dd,span,strong,small,label,button,a,td,th{letter-spacing:0;overflow-wrap:anywhere}h1,h2,h3,p{margin:0}.brandHero{position:relative;min-height:82vh;overflow:hidden;color:var(--on-dark);background:var(--ink-deep)}.publicHero{min-height:100vh;min-height:100svh}.brandMedia,.brandMedia__poster,.brandMedia__video,.brandMedia__overlay{position:absolute;inset:0}.brandMedia{z-index:0;overflow:hidden;background:var(--ink-deep)}.brandMedia__poster,.brandMedia__video{width:100%;height:100%;object-fit:cover}.brandMedia__poster{z-index:0}.brandMedia__video{z-index:1}.brandMedia__overlay{z-index:2;background:linear-gradient(120deg,#05101be6,#0a253cc2 46%,#185a947a),linear-gradient(180deg,#0000003d,#00000014 46%,#092136bd)}.heroShell,.adminHeroShell,.setupShell{position:relative;z-index:3;width:min(1240px,calc(100% - 32px));margin:0 auto}.heroShell{display:grid;min-height:82vh;grid-template-rows:auto 1fr;gap:36px;padding:22px 0 56px}.publicHero .heroShell{min-height:100vh;min-height:100svh}.heroNav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px}.heroLogo{width:154px;height:auto;filter:drop-shadow(0 16px 38px rgb(0 0 0 / .22))}.heroContent{display:grid;align-content:center;justify-items:start;max-width:780px;gap:24px;padding:34px 0}.heroContent h1,.adminHeroCopy h1,.setupCopy h1{max-width:860px;font-size:4.55rem;font-weight:540;line-height:.98}.publicHero .heroContent{max-width:940px}.publicHero .heroContent h1{max-width:none;white-space:nowrap}.heroContent p,.adminHeroCopy p,.setupCopy p{max-width:680px;color:var(--on-dark-muted);font-size:1.12rem;line-height:1.62}.heroActions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.primaryAction,.secondaryAction,.glassButton,.smallButton,.iconButton,.textLink{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border-radius:8px;font-weight:760;line-height:1;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.primaryAction{min-height:48px;padding:0 18px;border:1px solid rgb(23 180 195 / .42);background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 80%,var(--cyan) 20%),var(--ink-deep));color:var(--on-dark);box-shadow:0 18px 38px #05101b38}.primaryAction:hover,.primaryAction:focus-visible{border-color:#17b4c3b8;transform:translateY(-1px);outline:none}.primaryAction--full,.secondaryAction--full{width:100%}.secondaryAction,.glassButton{min-height:46px;padding:0 15px;border:1px solid rgb(255 255 255 / .3);background:linear-gradient(180deg,#ffffff24,#ffffff12);color:var(--on-dark);box-shadow:0 12px 28px #05101b2e;-webkit-backdrop-filter:blur(14px) saturate(112%);backdrop-filter:blur(14px) saturate(112%)}.heroGhostAction{min-height:48px;padding:0 18px}.secondaryAction:hover,.glassButton:hover,.secondaryAction:focus-visible,.glassButton:focus-visible{border-color:#ffffff7a;outline:none}.textLink{min-height:36px;color:var(--blue)}.textLink:hover,.textLink:focus-visible{color:var(--ink);outline:none}.iconButton,.smallButton{border:1px solid var(--border);background:#ffffffc2;color:var(--ink)}.iconButton{width:40px;height:40px;padding:0}.smallButton{min-height:34px;padding:0 10px;font-size:.84rem}.iconButton:hover,.smallButton:hover,.iconButton:focus-visible,.smallButton:focus-visible{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px #185a941a}.adminContent{width:min(1240px,calc(100% - 32px));margin:0 auto}.eyebrow{color:var(--blue);font-size:.78rem;font-weight:800;line-height:1.25;text-transform:uppercase}.panelHeader h2,.loginPanel h2{color:var(--ink);font-size:2rem;font-weight:560;line-height:1.08}.statusGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.statusMetric{display:grid;min-height:132px;align-content:space-between;gap:12px;padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:var(--shadow-soft)}.statusMetricIcon{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:8px;background:#185a941a;color:var(--blue)}.statusMetric span:not(.statusMetricIcon){color:var(--muted);font-size:.86rem;font-weight:720}.statusMetric strong{color:var(--ink);font-size:1.08rem}.statusMetric--ok .statusMetricIcon,.statusMetric--success .statusMetricIcon{background:var(--success-soft);color:var(--success)}.statusMetric--failed .statusMetricIcon{background:var(--danger-soft);color:var(--danger)}.statusMetric--loading .statusMetricIcon{background:#a19d9729;color:var(--muted)}.adminPanel,.loginPanel{border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:var(--shadow-soft)}.panelHeader,.accountCardTop,.setupBrand{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.adminPage{min-height:100vh;background:var(--page)}.adminHero{position:relative;min-height:374px;overflow:hidden;color:var(--on-dark);background:var(--ink-deep)}.adminHero .brandMedia__overlay{background:linear-gradient(120deg,#05101beb,#0a253cbd 58%,#185a9470),linear-gradient(180deg,#0000001f,#092136c7)}.adminHeroShell{display:grid;min-height:374px;grid-template-rows:auto 1fr;gap:26px;padding:22px 0 48px}.adminHeroCopy{display:grid;align-content:end;max-width:820px;gap:18px}.adminHeroCopy h1{font-size:3.5rem}.adminContent{padding:22px 0 70px}.dashboardGrid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:14px}.adminPanel{display:grid;gap:18px;min-width:0;padding:20px}.adminPanel--wide{grid-column:1 / -1}.statusGrid--admin{grid-template-columns:repeat(4,minmax(0,1fr))}.accountGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.accountCard{display:grid;min-height:224px;align-content:space-between;gap:20px;padding:18px;border:1px solid rgb(255 255 255 / .2);border-radius:8px;background:radial-gradient(circle at 18% 15%,rgb(23 180 195 / .32),transparent 34%),linear-gradient(135deg,#081f33,#0e3659 46%,#185a94);color:var(--on-dark);text-align:left;box-shadow:0 20px 42px #08172738}.accountCard:hover,.accountCard:focus-visible,.accountCard--selected{border-color:#17b4c3b8;outline:none;box-shadow:0 0 0 4px #17b4c329,0 24px 52px #08172742}.cardSurfaceTop,.cardSurfaceBottom{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cardChip{width:42px;height:31px;border:1px solid rgb(255 255 255 / .38);border-radius:7px;background:linear-gradient(90deg,transparent 32%,rgb(255 255 255 / .22) 32% 38%,transparent 38%),linear-gradient(180deg,#ffffff6b,#ffffff2e)}.brandMark{display:inline-flex;align-items:center;justify-content:center;width:68px;height:34px}.brandMark img{display:block;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.brandMark--visa{width:62px}.brandMark--mastercard{width:70px}.cardSurfaceMain{display:block}.cardSurfaceMain strong{display:block;color:var(--on-dark);font-size:1rem}.accountCardNumber{display:block;margin-top:12px;color:var(--on-dark);font-family:SFMono-Regular,Consolas,monospace;font-size:1.1rem;font-variant-numeric:tabular-nums;white-space:nowrap}.cardSurfaceBottom small,.cardSurfaceBottom strong{display:block}.cardSurfaceBottom small{color:var(--on-dark-muted);font-size:.7rem;font-weight:760;text-transform:uppercase}.cardSurfaceBottom strong{margin-top:4px;color:var(--on-dark);font-family:SFMono-Regular,Consolas,monospace;font-size:.92rem}.createCardBar{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.segmentedControl{display:inline-flex;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#ffffffb8}.segmentButton{min-height:34px;padding:0 12px;border:0;background:transparent;color:var(--muted-strong);font-size:.84rem;font-weight:820}.segmentButton--active{background:#0e36591a;color:var(--ink)}.smallButton--dark{background:var(--ink);color:var(--on-dark)}.cardDetailBox{display:grid;gap:16px;margin-top:18px;padding:18px;border:1px solid rgb(14 54 89 / .12);border-radius:8px;background:#ffffffa8}.cardDetailHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.cardDetailHeader h3{color:var(--ink);font-size:1.55rem;font-weight:620}.cardDetailGrid{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(240px,.7fr) minmax(0,1.2fr);gap:14px}.settingsForm,.loginForm{display:grid;gap:12px}.settingsForm{align-content:start;padding:14px;border:1px solid rgb(14 54 89 / .1);border-radius:8px;background:#ffffffad}.settingsForm label,.loginForm label{color:var(--ink);font-size:.84rem;font-weight:780}.settingsForm input,.settingsForm select,.loginForm input{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:#ffffffd1;color:var(--text)}.settingsForm input:focus,.settingsForm select:focus,.loginForm input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px #185a941a}.fieldPair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.formSectionHeader{display:flex;align-items:center;gap:8px;color:var(--ink)}.chargePreview{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:46px;padding:10px 12px;border:1px solid rgb(24 90 148 / .14);border-radius:8px;background:#185a9412;color:var(--ink)}.chargePreview span{color:var(--muted);font-size:.88rem}.chargePreview strong{font-family:SFMono-Regular,Consolas,monospace}.bookingsPanel{display:grid;min-width:0;align-content:start;gap:12px;padding:14px;border:1px solid rgb(14 54 89 / .1);border-radius:8px;background:#ffffffad}.integrationTopGrid,.integrationDetailGrid{display:grid;gap:14px}.integrationTopGrid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}.integrationDetailGrid{grid-template-columns:minmax(280px,.85fr) minmax(280px,.85fr) minmax(0,1.3fr)}.integrationSelector,.integrationCreateForm{min-width:0}.integrationMetaGrid,.webhookMeta{display:grid;gap:10px}.integrationMetaGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.webhookMeta{grid-template-columns:minmax(0,1fr) auto;align-items:end}.integrationMetaGrid span,.webhookMeta span{display:grid;min-width:0;gap:5px;padding:10px;border:1px solid rgb(14 54 89 / .1);border-radius:8px;background:#ffffff9e}.integrationMetaGrid small,.webhookMeta small{color:var(--muted);font-size:.74rem;font-weight:820;text-transform:uppercase}.integrationMetaGrid code,.webhookMeta code,.apiKeyRow code,.revealBox code{font-family:SFMono-Regular,Consolas,monospace;font-size:.84rem}.inlineFieldAction{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.apiKeyList{display:grid;gap:9px}.apiKeyRow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0;padding:11px;border:1px solid rgb(14 54 89 / .1);border-radius:8px;background:#ffffffa8}.apiKeyRow span:first-child{display:grid;min-width:0;gap:5px}.apiKeyRow small{color:var(--muted);font-size:.78rem}.apiKeyActions,.webhookButtonRow,.revealActions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.webhookButtonRow{justify-content:stretch}.webhookButtonRow .smallButton{flex:1}.revealStack{display:grid;gap:10px}.revealBox{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid rgb(23 180 195 / .32);border-radius:8px;background:linear-gradient(180deg,#17b4c31c,#ffffffb8)}.revealBox>div:first-child{display:grid;gap:6px}.revealBox small{color:var(--muted-strong)}.revealBox>code{display:block;min-width:0;padding:11px;border:1px solid rgb(14 54 89 / .12);border-radius:8px;background:#ffffffc2;color:var(--ink);overflow-x:auto;white-space:nowrap}.snippetsPanel{min-width:0}.snippetBlock{display:grid;min-width:0;gap:8px}.snippetBlock>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.snippetBlock strong{color:var(--ink)}.snippetBlock pre{max-height:176px;margin:0;overflow:auto;padding:12px;border:1px solid rgb(14 54 89 / .12);border-radius:8px;background:#081f33;color:var(--on-dark)}.snippetBlock code{font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem;line-height:1.5;white-space:pre}.tableWrap{width:100%;overflow-x:auto}.ledgerTable{width:100%;min-width:620px;border-collapse:collapse}.ledgerTable th,.ledgerTable td{padding:12px 10px;border-bottom:1px solid rgb(14 54 89 / .1);text-align:left;vertical-align:top}.ledgerTable th{color:var(--muted);font-size:.78rem;font-weight:820;text-transform:uppercase}.ledgerTable td{color:var(--text);font-size:.9rem}.ledgerTable td:nth-child(2),.ledgerTable td:nth-child(3){font-family:SFMono-Regular,Consolas,monospace;white-space:nowrap}.ledgerTable small{display:block;margin-top:4px;color:var(--muted)}.ledgerType{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:8px;font-size:.76rem;font-weight:820}.ledgerType--seed{background:#185a941a;color:var(--blue)}.ledgerType--charge{background:var(--success-soft);color:var(--success)}.ledgerType--adjustment{background:#17b4c324;color:var(--blue)}.ledgerType--charge_failed{background:var(--danger-soft);color:var(--danger)}.eventList{display:grid;gap:10px}.eventRow{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(180px,.8fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid rgb(14 54 89 / .1);border-radius:8px;background:#ffffffa8}.eventMain{display:grid;min-width:0;gap:6px}.eventMain strong{color:var(--ink);font-family:SFMono-Regular,Consolas,monospace;font-size:.86rem}.eventMain span:not(.badge){color:var(--muted);font-size:.82rem}.deliveryList{display:flex;flex-wrap:wrap;gap:6px}.deliveryBadge{display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border-radius:8px;font-size:.76rem;font-weight:820}.deliveryBadge--succeeded{background:var(--success-soft);color:var(--success)}.deliveryBadge--failed{background:var(--danger-soft);color:var(--danger)}.deliveryBadge--pending,.deliveryBadge--neutral{background:#a19d9726;color:var(--muted-strong)}.loginPanel{display:grid;max-width:520px;gap:20px;margin:0 auto;padding:24px}.loginPanel p{margin-top:8px;color:var(--muted-strong);line-height:1.58}.setupPage{min-height:100vh;background:var(--ink-deep)}.setupHero{min-height:100vh}.setupShell{display:grid;min-height:100vh;place-items:center;padding:28px 0}.setupPanel{display:grid;width:min(640px,100%);gap:20px;padding:22px;border:1px solid rgb(255 255 255 / .18);border-radius:8px;background:linear-gradient(180deg,#092136b8,#0921368a);box-shadow:0 28px 78px #0000004d;-webkit-backdrop-filter:blur(18px) saturate(112%);backdrop-filter:blur(18px) saturate(112%)}.setupBrand img{width:142px}.setupCopy{display:grid;gap:10px}.setupCopy h1{font-size:2.5rem}.setupMeta{display:grid;gap:4px;padding:12px;border:1px solid rgb(255 255 255 / .16);border-radius:8px;background:#ffffff14}.setupMeta span{color:var(--on-dark-muted);font-size:.78rem;font-weight:760}.setupMeta strong{color:var(--on-dark);font-family:SFMono-Regular,Consolas,monospace;font-size:.84rem}.setupCardList{display:grid;gap:10px}.setupCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-height:70px;padding:12px;border:1px solid rgb(255 255 255 / .16);border-radius:8px;background:#ffffff14;color:var(--on-dark);text-align:left}.setupCard strong,.setupCard small{display:block}.setupCard small{margin-top:4px;color:var(--on-dark-muted)}.setupCard:hover,.setupCard:focus-visible,.setupCard--selected{border-color:#17b4c3b8;outline:none;box-shadow:0 0 0 4px #17b4c324}.doneBlock{display:grid;gap:12px}.statusPill,.badge{display:inline-flex;align-items:center;width:fit-content;border-radius:8px;font-weight:820;line-height:1;white-space:nowrap}.statusPill{gap:8px;min-height:34px;padding:0 10px;border:1px solid rgb(255 255 255 / .24);background:#ffffff1a;color:var(--on-dark)}.statusPill--success{border-color:#17b4c380;color:var(--on-dark)}.statusPill--danger{border-color:#ffffff42;color:var(--on-dark)}.badge{min-height:26px;padding:0 8px;font-size:.72rem}.badge--neutral{background:#a19d9729;color:var(--muted-strong)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.inlineState{display:flex;gap:10px;align-items:flex-start;min-height:48px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#ffffffad;color:var(--text)}.setupPanel .inlineState{border-color:#ffffff2e;background:#ffffff17;color:var(--on-dark)}.inlineState strong,.inlineState small{display:block}.inlineState small{margin-top:3px;color:var(--muted);line-height:1.44}.setupPanel .inlineState small{color:var(--on-dark-muted)}.inlineState--success{border-color:#1c835c47;background:var(--success-soft);color:var(--success)}.inlineState--danger{border-color:#9627273d;background:var(--danger-soft);color:var(--danger)}.inlineState--warning{border-color:#84591738;background:var(--warning-soft);color:var(--warning)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.heroContent h1{font-size:3.7rem}.publicHero .heroContent h1{font-size:3.35rem}.adminHeroCopy h1{font-size:3rem}.statusGrid,.statusGrid--admin,.accountGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardGrid{grid-template-columns:1fr}.cardDetailGrid,.integrationTopGrid,.integrationDetailGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.snippetsPanel,.bookingsPanel{grid-column:1 / -1}}@media(max-width:720px){.brandHero,.heroShell{min-height:76vh}.publicHero,.publicHero .heroShell{min-height:100vh;min-height:100svh}.heroShell,.adminHeroShell{width:min(100% - 24px,1240px);padding-top:18px}.adminContent,.setupShell{width:min(100% - 24px,1240px)}.heroNav,.panelHeader,.setupBrand{align-items:flex-start;flex-direction:column}.heroLogo{width:138px}.heroContent{gap:20px}.heroContent h1{font-size:2.8rem}.publicHero .heroContent h1{font-size:2.45rem}.adminHeroCopy h1,.setupCopy h1{font-size:2.35rem}.heroContent p,.adminHeroCopy p,.setupCopy p{font-size:1rem}.statusGrid,.statusGrid--admin,.accountGrid,.cardDetailGrid,.integrationTopGrid,.integrationDetailGrid,.integrationMetaGrid,.webhookMeta{grid-template-columns:1fr}.bookingsPanel,.snippetsPanel{grid-column:auto}.createCardBar,.cardDetailHeader{justify-content:flex-start}.eventRow,.revealBox{grid-template-columns:1fr}.setupCard{grid-template-columns:auto minmax(0,1fr)}.setupCard .badge{grid-column:1 / -1}}@media(max-width:480px){.heroContent h1,.adminHeroCopy h1,.setupCopy h1{font-size:2.15rem}.publicHero .heroContent h1{font-size:1.85rem}.heroActions,.primaryAction,.secondaryAction,.glassButton{width:100%}.balanceValue{font-size:1.55rem}.accountCardNumber{font-size:.9rem;white-space:normal}.cardSurfaceBottom{flex-wrap:wrap}.inlineFieldAction,.apiKeyRow{grid-template-columns:1fr}.apiKeyRow{display:grid}.apiKeyActions,.revealActions{justify-content:flex-start}.setupPanel,.adminPanel,.loginPanel{padding:16px}}@media(max-width:380px){.publicHero .heroContent h1{font-size:1.55rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms;animation-iteration-count:1;scroll-behavior:auto;transition-duration:.001ms}.brandMedia__video{display:none}}