.dashboard-shell{--dash-sidebar:268px;--dash-amber:#b45309;--dash-amber-bg:#fffbeb;--dash-amber-line:#fde68a;--dash-amber-dot:#f59e0b;--dash-neutral:#64748b;--dash-neutral-bg:#f1f5f4;display:flex;min-height:100vh;background:var(--band);color:var(--ink);font-family:var(--font-body)}.dashboard-loading *,.dashboard-shell *{box-sizing:border-box}.dashboard-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:var(--band)}.dashboard-loading span{width:30px;height:30px;border-radius:50%;border:2.5px solid var(--brand-100);border-top-color:var(--brand-strong);animation:dash-spin .8s linear infinite}@keyframes dash-spin{to{transform:rotate(1turn)}}.dashboard-sidebar{width:var(--dash-sidebar);flex:none;position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 16px 16px}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 16px}.sidebar-brand>button{display:none;background:none;border:none;cursor:pointer;color:var(--ink-3);padding:6px;border-radius:9px}.sidebar-brand>button:hover{background:var(--band);color:var(--ink)}.workspace-switcher{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:13px;border:1px solid var(--line);background:var(--band);cursor:pointer;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.workspace-switcher:hover{border-color:var(--line-2);box-shadow:var(--shadow-sm)}.workspace-logo{width:36px;height:36px;flex:none;border-radius:10px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:13px;color:#fff;background:linear-gradient(150deg,var(--brand-tint) 0,var(--brand-strong) 60%,var(--teal-deep) 100%);box-shadow:0 4px 12px rgba(5,150,105,.28)}.workspace-switcher>span:not(.workspace-logo){display:flex;flex-direction:column;min-width:0;flex:1 1}.workspace-switcher strong{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-switcher small{font-size:11.5px;color:var(--ink-3)}.workspace-switcher>svg{color:var(--ink-3);flex:none}.sidebar-nav{display:flex;flex-direction:column;gap:2px;margin-top:18px}.sidebar-label{font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);padding:6px 12px;margin-top:2px}.sidebar-label-space{margin-top:16px}.sidebar-nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:11px;font-size:14px;font-weight:500;color:var(--ink-2);position:relative;transition:background .16s var(--ease),color .16s var(--ease)}.sidebar-nav a svg{color:var(--ink-3);flex:none;transition:color .16s}.sidebar-nav a:hover{background:var(--band);color:var(--ink)}.sidebar-nav a:hover svg{color:var(--ink-2)}.sidebar-nav a.active{background:var(--brand-050);font-weight:600}.sidebar-nav a.active,.sidebar-nav a.active svg{color:var(--brand-ink)}.sidebar-nav a.active:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--brand-strong)}.nav-count{margin-left:auto;font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--brand-ink);background:var(--brand-100);border-radius:100px;padding:1px 8px;line-height:1.6}.sidebar-bottom{margin-top:auto;padding-top:18px;display:flex;flex-direction:column;gap:12px}.sidebar-help{display:flex;gap:11px;align-items:flex-start;padding:13px 14px;border-radius:14px;background:var(--brand-050);border:1px solid var(--brand-100)}.sidebar-help svg{color:var(--brand-ink);flex:none;margin-top:1px}.sidebar-help span{display:flex;flex-direction:column}.sidebar-help strong{font-size:13px;font-weight:600;color:var(--ink)}.sidebar-help small{font-size:12px;color:var(--ink-2);line-height:1.45;margin-top:2px}.sidebar-bottom>.btn{width:100%;justify-content:center}.sidebar-user{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:13px;border:1px solid var(--line);background:#fff}.sidebar-user>span{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:12.5px;color:var(--brand-ink);background:var(--brand-050);border:1px solid var(--brand-100)}.sidebar-user>div{display:flex;flex-direction:column;min-width:0;flex:1 1}.sidebar-user strong{font-size:13px;font-weight:600;color:var(--ink)}.sidebar-user small,.sidebar-user strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{font-size:11.5px;color:var(--ink-3)}.sidebar-user>button{background:none;border:none;cursor:pointer;color:var(--ink-3);padding:7px;border-radius:9px;flex:none;transition:.16s}.sidebar-user>button:hover{background:var(--band);color:var(--ink)}.sidebar-backdrop{display:none;position:fixed;inset:0;z-index:70;background:rgba(8,30,22,.34);border:none;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dashboard-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.dashboard-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;height:66px;padding:0 clamp(18px,3vw,34px);background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}.dashboard-menu{display:none;background:none;border:none;cursor:pointer;color:var(--ink);padding:7px;border-radius:9px}.dashboard-menu:hover,.dashboard-search{background:var(--band)}.dashboard-search{display:flex;align-items:center;gap:10px;flex:1 1;max-width:440px;padding:9px 12px;border-radius:12px;border:1px solid var(--line);transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s}.dashboard-search:focus-within{background:#fff;border-color:var(--brand-100);box-shadow:0 0 0 3px rgba(16,185,129,.12)}.dashboard-search svg{color:var(--ink-3);flex:none}.dashboard-search input{flex:1 1;min-width:0;border:none;background:none;outline:none;font-family:var(--font-body);font-size:14px;color:var(--ink)}.dashboard-search input::placeholder{color:var(--ink-3)}.dashboard-search kbd{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:#fff;border:1px solid var(--line-2);border-radius:6px;padding:2px 6px;flex:none}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px;position:relative}.icon-button{position:relative;background:#fff;border:1px solid var(--line);cursor:pointer;color:var(--ink-2);padding:9px;border-radius:11px;display:grid;place-items:center;transition:.18s var(--ease)}.icon-button:hover{border-color:var(--line-2);color:var(--ink);box-shadow:var(--shadow-sm)}.icon-button i{position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--brand);border:1.5px solid #fff}.topbar-profile{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:5px 9px 5px 6px;cursor:pointer;transition:.18s var(--ease)}.topbar-profile:hover{border-color:var(--line-2);box-shadow:var(--shadow-sm)}.topbar-profile>span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:12px;color:#fff;background:linear-gradient(150deg,var(--brand-tint),var(--brand-strong) 65%,var(--teal-deep))}.topbar-profile>svg{color:var(--ink-3)}.profile-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:50;min-width:190px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;gap:2px;animation:dash-pop .18s var(--ease) both}@keyframes dash-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.profile-menu a,.profile-menu button{display:flex;align-items:center;gap:10px;text-align:left;padding:9px 11px;border-radius:9px;font-size:13.5px;font-weight:500;color:var(--ink-2);background:none;border:none;cursor:pointer;width:100%}.profile-menu a svg,.profile-menu button svg{color:var(--ink-3)}.profile-menu a:hover,.profile-menu button:hover{background:var(--band);color:var(--ink)}.profile-menu button{color:#b91c1c;border-top:1px solid var(--line);border-radius:0 0 9px 9px;margin-top:2px;padding-top:11px}.profile-menu button svg{color:#b91c1c}.dashboard-content{flex:1 1;width:100%;max-width:1200px;margin:0 auto;padding:clamp(22px,3vw,36px) clamp(18px,3vw,34px) 64px;display:flex;flex-direction:column;gap:22px}.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.dashboard-breadcrumb{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--ink-3);font-family:var(--font-mono)}.dashboard-heading h1{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,3.2vw,32px);letter-spacing:-.03em;color:var(--ink);margin:8px 0 0;line-height:1.1}.dashboard-heading>div>p{margin:7px 0 0;color:var(--ink-2);font-size:14.5px}.dashboard-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px 24px;box-shadow:var(--shadow-sm)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-heading h3{font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-.01em;color:var(--ink);margin:0}.panel-heading p{margin:4px 0 0;font-size:13px;color:var(--ink-3)}.panel-heading select,.panel-heading>button{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--ink-2);background:#fff;border:1px solid var(--line-2);border-radius:10px;padding:8px 12px;cursor:pointer;transition:.18s var(--ease);display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.panel-heading>button svg{color:var(--brand-ink)}.panel-heading select:hover,.panel-heading>button:hover{border-color:var(--brand-100);color:var(--ink);box-shadow:var(--shadow-sm)}.panel-heading a{font-size:13px;font-weight:600;color:var(--brand-ink);display:inline-flex;align-items:center;gap:6px}.panel-heading a:hover{color:var(--brand-strong)}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 20px;border-radius:var(--radius);background:var(--brand-050);border:1px solid var(--brand-100)}.demo-banner span{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--brand-ink)}.demo-banner span svg{color:var(--brand-strong)}.demo-banner button{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:#fff;cursor:pointer;background:var(--brand-strong);border:none;border-radius:10px;padding:8px 14px;box-shadow:var(--shadow-brand);transition:.18s var(--ease)}.demo-banner button:hover{background:var(--brand-ink);transform:translateY(-1px)}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.welcome-row h2{font-family:var(--font-display);font-weight:700;font-size:clamp(20px,2.6vw,26px);letter-spacing:-.02em;color:var(--ink);margin:0}.welcome-row p{margin:6px 0 0;color:var(--ink-2);font-size:14.5px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.dashboard-stats article{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:transform .26s var(--ease),box-shadow .26s var(--ease),border-color .26s var(--ease)}.dashboard-stats article:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--line-2)}.stat-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:var(--brand-ink);background:var(--brand-050);border:1px solid var(--brand-100);margin-bottom:16px}.stat-mint{color:var(--teal-deep);background:#e6fbf6;border-color:#b9f0e4}.stat-blue{color:#0f766e;background:#eafcf7;border-color:#bdf0e2}.stat-violet{color:var(--brand-strong);background:var(--brand-050);border-color:var(--brand-100)}.dashboard-stats article>div{display:flex;flex-direction:column}.dashboard-stats small{font-size:12.5px;color:var(--ink-3);font-weight:500}.dashboard-stats strong{font-family:var(--font-display);font-weight:700;font-size:27px;letter-spacing:-.03em;color:var(--ink);margin:6px 0 4px;line-height:1}.dashboard-stats em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--brand-ink);display:inline-flex;align-items:center;align-self:flex-start;background:var(--brand-050);border-radius:100px;padding:2px 9px}.dashboard-stats article>svg{position:absolute;right:16px;bottom:16px;width:88px;height:30px;overflow:visible}.dashboard-stats article>svg path{fill:none;stroke:var(--brand);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.stat-ring{position:absolute;top:18px;right:18px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--brand-strong) 0 92%,var(--brand-100) 92% 100%)}.stat-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}.stat-ring span{position:relative;font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--brand-ink)}.latency-bars{position:absolute;right:16px;bottom:18px;display:flex;align-items:flex-end;gap:3px;height:30px}.latency-bars i{width:5px;border-radius:2px;background:var(--brand-100)}.latency-bars i:nth-child(n+6){background:var(--brand)}.budget-bar{height:7px;border-radius:100px;background:var(--band-2);margin-top:14px;overflow:hidden}.budget-bar i{display:block;height:100%;width:68%;border-radius:100px;background:linear-gradient(90deg,var(--brand),var(--teal))}.dashboard-two-col{display:grid;grid-template-columns:1.55fr 1fr;grid-gap:18px;gap:18px}.lower-grid{grid-template-columns:1.3fr 1fr}.large-chart{display:grid;grid-template-columns:auto 1fr;grid-gap:12px;gap:12px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;padding:4px 0 24px;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);text-align:right}.chart-area{position:relative;min-width:0}.chart-lines{position:absolute;inset:0 0 24px;display:flex;flex-direction:column;justify-content:space-between}.chart-lines i{height:1px;background:var(--line);width:100%}.chart-area svg{position:relative;width:100%;height:180px;display:block}.large-chart .area{fill:rgba(16,185,129,.14)}.large-chart .line{fill:none;stroke:var(--brand-strong);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-x{display:flex;justify-content:space-between;margin-top:8px;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3)}.complete-chip{font-size:12px;font-weight:600;color:var(--brand-ink);background:var(--brand-050);border:1px solid var(--brand-100);border-radius:100px;padding:4px 10px}.quick-progress{height:6px;border-radius:100px;background:var(--band-2);overflow:hidden;margin-bottom:18px}.quick-progress i{display:block;height:100%;width:50%;border-radius:100px;background:linear-gradient(90deg,var(--brand),var(--teal))}.quick-list{display:flex;flex-direction:column;gap:8px}.quick-list a,.quick-list span{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:13px;border:1px solid var(--line);background:#fff;transition:.18s var(--ease)}.quick-list a:hover{border-color:var(--brand-100);box-shadow:var(--shadow-sm);transform:translateX(2px)}.quick-list i{width:26px;height:26px;flex:none;border-radius:8px;display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--ink-3);background:var(--band);border:1px solid var(--line)}.quick-list .done{background:var(--brand-050);border-color:var(--brand-100)}.quick-list .done i{background:var(--brand-strong);border-color:transparent;color:#fff}.quick-list b{display:flex;flex-direction:column;font-size:13.5px;font-weight:600;color:var(--ink)}.quick-list b small{font-size:12px;font-weight:400;color:var(--ink-3);margin-top:1px}.quick-list a svg{margin-left:auto;flex:none}.quick-list .done b small,.quick-list a svg{color:var(--brand-ink)}.request-table{display:flex;flex-direction:column}.request-table-head,.request-table-row{display:grid;grid-template-columns:1.1fr .8fr 1fr .7fr .8fr;grid-gap:12px;gap:12px;align-items:center}.request-table-head{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:0 8px 10px}.request-table-row{padding:12px 8px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-2);transition:background .16s}.request-table-row:hover{background:var(--band)}.request-table-row code{font-family:var(--font-mono);font-size:12px;color:var(--brand-ink);background:var(--brand-050);border-radius:6px;padding:2px 7px;justify-self:start}.table-status{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:12.5px;color:var(--brand-ink)}.table-status i{width:7px;height:7px;border-radius:50%;background:var(--brand);flex:none;box-shadow:0 0 0 3px rgba(16,185,129,.16)}.table-status.processing{color:var(--dash-amber)}.table-status.processing i{background:var(--dash-amber-dot);box-shadow:0 0 0 3px rgba(245,158,11,.18)}.active-product-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.active-product-list a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:13px;border:1px solid var(--line);background:#fff;transition:.18s var(--ease)}.active-product-list a:hover{border-color:var(--brand-100);box-shadow:var(--shadow-sm);transform:translateX(2px)}.dashboard-product-logo,.product-detail-logo,.product-mini-logo{font-family:var(--font-display);font-weight:700;color:var(--brand-ink);background:var(--brand-050);border:1px solid var(--brand-100)}.product-mini-logo{width:36px;height:36px;flex:none;border-radius:10px;display:grid;place-items:center;font-size:13px}.active-product-list a>span:not(.product-mini-logo){display:flex;flex-direction:column;flex:1 1;min-width:0}.active-product-list strong{font-size:13.5px;font-weight:600;color:var(--ink)}.active-product-list small{font-size:12px;color:var(--ink-3)}.active-product-list em{font-style:normal;font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ink);display:flex;flex-direction:column;align-items:flex-end;letter-spacing:-.02em}.active-product-list em small{font-family:var(--font-body);font-weight:400;font-size:11px;color:var(--ink-3);letter-spacing:0}.active-product-list a>svg{color:var(--ink-3);flex:none}.api-key-card{padding:15px 16px;border-radius:14px;background:var(--dark);color:#e7f0ec;border:1px solid var(--dark-line)}.api-key-card>span{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#9fb4ab}.api-key-card>span svg{color:var(--brand-tint)}.api-key-card>div{display:flex;align-items:center;gap:10px;margin-top:10px}.api-key-card code{font-family:var(--font-mono);font-size:12.5px;color:#e7f0ec;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.product-overview-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:26px 28px;border-radius:var(--radius-lg);background:linear-gradient(155deg,var(--brand) 0,var(--brand-strong) 55%,var(--teal-deep) 100%);color:#fff;box-shadow:0 18px 40px rgba(5,150,105,.28);position:relative;overflow:hidden}.product-overview-banner:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 88% 0,rgba(255,255,255,.2),transparent 55%)}.product-overview-banner span{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.82)}.product-overview-banner h2{font-family:var(--font-display);font-weight:700;font-size:clamp(20px,3vw,27px);letter-spacing:-.02em;margin:10px 0 0;position:relative}.product-overview-banner p{margin:8px 0 0;font-size:14px;color:rgba(255,255,255,.86);max-width:46ch;position:relative}.catalog-metric{flex:none;display:flex;align-items:center;gap:14px;position:relative;padding:16px 22px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.catalog-metric strong{font-family:var(--font-display);font-weight:700;font-size:40px;letter-spacing:-.03em}.catalog-metric span{font-size:12px;line-height:1.3;color:rgba(255,255,255,.86)}.dashboard-product-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px}.dashboard-product-grid article{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .26s var(--ease),box-shadow .26s var(--ease),border-color .26s var(--ease)}.dashboard-product-grid article:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--brand),var(--teal));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.dashboard-product-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--line-2)}.dashboard-product-grid article:hover:before{transform:scaleX(1)}.dashboard-product-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dashboard-product-logo{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:16px}.product-state{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:4px 11px;border-radius:100px}.product-state i{width:6px;height:6px;border-radius:50%;flex:none}.state-available{color:var(--brand-ink);background:var(--brand-050);border:1px solid var(--brand-100)}.state-available i{background:var(--brand-strong)}.state-preview{color:var(--dash-amber);background:var(--dash-amber-bg);border:1px solid var(--dash-amber-line)}.state-preview i{background:var(--dash-amber-dot)}.state-labs{color:var(--dash-neutral);background:var(--dash-neutral-bg);border:1px solid var(--line-2)}.state-labs i{background:var(--dash-neutral)}.dashboard-product-grid h2{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.02em;color:var(--ink);margin:0}.dashboard-product-grid p{font-size:14px;color:var(--ink-2);line-height:1.6;margin:10px 0 0}.product-metric-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:20px 0 16px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-metric-row span{display:flex;flex-direction:column;gap:3px}.product-metric-row span svg{color:var(--brand-ink)}.product-metric-row small{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;margin-top:4px}.product-metric-row strong{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ink);letter-spacing:-.01em}.product-feature-preview{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.product-feature-preview span{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2)}.product-feature-preview span svg{color:var(--brand-strong);flex:none}.product-button{margin-top:auto;justify-content:center;background:var(--brand-strong);color:#fff;border-color:transparent;box-shadow:var(--shadow-brand)}.product-button:hover{background:var(--brand-ink);transform:translateY(-1px)}.product-detail{display:flex;flex-direction:column;gap:20px}.product-detail-hero{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px 26px;box-shadow:var(--shadow-sm)}.product-detail-logo{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;font-size:22px;flex:none}.product-detail-copy{flex:1 1;min-width:220px}.product-detail-copy>span{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--brand-ink);background:var(--brand-050);border:1px solid var(--brand-100);border-radius:100px;padding:3px 11px}.product-detail-copy>span i{width:6px;height:6px;border-radius:50%;background:var(--brand-strong)}.product-detail-copy h2{font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:-.02em;color:var(--ink);margin:12px 0 0}.product-detail-copy p{font-size:14px;color:var(--ink-2);line-height:1.6;margin:8px 0 0;max-width:60ch}.product-detail-action{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.product-detail-action small{font-size:12px;color:var(--ink-3)}.product-toggle{display:inline-flex;align-items:center;gap:9px;cursor:pointer;background:var(--band);border:1px solid var(--line-2);border-radius:100px;padding:6px 14px 6px 8px;font-size:13px;font-weight:600;color:var(--ink-3);transition:.2s var(--ease)}.product-toggle i{width:34px;height:20px;border-radius:100px;background:var(--line-2);position:relative;flex:none;transition:background .2s var(--ease)}.product-toggle i:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease)}.product-toggle.enabled{color:var(--brand-ink);background:var(--brand-050);border-color:var(--brand-100)}.product-toggle.enabled i{background:var(--brand-strong)}.product-toggle.enabled i:after{transform:translateX(14px)}.product-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding-bottom:0}.product-tabs button{background:none;cursor:pointer;text-transform:capitalize;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--ink-3);padding:11px 14px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:.16s var(--ease)}.product-tabs button:hover{color:var(--ink)}.product-tabs button.active{color:var(--brand-ink);border-bottom-color:var(--brand-strong);font-weight:600}.product-tab-content{display:flex;flex-direction:column;gap:20px}.product-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.product-detail-stats article{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .26s var(--ease),box-shadow .26s var(--ease)}.product-detail-stats article:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-detail-stats article>span{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:var(--brand-ink);background:var(--brand-050);border:1px solid var(--brand-100);margin-bottom:16px}.product-detail-stats small{font-size:12.5px;color:var(--ink-3)}.product-detail-stats strong{font-family:var(--font-display);font-weight:700;font-size:26px;letter-spacing:-.03em;color:var(--ink);margin:6px 0 4px}.product-detail-stats em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--brand-ink);align-self:flex-start;background:var(--brand-050);border-radius:100px;padding:2px 9px}.product-content-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:18px;gap:18px}.full-feature-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.full-feature-list span{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-2)}.full-feature-list i{width:22px;height:22px;flex:none;border-radius:7px;display:grid;place-items:center;color:var(--brand-ink);background:var(--brand-050);border:1px solid var(--brand-100)}.usage-donut{width:150px;height:150px;margin:6px auto 18px;place-items:center;background:conic-gradient(var(--brand-strong) 0 51%,var(--band-2) 51% 100%)}.usage-donut,.usage-donut>div{border-radius:50%;display:grid}.usage-donut>div{width:108px;height:108px;background:#fff;place-items:center;align-content:center;box-shadow:var(--shadow-sm)}.usage-donut strong{font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:-.03em;color:var(--ink)}.usage-donut span{font-size:12px;color:var(--ink-3)}.usage-legend{display:flex;flex-direction:column;gap:8px}.usage-legend span{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-2)}.usage-legend b{margin-left:auto;font-family:var(--font-display);font-weight:600;color:var(--ink)}.usage-legend i{width:9px;height:9px;border-radius:3px;flex:none;background:var(--brand-strong)}.usage-legend span:last-child i{background:var(--band-2);border:1px solid var(--line-2)}.integration-content{gap:18px}.integration-guide ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.integration-guide li{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--line)}.integration-guide li:first-child{border-top:none;padding-top:0}.integration-guide li i{width:28px;height:28px;flex:none;border-radius:9px;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:600;font-style:normal;color:var(--brand-ink);background:var(--brand-050);border:1px solid var(--brand-100)}.integration-guide li span{display:flex;flex-direction:column}.integration-guide li strong{font-size:14px;font-weight:600;color:var(--ink)}.integration-guide li small{font-size:13px;color:var(--ink-3);margin-top:2px}.guide-time{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11.5px;color:var(--brand-ink);background:var(--brand-050);border:1px solid var(--brand-100);border-radius:8px;padding:5px 9px}.integration-code{border-radius:var(--radius-lg);overflow:hidden;background:var(--dark);border:1px solid var(--dark-line);box-shadow:var(--shadow-lg)}.code-tabs{display:flex;align-items:center;gap:4px;padding:12px 16px;border-bottom:1px solid var(--dark-line)}.code-tabs span{font-family:var(--font-mono);font-size:12.5px;color:#7c8a83;padding:5px 11px;border-radius:8px;cursor:pointer}.code-tabs span.active{color:#e7f0ec;background:var(--dark-2)}.code-tabs .copy-button{margin-left:auto}.integration-code pre{margin:0;padding:20px 22px;overflow-x:auto}.integration-code code{font-family:var(--font-mono);font-size:13px;line-height:1.9;color:#d6e2dc;white-space:pre}.code-purple{color:#5eead4}.code-green{color:#86efac}.code-amber{color:#fcd34d}.product-pricing-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-sm);max-width:460px}.product-pricing-panel>div span{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.product-pricing-panel h3{font-family:var(--font-display);font-weight:700;font-size:44px;letter-spacing:-.03em;color:var(--brand-ink);margin:8px 0 2px}.product-pricing-panel>div small{font-size:13px;color:var(--ink-3)}.product-pricing-panel ul{list-style:none;margin:22px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.product-pricing-panel li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-2)}.product-pricing-panel li svg{color:var(--brand-strong);flex:none}.product-pricing-panel .btn-accent{width:100%;justify-content:center}.settings-list{display:flex;flex-direction:column}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}.setting-row+.setting-row{border-top:1px solid var(--line)}.setting-row>span{display:flex;align-items:flex-start;gap:13px}.setting-row>span>svg{color:var(--brand-ink);flex:none;margin-top:2px}.setting-row b{display:flex;flex-direction:column;font-size:14px;font-weight:600;color:var(--ink)}.setting-row b small{font-size:12.5px;font-weight:400;color:var(--ink-3);margin-top:2px}.setting-row input,.setting-row select{font-family:var(--font-body);font-size:13.5px;color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:10px;padding:9px 12px;min-width:190px;outline:none;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.setting-row input:focus,.setting-row select:focus{border-color:var(--brand-strong);box-shadow:0 0 0 3px rgba(16,185,129,.12)}.setting-row input::placeholder{color:var(--ink-3)}.setting-row>.product-toggle{padding:6px}.setting-row>.product-toggle i{margin:0}.danger-setting>span>svg{color:#b91c1c}.danger-setting .btn{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;box-shadow:none}.danger-setting .btn:hover{background:#fee2e2}.settings-page{display:flex;flex-direction:column;gap:20px}.settings-save{display:flex;justify-content:flex-end}.api-manager{display:flex;flex-direction:column;gap:20px}.api-key-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm);overflow:hidden}.api-key-hero>div:not(.key-security-art){flex:1 1;min-width:260px}.api-key-hero>div:not(.key-security-art)>span{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--brand-ink);background:var(--brand-050);border:1px solid var(--brand-100);border-radius:100px;padding:4px 12px}.api-key-hero h2{font-family:var(--font-display);font-weight:700;font-size:clamp(20px,2.6vw,25px);letter-spacing:-.02em;color:var(--ink);margin:14px 0 0}.api-key-hero p{font-size:14px;color:var(--ink-2);line-height:1.6;margin:8px 0 0;max-width:52ch}.key-security-art{position:relative;width:150px;height:150px;flex:none;display:grid;place-items:center}.key-security-art span{position:relative;z-index:2;width:66px;height:66px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,var(--brand) 0,var(--teal-deep) 100%);box-shadow:var(--shadow-brand)}.key-security-art i{position:absolute;border:1px solid var(--line-2);border-radius:50%}.key-security-art i:nth-child(2){width:56%;height:56%}.key-security-art i:nth-child(3){width:78%;height:78%;border-color:var(--line)}.key-security-art i:nth-child(4){width:100%;height:100%;border-color:var(--line)}.new-key-banner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--brand-050);border:1px solid var(--brand-100);border-radius:var(--radius-lg);padding:16px 20px}.new-key-banner>div:first-child{display:flex;align-items:center;gap:12px;flex:1 1;min-width:220px}.new-key-banner>div:first-child>svg{color:#fff;background:var(--brand-strong);border-radius:50%;padding:4px;width:26px;height:26px;flex:none}.new-key-banner span{display:flex;flex-direction:column}.new-key-banner strong{font-size:14px;font-weight:600;color:var(--ink)}.new-key-banner small{font-size:12.5px;color:var(--brand-ink)}.new-key-banner>div:nth-child(2){display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--brand-100);border-radius:11px;padding:8px 8px 8px 13px}.new-key-banner code{font-family:var(--font-mono);font-size:12.5px;color:var(--ink)}.new-key-banner>button{background:none;border:none;cursor:pointer;color:var(--ink-3);padding:6px;border-radius:8px}.new-key-banner>button:hover{background:rgba(255,255,255,.6);color:var(--ink)}.keys-table{display:flex;flex-direction:column}.keys-head,.keys-row{display:grid;grid-template-columns:1.4fr 1.3fr 1.2fr .9fr auto;grid-gap:14px;gap:14px;align-items:center}.keys-head{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:0 4px 12px}.keys-row{padding:15px 4px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-2)}.key-name{display:flex;align-items:center;gap:11px}.key-name i{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;color:var(--brand-ink);background:var(--brand-050);border:1px solid var(--brand-100)}.key-name i.sandbox{color:var(--dash-amber);background:var(--dash-amber-bg);border-color:var(--dash-amber-line)}.key-name b{display:flex;flex-direction:column;font-size:13.5px;font-weight:600;color:var(--ink)}.key-name b small{font-size:11.5px;font-weight:400;color:var(--ink-3)}.keys-row>code{font-family:var(--font-mono);font-size:12px;color:var(--ink-2);background:var(--band);border:1px solid var(--line);border-radius:7px;padding:5px 9px;justify-self:start}.keys-table.pool-table .keys-head,.keys-table.pool-table .keys-row{grid-template-columns:1.4fr 1fr .6fr .9fr 1fr auto}@media (max-width:720px){.keys-table.pool-table .keys-row>span:nth-child(5){grid-column:1/-1}}.pool-health{display:inline-flex;align-items:center;gap:6px}.pool-health b{font-weight:600;color:var(--ink-2)}.scope-list{display:flex;flex-wrap:wrap;gap:6px}.scope-list em{font-style:normal;font-family:var(--font-mono);font-size:11px;color:var(--brand-ink);background:var(--brand-050);border:1px solid var(--brand-100);border-radius:6px;padding:2px 7px}.key-actions{display:flex;align-items:center;gap:4px}.key-actions button{background:none;border:1px solid transparent;cursor:pointer;color:var(--ink-3);padding:7px;border-radius:9px;transition:.16s;display:grid;place-items:center}.key-actions button:hover{background:var(--band);color:var(--ink);border-color:var(--line)}.key-actions button[title="Revoke key"]:hover{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.security-notice{display:flex;gap:14px;align-items:flex-start;background:var(--dash-amber-bg);border:1px solid var(--dash-amber-line);border-radius:var(--radius-lg);padding:18px 20px}.security-notice>svg{color:var(--dash-amber);flex:none;margin-top:1px}.security-notice strong{font-size:14px;font-weight:600;color:#92400e}.security-notice p{font-size:13.5px;color:#a16207;margin:4px 0 0;line-height:1.55}.modal-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(8,30,22,.4);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:dash-fade .18s var(--ease) both}@keyframes dash-fade{0%{opacity:0}to{opacity:1}}.modal-card{position:relative;width:100%;max-width:440px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-lg);animation:dash-pop .22s var(--ease) both}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:var(--ink-3);padding:6px;border-radius:8px}.modal-close:hover{background:var(--band);color:var(--ink)}.modal-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;color:var(--brand-ink);background:var(--brand-050);border:1px solid var(--brand-100);margin-bottom:18px}.modal-card h2{font-family:var(--font-display);font-weight:700;font-size:21px;letter-spacing:-.02em;color:var(--ink);margin:0}.modal-card>p{font-size:14px;color:var(--ink-2);line-height:1.55;margin:8px 0 22px}.modal-card label{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.modal-card label span{font-size:13px;font-weight:600;color:var(--ink)}.modal-card input,.modal-card select{font-family:var(--font-body);font-size:14px;color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:11px;padding:11px 13px;outline:none;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.modal-card input:focus,.modal-card select:focus{border-color:var(--brand-strong);box-shadow:0 0 0 3px rgba(16,185,129,.12)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.modal-actions .btn{background:#fff;color:var(--ink);border:1px solid var(--line-2);box-shadow:var(--shadow-sm)}.modal-actions .btn:hover{border-color:var(--line-2);box-shadow:var(--shadow-md)}.modal-actions .btn-accent{background:var(--brand-strong);color:#fff;border-color:transparent;box-shadow:var(--shadow-brand)}.modal-actions .btn-accent:hover{background:var(--brand-ink)}.profile-layout{display:grid;grid-template-columns:.82fr 1.18fr;grid-gap:20px;gap:20px;align-items:start}.profile-card{padding:0;overflow:hidden;text-align:center}.profile-cover{height:96px;background:linear-gradient(150deg,var(--brand) 0,var(--brand-strong) 55%,var(--teal-deep) 100%)}.profile-avatar-wrap{position:relative;width:84px;height:84px;margin:-42px auto 0}.profile-avatar{width:84px;height:84px;border-radius:22px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--brand-ink);background:var(--brand-050);border:3px solid #fff;box-shadow:var(--shadow-md)}.profile-avatar-wrap button{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;border-radius:50%;background:var(--brand-strong);border:2px solid #fff;color:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow-sm)}.profile-card h2{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.02em;color:var(--ink);margin:16px 0 0}.profile-card>p{font-size:13.5px;color:var(--ink-3);margin:5px 24px 0}.profile-plan{display:inline-flex;align-items:center;gap:8px;margin:16px auto 26px;font-size:12.5px;font-weight:600;color:var(--brand-ink);background:var(--brand-050);border:1px solid var(--brand-100);border-radius:100px;padding:5px 14px}.profile-plan i{width:7px;height:7px;border-radius:50%;background:var(--brand-strong);box-shadow:0 0 0 3px rgba(16,185,129,.16)}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.profile-form-card label{display:flex;flex-direction:column;gap:7px}.profile-form-card label span{font-size:13px;font-weight:600;color:var(--ink)}.input-shell{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line-2);border-radius:11px;padding:0 13px;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.input-shell svg{color:var(--ink-3);flex:none}.input-shell:focus-within{border-color:var(--brand-strong);box-shadow:0 0 0 3px rgba(16,185,129,.12)}.input-shell:focus-within svg{color:var(--brand-ink)}.input-shell input{border:none;outline:none;background:none;flex:1 1;min-width:0;font-family:var(--font-body);font-size:14px;color:var(--ink);padding:11px 0}.profile-form-card input:not(.input-shell input),.profile-form-card select{font-family:var(--font-body);font-size:14px;color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:11px;padding:11px 13px;outline:none;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.profile-form-card input:focus,.profile-form-card select:focus{border-color:var(--brand-strong);box-shadow:0 0 0 3px rgba(16,185,129,.12)}.profile-form-card input::placeholder{color:var(--ink-3)}.profile-form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.profile-form-actions span{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-3)}.profile-form-actions span svg{color:var(--brand-ink)}.usage-stats{grid-template-columns:repeat(3,1fr)}.spend-list{gap:16px}.spend-list,.spend-list>div{display:flex;flex-direction:column}.spend-list>div{gap:8px}.spend-list span{display:flex;align-items:center;justify-content:space-between}.spend-list b{font-size:13.5px;font-weight:600;color:var(--ink)}.spend-list strong{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--ink)}.spend-list i{height:9px;background:var(--band-2);overflow:hidden}.spend-list em,.spend-list i{display:block;border-radius:100px}.spend-list em{height:100%;background:linear-gradient(90deg,var(--brand),var(--teal))}.plan-summary{display:flex;flex-direction:column}.plan-summary>span{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.plan-summary strong{font-family:var(--font-display);font-weight:700;font-size:42px;letter-spacing:-.03em;color:var(--brand-ink);margin:8px 0}.plan-summary strong small{font-family:var(--font-body);font-weight:500;font-size:14px;color:var(--ink-3);letter-spacing:0}.plan-summary>p{font-size:13px;color:var(--ink-2);line-height:1.6;margin:0}.invoices-panel>div{display:grid;grid-template-columns:1fr auto auto auto;grid-gap:16px;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.invoices-panel>.panel-heading{border:none;padding:0}.invoices-panel>div>span{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:600;color:var(--ink)}.invoices-panel>div>span svg{color:var(--brand-ink)}.invoices-panel em{font-style:normal;font-size:12px;font-weight:600;color:var(--dash-amber);background:var(--dash-amber-bg);border:1px solid var(--dash-amber-line);border-radius:100px;padding:3px 11px}.invoices-panel em.paid{color:var(--brand-ink);background:var(--brand-050);border-color:var(--brand-100)}.invoices-panel strong{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--ink);min-width:72px;text-align:right}.invoices-panel>div>button{background:#fff;border:1px solid var(--line-2);border-radius:9px;cursor:pointer;color:var(--ink-2);padding:8px;display:grid;place-items:center;transition:.16s}.invoices-panel>div>button:hover{border-color:var(--brand-100);color:var(--brand-ink);box-shadow:var(--shadow-sm)}.copy-button{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--ink-2);background:#fff;border:1px solid var(--line-2);border-radius:9px;padding:8px 12px;transition:.16s var(--ease)}.copy-button:hover{border-color:var(--brand-100);color:var(--brand-ink);box-shadow:var(--shadow-sm)}.copy-compact{padding:7px}.api-key-card .copy-button{background:var(--dark-2);border-color:var(--dark-line);color:#9fb4ab}.api-key-card .copy-button:hover{color:var(--brand-tint);border-color:var(--brand-ink)}.code-tabs .copy-button{background:var(--dark-2);border-color:var(--dark-line);color:#9fb4ab}.code-tabs .copy-button:hover{color:var(--brand-tint);border-color:var(--brand-ink)}.atelier-products{display:grid;grid-template-columns:.62fr 1fr;grid-gap:0;gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.atelier-product-index{display:flex;flex-direction:column;border-right:1px solid var(--line)}.atelier-product-index button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:4px 12px;gap:4px 12px;text-align:left;background:none;border:none;border-bottom:1px solid var(--line);cursor:pointer;padding:18px 20px;transition:background .16s var(--ease)}.atelier-product-index button:last-child{border-bottom:none}.atelier-product-index button span{font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.atelier-product-index button strong{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--ink);letter-spacing:-.01em}.atelier-product-index button small{grid-column:2;font-size:12px;color:var(--ink-3)}.atelier-product-index button svg{color:var(--ink-3);width:16px;height:16px;opacity:0;transition:opacity .16s,transform .16s}.atelier-product-index button:hover{background:var(--band)}.atelier-product-index button.active{background:var(--brand-050)}.atelier-product-index button.active strong{color:var(--brand-ink)}.atelier-product-index button.active svg{opacity:1;color:var(--brand-ink);transform:translateX(2px)}.atelier-product-stage{position:relative;padding:32px 34px;overflow:hidden}.stage-noise{display:none}.stage-heading{display:flex;align-items:center;justify-content:space-between}.stage-heading span{font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.stage-heading i{font-style:normal;font-size:13px;color:var(--brand-ink);background:var(--brand-050);border:1px solid var(--brand-100);border-radius:8px;padding:4px 10px}.atelier-product-stage h3,.stage-heading i{font-family:var(--font-display);font-weight:700}.atelier-product-stage h3{font-size:24px;letter-spacing:-.02em;color:var(--ink);margin:18px 0 0}.atelier-product-stage>p{font-size:14px;color:var(--ink-2);line-height:1.6;margin:10px 0 0;max-width:52ch}.stage-features{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:22px 0}.stage-features span{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2)}.stage-features span svg{width:15px;height:15px;color:var(--brand-strong);flex:none}.stage-metrics{display:flex;gap:26px;padding:18px 0;border-top:1px solid var(--line)}.stage-metrics span{display:flex;flex-direction:column;gap:3px}.stage-metrics small{font-size:11.5px;color:var(--ink-3)}.stage-metrics strong{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.02em;color:var(--ink)}.atelier-product-stage>a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff;background:var(--brand-strong);border-radius:11px;padding:11px 18px;box-shadow:var(--shadow-brand);transition:.18s var(--ease)}.atelier-product-stage>a:hover{background:var(--brand-ink);transform:translateY(-1px)}.atelier-product-stage>a svg{width:16px;height:16px}.stage-orbit{display:none}@media (max-width:1100px){.dashboard-two-col,.lower-grid,.product-content-grid,.profile-layout{grid-template-columns:1fr}}@media (max-width:1000px){.dashboard-sidebar{position:fixed;top:0;left:0;z-index:80;height:100vh;transform:translateX(-100%);transition:transform .28s var(--ease);box-shadow:var(--shadow-lg)}.dashboard-sidebar.sidebar-open{transform:none}.sidebar-brand>button{display:inline-flex}.sidebar-backdrop{display:block}.dashboard-menu{display:inline-flex}.atelier-products,.dashboard-product-grid{grid-template-columns:1fr}.atelier-product-index{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--line)}.atelier-product-index button{flex:1 1;min-width:130px;border-bottom:none;border-right:1px solid var(--line)}.atelier-product-index button svg{display:none}}@media (max-width:720px){.dashboard-stats,.product-detail-stats,.usage-stats{grid-template-columns:1fr 1fr}.dashboard-search kbd{display:none}.product-detail-hero{flex-direction:column}.product-detail-action,.product-detail-hero{align-items:flex-start}.full-feature-list,.profile-form-grid,.stage-features{grid-template-columns:1fr}.keys-head{display:none}.keys-row{grid-template-columns:1fr auto;gap:10px 12px}.keys-row .scope-list,.keys-row>code,.keys-row>span:nth-child(4){grid-column:1/-1}.request-table-head{display:none}.request-table-row{grid-template-columns:1fr auto;gap:6px 12px;padding:12px 8px}.request-table-row code{grid-column:1}.request-table-row>span:nth-child(4),.request-table-row>span:nth-child(5){font-size:12px;color:var(--ink-3)}}@media (max-width:520px){.dashboard-stats,.product-detail-stats,.usage-stats{grid-template-columns:1fr}.stage-metrics{flex-wrap:wrap;gap:16px}.dashboard-heading,.welcome-row{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.dashboard-loading *,.dashboard-shell *{animation:none!important;transition:none!important}}.au-spin{animation:xp-spin 1s linear infinite}@keyframes xp-spin{to{transform:rotate(1turn)}}.product-detail-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.hero-req{font-family:var(--font-display);font-weight:700;font-size:26px;letter-spacing:-.03em;color:var(--ink)}.prod-status{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--ink-2)}.prod-status i{width:8px;height:8px;border-radius:50%;background:var(--ink-3)}.prod-status-available i{background:var(--brand);box-shadow:0 0 0 3px var(--brand-050)}.prod-status-preview i{background:#f59e0b;box-shadow:0 0 0 3px #fef3c7}.prod-status-labs i{background:#8b5cf6;box-shadow:0 0 0 3px #ede9fe}.svc-panel{margin-top:18px}.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:6px}.svc-card{--svc-accent:var(--brand);border:1px solid var(--line);border-radius:var(--radius);padding:16px 16px 12px;background:#fff;transition:transform .18s,box-shadow .18s,border-color .18s}.svc-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--line-2)}.svc-card header{display:flex;align-items:center;gap:8px}.svc-card header b{font-weight:700;font-size:15px;color:var(--ink)}.svc-card header small{margin-left:auto;font-size:11px;color:var(--ink-3)}.svc-dot{width:10px;height:10px;border-radius:50%;background:var(--svc-accent);flex:none}.svc-req{font-family:var(--font-display);font-weight:700;font-size:30px;letter-spacing:-.03em;color:var(--ink);margin:12px 0 10px;line-height:1}.svc-req span{font-family:var(--font-body);font-weight:500;font-size:12px;color:var(--ink-3);margin-left:7px;letter-spacing:0}.svc-card dl{margin:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:8px 14px;gap:8px 14px;border-top:1px solid var(--line);padding-top:12px}.svc-card dl div{display:flex;flex-direction:column;gap:2px}.svc-card dt{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}.svc-card dd{margin:0;font-weight:600;font-size:14px;color:var(--ink)}.send-panel{margin-top:18px}.send-result{margin-top:14px;border-radius:var(--radius);padding:14px 16px;font-size:13.5px}.send-err{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-weight:500}.send-ok{background:var(--brand-050);border:1px solid var(--brand-100)}.send-ok-head{gap:7px;font-weight:700;color:var(--brand-ink);margin-bottom:10px}.send-ok-head,.send-token{display:flex;align-items:center}.send-token{gap:10px;background:var(--dark);border-radius:12px;padding:11px 13px}.send-token code{font-family:var(--font-mono);font-size:12px;color:#d1fae5;word-break:break-all;line-height:1.5}.send-secret{display:block;margin-top:8px;font-size:11.5px;color:var(--ink-3);font-family:var(--font-mono)}.price-rows{display:flex;flex-direction:column;gap:2px;margin-top:8px}.price-row{--svc-accent:var(--brand);display:flex;align-items:center;gap:10px;padding:14px 4px;border-bottom:1px solid var(--line)}.price-row:last-child{border-bottom:0}.price-row b{font-weight:700;font-size:15px;color:var(--ink)}.price-row small{font-size:12.5px;color:var(--ink-3)}.price-row strong{margin-left:auto;font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.02em;color:var(--ink)}.product-metric-row{grid-template-columns:repeat(2,1fr)}.product-metric-row em{font-style:normal;font-size:11px;color:var(--ink-3);margin-top:1px}@media (max-width:720px){.svc-grid{grid-template-columns:1fr}}.code-lang-tabs{display:flex;gap:2px}.code-lang-tabs span{display:inline-flex;align-items:center;padding:5px 13px;border-radius:9px;font-size:12px;font-weight:600;color:var(--ink-3);cursor:pointer;background:transparent;transition:background .15s,color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.code-lang-tabs span:hover{color:var(--ink);background:var(--band-2)}.code-lang-tabs span.active{color:var(--brand-ink);background:var(--brand-050)}.code-resource-tabs{display:flex;gap:6px;margin-top:12px}.code-resource-tabs button{display:inline-flex;padding:4px 11px;border:1px solid var(--line);border-radius:100px;background:#fff;font-size:12px;font-weight:600;color:var(--ink-2);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.code-resource-tabs button:hover{border-color:var(--brand);color:var(--ink)}.code-resource-tabs button.active{background:var(--brand-050);border-color:var(--brand);color:var(--brand-ink)}.recent-feed{margin-top:18px}.recent-feed .feed-row{display:grid;grid-template-columns:90px 1fr 90px 70px 90px;align-items:center;grid-gap:10px;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.recent-feed .feed-row:last-child{border-bottom:0}.recent-feed .feed-head{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-weight:600;padding:8px 0 6px}.feed-type{font-weight:600;color:var(--ink)}.feed-id{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-status{display:inline-flex;align-items:center;gap:5px;font-weight:600}.feed-status i{width:7px;height:7px;border-radius:50%}.feed-status-delivered{color:var(--brand-ink)}.feed-status-delivered i{background:var(--brand)}.feed-status-failed{color:#b91c1c}.feed-status-failed i{background:#ef4444}.feed-status-processing{color:#b45309}.feed-status-processing i{background:#f59e0b}.feed-status-queued{color:var(--ink-3)}.feed-status-queued i{background:var(--ink-3)}.feed-latency{font-family:var(--font-mono);font-size:12px;color:var(--ink-2)}.feed-ago{font-size:12px;color:var(--ink-3)}.prod-settings{margin-top:18px}.prod-settings .setting-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.prod-settings .setting-row:last-child{border-bottom:0}.prod-settings .setting-row>span{display:flex;align-items:center;gap:11px}.prod-settings .setting-row b{font-size:14px;color:var(--ink)}.prod-settings .setting-row small{display:block;font-size:12px;color:var(--ink-3);font-weight:400;margin-top:3px}.prod-settings .setting-row input{border:1px solid var(--line);border-radius:9px;padding:7px 12px;font-size:13px;width:280px;color:var(--ink)}.prod-settings .setting-row input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px var(--brand-050)}.prod-toggle{position:relative;width:44px;height:26px;border-radius:13px;border:0;cursor:pointer;background:var(--line-2);transition:background .2s;flex:none}.prod-toggle.enabled{background:var(--brand)}.prod-toggle i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12);transition:transform .2s}.prod-toggle.enabled i{transform:translateX(18px)}.dashboard-search{position:relative}.dashboard-search .search-clear{background:none;border:0;color:var(--ink-3,#6b7872);cursor:pointer;display:flex;padding:2px}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--white,#fff);border:1px solid var(--line-2,#e6ece8);border-radius:12px;box-shadow:0 14px 34px rgba(10,20,16,.13);padding:6px;z-index:60;max-height:340px;overflow:auto}.search-result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:none;border:0;padding:9px 11px;border-radius:8px;cursor:pointer;font-size:13.5px;color:var(--ink-1,#0a1310);text-align:left}.search-result:hover{background:var(--brand-050,#ecfdf5)}.search-result small{color:var(--ink-3,#6b7872);font-size:11px}.search-empty{padding:12px;color:var(--ink-3,#6b7872);font-size:13px}.notif-menu{position:absolute;top:calc(100% + 10px);right:0;width:324px;background:var(--white,#fff);border:1px solid var(--line-2,#e6ece8);border-radius:14px;box-shadow:0 16px 40px rgba(10,20,16,.15);padding:8px;z-index:60;max-height:420px;overflow:auto}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 10px;border-bottom:1px solid var(--line-1,#eef3f0);margin-bottom:4px}.notif-head strong{font-size:14px}.notif-head small{color:var(--ink-3,#6b7872);font-size:11.5px}.notif-empty{padding:22px 12px;text-align:center;color:var(--ink-3,#6b7872);font-size:13px}.notif-item{display:grid;grid-template-columns:auto 1fr auto;grid-gap:10px;gap:10px;align-items:start;padding:10px;border-radius:9px}.notif-item.is-unread{background:var(--brand-050,#f0fdf6)}.notif-item strong{font-size:13px;display:block;color:var(--ink-1,#0a1310)}.notif-item small{font-size:11.5px;color:var(--ink-3,#6b7872);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:195px}.notif-item em{font-size:11px;color:var(--ink-3,#98a1b4);font-style:normal;white-space:nowrap}.notif-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;background:#98a1b4}.notif-delivered,.notif-paid{background:#12b76a}.notif-failed{background:#f04438}