@font-face { font-family:'DM Sans'; font-style:normal; font-weight:400 700; font-display:swap; src:url("/_assets/fonts/DMSans-LatinExt-VF.woff2") format("woff2"); 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:'DM Sans'; font-style:normal; font-weight:400 700; font-display:swap; src:url("/_assets/fonts/DMSans-Latin-VF.woff2") format("woff2"); 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:'JetBrains Mono'; font-style:normal; font-weight:100 800; font-display:swap; src:url("/_assets/fonts/JetBrainsMono-VF.ttf") format("truetype"); }
:root { --cp-bg:#101112; --cp-panel:#181a1b; --cp-raised:#242629; --cp-text:#d3d7d5; --cp-muted:#a2a6a4; --cp-mint:#93cbb4; --cp-green:#296b52; }
.cp-header,.cp-navigation { font:400 15px/1.6 'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif; color:var(--cp-text); text-align:left; }
.cp-header *,.cp-navigation * { box-sizing:border-box; }
.cp-header a,.cp-navigation a,.cp-brand { text-decoration:none; color:inherit; }
.cp-header button,.cp-navigation button { font:inherit; appearance:none; cursor:pointer; }
.cp-header nav,.cp-navigation nav { margin:0; }
.cp-navigation .cp-menu-links { display:block; }
.cp-shell { width:min(1140px,calc(100% - 80px)); margin-inline:auto; }
.cp-brand { font-family:'JetBrains Mono',ui-monospace,monospace; }
:is(button,a,input,summary) { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
:is(button,a,input,summary):focus { outline:none; }
.cp-keyboard-nav :is(button,a,input,summary):focus-visible { outline:2px solid var(--cp-mint); outline-offset:5px; }
.cp-button { min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:10px 19px; border:1px solid #343a38; border-radius:8px; background:linear-gradient(180deg,#242827,#1e2221); color:#d3dfd8; font-size:14px; font-weight:550; line-height:1.5; box-shadow:inset 0 1px 0 #ffffff08,0 2px 3px #0002; transition:box-shadow 100ms; }
.cp-button:active { background:#2a302d; box-shadow:inset 0 1px 2px #0002; }
.cp-button.cp-primary { background:linear-gradient(180deg,#2e7258,var(--cp-green)); border-color:#438366; color:#e1ece5; box-shadow:inset 0 1px 0 #c0e5cf16,0 2px 4px #0003; }
.cp-button.cp-primary:active { background:#245e48; box-shadow:inset 0 1px 2px #0003; }
.cp-button svg { width:16px; height:16px; }
/* clip does not create a scroll container; the header sticks to the viewport. */
:root { --cp-header-height:84px; }
[id] { scroll-margin-top:calc(var(--cp-header-height) + 16px); }
.cp-header { position:sticky; top:0; z-index:20; background:var(--cp-bg); padding-top:env(safe-area-inset-top,0px); }
.cp-header-row,.cp-menu-row { display:flex; align-items:center; justify-content:space-between; gap:24px; height:84px; }
.cp-brand { font-size:21px; letter-spacing:-1.1px; white-space:nowrap; font-weight:400; }
.cp-brand-logo { display:inline-block; width:34px; height:34px; object-fit:contain; vertical-align:-.28em; margin:0 0 0 -2px; }
.cp-brand b { font-weight:400; color:#6ee0ae; }
.cp-nav { display:flex; align-items:center; gap:23px; }
.cp-nav a { color:#b8bdc1; font-size:14px; padding:12px 0; transition:color 100ms; }
.cp-nav a:hover { color:#6ee0ae; }
.cp-header-actions { display:flex; gap:10px; align-items:center; }
.cp-header-actions .cp-button { min-height:38px; padding:7px 16px; font-size:13px; }
.cp-menu { display:none; }
.cp-menu,.cp-menu-close { min-width:44px; padding:10px; background:transparent; border-color:transparent; box-shadow:none; }
.cp-menu:active,.cp-menu-close:active { background:#242827; }
.cp-menu-glyph { position:relative; display:block; width:22px; height:22px; }
.cp-menu-glyph span { position:absolute; left:1px; top:10px; width:20px; height:2px; border-radius:2px; background:currentColor; transition:transform 240ms cubic-bezier(.22,.8,.25,1),opacity 140ms; }
.cp-menu-glyph span:first-child { transform:translateY(-6px); }
.cp-menu-glyph span:last-child { transform:translateY(6px); }
.cp-navigation.is-visible .cp-menu-glyph span:first-child { transform:rotate(45deg); }
.cp-navigation.is-visible .cp-menu-glyph span:nth-child(2) { opacity:0; transform:scaleX(.3); }
.cp-navigation.is-visible .cp-menu-glyph span:last-child { transform:rotate(-45deg); }
/* The native modal traps focus; its transparent surface leaves the page visible. */
.cp-navigation { position:fixed; inset:0; margin:0; width:100%; max-width:none; height:100vh; height:100dvh; max-height:none; padding:env(safe-area-inset-top,0px) 0 0; border:0; background:transparent; color:var(--cp-text); overscroll-behavior:contain; overflow:hidden; }
.cp-navigation[open] { display:flex; flex-direction:column; }
.cp-navigation::backdrop { background:transparent; }
.cp-menu-row { flex-shrink:0; position:relative; }
.cp-menu-row:before { content:''; position:absolute; inset:0 calc((100vw - 100%) / -2); background:var(--cp-bg); z-index:-1; }
.cp-menu-panel { width:min(360px,calc(100% - 32px)); margin:0 max(16px,env(safe-area-inset-right)) 0 auto; display:flex; flex-direction:column; min-height:0; max-height:calc(100dvh - var(--cp-header-height) - max(16px,env(safe-area-inset-bottom))); background:var(--cp-panel); border:0; border-radius:12px; box-shadow:0 10px 28px #0005; padding:20px; overflow-y:auto; overscroll-behavior:contain; opacity:0; transform:translateY(-14px) scale(.98); transform-origin:top right; transition:transform 220ms cubic-bezier(.22,.8,.25,1),opacity 160ms; }
.cp-navigation.is-visible .cp-menu-panel { opacity:1; transform:translateY(0) scale(1); }
.cp-menu-top,.cp-menu-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; flex-shrink:0; }
.cp-menu-columns { margin-top:18px; }
.cp-menu-links { min-width:0; padding:0; }
:is(#cp-one,body) .cp-navigation .cp-menu-links h2 { margin:0 0 6px; color:var(--cp-muted); font:500 12px/1.6 'DM Sans',sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.cp-menu-top .cp-menu-links > .cp-button { margin-top:4px; padding:8px 12px; font-size:14px; }
.cp-menu-links a { display:flex; align-items:center; gap:10px; min-height:36px; padding:6px 10px; border-radius:8px; font-size:14px; line-height:24px; }
.cp-menu-links a svg { width:18px; height:18px; }
.cp-menu-links a:active { background:#242827; }
.cp-keyboard-nav .cp-menu-links a:focus-visible { outline-offset:-4px; }
.cp-menu-actions { display:flex; align-items:flex-start; justify-content:flex-start; padding:0 0 0 10px; }
.cp-menu-actions .cp-button { min-height:36px; padding:7px 12px; font-size:13px; white-space:nowrap; }
@media (hover:hover) and (pointer:fine) {
.cp-button:hover { filter:brightness(1.13); }
.cp-button.cp-primary:hover { filter:brightness(1.08); }
.cp-menu-links a:hover { background:#242827; }
}
body.cp-menu-locked { position:fixed; width:100%; overflow:hidden; }
@media (max-width:960px) {
.cp-nav,.cp-header-actions { display:none; }
.cp-menu { display:inline-flex; }
.cp-header-row,.cp-menu-row { height:70px; gap:16px; }
}

.cp-nav a[aria-current="page"] { color:var(--cp-mint); }
.cp-menu-links .side-group { margin:10px 0 0; padding:8px 0; color:var(--cp-mint); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.cp-workspace .cp-header-row,.cp-workspace + .cp-navigation .cp-menu-row { width:calc(100% - 52px); }
@media (max-width:700px) { .cp-shell,.cp-workspace .cp-header-row,.cp-workspace + .cp-navigation .cp-menu-row { width:calc(100% - 36px); } }
@media (prefers-reduced-motion:reduce) { .cp-menu-glyph span,.cp-menu-panel { transition:none; } }

@media (max-width:900px) { .cp-brand { font-size:18px; } }
@media (max-width:355px) { .cp-brand { font-size:16px; } }
.cp-header-row,.cp-menu-row { padding-left:max(0px,calc(env(safe-area-inset-left) - 14px)); padding-right:max(0px,calc(env(safe-area-inset-right) - 14px)); }

.cp-menu-status { margin:0; font-size:12px; color:var(--cp-muted); }
.cp-site-footer { padding:44px 0 48px; border-top:1px solid #242827; color:var(--cp-muted); font:400 14px/1.6 'DM Sans',sans-serif; text-align:left; }
.cp-site-footer .cp-brand { color:var(--cp-text); text-decoration:none; }
.cp-site-footer .cp-socials { display:flex; justify-content:flex-start; gap:16px; margin:18px 0 30px; }
.cp-site-footer .cp-socials a { display:grid; place-items:center; width:28px; height:32px; padding:0; color:#969c99; }
.cp-socials svg { width:22px; height:22px; }
.cp-site-footer .cp-footer-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; max-width:600px; }
.cp-site-footer .cp-footer-columns nav { display:flex; flex-direction:column; align-items:flex-start; gap:9px; margin:0; }
:is(#cp-one,body) .cp-site-footer .cp-footer-columns h2 { font:500 15px/1.6 'DM Sans',sans-serif; color:var(--cp-text); margin:0 0 8px; }
.cp-site-footer .cp-footer-columns a { padding:0; border-radius:0; font-size:14px; text-decoration:none; color:var(--cp-muted); }
.cp-site-footer a:hover { color:var(--cp-mint); }
@media (max-width:700px) {
.cp-site-footer .cp-footer-columns nav { gap:0; }
.cp-site-footer .cp-footer-columns a { display:flex; align-items:center; box-sizing:border-box; min-height:36px; padding:6px 0; line-height:24px; }
}
body:has(> .cp-site-footer) { display:flex; flex-direction:column; min-height:100dvh; }
body > .cp-site-footer { margin-top:auto; }

.billing-plan-options { margin:28px 0; }

.cp-resources { position:relative; }
.cp-resources summary { display:flex; align-items:center; gap:7px; padding:12px 0; list-style:none; color:#b8bdc1; font-size:14px; cursor:pointer; }
.cp-resources summary::-webkit-details-marker { display:none; }
.cp-resources[open] summary,.cp-resources summary:hover { color:var(--cp-mint); }
.cp-resources>nav { position:absolute; top:100%; left:-14px; width:184px; padding:8px; border:1px solid #303633; border-radius:10px; background:var(--cp-panel); box-shadow:0 12px 28px #0005; }
.cp-resources>nav a { display:block; padding:8px 10px; border-radius:6px; }
.cp-resources>nav a:hover { background:#242827; }
.cp-menu-bottom { margin-top:20px; padding-top:16px; border-top:1px solid #303633; }
.cp-menu-bottom .cp-button { width:100%; min-height:38px; font-size:14px; }
.cp-navigation .cp-menu-links h2 { padding-inline:10px; }
.verification-standard { padding:28px; margin-bottom:40px; border:1px solid #303633; border-radius:14px; background:#181c1c; }
.verification-standard h2 { font-size:24px; font-weight:500; color:var(--cp-text); }
.verification-standard-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-block:24px; }
.verification-standard h3 { font-size:16px; font-weight:500; }
.verification-standard p,.verification-standard summary { color:var(--cp-muted); font-size:14px; line-height:1.7; }
.verification-standard summary { cursor:pointer; color:var(--cp-mint); }
@media(max-width:650px) { .verification-standard-steps { grid-template-columns:1fr; gap:14px; } }

:is(#cp-one,body) .cp-plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; font:400 13px/1.6 'DM Sans',sans-serif; color:var(--cp-text); }
:is(#cp-one,body) .cp-plans .cp-offer { position:relative; min-width:0; padding:23px; border:1px solid #303633; border-top:3px solid #4fbf8c; border-radius:14px; background:#202827; }
:is(#cp-one,body) .cp-plans .cp-offer-pro { border-top-color:#4a9bbd; background:linear-gradient(115deg,#202c32,#18232b); --plan-accent:#a8d4df; }
.cp-offer-light { --plan-accent:#b1deca; }
:is(#cp-one,body) .cp-plans [data-plan-card] { display:flex; flex-direction:column; }
.cp-plan-variant { display:flex; flex-direction:column; flex:1; }
:is(#cp-one,body) .cp-plans [hidden] { display:none!important; }
:is(#cp-one,body) .cp-plans .cp-plan-period { display:flex; justify-content:flex-end; gap:2px; width:max-content; margin:0 0 0 auto; padding:3px; background:#151c19; border-radius:7px; }
:is(#cp-one,body) .cp-plans .cp-plan-period button { padding:9px 11px; min-height:36px; border:0; border-radius:5px; background:transparent; color:var(--cp-muted); font:500 12px/1.4 'DM Sans',sans-serif; cursor:pointer; box-shadow:none; }
:is(#cp-one,body) .cp-plans .cp-plan-period button[aria-pressed="true"] { background:#364e3f; color:#d3e0d5; }
:is(#cp-one,body) .cp-plans .cp-offer-pro .cp-plan-period { background:#141e23; }
:is(#cp-one,body) .cp-plans .cp-offer-pro .cp-plan-period button[aria-pressed="true"] { background:#2c4654; color:#c5e1ec; }
:is(#cp-one,body) .cp-plans .cp-plan-head { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:8px; }
:is(#cp-one,body) .cp-plans .cp-plan-heading { display:flex; flex-direction:column-reverse; align-items:flex-start; gap:12px; min-width:0; padding-top:8px; }
:is(#cp-one,body) .cp-plans .cp-plan-badge { padding:4px 8px; border-radius:6px; background:#294537; color:#b1deca; text-transform:uppercase; letter-spacing:.5px; font:500 10px/1.5 'DM Sans',sans-serif; }
:is(#cp-one,body) .cp-plans .cp-offer-pro .cp-plan-badge { background:#233e4a; color:#a8d4df; }
:is(#cp-one,body) .cp-plans h3 { font:600 23px/1.25 'DM Sans',sans-serif; color:var(--cp-text); margin:0; letter-spacing:0; }
:is(#cp-one,body) .cp-plans p { margin:5px 0 0; }
:is(#cp-one,body) .cp-plans .cp-plan-description { color:var(--cp-muted); font-size:12px; }
:is(#cp-one,body) .cp-plans .cp-plan-price { font:600 31px/1.25 'DM Sans',sans-serif; letter-spacing:-.7px; margin:17px 0 6px; color:#e4e8e6; }
:is(#cp-one,body) .cp-plans .cp-plan-price small { font:400 13px/1.5 'DM Sans',sans-serif; letter-spacing:0; color:var(--cp-muted); }
:is(#cp-one,body) .cp-plans .cp-plan-billing { font-size:12px; color:var(--cp-muted); margin:0 0 10px; }
.cp-plan-billing s { color:#737d79; margin-right:5px; }
:is(#cp-one,body) .cp-plans .cp-plan-tokens { color:var(--plan-accent); font-size:13px; }
:is(#cp-one,body) .cp-plans ul { list-style:none; padding:0; margin:21px 0; font-size:12px; color:var(--cp-text); }
:is(#cp-one,body) .cp-plans li { display:flex; gap:10px; margin:8px 0; }
:is(#cp-one,body) .cp-plans li::before { content:'✓'; color:var(--plan-accent); }
:is(#cp-one,body) .cp-plans .cp-plan-renewal { margin:auto 0 8px; color:var(--cp-muted); font-size:11px; }
:is(#cp-one,body) .cp-plans .cp-button { width:100%; font-size:13px; }
:is(#cp-one,body) .cp-plans .cp-primary { color:#e4f3ed; border:1px solid #2c6655; background:radial-gradient(ellipse at 22% 0%,#78cba77a,transparent 68%),linear-gradient(150deg,#28775b 0%,#154c3e 48%,#092f29 100%); box-shadow:inset 0 1px 1px #7cd4ae80,inset 0 0 12px #21695133; }
:is(#cp-one,body) .cp-plans .cp-offer-pro .cp-primary { color:#e5f3fa; border-color:#2c6178; background:radial-gradient(ellipse at 22% 0%,#83cae37a,transparent 68%),linear-gradient(150deg,#2d758d 0%,#18465f 48%,#0b2c40 100%); box-shadow:inset 0 1px 1px #9edbed80,inset 0 0 12px #28658133; }
:is(#cp-one,body) .cp-plans .cp-offer-free { grid-column:1/-1; border-top:3px solid #7d8481; --plan-accent:#b7bdb9; background:#181c1c; }
.cp-offer-free .cp-button { width:auto; margin-top:15px; }
.cp-plan-manage { color:var(--cp-muted); font-size:12px; }
@media(max-width:700px) { :is(#cp-one,body) .cp-plans { grid-template-columns:1fr; } }
@media(min-width:1001px) {
  :is(#cp-one,body) .cp-plans-free-first { grid-template-columns:repeat(3,minmax(0,1fr)); }
  :is(#cp-one,body) .cp-plans-free-first .cp-offer-free { grid-column:auto; display:flex; flex-direction:column; }
  :is(#cp-one,body) .cp-plans-free-first .cp-offer-free .cp-button { margin-top:auto; }
}
@media(max-width:1000px) { :is(#cp-one,body) .cp-plans-free-first .cp-offer-free { order:1; } }

:is(#cp-one,body) .cp-plans-free-first .cp-offer-free { display:flex; flex-direction:column; }
@media(min-width:1001px) { :is(#cp-one,body) .cp-plans-free-first .cp-offer-free h3 { margin-top:43px; } }
:is(#cp-one,body) .cp-plans-free-first .cp-offer-free .cp-button { margin-top:auto; }
:is(#cp-one,body) .cp-plans .cp-offer-free li::before { color:#b7bdb9; }
@media(max-width:1100px) and (min-width:1001px) {
:is(#cp-one,body) .cp-plans .cp-plan-period button { padding-inline:6px; }
:is(#cp-one,body) .cp-plans .cp-offer { padding:18px; }
}

@media(min-width:1001px) { :is(#cp-one,body) .cp-plans-free-first .cp-plan-tokens { min-height:42px; } }

/* Public pricing and account plan selection use the quieter account scale. */
body[data-page="pricing"] { --cp-muted:#a8afb5; --muted:#a8afb5; }
body[data-page="pricing"] .public-layout { width:min(1140px,calc(100% - 48px)); padding:36px 0 56px; }
body[data-page="pricing"] .hero { padding:0; margin-bottom:28px; }
body[data-page="pricing"] h1 { font-size:32px; font-weight:550; }
body[data-page="pricing"] .lede { margin:10px 0 0; font-size:15px; }
body[data-page="pricing"] .band { padding:0; margin:0; }
body[data-page="pricing"] .pack-heading { margin:32px 0 0; font-size:18px; font-weight:550; }
body[data-page="pricing"] .pricing-note { max-width:780px; margin-top:10px; font-size:13px; }
body[data-page="pricing"] .packs { margin-top:20px; }
body[data-page="pricing"] .pack-card { padding:20px; border:0; border-radius:8px; background:#191c1f; }
body[data-page="pricing"] .pack-card h3 { font-size:14px; font-weight:500; }
body[data-page="pricing"] .pack-card .price { font-size:24px; font-weight:500; line-height:1.4; margin:8px 0 0; }
body[data-page="pricing"] .pack-card .plan-list { margin-top:14px; gap:7px; font-size:13px; }
body[data-page="pricing"] .pack-card .button-link { margin-top:18px; padding:9px 12px; border-color:transparent; background:#262c30; font-size:13px; }
body[data-page="pricing"] .pricing-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; margin-top:32px; padding-top:24px; border-top:1px solid #24282c; }
body[data-page="pricing"] .pricing-details h2 { font-size:15px; font-weight:500; }
body[data-page="pricing"] .pricing-details p { margin:8px 0 0; color:var(--muted); font-size:13px; line-height:1.7; }
:is(#cp-one,body):is(.customer-workspace,[data-page="pricing"]) .cp-plans { gap:14px; }
:is(#cp-one,body):is(.customer-workspace,[data-page="pricing"]) .cp-plans .cp-offer { padding:20px; border:0; border-radius:8px; background:#1b2220; }
:is(#cp-one,body):is(.customer-workspace,[data-page="pricing"]) .cp-plans .cp-offer-pro { background:#1b2329; }
:is(#cp-one,body):is(.customer-workspace,[data-page="pricing"]) .cp-plans .cp-offer-free { background:#191c1f; }
:is(#cp-one,body):is(.customer-workspace,[data-page="pricing"]) .cp-plans h3 { font-size:19px; font-weight:500; }
:is(#cp-one,body):is(.customer-workspace,[data-page="pricing"]) .cp-plans .cp-plan-price { font-size:26px; font-weight:500; letter-spacing:-.5px; }
:is(#cp-one,body):is(.customer-workspace,[data-page="pricing"]) .cp-plans .cp-button { min-height:36px; text-decoration:none; }
:is(#cp-one,body):is(.customer-workspace,[data-page="pricing"]) .cp-plans .cp-primary { background:#2c614e; }
:is(#cp-one,body):is(.customer-workspace,[data-page="pricing"]) .cp-plans .cp-offer-pro .cp-primary { background:#2c5265; }
@media(max-width:600px) {
  body[data-page="pricing"] .public-layout { width:calc(100% - 36px); padding-top:24px; }
  body[data-page="pricing"] .pricing-details { grid-template-columns:1fr; gap:24px; }
}

/* Customer account pages only. Admin keeps its own layout and type scale. */
body.customer-workspace {
  --cp-muted:#a8afb5; --cp-text:#d3d7db; --muted:#a8afb5; --text:#d3d7db;
  --surface:#191c1f; --surface-strong:#222629; --border:#24282c;
  --accent-strong:#a6cfbf; --cp-header-height:64px;
  font-size:14px; line-height:1.6;
}
.customer-workspace .cp-header-row,.customer-workspace .cp-menu-row { height:64px; }
.customer-workspace .app-frame { grid-template-columns:208px minmax(0,1fr); }
.customer-workspace .side-nav { padding:20px 12px; background:#101112; border-right:1px solid #1a1d1f; }
.customer-workspace .side-nav a { padding:8px 12px; font-size:13px; border-radius:6px; }
.customer-workspace .side-nav a:hover { background:#181a1b; }
.customer-workspace .side-nav a[aria-current="page"] { background:#242827; color:var(--text); }
.customer-workspace .side-group { margin:24px 0 6px; font-size:11px; font-weight:500; color:var(--muted); }
.customer-workspace .side-group-admin { color:var(--accent); }
.customer-workspace .page-layout { padding:30px clamp(20px,4vw,56px) 56px; }
body.customer-workspace .page-copy { max-width:1060px; margin-inline:auto; }
.customer-workspace .page-layout > .status:empty { display:none; }
.customer-workspace .page-layout > .status:not(:empty) { margin:0 auto 18px; max-width:1060px; }
.customer-workspace .workspace-intro { margin-bottom:24px; }
.customer-workspace .workspace-heading { font-size:24px; font-weight:550; line-height:1.3; letter-spacing:-.025em; }
.customer-workspace .lede { margin:6px 0 0; font-size:14px; line-height:1.6; }
.customer-workspace h2 { margin:0 0 6px; font-size:15px; font-weight:550; letter-spacing:0; line-height:1.5; }
.customer-workspace h3 { font-size:13px; font-weight:500; letter-spacing:0; }
.customer-workspace p { color:var(--muted); }
.customer-workspace .account-identity { margin:-10px 0 22px; font-size:13px; overflow-wrap:anywhere; }
.customer-workspace .account-identity strong { font-weight:400; color:var(--text); }
.customer-workspace .account-overview { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:8px; }
.customer-workspace .account-metric { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:20px 22px; background:var(--surface); border:0; border-radius:8px; }
.customer-workspace .account-metric h2 { color:var(--muted); font-size:13px; font-weight:400; }
.customer-workspace .account-metric p { margin:0; }
.customer-workspace .usage-overview .account-metric { min-height:222px; background:linear-gradient(125deg,#181d1d,#15191a); border:1px solid #222929; border-radius:12px; }
.customer-workspace .usage-overview .section-heading { width:100%; gap:12px; }
.customer-workspace .usage-overview h2 { font-size:11px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; }
.customer-workspace .balance-line { display:flex; align-items:baseline; gap:8px; margin:16px 0 4px!important; }
.customer-workspace .balance-line > span { font-size:14px; }
.customer-workspace .balance-line .token-balance { margin:0!important; }
.customer-workspace .account-metric .plan-label { color:#a6cfbf; font-size:13px; }
.customer-workspace .token-summary .detail-note { margin-top:3px; }
.customer-workspace .balance-links { display:flex; align-items:baseline; flex-wrap:wrap; gap:18px; margin-top:auto; padding-top:12px; width:100%; }
.customer-workspace .balance-details { font-size:12px; color:var(--muted); }
.customer-workspace .balance-details summary { cursor:pointer; }
.customer-workspace .balance-details[open] { order:1; flex-basis:100%; }
.customer-workspace .period-badge { padding:4px 8px; border-radius:6px; background:#242a2b; color:var(--muted); font-size:11px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.customer-workspace .period-data { width:100%; }
.customer-workspace .usage-axis { display:flex; justify-content:space-between; gap:12px; margin-top:5px; font-size:11px; color:var(--muted); }
.customer-workspace .period-summary .detail-note { margin-top:4px; font-size:11px; }
.customer-workspace .period-summary .usage-state { margin:auto 0; padding:24px 0; font-size:13px; }
.customer-workspace .usage-state[data-empty="true"] { align-self:center; text-align:center; }
.customer-workspace .token-balance { margin:8px 0!important; font-size:24px; font-weight:500; line-height:1.4; letter-spacing:-.02em; color:var(--text); font-variant-numeric:tabular-nums; }
.customer-workspace .plan-summary { margin:8px 0; font-size:18px; font-weight:500; line-height:1.6; color:var(--text); }
.customer-workspace .token-details { gap:4px; margin:6px 0 0; font-size:13px; }
.customer-workspace .account-metric > .text-link { margin-top:auto; padding-top:14px; }
.customer-workspace .account-metric .detail-note { margin-top:12px; }
.customer-workspace .usage-overview .detail-note { margin-top:4px; }
.customer-workspace .current-plan .section-heading { width:100%; }
.customer-workspace .account-section { padding:24px 0; border:0; border-bottom:1px solid var(--border); }
.customer-workspace .account-section:last-child { border-bottom:0; }
.customer-workspace .account-section > p,.customer-workspace .account-row p { margin:4px 0 0; max-width:740px; }
.customer-workspace .account-row { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 0; border-bottom:1px solid var(--border); }
.customer-workspace .account-row > .text-link { flex-shrink:0; }
.customer-workspace .text-link { margin:0; color:#a6cfbf; font-size:13px; font-weight:500; text-decoration:none; }
.customer-workspace .text-link:hover { text-decoration:underline; text-underline-offset:3px; }
.customer-workspace .detail-note { margin-top:12px; font-size:12px; }
.customer-workspace .section-heading { align-items:center; margin-bottom:6px; }
.customer-workspace .section-heading h2 { margin:0; }
.customer-workspace .billing-actions { gap:10px; align-items:center; margin-top:16px; }
.customer-workspace :is(button:not(.cp-button),.button-link) { padding:8px 12px; min-height:36px; border:1px solid transparent; border-radius:6px; font-size:13px; font-weight:500; box-shadow:none; }
.customer-workspace :is(button.secondary,.button-link.secondary) { background:var(--surface-strong); color:var(--text); }
.customer-workspace :is(input:not([type="checkbox"]),select) { min-width:0; max-width:100%; min-height:38px; padding:8px 11px; border:1px solid #30363c; border-radius:6px; background:#191c1f; color:var(--text); font:inherit; }
.customer-workspace :is(button,a,input,select,summary):focus-visible { outline:2px solid var(--cp-mint); outline-offset:3px; }
.customer-workspace button:disabled { cursor:default; opacity:.5; }
.customer-workspace .token-notice { margin:10px 0!important; padding:10px 12px; border:0; border-radius:6px; background:#252b2b; font-size:13px; }
.customer-workspace .token-notice:is([data-level="critical"],[data-level="empty"]) { background:#302821; color:#d9bc95; }
.customer-workspace .notice { border:0; background:#1d2c28; border-radius:6px; }
.customer-workspace .account-deletion { padding-bottom:0; }
.customer-workspace .account-deletion summary { width:fit-content; color:#c5a5a7; font-size:13px; cursor:pointer; }
.customer-workspace .deletion-body { max-width:700px; padding-top:12px; }
.customer-workspace .deletion-body p { margin:6px 0; }
.customer-workspace .deletion-body strong { font-weight:500; color:var(--text); }
.customer-workspace .deletion-confirmation { max-width:360px; margin:14px 0 12px; }
.customer-workspace button.danger { background:#302326; border-color:transparent; color:#e0afb3; }
.customer-workspace button.danger:hover { background:#3c292d; }
.customer-workspace .status-pill { border:0; border-radius:4px; padding:2px 7px; background:var(--surface-strong); font-size:11px; }
.customer-workspace .usage-chart { display:flex; align-items:flex-end; gap:6px; height:54px; margin-top:8px; }
.customer-workspace .usage-bar { flex:1; height:100%; display:flex; align-items:flex-end; }
.customer-workspace .usage-bar > span { width:100%; border-radius:3px 3px 0 0; background:#315f52; }
.customer-workspace .usage-bar:last-child > span { background:#89bda7; }
.customer-workspace .auto-reload { margin-top:20px; padding:20px 22px; background:linear-gradient(125deg,#181d1d,#15191a); border:1px solid #222929; border-radius:12px; }
.customer-workspace .auto-reload .section-heading { gap:18px; flex-wrap:nowrap; }
.customer-workspace .auto-reload .section-heading > div { min-width:0; }
.customer-workspace .auto-reload h2 { font-size:16px; font-weight:500; }
.customer-workspace .auto-reload p { margin:5px 0 0; font-size:13px; }
.customer-workspace .auto-reload .detail-note { margin-top:18px; font-size:12px; }
.customer-workspace .reload-badge { display:inline-block; vertical-align:middle; margin-left:7px; padding:3px 8px; border-radius:7px; background:#203d32; color:#aad3c1; font-size:10px; font-weight:400; }
.customer-workspace .reload-switch { appearance:none; position:relative; flex-shrink:0; width:38px; height:23px; min-height:0; padding:0; margin:0; background:#48504c; border:0; border-radius:20px; opacity:.45; }
.customer-workspace .reload-switch::after { content:""; position:absolute; left:3px; top:3px; width:17px; height:17px; border-radius:50%; background:#e8edeb; }
.customer-workspace .table-heading { margin:20px 0 0; color:var(--muted); }
.customer-workspace .account-table-wrap { overflow:auto; margin-top:12px; border:1px solid #24282b; border-radius:10px; background:#141516; }
.customer-workspace .account-table { width:100%; border-collapse:collapse; font-size:13px; }
.customer-workspace .account-table :is(th,td) { padding:10px 12px; text-align:left; vertical-align:middle; white-space:nowrap; }
.customer-workspace .account-table th { background:#202326; color:var(--muted); font-size:10px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; border-bottom:1px solid #ffffff12; }
.customer-workspace .account-table td { border-bottom:1px solid #ffffff09; color:var(--text); }
.customer-workspace .account-table tr:last-child td { border-bottom:0; }
.customer-workspace .account-table tbody tr:hover td { background:#191b1d; }
.customer-workspace .account-table .table-number { text-align:right; font-variant-numeric:tabular-nums; }
.customer-workspace .account-table .table-date { color:var(--muted); font-variant-numeric:tabular-nums; }
.customer-workspace .account-table .table-message { padding-block:20px; white-space:normal; color:var(--muted); }
.customer-workspace .table-status { display:inline-block; padding:2px 9px; border-radius:20px; background:#2a2d31; color:#b9bec3; font-size:11px; }
.customer-workspace .table-status[data-state="paid"] { color:#8fd18a; }
.customer-workspace .table-status[data-state="failed"] { color:#ff9b8a; }
.customer-workspace .table-invoice { display:block; max-width:280px; overflow:hidden; text-overflow:ellipsis; }
.customer-workspace .billing-details { margin-top:20px; }
.customer-workspace .billing-detail-card { min-width:0; padding:18px 20px; background:var(--surface); border-radius:10px; }
.customer-workspace .billing-detail-card .section-heading { gap:12px; }
.customer-workspace .billing-detail-card button { min-height:30px; padding:4px 10px; font-size:12px; }
.customer-workspace .billing-contact { margin-top:14px; font-size:13px; }
.customer-workspace .billing-contact dl { margin:0; }
.customer-workspace .billing-contact dl > div { display:grid; grid-template-columns:64px minmax(0,1fr); gap:14px; padding:7px 0; border-bottom:1px solid #ffffff09; }
.customer-workspace .billing-contact dl > div:last-child { border:0; }
.customer-workspace .billing-contact dt { color:var(--muted); }
.customer-workspace .billing-contact dd { margin:0; color:var(--text); white-space:pre-line; overflow-wrap:anywhere; }
.customer-workspace .billing-plan-options { margin:0; padding:20px 0; border-bottom:1px solid var(--border); }
.customer-workspace .billing-plan-options > summary { font-size:14px; color:var(--text); cursor:pointer; width:fit-content; }
.customer-workspace .billing-plan-options[open] > summary { margin-bottom:16px; }
.customer-workspace .upgrade-summary { margin-top:16px; padding:16px; background:#22292a; border-radius:6px; }
.customer-workspace .upgrade-summary button { margin-top:12px; }
.customer-workspace .history-shell { margin-top:0; }
.customer-workspace .history-controls { margin-top:0; gap:12px; }
.customer-workspace .history-controls label { font-weight:400; }
.customer-workspace .history-list { margin-top:20px; gap:2px; border-radius:8px; overflow:hidden; }
.customer-workspace .history-item { background:var(--surface); border:0; border-radius:0; }
.customer-workspace .history-summary { padding:16px 20px; }
.customer-workspace .history-item-title { margin:0; font-size:15px; font-weight:500; }
.customer-workspace .item-meta { margin:3px 0 0; font-size:12px; }
.customer-workspace .history-created { color:var(--muted); }
.customer-workspace .history-actions button { white-space:nowrap; }
.customer-workspace .solution-region { border:0; padding:0 20px 18px; }
.customer-workspace .solution-region > .status:empty { display:none; }
.customer-workspace .solution-list { padding-top:0; }
.customer-workspace .solution-card { padding:16px; background:#121517; border-radius:6px; }
.customer-workspace .solution-output { color:var(--text); border-color:var(--border); }
.customer-workspace .solution-heading { flex-wrap:wrap; gap:6px; }
.customer-workspace .empty-state { padding:28px 20px; margin-top:20px; border:0; border-radius:8px; text-align:center; }
.customer-workspace .history-pager { justify-content:flex-end; margin-top:16px; }
.customer-workspace .history-boundary { margin-top:18px; font-size:12px; }
@media(max-width:960px) {
  .customer-workspace .app-frame { grid-template-columns:minmax(0,1fr); }
  .customer-workspace .page-layout { padding:24px 24px 40px; }
}
@media(max-width:600px) {
  .customer-workspace .page-layout { padding:20px 18px 36px; }
  .customer-workspace .account-overview { grid-template-columns:minmax(0,1fr); gap:12px; }
  .customer-workspace .account-metric { padding:18px; }
  .customer-workspace .account-row { align-items:flex-start; flex-direction:column; gap:12px; padding:20px 0; }
  .customer-workspace .account-section { padding-block:20px; }
  .customer-workspace .billing-actions { flex-direction:row; flex-wrap:wrap; }
  .customer-workspace .billing-actions select { width:100%; }
  .customer-workspace .history-summary { padding:16px; gap:12px; }
  .customer-workspace .history-item-title { white-space:normal; overflow-wrap:anywhere; }
  .customer-workspace .history-pager { justify-content:space-between; }
  .customer-workspace .history-search { flex-basis:100%; }
  .customer-workspace .history-order,.customer-workspace .history-order select { width:100%; }
  .customer-workspace .history-controls :is(input,select),.customer-workspace .deletion-confirmation input { font-size:16px; }
}