/* Console design system: quiet surfaces, readable data, one restrained accent. */
:root {--bg:#f6f7f9;--sidebar:#fff;--panel-soft:#fafbfc;--text:#232731;--muted:#707886;--muted-strong:#515b6b;--line:#e6e9ee;--line-strong:#cdd3dc;--primary:#da4a3e;--primary-hover:#bf392e;--primary-soft:#fff0ed;--shadow:0 20px 70px #1b29331c;--success:#22846c;--success-soft:#eaf7f2;--warning:#a36b20;--warning-soft:#fff5e3;}
:root[data-theme="dark"] {--bg:#13171c;--panel:#1b2027;--panel-soft:#20262e;--header:#1b2027;--sidebar:#181d23;--text:#edf0f5;--muted:#a0aab9;--muted-strong:#c1c9d5;--line:#303843;--line-strong:#495362;--primary:#ef7162;--primary-hover:#f58679;--primary-soft:#392924;--success:#6aceac;--success-soft:#233a32;--input:#181d23;--warning:#ebbc75;--warning-soft:#3a3023;}
body {font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.005em;}
.global-header {height:72px;padding:0 28px 0 24px;gap:24px;}
.header-leading {gap:24px;}.brand {width:192px;gap:10px;}.brand strong {font-size:22px;letter-spacing:.04em;display:flex;align-items:baseline;gap:10px;}.brand-caption {font-size:9px;letter-spacing:.12em;font-weight:600;color:var(--muted);}.brand-symbol {width:34px;height:34px;border-radius:10px;background:var(--primary);color:white;display:grid;place-items:center;}.brand-symbol svg {width:21px;height:21px;}
.project-switcher {width:230px;}.project-switcher-trigger {border-color:transparent;background:var(--panel-soft);height:40px;padding:6px 10px;}.project-switcher-name {font-size:14px;}.project-icon {background:var(--panel);color:var(--muted-strong);}.header-actions {gap:16px;}.environment-pill {border:0;background:transparent;color:var(--muted);font-size:12px;}.environment-pill>span {background:var(--success);}
.sidebar {inset:72px auto 0 0;width:240px;padding:24px 16px 20px;overflow-y:auto;}.nav {gap:5px;}.nav-label {font-size:10px;color:var(--muted);letter-spacing:.13em;padding:0 14px 10px;}.nav-item,.nav-parent {min-height:42px;border-radius:8px;padding:0 14px;font-size:13px;font-weight:500;gap:12px;}.nav-item>svg,.nav-parent>svg {width:18px;height:18px;flex-basis:18px;}.nav-item.active {box-shadow:inset 3px 0 var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:650;}.nav-divider {margin:15px 14px;height:1px;}.nav-parent {font-size:11px;color:var(--muted);min-height:30px;}.nav-parent>svg {width:15px;}.subnav {margin:0;padding:0;border:0;}.subnav .nav-item {padding-left:44px;}.catalog-nav-copy {display:flex;justify-content:space-between;align-items:center;width:100%;gap:6px;}.catalog-nav-copy small {font-size:9px;letter-spacing:.015em;opacity:.7;}.sidebar-footer {margin-top:auto;padding:20px 12px 0;}.account-mark {background:var(--panel-soft);color:var(--muted-strong);border:1px solid var(--line);border-radius:50%;}.sidebar-footer strong {font-weight:600;}.sidebar-backdrop {top:72px;}
.main {margin-left:240px;padding:110px 36px 64px;}.topbar,.view,#projectWorkspace {width:min(1440px,100%);}.topbar {margin-bottom:30px;align-items:center;}.eyebrow {font-size:11px;color:var(--muted);margin-bottom:12px;letter-spacing:.06em;}h1 {font-size:30px;font-weight:660;letter-spacing:-.04em;margin-bottom:9px;}.subtitle {font-size:13px;line-height:1.7;}.top-actions {gap:14px;}.environment-switch {border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:4px;}.environment-switch button {border-radius:6px;padding:7px 16px;font-size:12px;}.environment-switch button[aria-pressed="true"] {background:var(--text);color:var(--panel);box-shadow:none;}.data-environment-note {background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 16%,var(--line));color:var(--warning);padding:12px 16px;border-radius:9px;margin-bottom:24px;font-size:12px;}
.button {min-height:40px;border-radius:8px;padding:0 15px;font-size:12px;font-weight:600;}.button.small {min-height:32px;padding:0 11px;font-size:11px;}.button.primary {box-shadow:0 2px 3px #121a200c;}.button.secondary {box-shadow:0 1px 2px #121a2005;}.icon-button {border-radius:8px;color:var(--muted-strong);}.panel {border-radius:12px;box-shadow:0 2px 3px #17202b02;}.panel-header {padding:23px 24px;gap:20px;min-height:88px;}.panel-header h2 {font-size:15px;font-weight:650;margin-bottom:6px;}.panel-header p {font-size:12px;line-height:1.65;max-width:660px;}.section-panel {margin-bottom:24px;}.panel-actions {flex-wrap:wrap;justify-content:flex-end;gap:10px;}.section-overline {display:flex;justify-content:space-between;gap:12px;margin:26px 0 12px;font-size:12px;color:var(--muted-strong);font-weight:600;}.section-overline:first-child {margin-top:0;}.section-overline span+span {font-size:11px;font-weight:400;color:var(--muted);}
.business-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px;}.business-metrics article {position:relative;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:23px 24px;min-height:150px;}.business-metrics article:first-child {border-top:3px solid var(--primary);padding-top:21px;}.business-metrics article>span {font-size:12px;color:var(--muted-strong);}.business-metrics strong {display:block;font-size:32px;font-weight:630;letter-spacing:-.045em;line-height:1.2;margin:17px 0 8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}.business-metrics small {font-size:10px;color:var(--muted);}.business-metrics svg {position:absolute;right:24px;top:24px;width:17px;height:17px;color:var(--muted);opacity:.75;}
.summary-strip {border-radius:12px;margin-bottom:26px;}.summary-strip article {padding:18px 24px;min-height:86px;}.summary-strip strong {font-size:24px;font-weight:600;}.summary-strip span {font-size:11px;}.setup-note {padding:17px 20px;border-radius:10px;margin-bottom:24px;}.app-card,.integration-card {padding:23px 24px;min-height:104px;}.app-mark,.store-app-icon {border-radius:12px;background:var(--panel-soft);color:var(--muted-strong);border:1px solid var(--line);}.overview-actions-grid {display:grid;grid-template-columns:1fr 1fr;gap:18px;}.workflow-card {display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-align:left;padding:23px;color:var(--text);transition:border-color .16s;}.workflow-card:hover {border-color:var(--line-strong);}.workflow-card strong {display:block;font-size:13px;font-weight:600;margin-bottom:5px;}.workflow-card small {display:block;font-size:11px;color:var(--muted);}.workflow-icon {display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:var(--panel-soft);color:var(--muted-strong);}.workflow-icon svg {width:20px;height:20px;}.workflow-card>svg {width:16px;height:16px;margin-left:auto;color:var(--muted);}
.table-wrap {scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;}table {font-variant-numeric:tabular-nums;}thead th {background:var(--panel-soft);color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.025em;padding:13px 20px;border-bottom:1px solid var(--line);}tbody td {padding:19px 20px;font-size:12px;border-bottom:1px solid var(--line);vertical-align:middle;}tbody tr:last-child td {border-bottom:0;}tbody tr:hover {background:var(--panel-soft);}td strong {font-weight:560;}td code,.mono {font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;}.cell-secondary {display:block;color:var(--muted);font-size:10px;margin-top:5px;max-width:280px;overflow-wrap:anywhere;}.text-button {border:0;padding:0;background:transparent;color:var(--primary);font:inherit;text-align:left;cursor:pointer;}.text-button:hover {text-decoration:underline;}.badge,.state-chip,.type-chip,.platform-chip,.environment-chip {font-size:10px;font-weight:500;border-radius:5px;padding:4px 7px;white-space:nowrap;}.badge.ready {color:var(--success);background:var(--success-soft);border-color:transparent;}.badge.failed {color:var(--danger);background:var(--danger-soft);}.table-empty {min-height:220px;padding:36px 24px;gap:10px;}.table-empty>svg {width:28px;height:28px;color:var(--muted);stroke-width:1.4;margin-bottom:5px;}.table-empty strong {font-size:14px;font-weight:600;}.table-empty span {font-size:12px;max-width:480px;line-height:1.7;}.table-empty .button {margin-top:8px;}.search {border-radius:8px;background:var(--panel);}.search input {font-size:12px;}.field input,.field textarea,.custom-select-trigger {border-radius:8px;}.field>span {font-size:12px;}.custom-select-trigger {min-height:38px;}.field small {font-size:11px;line-height:1.6;}.chart-control {font-size:11px;}.form-error {line-height:1.6;}
.analytics-summary {border-radius:12px;margin-bottom:24px;}.analytics-summary article {padding:24px 20px;min-height:133px;}.analytics-summary strong {font-size:28px;font-weight:620;margin-top:15px;}.analytics-summary small {font-size:10px;margin-top:10px;}.analytics-toolbar {padding:20px 24px;}.chart-heading {padding:24px;}.chart-wrap {margin:0 24px;}.chart-heading h2 {font-size:16px;}.chart-heading strong {font-weight:600;}.chart-footer {padding:18px 24px;}.analytics-products-panel {margin-top:24px;}.offering-card {border-radius:10px;}.product-import-body {padding:24px;}.catalog-source-summary {border-radius:10px;}.settings-tabs {gap:24px;margin-bottom:24px;}.settings-tabs button {padding:12px 4px;font-size:13px;}.settings-card,.settings-section {border-radius:12px;}.settings-card {padding:28px;}.app-setup-overview {border-radius:12px;}.settings-section-heading h2 {font-size:16px;font-weight:630;}.future-store-note {display:none;}.guide-article {border-radius:12px;}.guide-article-header h2 {font-weight:650;}.guide-docs-nav {border-radius:12px;}
.overlay {backdrop-filter:blur(5px);background:color-mix(in srgb,var(--text) 30%,transparent);}.dialog {border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow);}.dialog-header {padding:24px 28px;}.dialog-header h2 {font-size:20px;font-weight:630;margin-bottom:8px;}.dialog-header p {font-size:12px;line-height:1.7;}.dialog-body {padding:24px 28px;}.dialog-footer {padding:18px 28px;background:var(--panel-soft);border-radius:0 0 16px 16px;}.login-dialog {padding:40px;}.login-wordmark {font-size:28px;margin-bottom:30px;}.login-dialog h2 {font-size:24px;font-weight:630;}.login-dialog .button {height:44px;margin-top:10px;}.login-dialog .field {margin-top:16px;}.customer-profile-dialog {border-radius:16px;}.profile-summary {background:var(--panel-soft);border-color:var(--line);border-radius:10px;}.profile-summary article {border-color:var(--line);}.profile-summary strong {font-weight:600;color:var(--text);}.profile-facts>div {border-color:var(--line);}.profile-section h3 {font-size:15px;}.profile-summary small,.profile-facts dt {color:var(--muted);}.customer-profile-content {color:var(--text);}.toast {border-radius:9px;}
.webhook-flow {display:flex;gap:18px;align-items:center;padding:0 0 24px;color:var(--muted);font-size:11px;flex-wrap:wrap;}.webhook-flow>span {display:inline-flex;align-items:center;gap:8px;}.webhook-flow svg {width:16px;height:16px;}.webhook-flow .flow-brand {color:var(--text);font-weight:600;}.webhook-flow>small {margin-left:auto;font-size:10px;}.webhook-endpoint {display:flex;gap:16px;align-items:center;padding:24px;border-bottom:1px solid var(--line);}.webhook-endpoint:last-child {border-bottom:0;}.endpoint-icon {width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--panel-soft);color:var(--muted-strong);}.endpoint-icon svg {width:22px;height:22px;}.endpoint-copy {min-width:0;flex:1;}.endpoint-title {display:flex;gap:9px;align-items:center;flex-wrap:wrap;}.endpoint-title strong {font-size:13px;}.endpoint-copy>code {display:block;font-size:11px;color:var(--muted-strong);margin:7px 0;overflow-wrap:anywhere;}.endpoint-copy>small {font-size:10px;color:var(--muted);}.endpoint-actions {display:flex;align-items:center;gap:8px;}.webhook-help {display:flex;gap:12px;align-items:flex-start;padding:0 8px;color:var(--muted);font-size:11px;line-height:1.9;}.webhook-help>svg {width:16px;height:16px;flex:0 0 16px;margin-top:3px;}.webhook-help a {color:var(--primary);margin-left:10px;}.webhook-dialog {width:min(660px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;}.webhook-events {margin:0;border:1px solid var(--line);border-radius:8px;padding:12px 14px;}.webhook-events legend {font-size:12px;padding:0 5px;color:var(--muted-strong);}.webhook-events>div {display:grid;grid-template-columns:1fr 1fr;gap:12px;}.webhook-check {display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted-strong);cursor:pointer;}.webhook-check input {appearance:auto;width:15px;height:15px;margin:0;accent-color:var(--primary);}.secret-value {display:block;overflow-wrap:anywhere;padding:18px;border-radius:9px;border:1px solid var(--line);background:var(--panel-soft);font-size:12px;margin-bottom:18px;user-select:all;}.muted {color:var(--muted);font-size:12px;line-height:1.8;}.webhook-detail {max-height:72vh;overflow:auto;}.webhook-detail h3 {font-size:13px;margin:26px 0 12px;}.webhook-detail pre {background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;padding:18px;font-size:11px;line-height:1.7;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;}.detail-overview {display:flex;align-items:center;gap:14px;font-size:12px;}.attempt-list>div {display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px;}.attempt-list time {margin-left:auto;color:var(--muted);}.attempt-list small {width:100%;color:var(--muted);}
@media(min-width:761px) and (max-width:1200px) {.main {padding:104px 24px 48px;margin-left:216px;}.sidebar {width:216px;}.brand {width:168px;}.business-metrics {gap:12px;}.business-metrics article {padding:20px 16px;}.business-metrics article:first-child {padding-top:18px;}.business-metrics svg {right:16px;}.panel-header {flex-wrap:wrap;}.analytics-summary {grid-template-columns:repeat(3,minmax(0,1fr));}.analytics-summary article:nth-child(4) {border-left:0;}.analytics-summary article:nth-child(n+4) {border-top:1px solid var(--line);}.endpoint-actions {flex-wrap:wrap;max-width:155px;}}
@media(max-width:760px) {.global-header {height:64px;padding:0 12px;gap:8px;}.header-leading {gap:10px;}.brand {width:auto;gap:6px;}.brand strong {font-size:18px;}.brand-caption {display:none;}.brand-symbol {width:28px;height:28px;border-radius:8px;}.brand-symbol svg {width:18px;height:18px;}.header-actions {gap:4px;}.project-switcher {width:min(165px,38vw);}.project-switcher-name {font-size:12px;}.sidebar {top:64px;width:240px;}.sidebar-backdrop {top:64px;}.main {margin-left:0;padding:90px 16px 40px;}.topbar {align-items:stretch;gap:18px;}.top-actions {justify-content:space-between;}.top-actions .button {width:auto;}.eyebrow {font-size:10px;margin-bottom:8px;}h1 {font-size:26px;}.subtitle {font-size:12px;}.section-overline {font-size:11px;}.section-overline span+span {font-size:9px;}.business-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.business-metrics article {min-height:128px;padding:18px 16px;}.business-metrics article:first-child {padding-top:16px;}.business-metrics strong {font-size:27px;}.business-metrics small {font-size:9px;}.business-metrics svg {width:15px;right:16px;top:20px;}.summary-strip article {padding:17px;}.overview-actions-grid {grid-template-columns:1fr;gap:12px;}.workflow-card {padding:20px;}.panel-header {padding:20px;align-items:flex-start;flex-wrap:wrap;}.panel-actions {width:100%;justify-content:flex-start;}.panel-header h2 {font-size:14px;}.panel-header p {font-size:11px;}.app-card {padding:20px;}.analytics-summary {grid-template-columns:repeat(2,minmax(0,1fr));}.analytics-summary article {padding:20px 16px;min-height:118px;}.analytics-summary strong {font-size:25px;}.chart-wrap {margin:0 12px;}.dialog-header,.dialog-body {padding:22px;}.dialog-footer {padding:18px 22px;}.dialog-header h2 {font-size:18px;}.webhook-flow {gap:10px;font-size:10px;}.webhook-flow>small {margin:0;width:100%;}.webhook-flow svg {width:13px;height:13px;}.webhook-endpoint {padding:20px;flex-wrap:wrap;gap:12px;}.endpoint-icon {width:34px;height:34px;flex-basis:34px;}.endpoint-actions {width:100%;padding-left:46px;}.endpoint-title {gap:6px;}.endpoint-copy>code {font-size:10px;}.webhook-help {padding:0;font-size:10px;}.webhook-events>div {gap:12px 6px;}.webhook-check {font-size:11px;}.webhook-dialog .form-grid {grid-template-columns:1fr;}.webhook-dialog .span-2 {grid-column:auto;}.webhook-detail {max-height:72dvh;}.profile-summary article {border-color:var(--line)!important;}.login-dialog {padding:30px;}}
@media(prefers-reduced-motion:reduce) {* {scroll-behavior:auto!important;transition:none!important;}}
[data-page="orders"] .commerce-table {min-width:970px;}[data-page="orders"] td,[data-page="orders"] th {padding-inline:14px;}[data-page="orders"] td:first-child {max-width:210px;overflow-wrap:anywhere;}
.entitlement-cards article {background:var(--panel-soft);border-color:var(--line);}.entitlement-cards small,.profile-muted,.customer-timeline p,.customer-timeline small {color:var(--muted);}.customer-timeline li:before {background:var(--line);}.customer-timeline summary {color:var(--primary);}.timeline-dot {background:var(--primary);}
.profile-facts dd {color:var(--text);}.profile-summary span,.profile-overline {color:var(--muted);}.profile-section {border-color:var(--line);}.customer-link {color:var(--primary);}
@media(max-width:760px) {.commerce-table,[data-page="orders"] .commerce-table,.profile-orders-table {min-width:0;}.commerce-table td:first-child,[data-page="orders"] td:first-child,.profile-orders-table td:first-child {max-width:none;}.cell-stack {white-space:normal;}.profile-orders-table details[open] {min-width:0;}.cell-secondary {max-width:100%;}.commerce-table td,.profile-orders-table td {overflow-wrap:anywhere;}}
:root {--primary:#cc483c;--primary-hover:#b43b30;} :root[data-theme="dark"] {--primary:#ef7162;--primary-hover:#f58679;}
.sidebar {padding-block:20px 16px;}.nav {gap:3px;}.nav-item {min-height:38px;}.nav-parent {min-height:26px;}.nav-divider {margin-block:10px;}.sidebar-footer {padding-top:16px;}.business-metrics small,.cell-secondary {font-size:11px;}
@media(max-width:760px) {table td {display:grid;grid-template-columns:100px minmax(0,1fr);align-items:start;gap:8px;}table td:before {grid-column:1;grid-row:1 / span 5;}table td>* {grid-column:2;}.commerce-table td:first-child,[data-page="orders"] td:first-child {max-width:none;}.commerce-table td .cell-secondary {margin:0;} .business-metrics small {font-size:10px;}}
.feedback-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.feedback-images{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.feedback-images img{width:140px;height:140px;object-fit:contain;border:1px solid #e2e8f0;border-radius:10px}.feedback-message{padding:14px 0;border-bottom:1px solid #e2e8f0}.feedback-message small{margin-left:12px;color:#64748b}#feedbackReplyForm{display:grid;gap:14px;margin-top:20px}#feedbackReplyForm label{display:grid;gap:8px}#feedbackReplyText{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}#feedbackMore{margin:18px}

#feedbackError:empty,#feedbackReplyError:empty{display:none}.feedback-mode .environment-switch{display:none}

.feedback-images button{border:0;padding:0;background:transparent;cursor:zoom-in;border-radius:10px}.feedback-images button:focus-visible{outline:2px solid #2563eb;outline-offset:3px}.feedback-image-preview{border:0;border-radius:12px;padding:16px;background:#fff;max-width:95vw;max-height:95vh}.feedback-image-preview::backdrop{background:rgba(15,23,42,.75)}.feedback-image-preview[open]{display:flex;flex-direction:column;align-items:center;gap:12px}.feedback-image-preview>button{align-self:flex-end}.feedback-image-preview img{display:block;max-width:85vw;max-height:78vh;object-fit:contain}.feedback-image-preview p:empty{display:none}