:root[data-ui-theme="dashboard"] {
  color-scheme: light;
  --bg:#f7f7f7;--surface:#fff;--soft:#f7f7f7;--soft-blue:#edf2ff;
  --ink:#1e1f20;--ink-2:#4a4e60;--muted:#717792;--faint:#7f85a2;
  --line:#e7e8ed;--line-strong:#d9dce6;--compact-border:#e7e8ed;
  --primary:#3e6bec;--primary-deep:#2e53c6;--primary-soft:#edf2ff;
  --success:#278d50;--success-soft:#edf8f0;--warning:#966700;--warning-soft:#fff7dd;
  --danger:#cd443f;--danger-soft:#fff0ef;
  --radius:14px;--radius-sm:10px;--radius-lg:18px;--sidebar:218px;--topbar:84px;
  --shadow-sm:0 2px 7px #1e1f2003;--shadow-lg:0 18px 64px #1e1f201c;
  --ds-font:"Segoe UI","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --ui-50:#f7f7f7;--ui-100:#edf2ff;--ui-600:#3e6bec;--ui-700:#2e53c6;--ui-800:#4a4e60;
  --ui-900:#1e1f20;--ui-950:#1e1f20;--ui-ink:#1e1f20;--ui-muted:#717792;--ui-line:#e7e8ed;--ui-surface:#fff;
}
html[data-ui-theme="dashboard"],html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) {
  min-width:280px;background:var(--bg)!important;color:var(--ink)!important;
  font-family:var(--ds-font)!important;font-size:14px!important;line-height:1.6;
}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.shell,.app-layout,.workspace,.content-view,.admin-content) {background:var(--bg)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(button,input,select,textarea) {font-family:inherit}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(h1,h2,h3,h4,strong) {color:var(--ink)}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(p,.muted,.breadcrumb,.mapping-metrics,.field-help) {color:var(--muted)}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) ::selection {background:#dce6ff;color:#234abb}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(a,button,input,select,textarea,summary):focus-visible {outline:3px solid #3e6bec55!important;outline-offset:3px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .topbar {
  min-height:84px;padding:18px 32px!important;border:0!important;background:var(--bg)!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .topbar h2 {font-size:18px!important;line-height:1.45;color:var(--ink)!important;letter-spacing:0}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .breadcrumb {font-size:11px!important;color:var(--muted)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .topbar-actions {gap:12px}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.content-view,.admin-content) {width:min(1440px,100%)!important;padding:18px 32px 56px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.page-intro,.page-head,.mapping-head,.section-heading) {margin-bottom:24px;gap:16px}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.page-intro h1,.page-head h1,.mapping-head h1,.section-heading h1) {font-size:30px!important;line-height:1.3!important;letter-spacing:-.025em;color:var(--ink)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.page-intro p,.page-head p,.mapping-head p,.section-heading p) {font-size:13px!important;line-height:1.7;margin-top:8px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .eyebrow {font-size:10px!important;letter-spacing:.1em;color:var(--muted)!important;font-weight:600}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.table-card,.stat-card,.mapping-card,.connection-card,.source-card,.settings-card,.content-card,.plan-card,.panel,.source-publish-card,.source-browser-category,.customer-database-group,.customer-accounts-panel,.stats-panel,.monitor-panel,.gateway-panel,.faq-item,.faq-card,.order-card,.activity-list,.synced-category,.synced-item) {
  background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:none!important;
}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.table-head,.section-card-head,.panel-head) {padding:18px 20px!important;border-color:var(--line)!important;background:transparent!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.table-head h3,.section-card-head h3,.panel-head h3) {font-size:16px!important;font-weight:650;color:var(--ink)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .table-head p {font-size:12px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.stats-grid,.connection-stats) {gap:16px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .stat-card {padding:22px 24px!important;min-height:144px!important;overflow:hidden}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .stat-card:before {display:none!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .stat-card strong {display:block;font-size:34px!important;font-weight:700;line-height:1.2;letter-spacing:-.035em;color:var(--ink)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .stat-label {font-size:13px!important;color:var(--muted)!important;font-weight:500!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .stat-card small {font-size:11px!important;color:var(--muted)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .stat-watermark {position:absolute;right:22px;top:22px;bottom:auto;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf2ff;color:#3e6bec!important;opacity:1!important;font-size:19px!important;transform:none}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .stat-healthy .stat-watermark {background:#edf8f0;color:#278d50!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .stat-warning .stat-watermark {background:#fff7dd;color:#966700!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .button,html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.icon-button,.action-button,.small-button,.primary-button,.secondary-button,.danger-button,.menu-button,.close-button) {
  min-height:38px;padding:9px 14px;border:1px solid var(--line)!important;border-radius:10px!important;
  background:#fff!important;background-image:none!important;color:var(--ink)!important;
  font-size:13px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:0!important;
  box-shadow:none!important;outline:0;transform:none!important;transition:background .16s,border-color .16s,color .16s!important;
}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .button:not([data-busy="true"]):before,
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .button:after {display:none!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .button:hover:not(:disabled) {background:#f5f7fd!important;border-color:#b9c7ed!important;color:#2e53c6!important;transform:none!important;box-shadow:none!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.button.primary,.primary-button) {background:#3e6bec!important;border-color:#3e6bec!important;color:#fff!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.button.primary,.primary-button):hover:not(:disabled) {background:#2e53c6!important;border-color:#2e53c6!important;color:#fff!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.button.secondary,.button.ghost,.secondary-button) {background:#fff!important;border-style:solid!important;border-color:var(--line)!important;color:#535b7c!important;outline:0!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.danger-button,.button.danger,.action-button.danger) {background:#fff0ef!important;color:#cd443f!important;border-color:#f9d9d7!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.danger-button,.button.danger,.action-button.danger):hover:not(:disabled) {background:#cd443f!important;color:#fff!important;border-color:#cd443f!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) #appConfirmDialog .danger-button {background:#cd443f!important;color:#fff!important;border-color:#cd443f!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .button:disabled {opacity:.45!important;transform:none!important;box-shadow:none!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .button[data-busy="true"]:before {position:static;display:inline-block!important;width:13px;height:13px;background:none!important;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:compact-spin .7s linear infinite;transform:none}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.icon-button,.close-button,.menu-button) {padding:8px!important;width:36px;min-height:36px}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.button.small,.small-button,.action-button,.row-actions .button,.synced-actions .button) {min-height:32px!important;padding:6px 10px!important;font-size:12px!important;border-radius:8px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="file"]),select,textarea) {
  border:1px solid var(--line-strong)!important;border-radius:10px!important;background-color:#fff!important;
  box-shadow:none!important;color:var(--ink)!important;font-size:13px!important;line-height:1.5!important;
}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),select) {height:40px!important;min-height:40px!important;padding:9px 12px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(input,textarea)::placeholder {color:#9398ae!important;font-weight:400}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) textarea {min-height:92px;padding:10px 12px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(input,select,textarea):focus {border-color:#3e6bec!important;box-shadow:0 0 0 3px #3e6bec14!important}
html[data-ui-theme="dashboard"] body.customer-body #mappingsView select,
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) select {appearance:none!important;padding-right:34px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%237F85A2' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:right 11px center!important;background-size:16px 16px!important;background-repeat:no-repeat!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) input[type="checkbox"] {appearance:none!important;width:18px!important;height:18px!important;min-height:18px!important;border-radius:5px!important;border:1.5px solid #c3c8d8!important;background-color:#fff!important;box-shadow:none!important;accent-color:#3e6bec}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) input[type="checkbox"]:checked {background-color:#3e6bec!important;border-color:#3e6bec!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m4 9 3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-size:16px 16px!important;background-repeat:no-repeat!important;background-position:center!important}
html[data-ui-theme="dashboard"] body #autoSyncEnabled:after,html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) input[type="checkbox"]:after {display:none!important;content:none!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.field-label,label,.mapping-select-label>span) {font-size:12px!important;color:#535b73!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.status-pill,.badge,.tag,.protocol-tag) {display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:3px 9px!important;border:0!important;border-radius:7px!important;background:#f0f2f7!important;color:#626a88!important;font-size:11px!important;font-weight:500!important;line-height:1.5;box-shadow:none!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.status-pill.success,.badge.success,.tag.success) {background:#edf8f0!important;color:#278d50!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.status-pill.error,.badge.danger,.badge.error) {background:#fff0ef!important;color:#cd443f!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.status-pill.warning,.badge.warning) {background:#fff7dd!important;color:#966700!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) table {font-size:13px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(th,td) {border-color:var(--line)!important;padding:13px 16px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) th {background:#fafbfe!important;color:var(--muted)!important;font-size:11px!important;font-weight:500!important;letter-spacing:.015em}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) td {color:#4a4e60!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) tbody tr:hover {background:#fafbfe!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.form-grid,.settings-grid) {gap:16px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.mapping-switcher,.mapping-save-bar) {background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:none!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .mapping-switcher {padding:18px!important;gap:12px!important;margin-bottom:18px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .mapping-card {padding:18px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .mapping-card h3 {font-size:14px!important;font-weight:600!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .mapping-card.is-dirty {border-color:#b3c5fa!important;background:#fbfcff!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .mapping-select-label {gap:7px}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .mapping-save-bar {margin-top:18px!important;padding:16px 18px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.auto-sync-toggle,.mapping-auto-sync) {background:#f7f8fc!important;border-color:var(--line)!important;border-radius:10px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.source-browser,.source-compact-row,.synced-node-row,.connection-summary-row) {border-color:var(--line)!important;background:#fff!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .source-browser-category[open] {border-color:#cedafd!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.empty-state,.empty-notice) {border-color:var(--line)!important;background:#fafbfe!important;color:var(--muted)!important;border-radius:12px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .protocol-catalog {margin:0 0 18px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .protocol-catalog[hidden] {display:none!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .protocol-catalog>summary {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;cursor:pointer;list-style:none;font-size:13px;font-weight:600}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .protocol-catalog>summary::-webkit-details-marker {display:none}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .protocol-catalog>summary>span:last-child {font-weight:400;font-size:11px;color:var(--primary)}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .protocol-catalog strong {margin-left:6px;padding:2px 7px;border-radius:6px;background:var(--primary-soft);color:var(--primary)}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .protocol-catalog>p {margin:0;padding:0 18px 14px;font-size:12px}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .protocol-table-wrap {max-height:340px;overflow:auto;overscroll-behavior:contain;border-top:1px solid var(--line)}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .protocol-table-wrap table {min-width:530px;width:100%;border-collapse:collapse}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .protocol-table-wrap thead {position:sticky;top:0;z-index:1}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .protocol-table-wrap small {margin-left:8px;color:var(--muted)}
html[data-ui-theme="dashboard"] body #mappingProtocolAlert {display:inline-block;margin-left:8px;color:#966700;font-size:10px;font-weight:500}
html[data-ui-theme="dashboard"] body #mappingProtocolAlert[hidden],html[data-ui-theme="dashboard"] body .protocol-warnings[hidden] {display:none!important}
html[data-ui-theme="dashboard"] body .protocol-warnings {margin:0 14px 14px;padding:10px 12px;background:#fff7dd;border:1px solid #f2e4b1;border-radius:9px}
html[data-ui-theme="dashboard"] body .protocol-warnings p {margin:0;font-size:12px;color:#825d16!important}
html[data-ui-theme="dashboard"] body.admin-body .sidebar .nav-group-toggle .nav-label {color:#717792!important;opacity:1!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .sidebar {width:218px!important;padding:24px 16px!important;background:#fff!important;border-right:1px solid var(--line)!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .sidebar-brand {padding:2px 6px 28px!important;gap:10px!important;align-items:center}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .brand-mark {display:inline-grid;place-items:center;flex-shrink:0;width:38px!important;height:38px!important;border-radius:12px!important;background:#3e6bec!important;color:#fff!important;border:0!important;box-shadow:none!important;font-size:17px!important;font-weight:700}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .brand-copy strong {font-size:13px!important;letter-spacing:0;color:var(--ink)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .brand-copy span {font-size:10px!important;color:var(--muted)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .sidebar-nav {gap:12px!important;padding:0!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .nav-group {border:0!important;padding:0!important;margin:0!important;background:transparent!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .nav-group-toggle {min-height:30px!important;padding:4px 12px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--muted)!important;box-shadow:none!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .nav-label {padding:0!important;color:var(--muted)!important;font-size:10px!important;letter-spacing:.07em}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .nav-group-items {gap:4px!important;padding:4px 0 0!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .nav-item {min-height:42px!important;padding:9px 12px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#717792!important;box-shadow:none!important;font-size:13px!important;font-weight:500!important;transform:none!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .nav-item.active {background:#3e6bec!important;color:#fff!important;border:0!important;box-shadow:none!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .nav-item:hover:not(.active) {background:#f1f4fc!important;color:#3e6bec!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .nav-item:before,html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .nav-item:after {display:none!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .nav-icon,html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .nav-item.active .nav-icon {color:inherit!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .nav-icon svg {width:20px!important;height:20px!important;stroke:currentColor!important;stroke-width:1.7!important;fill:none!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .sidebar-foot {border-color:var(--line)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.account-trigger,.account-popover) {background:#fff!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:none!important;color:var(--ink)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .account-trigger {padding:5px 9px!important;min-height:44px!important;gap:9px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .account-trigger-copy strong {font-size:12px!important;color:var(--ink)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .account-trigger-copy small {font-size:10px!important;color:var(--muted)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.account-trigger-avatar,.qq-avatar) {border-radius:10px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .account-popover {padding:8px!important;box-shadow:var(--shadow-lg)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .account-menu-item:hover {background:#f3f6ff!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.modal-card,.confirm-card) {background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:var(--shadow-lg)!important;padding:20px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .modal-card h2 {font-size:20px!important;letter-spacing:-.02em;color:var(--ink)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.modal-card p,.confirm-card p) {font-size:12px!important;line-height:1.7;color:var(--muted)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.modal-actions,.confirm-actions) {padding-top:16px!important;margin-top:16px!important;border-color:var(--line)!important;gap:10px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .confirm-card {width:min(326px,calc(100vw - 28px))!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) dialog::backdrop {background:#1e1f2059!important;backdrop-filter:none!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.app-toast,.toast) {background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:0 8px 28px #1e1f2014!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.app-toast.success,.toast.success) {border-left-color:#62ca76!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.app-toast.error,.toast.error) {border-left-color:#e45851!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .release-footer {color:#8b90a4!important;background:transparent!important;border:0!important;box-shadow:none!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .home-nav {background:#fff!important;border-bottom:1px solid var(--line)!important;padding:18px 5vw!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .home-brand strong {color:var(--ink)!important;font-size:15px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .home-brand small {color:var(--muted)!important;font-size:10px!important;letter-spacing:.1em}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .home-hero {min-height:540px;padding:80px 0 64px!important;background:var(--bg)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .home-hero-inner {max-width:1140px!important;gap:64px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .home-hero h1 {font-size:54px!important;color:var(--ink)!important;letter-spacing:-.045em!important;line-height:1.18!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .home-hero-copy>p {font-size:15px!important;max-width:440px;line-height:1.85!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .home-kicker {background:#edf2ff!important;color:#3e6bec!important;border-radius:8px!important;padding:5px 10px!important;font-size:11px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.home-workflow,.home-template-stats,.home-capability-grid article,.auth-card) {background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:none!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .home-workflow {padding:24px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .workflow-heading {padding-bottom:20px!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .workflow-row {padding:20px 0!important;border-color:var(--line)!important;background:#fff!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .workflow-number {width:38px;height:38px;border-radius:12px!important;color:#3e6bec!important;background:#edf2ff!important;border:0!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .workflow-row:nth-child(3) .workflow-number {color:#278d50!important;background:#edf8f0!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .workflow-row:nth-child(4) .workflow-number {color:#966700!important;background:#fff7dd!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .workflow-tag {background:#f4f5fa!important;color:var(--muted)!important;border-radius:7px!important;font-size:10px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.home-template-stats-grid article,.home-template-badge) {background:#f7f8fc!important;border-color:var(--line)!important;border-radius:12px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.home-template-stats-grid strong,.home-template-stats h2,.home-capabilities h2) {color:var(--ink)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .home-footer {background:#fff!important;border-color:var(--line)!important;color:var(--muted)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .auth-layout {background:var(--bg)!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .auth-card {padding:32px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.auth-art,.admin-auth-side) {background:#edf2ff!important;color:#3e6bec!important;border-color:#dce6ff!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.auth-tabs,.tab-strip,.segmented-control) {border-color:var(--line)!important;background:#f4f5fa!important;border-radius:10px!important}
html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.auth-tabs button.active,.tab-strip .active,.segmented-control .active) {background:#fff!important;color:#3e6bec!important;box-shadow:0 1px 4px #1e1f200a!important;border-radius:8px!important}
@media(min-width:1024px) {
  html[data-ui-theme="dashboard"] body.customer-body .connection-stats .stat-watermark {display:grid!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body).customer-body {padding-left:108px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body).customer-body:not([data-session-state="authenticated"]) {padding-left:0!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body).customer-body #appView>.workspace {margin-left:0!important;width:100%!important;padding:0 16px 32px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body).customer-body .customer-bottom-nav {inset:0 auto 0 0!important;width:108px!important;max-width:none!important;padding:28px 16px!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;backdrop-filter:none!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body).customer-body .customer-bottom-nav:before {content:'韭';display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;margin:0 auto 44px;border-radius:14px;background:#3e6bec;color:#fff;font-size:21px;font-weight:700}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body).customer-body .customer-bottom-items {display:flex!important;flex-direction:column!important;gap:20px!important;width:100%!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body).customer-body .customer-bottom-nav .nav-item {display:flex!important;flex-direction:column!important;justify-content:center!important;gap:7px!important;min-height:68px!important;padding:10px 4px!important;font-size:10px!important;border-radius:12px!important;background:#f7f7f7!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body).customer-body .customer-bottom-nav .nav-item.active {background:#3e6bec!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body).customer-body .customer-bottom-nav .nav-icon svg {width:22px!important;height:22px!important}
}
@media(min-width:861px) {
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body).admin-body #adminApp>.workspace {margin-left:218px!important;width:calc(100% - 218px)!important;min-width:0}
}
@media(max-width:1023px) {
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body).customer-body {padding-left:0!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body).customer-body #appView>.workspace {padding:0 0 110px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body).customer-body .customer-bottom-nav {inset:auto 12px calc(10px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:520px!important;margin-inline:auto!important;padding:7px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:0 8px 32px #1e1f200d!important;backdrop-filter:none!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body).customer-body .customer-bottom-nav .nav-item {padding:8px 4px!important;min-height:58px!important;gap:5px!important;font-size:10px!important;flex-direction:column!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .home-hero-inner {gap:32px!important}
}
@media(max-width:860px) {
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .topbar {min-height:70px!important;padding:12px 20px!important;background:#fff!important;border-bottom:1px solid var(--line)!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.content-view,.admin-content) {padding:22px 20px 40px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .sidebar {width:248px!important;max-width:calc(100vw - 40px)!important;box-shadow:var(--shadow-lg)!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body).admin-body #adminApp>.workspace {margin-left:0!important;width:100%!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .home-hero h1 {font-size:42px!important}
}
@media(max-width:680px) {
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.content-view,.admin-content) {padding:20px 14px 32px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .topbar {padding:12px 14px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .topbar h2 {font-size:16px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.page-intro h1,.page-head h1,.mapping-head h1,.section-heading h1) {font-size:23px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.page-intro p,.page-head p,.mapping-head p,.section-heading p) {font-size:12px!important;line-height:1.65!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.stats-grid,.connection-stats) {gap:8px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .stat-card {padding:12px!important;min-height:104px!important;border-radius:12px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .stat-card strong {font-size:26px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .stat-card .stat-label {font-size:11px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .stat-card small {font-size:9px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .stat-watermark {display:none!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.mapping-switcher,.mapping-card) {padding:12px!important;border-radius:12px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .mapping-card h3 {font-size:13px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .mapping-grid {gap:10px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .mapping-save-bar {padding:12px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .protocol-catalog>summary {padding:13px!important;font-size:12px}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .protocol-catalog>p {padding:0 13px 12px;font-size:11px}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .protocol-table-wrap {max-height:270px}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(th,td) {padding:10px 12px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) :is(.modal-card,.confirm-card) {padding:17px!important;border-radius:16px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .modal-card h2 {font-size:19px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .account-trigger {padding:5px!important;border-radius:10px!important;min-height:40px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .customer-database-accounts {grid-template-columns:minmax(0,1fr)!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .home-nav {padding:14px 16px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .home-hero {min-height:auto;padding:42px 0 28px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .home-hero-inner {grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .home-hero h1 {font-size:38px!important;max-width:100%!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .home-hero-copy>p {font-size:13px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .home-workflow {padding:18px!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .workflow-row {padding:14px 0!important}
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) .auth-card {padding:24px 20px!important}
}
@media(prefers-reduced-motion:reduce) {
  html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) *,html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) *:before,html[data-ui-theme="dashboard"] body:is(.customer-body,.admin-body) *:after {transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
html[data-ui-theme="dashboard"] body.customer-body .connection-stats .stat-card {background:#fff!important;border-color:var(--line)!important;color:var(--ink)!important;box-shadow:none!important}
html[data-ui-theme="dashboard"] body.customer-body .connection-stats .stat-card :is(.stat-label,small) {color:var(--muted)!important}
html[data-ui-theme="dashboard"] body.customer-body .connection-stats .stat-card strong {color:var(--ink)!important}
html[data-ui-theme="dashboard"] body.customer-body .connection-stats .stat-card .stat-watermark {color:#3e6bec!important}
html[data-ui-theme="dashboard"] body.customer-body .connection-stats .stat-healthy .stat-watermark {color:#278d50!important}
html[data-ui-theme="dashboard"] body.customer-body .connection-stats .stat-warning .stat-watermark {color:#966700!important}
html[data-ui-theme="dashboard"] body.admin-body .dashboard-overview-layout {display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;margin-bottom:22px}
html[data-ui-theme="dashboard"] body.admin-body #adminStats {margin:0!important;align-items:stretch!important}
html[data-ui-theme="dashboard"] body.admin-body #adminStats .stat-card {display:flex;flex-direction:column;justify-content:center;padding:22px!important;gap:12px}
html[data-ui-theme="dashboard"] body.admin-body #adminStats .stat-card>span {color:var(--muted);font-size:12px}
html[data-ui-theme="dashboard"] body.admin-body .dashboard-insight {padding:24px;border-radius:18px;background:#3e6bec;color:#fff}
html[data-ui-theme="dashboard"] body.admin-body .dashboard-insight-label {font-size:10px;letter-spacing:.13em;color:#d5e0ff}
html[data-ui-theme="dashboard"] body.admin-body .dashboard-insight h2 {margin:12px 0;font-size:21px;color:#fff!important}
html[data-ui-theme="dashboard"] body.admin-body .dashboard-insight p {margin:0 0 20px;font-size:12px;line-height:1.8;color:#e0e8ff!important}
html[data-ui-theme="dashboard"] body.admin-body .dashboard-insight a {display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #ffffff30;color:#fff!important;font-size:12px}
@media(max-width:1100px) {
  html[data-ui-theme="dashboard"] body.admin-body .dashboard-overview-layout {grid-template-columns:minmax(0,1fr)}
  html[data-ui-theme="dashboard"] body.admin-body .dashboard-insight {display:grid;grid-template-columns:1fr 1fr;column-gap:24px;padding:20px}
  html[data-ui-theme="dashboard"] body.admin-body .dashboard-insight-label {grid-column:1/-1}
  html[data-ui-theme="dashboard"] body.admin-body .dashboard-insight p {grid-column:1/-1;margin-bottom:10px}
}
@media(max-width:390px) {
  html[data-ui-theme="dashboard"] body.admin-body #adminStats .stat-card {padding:12px!important;gap:8px}
  html[data-ui-theme="dashboard"] body.admin-body .dashboard-insight {padding:16px;column-gap:16px}
}


/* 1.1.56 · Plan cards: balanced desktop grid and clean one-column mobile layout. */
html[data-ui-theme] body:is(.customer-body,.admin-body) .plans-catalog-panel{padding:clamp(18px,2.4vw,32px)!important;border:1px solid var(--line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 12px 30px rgba(31,41,71,.06)!important}
html[data-ui-theme] body:is(.customer-body,.admin-body) .plans-catalog-panel .commerce-section-head{margin:0 0 18px!important;padding:0!important;border:0!important}
html[data-ui-theme] body:is(.customer-body,.admin-body) .plans-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))!important;gap:16px!important;align-items:stretch!important}
html[data-ui-theme] body:is(.customer-body,.admin-body) .plans-grid>.empty-state{grid-column:1/-1}
html[data-ui-theme] body:is(.customer-body,.admin-body) .plan-card{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:360px!important;padding:22px!important;border:1px solid #e7eaf2!important;border-radius:18px!important;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;box-shadow:0 7px 20px rgba(31,41,71,.06)!important}
html[data-ui-theme] body:is(.customer-body,.admin-body) .plan-card.featured{border-color:#aebfff!important;box-shadow:0 10px 26px rgba(62,107,236,.14)!important}
html[data-ui-theme] body:is(.customer-body,.admin-body) .plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px}
html[data-ui-theme] body:is(.customer-body,.admin-body) .plan-index{font-size:12px!important;font-weight:700!important;letter-spacing:.12em;color:#8a91a6!important}
html[data-ui-theme] body:is(.customer-body,.admin-body) .plan-recommend{padding:4px 9px;border-radius:999px;background:#e9efff;color:#3e6bec;font-size:11px;font-weight:700;white-space:nowrap}
html[data-ui-theme] body:is(.customer-body,.admin-body) .plan-card h3{margin:18px 0 8px!important;min-height:2.45em;font-size:clamp(18px,1.6vw,23px)!important;line-height:1.25!important;color:#18213d!important}
html[data-ui-theme] body:is(.customer-body,.admin-body) .plan-description{min-height:3.4em;margin:0!important;color:#707892!important;line-height:1.6!important}
html[data-ui-theme] body:is(.customer-body,.admin-body) .plan-price{display:flex;align-items:baseline;gap:4px;margin:18px 0 14px;padding-top:15px;border-top:1px solid #edf0f6}
html[data-ui-theme] body:is(.customer-body,.admin-body) .plan-price strong{font-size:34px!important;line-height:1;color:#18213d!important}
html[data-ui-theme] body:is(.customer-body,.admin-body) .plan-price span{font-size:16px;color:#3e6bec;font-weight:700}.plan-price small{color:#8a91a6}
html[data-ui-theme] body:is(.customer-body,.admin-body) .plan-features{display:grid;gap:8px;margin:0 0 20px;padding:0;list-style:none;color:#4f5872;font-size:13px;line-height:1.45}
html[data-ui-theme] body:is(.customer-body,.admin-body) .plan-features li{display:flex;gap:8px;align-items:flex-start}.plan-features li:before{content:'✓';color:#3e6bec;font-weight:800}
html[data-ui-theme] body:is(.customer-body,.admin-body) .plan-buy-button{width:100%!important;margin-top:auto!important;min-height:44px;border-radius:12px!important}
@media(max-width:680px){html[data-ui-theme] body:is(.customer-body,.admin-body) .plans-catalog-panel{padding:16px!important;border-radius:18px!important}.plans-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.plan-card{min-height:0!important;padding:18px!important}.plan-card h3{min-height:0!important;font-size:20px!important}.plan-description{min-height:0!important}.plan-price strong{font-size:31px!important}}