@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Nunito+Sans:opsz,wght@6..12,800;6..12,900&display=swap');

:root {
  --paper: #f8faf9;
  --surface: #ffffff;
  --surface-muted: #eef4f2;
  --ink: #111615;
  --muted: #667370;
  --line: #dce6e2;
  --orange: #ff480a;
  --orange-dark: #dc3704;
  --amber: #ff9500;
  --ice: #bfe8ff;
  --blue-ink: #176985;
  --success: #16835b;
  --shadow: 0 24px 70px rgba(25, 50, 45, .10);
  --radius-lg: 28px;
  --radius-md: 18px;
  --max: 1480px;
  color-scheme: light;
  font-family: 'Manrope', Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--ink);
  background: var(--paper);
  line-height: 1.6;
}

/* Agent Studio */
.agent-page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.agent-page-heading h1{margin:0;font-size:clamp(34px,5vw,56px);line-height:1.06;letter-spacing:-.06em}.agent-page-heading p{margin:12px 0 0}.agent-template-grid,.agent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.agent-template-card{display:grid;gap:9px;min-height:154px;padding:18px;border:1px solid var(--line);border-radius:15px;color:var(--ink);background:var(--surface-muted);text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.agent-template-card:hover{border-color:var(--orange);box-shadow:var(--shadow);transform:translateY(-3px)}.agent-template-card>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:var(--orange);background:var(--surface);font-size:18px}.agent-template-card strong,.agent-template-card small{display:block}.agent-template-card small,.agent-card p{color:var(--muted);font-size:12px;line-height:1.55}.agent-card{display:grid;gap:13px;min-height:210px;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.agent-card h3,.agent-card p{margin:0}.agent-card h3{font-size:18px}.agent-card>small{color:var(--muted);font-size:11px}.agent-card-top{display:flex;justify-content:space-between;align-items:center}.agent-status{padding:4px 8px;border-radius:999px;color:var(--muted);background:var(--surface-muted);font-size:10px;font-weight:850}.agent-status.published{color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--surface))}.agent-card-top small{color:var(--muted);font-size:11px}.agent-empty{padding:32px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);grid-column:1/-1}.agent-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.agent-tools-grid h2{margin:0}.skill-list{display:grid;gap:9px;margin-top:18px}.skill-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.skill-row strong,.skill-row small{display:block}.skill-row small{margin-top:2px;color:var(--muted);font-size:11px}.skill-row i{color:var(--success);font-size:11px;font-style:normal;font-weight:800}.api-key-reveal{display:block;overflow-wrap:anywhere;margin-top:12px;padding:12px;border:1px solid color-mix(in srgb,var(--orange) 30%,var(--line));border-radius:11px;color:var(--orange-dark);background:color-mix(in srgb,var(--orange) 8%,var(--surface));font:12px 'DM Mono',monospace}.agent-dialog{width:min(760px,calc(100vw - 28px));padding:0;border:0;border-radius:18px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow)}.agent-dialog::backdrop{background:rgba(8,17,34,.65);backdrop-filter:blur(6px)}.agent-dialog-card{display:grid;gap:15px;padding:28px}.agent-dialog-card>label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.agent-dialog-card input,.agent-dialog-card textarea{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--surface)}.agent-dialog-card fieldset{margin:0;padding:13px;border:1px solid var(--line);border-radius:12px}.agent-dialog-card legend{padding:0 6px;color:var(--muted);font-size:11px;font-weight:800}.agent-skill-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px}.agent-skill-picker label{display:flex;gap:9px;padding:10px;border-radius:10px;background:var(--surface-muted)}.agent-skill-picker strong,.agent-skill-picker small{display:block}.agent-skill-picker small{color:var(--muted);font-size:10px}.agent-dialog-actions{display:flex;flex-wrap:wrap;gap:10px}.agent-test-box{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-muted)}.agent-test-box label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.agent-test-box output{display:block;min-height:24px;white-space:pre-wrap;font-size:12px;line-height:1.55}@media(max-width:860px){.agent-template-grid,.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-tools-grid{grid-template-columns:1fr}}@media(max-width:560px){.agent-page-heading{display:grid;align-items:start}.agent-page-heading .button{width:100%}.agent-template-grid,.agent-grid,.agent-skill-picker{grid-template-columns:1fr}.agent-dialog-card{padding:20px}.agent-dialog-actions .button{flex:1}}
.membership-limit-dialog{width:min(480px,calc(100vw - 28px));padding:0;border:0;border-radius:18px;color:var(--ink);background:var(--surface);box-shadow:0 28px 90px rgba(8,17,34,.3)}.membership-limit-dialog::backdrop{background:rgba(8,17,34,.68);backdrop-filter:blur(7px)}.membership-limit-card{padding:30px}.membership-limit-mark{display:grid;width:48px;height:48px;margin-bottom:20px;place-items:center;border-radius:12px;color:#fff;background:var(--orange);font-size:25px;line-height:1;box-shadow:0 12px 28px rgba(255,72,10,.22)}.membership-limit-card .eyebrow{margin-bottom:8px}.membership-limit-card h2{margin:0;font-size:25px;line-height:1.25;letter-spacing:0}.membership-limit-message{margin:16px 0 0;color:var(--ink);font-size:15px;font-weight:750;line-height:1.7}.membership-limit-help{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.membership-limit-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.membership-limit-actions .button{box-sizing:border-box;width:100%;min-height:44px;padding-inline:14px}.membership-limit-actions .button.ghost{border-color:var(--line)}@media(max-width:520px){.membership-limit-card{padding:24px}.membership-limit-actions{grid-template-columns:1fr}.membership-limit-actions .button{min-height:46px}}
.worker-install-card{display:grid;gap:9px;margin:20px 0;padding:16px;border:1px solid color-mix(in srgb,var(--orange) 35%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--orange) 6%,var(--surface));color:var(--ink)}.worker-install-card code{display:block;overflow:auto;padding:12px;border-radius:10px;background:var(--surface);color:var(--orange-dark);font:12px/1.55 'DM Mono',monospace;white-space:pre-wrap}.worker-install-card small{color:var(--muted);font-size:11px}.worker-node-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.worker-node-card strong,.worker-node-card small{display:block}.worker-node-card small{margin-top:4px;color:var(--muted);font-size:11px}.worker-node-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.worker-node-meta span{padding:4px 7px;border-radius:999px;background:var(--surface-muted);color:var(--muted);font-size:10px;font-weight:750}@media(max-width:720px){.worker-node-card{grid-template-columns:1fr;gap:10px}.worker-node-meta{justify-content:flex-start}}

:root[data-theme='dark'] {
  --paper: #101312;
  --surface: #191e1c;
  --surface-muted: #212826;
  --ink: #f7f4ef;
  --muted: #b4bcb8;
  --line: #36403c;
  --blue-ink: #bfe8ff;
  --shadow: 0 24px 70px rgba(0, 0, 0, .34);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root[data-theme='system'] {
    --paper: #101312;
    --surface: #191e1c;
    --surface-muted: #212826;
    --ink: #f7f4ef;
    --muted: #b4bcb8;
    --line: #36403c;
    --blue-ink: #bfe8ff;
    --shadow: 0 24px 70px rgba(0, 0, 0, .34);
    color-scheme: dark;
  }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--paper); color: var(--ink); }
body, button, input, select { font: inherit; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

.nav {
  position: sticky;
  top: 0;
  z-index: 30;
  min-height: 76px;
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 14px max(20px, calc((100% - var(--max)) / 2));
  background: color-mix(in srgb, var(--paper) 90%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  backdrop-filter: blur(18px);
  transition: min-height .32s cubic-bezier(.2,.8,.2,1), padding .32s cubic-bezier(.2,.8,.2,1), box-shadow .32s ease, background .32s ease, border-color .32s ease;
}
.nav.is-scrolled { min-height: 62px; padding-top: 8px; padding-bottom: 8px; background: color-mix(in srgb, var(--paper) 94%, transparent); box-shadow: 0 12px 36px rgba(8, 18, 16, .12); backdrop-filter: blur(20px) saturate(1.2); }
.nav-over-hero { position: fixed; right: 0; left: 0; width: 100%; }
.nav-over-hero:not(.is-scrolled) { background: transparent; border-bottom-color: transparent; backdrop-filter: none; }
.nav-over-hero:not(.is-scrolled) nav { border-color: rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .06); }
.nav-over-hero:not(.is-scrolled) nav a, .nav-over-hero:not(.is-scrolled) .login { color: rgba(255, 255, 255, .78); }
.nav-over-hero:not(.is-scrolled) nav a:hover, .nav-over-hero:not(.is-scrolled) nav a[aria-current='page'] { color: #fff; background: rgba(255, 255, 255, .12); box-shadow: none; }
.nav-over-hero:not(.is-scrolled) .brand-wordmark-img { filter: brightness(0) invert(1); }
.nav-over-hero:not(.is-scrolled) .login:hover { color: #fff; background: rgba(255, 255, 255, .1); }
.nav-over-hero:not(.is-scrolled) .mobile-menu-toggle { color: #fff; border-color: rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .08); }
.nav-over-hero.is-scrolled { background: color-mix(in srgb, var(--paper) 92%, transparent); border-bottom-color: color-mix(in srgb, var(--line) 82%, transparent); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 9px; flex: 0 0 auto; min-width: 134px; text-decoration: none; }
.brand img { display: block; width: 37px; height: 37px; object-fit: contain; transition: transform .28s cubic-bezier(.2,.8,.2,1); }
.brand .brand-lockup { width: 150px; height: auto; max-height: 39px; object-fit: contain; }
.brand .brand-wordmark-img { display: block; width: 126px; height: auto; max-height: 30px; object-fit: contain; }
.brand-wordmark { color: var(--ink); font-family: 'Nunito Sans', 'Manrope', sans-serif; font-size: 23px; font-weight: 900; line-height: 1; letter-spacing: -.045em; }
.brand:hover img { transform: scale(1.025); }
.nav nav { display: flex; align-items: center; gap: 3px; min-width: 0; margin-left: auto; padding: 4px; border: 1px solid color-mix(in srgb, var(--line) 82%, transparent); border-radius: 14px; background: color-mix(in srgb, var(--surface-muted) 62%, transparent); transition: transform .32s cubic-bezier(.2,.8,.2,1), background .32s ease, border-color .32s ease; }
.nav nav a, .login { position: relative; display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border-radius: 10px; color: var(--muted); font-size: 13px; font-weight: 800; text-decoration: none; transition: color .2s ease, background .2s ease, transform .2s ease; }
.nav nav a:hover, .nav nav a[aria-current='page'] { color: var(--ink); background: var(--surface); box-shadow: 0 3px 12px rgba(20, 35, 30, .07); transform: translateY(-1px); }
.nav nav a[aria-current='page']::after { content: ''; position: absolute; right: 12px; bottom: 4px; left: 12px; height: 2px; border-radius: 99px; background: var(--orange); }
.login:hover { color: var(--ink); background: color-mix(in srgb, var(--orange) 8%, var(--surface)); }
.actions { display: flex; align-items: center; justify-content: flex-end; flex: 0 0 auto; gap: 14px; }
.account-menu { position: relative; }
.account-trigger { display:inline-flex; align-items:center; gap:7px; min-height:38px; padding:3px 8px 3px 4px; border:1px solid var(--line); border-radius:999px; color:var(--ink); background:var(--surface); cursor:pointer; }
.account-avatar { display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; aspect-ratio:1; box-sizing:border-box; overflow:hidden; border-radius:50%; color:#fff; background:linear-gradient(145deg,#2d6870,#173b55); font-size:13px; font-weight:900; line-height:1; }
.account-avatar.has-image { background-position:center; background-size:cover; background-repeat:no-repeat; color:transparent; }
.center-account-chip { display:none; align-items:center; gap:10px; min-height:44px; padding:4px 13px 4px 5px; border:1px solid var(--line); border-radius:999px; color:var(--ink); background:var(--surface); text-decoration:none; transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.center-account-chip:hover { border-color:var(--orange); box-shadow:0 7px 20px rgba(13,27,54,.08); transform:translateY(-1px); }
.center-account-chip .account-avatar { width:36px; height:36px; flex-basis:36px; font-size:14px; }
.center-account-chip::after { content:'⌄'; margin-left:2px; color:var(--muted); font-size:16px; line-height:1; }
.center-account-name { display:block; width:108px; max-width:108px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:800; }
.public-member-actions { flex: 0 0 auto; gap:8px; }
.public-console-link { order:1; }
.public-member-actions .account-menu { order:2; }
.public-member-actions .public-console-link { flex: 0 0 auto; min-width:64px; justify-content:center; }
.public-account-trigger { width:166px; min-height:40px; padding:3px 9px 3px 4px; gap:8px; transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.public-account-trigger:hover,.public-account-trigger[aria-expanded='true'] { border-color:var(--orange); box-shadow:0 7px 20px rgba(13,27,54,.08); transform:translateY(-1px); }
.public-account-trigger .account-avatar { width:30px; height:30px; flex-basis:30px; }
.public-account-trigger[aria-expanded='true'] .account-chevron { transform:rotate(180deg); }
.public-account-trigger .account-chevron { transition:transform .18s ease; }
.public-member-actions .account-summary .account-avatar { width:38px; height:38px; flex-basis:38px; }
.center-main > h1 { display:flex; align-items:center; gap:18px; }
.welcome-identity { display:inline-flex; align-items:center; flex:0 0 auto; }
.welcome-identity .eyebrow { margin:0; }
.welcome-avatar { width:64px; height:64px; flex-basis:64px; font-size:24px; box-shadow:0 8px 24px rgba(13,27,54,.12); }
@media (max-width: 680px) { .center-main > h1 { gap:12px; } .welcome-avatar { width:48px; height:48px; flex-basis:48px; font-size:18px; } }
@media (max-width: 680px) { .center-account-chip { min-height:40px; padding-right:5px; } .center-account-chip::after,.center-account-name { display:none; } .center-account-chip .account-avatar { width:34px; height:34px; flex-basis:34px; } .public-account-trigger{width:auto;min-height:40px;padding:3px 7px 3px 3px}.public-account-trigger .center-account-name{display:none}.public-member-actions .public-console-link{display:inline-flex;min-height:36px;padding:0 9px}.public-member-actions .account-popover{position:fixed;top:66px;right:12px;width:min(238px,calc(100vw - 24px))} }
.nav .public-member-actions>.public-console-link{display:inline-flex}
@media(max-width:720px){.nav .public-member-actions>.public-console-link{display:inline-flex!important}.public-member-actions{gap:5px}.public-account-trigger .account-chevron{font-size:14px}}
@media(max-width:520px){.nav>.public-member-actions{display:none}}
.profile-avatar-editor { display:flex; align-items:center; gap:16px; padding:16px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.profile-avatar-preview { display:grid; place-items:center; width:72px; height:72px; flex:none; border-radius:50%; color:#fff; background:linear-gradient(145deg,#2d6870,#173b55); background-position:center; background-size:cover; font-size:24px; font-weight:900; }
.customer-detail-avatar { display:grid; place-items:center; grid-column:1 / -1; width:96px; height:96px; margin:0 0 8px; border:6px solid var(--surface); border-radius:50%; color:#fff; background:linear-gradient(145deg,#2d6870,#173b55); background-position:center; background-size:cover; font-size:32px; font-weight:900; box-shadow:0 8px 20px rgba(13,27,54,.12); }
.customer-detail-avatar.has-image { color:transparent; }
.commercial-user-dialog .account-manage-card { width:min(980px,calc(100vw - 32px)); }
.commercial-user-dialog [data-profile-form] { align-items:end; gap:22px 24px; }
.commercial-user-dialog [data-profile-form] label:first-of-type { grid-column:1 / -1; }
.commercial-user-dialog [data-profile-form] label:first-of-type input { background:var(--surface-muted); color:var(--muted); font-weight:800; }
.profile-avatar-upload { display:inline-flex !important; margin-top:6px; cursor:pointer; }
.profile-avatar-upload.is-loading { pointer-events:none; opacity:.68; }
.inline-spinner { display:inline-block; width:14px; height:14px; margin-right:5px; vertical-align:-2px; border:2px solid color-mix(in srgb,var(--muted) 28%,transparent); border-top-color:var(--accent); border-radius:50%; animation:inline-spin .7s linear infinite; }
@keyframes inline-spin { to { transform:rotate(360deg); } }
.login-2fa-setting { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:16px; padding:15px 16px; border:1px solid var(--line); border-radius:14px; background:var(--surface-muted); }
.login-2fa-setting strong,.login-2fa-setting small { display:block; }.login-2fa-setting small { margin-top:4px; color:var(--muted); }
.avatar-crop-dialog { width:min(560px,calc(100vw - 28px)); padding:0; border:0; border-radius:20px; color:var(--ink); background:var(--surface); box-shadow:var(--shadow); }
.avatar-crop-dialog::backdrop { background:rgba(7,17,28,.68); backdrop-filter:blur(6px); }
.avatar-crop-card { display:grid; gap:16px; padding:26px; }
.avatar-crop-stage { position:relative; width:min(390px,100%); aspect-ratio:1; margin:auto; overflow:hidden; border-radius:16px; background-color:#fff; background-image:linear-gradient(45deg,#eef1f4 25%,transparent 25%),linear-gradient(-45deg,#eef1f4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef1f4 75%),linear-gradient(-45deg,transparent 75%,#eef1f4 75%); background-size:28px 28px; background-position:0 0,0 14px,14px -14px,-14px 0; touch-action:none; }
.avatar-crop-stage canvas { display:block; width:100%; height:100%; cursor:grab; }
.avatar-crop-stage canvas:active { cursor:grabbing; }
.avatar-crop-mask { position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at center,transparent 0 41%,rgba(0,0,0,.58) 41.5%); }
.avatar-crop-mask::after { content:''; position:absolute; inset:9%; border:2px solid rgba(255,255,255,.9); border-radius:50%; box-shadow:0 0 0 1px rgba(0,0,0,.25); }
.avatar-zoom-control { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:14px; color:var(--muted); font-size:12px; font-weight:800; }
.avatar-zoom-control input { width:100%; accent-color:var(--orange); }
.account-chevron { color:var(--muted); font-size:17px; line-height:1; }
.account-popover { position:absolute; top:calc(100% + 12px); right:0; z-index:50; width:238px; padding:8px; border:1px solid var(--line); border-radius:16px; background:var(--surface); box-shadow:0 18px 48px rgba(16,30,25,.18); opacity:0; pointer-events:none; transform:translateY(-6px) scale(.98); transition:opacity .18s ease,transform .18s ease; }
.account-menu.open .account-popover { opacity:1; pointer-events:auto; transform:none; }
.account-summary { display:flex; align-items:center; gap:10px; padding:12px; margin-bottom:5px; border-bottom:1px solid var(--line); }
.account-summary > div { display:grid; gap:3px; }.account-summary small { color:var(--muted); font-size:11px; }
.account-popover a,.account-popover button { display:flex; width:100%; box-sizing:border-box; align-items:center; min-height:40px; padding:0 12px; border:0; border-radius:10px; color:var(--ink); background:transparent; font:inherit; font-size:13px; text-align:left; text-decoration:none; cursor:pointer; }
.account-popover a:hover,.account-popover button:hover { color:var(--orange); background:color-mix(in srgb,var(--orange) 9%,var(--surface)); }
.account-popover button { color:#d23c35; }
.nav-tools { display: flex; align-items: center; gap: 6px; }
.menu-control { position: relative; }
.icon-control { position: relative; display: grid; place-items: center; width: 42px; height: 38px; border: 1px solid transparent; border-radius: 11px; color: var(--muted); background: transparent; cursor: pointer; transition: color .2s ease, background .2s ease, border-color .2s ease; }
.icon-control > span { font-size: 16px; font-weight: 800; line-height: 1; letter-spacing: -.12em; pointer-events: none; }
.icon-control > span svg { display: block; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.icon-control:hover { color: var(--ink); border-color: var(--line); background: var(--surface-muted); }
.control-popover { position: absolute; top: calc(100% + 12px); right: 0; z-index: 40; display: grid; min-width: 170px; padding: 8px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); box-shadow: 0 18px 48px rgba(16, 30, 25, .18); opacity: 0; pointer-events: none; transform: translateY(-6px) scale(.98); transform-origin: top right; transition: opacity .18s ease, transform .18s ease; }
.control-popover.open { opacity: 1; pointer-events: auto; transform: none; }
.control-popover button { min-height: 42px; padding: 0 14px; border: 0; border-radius: 10px; color: var(--ink); background: transparent; text-align: left; font-size: 14px; font-weight: 700; cursor: pointer; }
.control-popover button:hover { background: color-mix(in srgb, var(--orange) 9%, var(--surface)); color: var(--orange); }
.admin-login-card > .nav-tools { justify-content: flex-end; margin: -10px 0 24px; }
.nav-tools select { appearance: none; min-height: 36px; padding: 0 29px 0 12px; border: 1px solid var(--line); border-radius: 11px; color: var(--muted); background-color: var(--surface); background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); background-position: calc(100% - 14px) 15px, calc(100% - 10px) 15px; background-size: 4px 4px, 4px 4px; background-repeat: no-repeat; font-size: 11px; font-weight: 800; cursor: pointer; transition: border-color .2s ease, color .2s ease, background-color .2s ease; }
.nav-tools select:hover { color: var(--ink); border-color: color-mix(in srgb, var(--orange) 35%, var(--line)); background: color-mix(in srgb, var(--orange) 5%, var(--surface)); }
.nav-tools select:focus { outline: none; }
.nav-tools select:focus-visible { outline: 2px solid color-mix(in srgb, var(--ice) 80%, transparent); outline-offset: 2px; }
.nav-tools select[data-language] { width: 42px; padding-right: 16px; padding-left: 10px; text-align: center; }
.nav-tools select[data-theme-select] { width: 42px; padding-right: 16px; padding-left: 10px; text-align: center; }
.mobile-menu-toggle { display: none; margin-left: auto; width: 42px; height: 42px; padding: 0; place-items: center; border: 1px solid var(--line); border-radius: 10px; color: var(--ink); background: var(--surface); cursor: pointer; }
.mobile-menu-toggle svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; transition: transform .2s ease; }
.mobile-menu-backdrop, .mobile-nav-actions { display: none; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 46px; padding: 12px 20px; border: 1px solid transparent; border-radius: 12px; background: var(--orange); color: #fff; font-size: 13px; font-weight: 800; text-decoration: none; cursor: pointer; box-shadow: 0 12px 28px rgba(255, 72, 10, .20); transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.button:hover { background: var(--orange-dark); transform: translateY(-2px); box-shadow: 0 16px 32px rgba(255, 72, 10, .28); }
.button:focus-visible, .login:focus-visible, .nav a:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid color-mix(in srgb, var(--ice) 80%, transparent); outline-offset: 3px; }
.button.small { min-height: 38px; padding: 9px 14px; border-radius: 10px; font-size: 12px; box-shadow: none; }
.text-link, .more-link { color: var(--blue-ink); font-size: 13px; font-weight: 800; text-decoration: none; }
.text-link:hover, .more-link:hover { color: var(--orange); }
.wallet-page .page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.wallet-summary{margin-bottom:20px}.wallet-summary .metric small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.wallet-ledger,.wallet-payments{display:grid;gap:0}.wallet-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.wallet-row:last-child{border-bottom:0}.wallet-row-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;font-size:18px;font-weight:800;background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.wallet-row-mark.debit{background:color-mix(in srgb,#d64545 10%,transparent);color:#d64545}.wallet-row strong,.wallet-row small{display:block}.wallet-row small{margin-top:4px;color:var(--muted);font-size:11px}.wallet-row b{font-size:14px}.wallet-row b.credit{color:var(--success)}.wallet-row b.debit{color:#d64545}.wallet-after{color:var(--muted);font-size:11px;white-space:nowrap}.wallet-detail-button{white-space:nowrap}.wallet-detail-dialog{width:min(680px,calc(100vw - 28px));padding:0;border:0;border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.wallet-detail-dialog::backdrop{background:rgba(8,17,34,.62);backdrop-filter:blur(6px)}.wallet-detail-card{padding:24px}.wallet-detail-meta{display:grid;grid-template-columns:100px 1fr;gap:10px 14px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-muted);font-size:12px}.wallet-detail-meta span{color:var(--muted)}.wallet-detail-meta code{overflow-wrap:anywhere;font-size:11px}.wallet-charge-list{display:grid;gap:0;border-top:1px solid var(--line)}.wallet-charge-list>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.wallet-charge-list .total{font-size:14px;font-weight:800}.wallet-detail-foot{margin:14px 0 0}@media(max-width:680px){.wallet-page .page-heading{display:block}.wallet-row{grid-template-columns:32px minmax(0,1fr) auto}.wallet-after,.wallet-detail-button{grid-column:2/-1;justify-self:start}}
.admin-credit-ledger-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}.admin-credit-ledger-row:last-child{border-bottom:0}.admin-credit-ledger-row strong,.admin-credit-ledger-row span{display:block}.admin-credit-ledger-row strong.credit{color:var(--success)}.admin-credit-ledger-row strong.debit{color:#d64545}.admin-credit-ledger-row span{margin-top:4px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.wallet-row-mark.pending{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.wallet-row b.pending{color:var(--accent)}
.wallet-ledger .wallet-after{display:none}
.wallet-task-breakdown{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.wallet-task-breakdown span{padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:10px;font-weight:750}.wallet-task-breakdown span.debit{background:#d6454514;color:#d64545}.wallet-task-breakdown span.pending{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}
.admin-credit-ledger-row strong.pending{color:var(--accent)}

.hero, .page-hero, .statement, .bento-grid, .how-section, .final-cta, .stats { width: min(100%, var(--max)); margin-inline: auto; }
.hero { padding: 104px 24px 92px; }
.hero-rebuilt { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr); align-items: center; gap: 72px; min-height: 680px; }
.hero-rebuilt::after { content: ''; position: absolute; inset: 76px 0 auto; height: 560px; z-index: -2; opacity: .34; background-image: linear-gradient(rgba(46, 96, 107, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(46, 96, 107, .12) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 78%, transparent); }
.eyebrow { margin: 0 0 18px; color: var(--orange); font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.hero h1, .page-hero h1 { max-width: 680px; margin: 0; font-size: clamp(48px, 5.2vw, 72px); line-height: 1.1; letter-spacing: -.055em; }
.hero h1 em, .page-hero h1 em, h2 em { color: var(--orange); font-style: normal; }
.hero-copy > p:not(.eyebrow), .page-hero > p { max-width: 620px; margin: 24px 0 0; color: var(--muted); font-size: clamp(15px, 1.55vw, 18px); line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 36px; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 26px; margin-top: 44px; color: var(--muted); font-size: 11px; }
.hero-proof b { display: block; margin-bottom: 3px; color: var(--ink); font-size: 20px; letter-spacing: -.04em; }
.hero-visual { position: relative; display: grid; place-items: center; height: 520px; isolation: isolate; }
.hero-visual::before { content: ''; position: absolute; inset: 8% -8%; z-index: -1; background: radial-gradient(circle at center, color-mix(in srgb, var(--ice) 50%, transparent), transparent 62%); filter: blur(12px); }
.visual-orbit { position: absolute; border: 1px solid #ffbca6; border-radius: 50%; transform: rotate(-20deg); }
.orbit-a { width: min(440px, 90vw); height: 220px; }
.orbit-b { width: min(330px, 70vw); height: 460px; border-color: #ccefff; transform: rotate(38deg); }
.visual-core { position: relative; z-index: 2; display: grid; place-items: center; align-content: center; gap: 6px; width: 190px; height: 190px; border: 1px solid #ffd0c0; border-radius: 50%; background: linear-gradient(145deg, var(--surface), #fff0e7); box-shadow: 0 25px 60px rgba(255, 72, 10, .18); text-align: center; }
.visual-core img { width: 70px; height: 70px; object-fit: contain; }
.visual-core strong { font-family: 'Nunito Sans', 'Manrope', sans-serif; font-size: 20px; font-weight: 900; letter-spacing: -.04em; }
.visual-wordmark { width: 120px; height: auto; max-height: 24px; object-fit: contain; }
.live-visual { overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: #101716; box-shadow: 0 30px 80px rgba(20, 40, 35, .16); }
.live-grid { position: absolute; inset: 0; opacity: .45; background-image: linear-gradient(rgba(125, 207, 210, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(125, 207, 210, .12) 1px, transparent 1px); background-size: 32px 32px; animation: grid-drift 18s linear infinite; }
.live-glow { position: absolute; inset: 15% 10%; background: radial-gradient(circle, rgba(255, 86, 43, .22), transparent 56%); filter: blur(20px); }
.live-console { position: absolute; inset: 13% 9%; overflow: hidden; border: 1px solid #3a514b; border-radius: 16px; background: rgba(18, 28, 26, .9); box-shadow: 0 24px 60px rgba(0, 0, 0, .32); color: #e6f0ec; font-family: 'DM Mono', monospace; backdrop-filter: blur(12px); }
.console-bar { display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 0 14px; border-bottom: 1px solid #30433d; color: #9eafa8; font-size: 9px; }.console-bar > span { display: flex; gap: 5px; }.console-bar i { width: 6px; height: 6px; border-radius: 50%; background: #ff6241; }.console-bar i:nth-child(2) { background: #f5bc55; }.console-bar i:nth-child(3) { background: #5fd99d; }.console-bar em { margin-left: auto; color: #6fe0a5; font-style: normal; }
.console-main { display: grid; grid-template-columns: 132px 1fr; min-height: 300px; }.console-main aside { display: grid; align-content: start; gap: 4px; padding: 18px 10px; border-right: 1px solid #30433d; color: #81958d; font-size: 9px; }.console-main aside small { margin-top: 8px; color: #60756d; font-size: 8px; letter-spacing: .12em; }.console-main aside span { padding: 8px; border-radius: 6px; }.console-main aside .active { color: #ff9a7c; background: rgba(255, 72, 10, .15); }
.console-content { padding: 22px 24px; }.console-status { display: flex; justify-content: space-between; color: #87a39a; font-size: 9px; }.console-status i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #5cdda0; box-shadow: 0 0 12px #5cdda0; }.console-status b { color: #ff966f; font-weight: 500; }.console-title { margin-top: 38px; font-family: 'Manrope', sans-serif; font-size: clamp(24px, 3vw, 38px); font-weight: 700; line-height: 1.08; letter-spacing: -.06em; }.console-title em { color: #ff714b; font-style: normal; }.signal-line { display: flex; align-items: end; gap: 5px; height: 44px; margin-top: 32px; }.signal-line span { flex: 1; height: 25%; border-radius: 99px; background: linear-gradient(#ff744d, #ffad67); animation: signal-pulse 1.8s ease-in-out infinite alternate; }.signal-line span:nth-child(2) { height: 56%; animation-delay: .1s; }.signal-line span:nth-child(3) { height: 34%; animation-delay: .22s; }.signal-line span:nth-child(4) { height: 82%; animation-delay: .35s; }.signal-line span:nth-child(5) { height: 47%; animation-delay: .48s; }.signal-line span:nth-child(6) { height: 68%; animation-delay: .6s; }.signal-line span:nth-child(7) { height: 38%; animation-delay: .72s; }.signal-line span:nth-child(8) { height: 74%; animation-delay: .86s; }.console-log { margin-top: 24px; padding-top: 13px; border-top: 1px solid #30433d; color: #789088; font-size: 9px; }.console-log p { margin: 7px 0; }.console-log b { margin-right: 10px; color: #58736a; font-weight: 400; }.console-log i { float: right; color: #61dba2; font-style: normal; }.live-badge { position: absolute; z-index: 4; padding: 10px 13px; border: 1px solid #3c5750; border-radius: 99px; background: rgba(18, 28, 26, .88); color: #ff9c7b; box-shadow: 0 10px 24px rgba(0, 0, 0, .22); font: 9px 'DM Mono', monospace; letter-spacing: .06em; backdrop-filter: blur(10px); }.badge-model { top: 11%; left: 2%; }.badge-agent { top: 30%; right: 1%; color: #ffc35e; }.badge-api { bottom: 11%; left: 5%; color: #8edfff; }
@keyframes signal-pulse { from { transform: scaleY(.72); opacity: .65; } to { transform: scaleY(1.12); opacity: 1; } }
@keyframes grid-drift { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(32px, 32px, 0); } }
.visual-core small { color: var(--muted); font-size: 7px; letter-spacing: .12em; }
.visual-tag { position: absolute; padding: 10px 14px; border: 1px solid var(--line); border-radius: 99px; background: var(--surface); box-shadow: 0 10px 25px rgba(40, 60, 60, .10); font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: .06em; }
.tag-model { top: 19%; left: 0; color: var(--orange); }
.tag-agent { top: 31%; right: 0; color: #db8a00; }
.tag-api { bottom: 17%; left: 10%; color: var(--blue-ink); }
.neural-node { position: absolute; z-index: 3; display: flex; align-items: center; gap: 7px; color: var(--muted); font: 9px 'DM Mono', monospace; letter-spacing: .06em; }
.neural-node i { width: 8px; height: 8px; border: 2px solid var(--surface); border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 5px rgba(255, 72, 10, .12), 0 0 22px rgba(255, 72, 10, .45); }
.node-a { top: 8%; left: 27%; }
.node-b { right: 8%; bottom: 25%; }
.node-b i { background: var(--amber); box-shadow: 0 0 0 5px rgba(255, 149, 0, .12), 0 0 22px rgba(255, 149, 0, .4); }
.runtime-card { position: absolute; right: 2%; bottom: 0; z-index: 4; width: 210px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: color-mix(in srgb, var(--surface) 90%, transparent); box-shadow: var(--shadow); backdrop-filter: blur(14px); font: 10px 'DM Mono', monospace; }
.runtime-card header { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--line); color: var(--muted); letter-spacing: .08em; }
.runtime-card header i { width: 7px; height: 7px; border-radius: 50%; background: #43c88d; box-shadow: 0 0 12px rgba(67, 200, 141, .7); }
.runtime-card div { display: grid; grid-template-columns: 1fr auto; gap: 7px 12px; padding: 12px; }
.runtime-card span { color: var(--muted); }
.runtime-card b { color: var(--ink); font-weight: 500; }
.tech-rail { width: min(100%, var(--max)); margin: -28px auto 48px; padding: 0 24px; }
.tech-rail-inner { display: grid; grid-template-columns: repeat(5, 1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); box-shadow: var(--shadow); }
.tech-rail span { padding: 15px 12px; border-right: 1px solid var(--line); color: var(--muted); text-align: center; font: 10px 'DM Mono', monospace; letter-spacing: .08em; }
.tech-rail span:last-child { border-right: 0; }
.suite-section, .capability-showcase, .proof-section, .faq-section { width: min(100%, var(--max)); margin-inline: auto; padding-inline: 24px; }
.section-heading { max-width: 620px; }
.section-heading h2, .showcase-copy h2 { margin: 0; font-size: clamp(36px, 4.6vw, 60px); line-height: 1.1; letter-spacing: -.06em; }
.section-heading > p:not(.eyebrow), .showcase-copy > p:not(.eyebrow) { max-width: 560px; margin: 20px 0 0; color: var(--muted); font-size: 15px; line-height: 1.7; }
.suite-section { padding-top: 110px; padding-bottom: 110px; }
.suite-grid { display: grid; grid-template-columns: 1.35fr .825fr .825fr; gap: 16px; margin-top: 46px; }
.suite-card { position: relative; min-height: 285px; padding: 28px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); transition: transform .25s ease, border-color .25s ease; }
.suite-card:hover { transform: translateY(-5px); border-color: color-mix(in srgb, var(--orange) 50%, var(--line)); }
.suite-card h3 { margin: 28px 0 10px; font-size: 25px; letter-spacing: -.045em; }
.suite-card p { max-width: 360px; margin: 0; color: var(--muted); font-size: 14px; }
.suite-card-main { min-height: 390px; background: linear-gradient(145deg, #fff3eb, var(--surface) 64%); }
.suite-card:nth-child(2) { background: linear-gradient(145deg, #eefaff, var(--surface) 70%); }
.suite-card:nth-child(3) { background: linear-gradient(145deg, #fff9ef, var(--surface) 70%); }
.suite-arrow { position: absolute; right: 28px; bottom: 24px; color: var(--orange); font-size: 24px; }
.studio-preview { position: absolute; right: 26px; bottom: -28px; left: 26px; overflow: hidden; border: 1px solid #ffd0c0; border-radius: 14px 14px 0 0; background: #18201f; box-shadow: 0 18px 45px rgba(35, 45, 40, .16); color: #dbe7e2; }
.studio-top { display: flex; align-items: center; gap: 6px; padding: 10px 12px; border-bottom: 1px solid #33423d; font: 9px 'DM Mono', monospace; }
.studio-top i { width: 6px; height: 6px; border-radius: 50%; background: #ff6b43; }.studio-top i:nth-child(2) { background: #ffbf54; }.studio-top i:nth-child(3) { background: #64d59e; }.studio-top b { margin-left: 8px; color: #9aaba4; font-weight: 400; }
.studio-body { display: grid; grid-template-columns: 130px 1fr; min-height: 135px; }
.studio-body aside { display: grid; align-content: start; gap: 4px; padding: 12px 8px; border-right: 1px solid #33423d; font: 10px 'DM Mono', monospace; color: #899a93; }.studio-body aside span { padding: 6px 8px; border-radius: 5px; }.studio-body aside .active { background: rgba(255, 72, 10, .16); color: #ff8a5d; }
.studio-body > div { display: grid; align-content: center; gap: 8px; padding: 20px; }.studio-body small { color: #70dca5; font: 9px 'DM Mono', monospace; }.studio-body strong { font-size: 16px; }.studio-body em { color: #93a39c; font: 10px 'DM Mono', monospace; font-style: normal; }
.capability-showcase { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 82px; padding-top: 100px; padding-bottom: 100px; }
.showcase-copy .text-link { display: inline-flex; margin-top: 28px; }
.showcase-panel { padding: 22px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); box-shadow: var(--shadow); }
.showcase-panel-head { display: flex; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid var(--line); color: var(--muted); font: 10px 'DM Mono', monospace; }.showcase-panel-head i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #48cf91; box-shadow: 0 0 14px rgba(72, 207, 145, .7); }.showcase-panel-head b { color: var(--ink); font-weight: 500; }
.pipeline-row { display: flex; justify-content: space-between; gap: 12px; padding: 18px 4px; border-bottom: 1px solid var(--line); }.pipeline-row:last-child { border-bottom: 0; }.pipeline-row strong { font-size: 15px; }.pipeline-row span { color: var(--muted); font: 11px 'DM Mono', monospace; }.pipeline-row.current span { color: var(--orange); }
.proof-section { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; padding-top: 72px; padding-bottom: 110px; }.proof-stat { padding: 24px 0; border-top: 1px solid var(--line); }.proof-stat strong { display: block; color: var(--orange); font-size: 38px; letter-spacing: -.06em; }.proof-stat span { color: var(--muted); font-size: 13px; }
.faq-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 72px; padding-top: 100px; padding-bottom: 100px; }.faq-list { border-top: 1px solid var(--line); }.faq-list details { padding: 20px 0; border-bottom: 1px solid var(--line); }.faq-list summary { display: flex; justify-content: space-between; gap: 20px; cursor: pointer; font-weight: 800; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: var(--orange); font-size: 22px; font-weight: 400; line-height: 1; transition: transform .2s ease; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details:not([open]) > *:not(summary) { display: none; }.faq-list details p { max-width: 620px; margin: 14px 28px 0 0; color: var(--muted); font-size: 14px; }
:root[data-theme='dark'] .suite-card-main { background: linear-gradient(145deg, #2a211d 0%, #1b201e 58%, #171c1a 100%); }
:root[data-theme='dark'] .suite-card:nth-child(2) { background: linear-gradient(145deg, #17262c 0%, #1a211f 62%, #171c1a 100%); }
:root[data-theme='dark'] .suite-card:nth-child(3) { background: linear-gradient(145deg, #29241b 0%, #1d211d 62%, #171c1a 100%); }
:root[data-theme='dark'] .footer-wordmark, :root[data-theme='dark'] .visual-wordmark { filter: invert(1); }
:root[data-theme='dark'] .runtime-card { background: rgba(25, 30, 28, .92); }
:root[data-theme='dark'] .nav { background: rgba(16, 19, 18, .94); border-bottom-color: #303936; }
:root[data-theme='dark'] .nav nav { background: rgba(33, 40, 38, .72); border-color: #36403c; }
:root[data-theme='dark'] .nav nav a:hover, :root[data-theme='dark'] .nav nav a[aria-current='page'] { background: #191e1c; box-shadow: none; }
:root[data-theme='dark'] .brand .brand-wordmark-img { filter: invert(1); }
:root[data-theme='dark'] .nav-tools select,
:root[data-theme='dark'] .mobile-menu-toggle { background: #191e1c; color: #f7f4ef; border-color: #36403c; }
.statement { padding: 74px 24px 46px; }
.statement h2, .how-section h2, .final-cta h2 { margin: 0; font-size: clamp(36px, 4.6vw, 60px); line-height: 1.1; letter-spacing: -.06em; }
.bento-grid { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(280px, .82fr); grid-template-rows: repeat(2, minmax(250px, 300px)); gap: 18px; padding: 0 24px 110px; }
.bento { position: relative; overflow: hidden; min-width: 0; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); box-shadow: var(--shadow); transition: transform .25s ease, border-color .25s ease; }
.bento:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--orange) 55%, var(--line)); }
.bento-wide { grid-row: span 2; background: linear-gradient(145deg, #fff5ee, var(--surface) 64%); }
.bento-tall { background: linear-gradient(145deg, #effaff, var(--surface) 70%); }
.bento-api { background: linear-gradient(145deg, #fff8f1, var(--surface) 75%); }
:root[data-theme='dark'] .bento-wide, :root[data-theme='dark'] .bento-tall, :root[data-theme='dark'] .bento-api { background: var(--surface); }
:root[data-theme='dark'] .visual-core,
:root[data-theme='dark'] .final-cta { background: linear-gradient(145deg, #211b18, #18201e); border-color: #59382c; }
:root[data-theme='dark'] .hero-visual::before { background: radial-gradient(circle at center, rgba(191, 232, 255, .12), transparent 62%); }
:root[data-theme='dark'] .visual-tag { background: #202624; border-color: #3a4842; }
:root[data-theme='dark'] .bento-flow { border-top-color: #4d3a33; }
:root[data-theme='dark'] .api-code { background: #0d1212; }

@media (prefers-color-scheme: dark) {
  :root[data-theme='system'] .suite-card-main { background: linear-gradient(145deg, #2a211d 0%, #1b201e 58%, #171c1a 100%); }
  :root[data-theme='system'] .suite-card:nth-child(2) { background: linear-gradient(145deg, #17262c 0%, #1a211f 62%, #171c1a 100%); }
  :root[data-theme='system'] .suite-card:nth-child(3) { background: linear-gradient(145deg, #29241b 0%, #1d211d 62%, #171c1a 100%); }
  :root[data-theme='system'] .bento-wide,
  :root[data-theme='system'] .bento-tall,
  :root[data-theme='system'] .bento-api { background: var(--surface); }
  :root[data-theme='system'] .visual-core,
  :root[data-theme='system'] .final-cta { background: linear-gradient(145deg, #211b18, #18201e); border-color: #59382c; }
  :root[data-theme='system'] .hero-visual::before { background: radial-gradient(circle at center, rgba(191, 232, 255, .12), transparent 62%); }
  :root[data-theme='system'] .visual-tag { background: #202624; border-color: #3a4842; }
  :root[data-theme='system'] .bento-flow { border-top-color: #4d3a33; }
  :root[data-theme='system'] .nav { background: rgba(16, 19, 18, .94); border-bottom-color: #303936; }
  :root[data-theme='system'] .nav nav { background: rgba(33, 40, 38, .72); border-color: #36403c; }
  :root[data-theme='system'] .nav nav a:hover, :root[data-theme='system'] .nav nav a[aria-current='page'] { background: #191e1c; box-shadow: none; }
  :root[data-theme='system'] .nav-tools select,
  :root[data-theme='system'] .mobile-menu-toggle { background: #191e1c; color: #f7f4ef; border-color: #36403c; }
  :root[data-theme='system'] .brand .brand-wordmark-img { filter: invert(1); }
}
.bento-index { color: var(--orange); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.bento h3 { margin: 22px 0 10px; font-size: clamp(22px, 2.1vw, 27px); line-height: 1.2; letter-spacing: -.04em; }
.bento p { max-width: 490px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.7; }
.bento-flow { position: absolute; right: 30px; bottom: 36px; left: 30px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 18px; border-top: 1px solid #ffd0c0; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 10px; }
.bento-flow strong { color: var(--orange); font-family: 'Manrope', sans-serif; font-size: 18px; }
.bento-symbol { margin: 12px 0 4px; color: var(--amber); font-size: 64px; line-height: 1; }
.api-code { display: grid; gap: 4px; margin: 26px 0 14px; padding: 14px; border-radius: 10px; background: #162025; color: var(--ice); font: 12px/1.45 'DM Mono', monospace; }
.api-code span { color: #ff8a5d; }
.api-code em { color: #6ed39d; font-style: normal; }
.how-section { display: grid; grid-template-columns: .78fr 1.22fr; gap: 78px; padding: 92px 24px; }
.steps { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.steps li { display: grid; grid-template-columns: 64px 112px 1fr; align-items: center; gap: 8px; padding: 21px 0; border-bottom: 1px solid var(--line); }
.steps b { color: var(--orange); font-family: 'DM Mono', monospace; font-size: 12px; }
.steps span { font-weight: 800; }
.steps p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
.final-cta { margin-bottom: 90px; padding: 72px 56px; border: 1px solid #ffd0c0; border-radius: var(--radius-lg); background: linear-gradient(120deg, #fff0e8, #eefaff); }
.final-cta .button { margin-top: 26px; }
.page-shell { min-height: calc(100vh - 76px); }
.page-hero { padding: 96px 24px 62px; }
.page-hero > p { max-width: 690px; }
.simple-footer, footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px; width: min(100%, var(--max)); margin: 0 auto; padding: 28px 24px 34px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
footer > div:first-child { display: grid; gap: 3px; }
.footer-brand { display: flex !important; align-items: center; gap: 14px; min-width: 0; }
.footer-brand img { display: block !important; flex: 0 0 auto; width: 168px !important; height: 43px !important; object-fit: contain !important; object-position: left center; }
.footer-brand span { color: var(--muted); font-size: 12px; white-space: nowrap; }
.footer-brand img { border-radius: 8px; }
.footer-brand > img:first-child { width: 38px !important; height: 38px !important; border-radius: 0; }
.footer-brand .footer-wordmark-img { width: 132px !important; height: auto !important; border-radius: 0; }
:root[data-theme='dark'] .footer-brand .footer-wordmark-img { filter: invert(1); }
:root[data-theme='dark'] .suite-card h3, :root[data-theme='dark'] .suite-card p { color: var(--ink); }
:root[data-theme='dark'] .suite-card p { color: var(--muted); }
:root[data-theme='dark'] .suite-card { border-color: #34413c; box-shadow: 0 22px 54px rgba(0, 0, 0, .24); }
footer strong { color: var(--ink); font-size: 16px; letter-spacing: .06em; }
.footer-links { display: flex; flex-wrap: wrap; gap: 18px; }
.footer-links a { color: var(--muted); text-decoration: none; }
.footer-links a:hover { color: var(--orange); }
.footer-legal-links { display:flex; align-items:center; justify-content:center; gap:16px; }
.footer-legal-links a, .public-legal-bar a { color:var(--muted); font-size:12px; text-decoration:none; }
.footer-legal-links a:hover, .public-legal-bar a:hover { color:var(--orange); }
.public-legal-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; width:min(100% - 48px,var(--max)); margin:0 auto; padding:24px 0 34px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
.public-legal-bar div { display:flex; flex-wrap:wrap; gap:16px; }

.legal-page { width:min(100% - 48px,1040px); min-height:calc(100vh - 240px); margin:0 auto; padding:72px 0 96px; }
.legal-shell { overflow:hidden; border:1px solid var(--line); border-radius:8px; background:var(--surface); box-shadow:0 24px 70px rgba(25,50,45,.07); }
.legal-heading { padding:48px clamp(24px,6vw,72px) 36px; border-bottom:1px solid var(--line); background:var(--surface-muted); }
.legal-heading .eyebrow { margin:0 0 12px; }
.legal-heading h1 { margin:0; font-size:clamp(34px,5vw,58px); line-height:1.08; letter-spacing:0; }
.legal-updated { margin:15px 0 0; color:var(--muted); font-size:12px; }
.legal-content { min-height:280px; padding:48px clamp(24px,6vw,72px); color:var(--ink); font-size:15px; line-height:1.9; overflow-wrap:anywhere; }
.legal-content h1,.legal-content h2,.legal-content h3,.legal-content h4,.legal-content h5,.legal-content h6 { margin:1.8em 0 .65em; color:var(--ink); line-height:1.35; }
.legal-content h1:first-child,.legal-content h2:first-child,.legal-content h3:first-child { margin-top:0; }
.legal-content h1 { font-size:28px; }
.legal-content h2 { padding-bottom:10px; border-bottom:1px solid var(--line); font-size:22px; }
.legal-content h3 { font-size:18px; }
.legal-content h4,.legal-content h5,.legal-content h6 { font-size:16px; }
.legal-content p { margin:0 0 1.15em; }
.legal-content ul,.legal-content ol { margin:0 0 1.25em; padding-left:1.6em; }
.legal-content li { margin:.35em 0; padding-left:.2em; }
.legal-content blockquote { margin:1.4em 0; padding:12px 16px; border-left:3px solid var(--orange); background:var(--surface-muted); color:var(--muted); }
.legal-content blockquote p:last-child { margin-bottom:0; }
.legal-content table { width:100%; margin:1.5em 0; border-collapse:collapse; font-size:14px; }
.legal-content th,.legal-content td { padding:10px 12px; border:1px solid var(--line); text-align:left; vertical-align:top; }
.legal-content th { background:var(--surface-muted); font-weight:700; }
.legal-content a { color:var(--orange); text-decoration:underline; text-underline-offset:3px; }
.legal-content strong { font-weight:750; }
.legal-content code { padding:2px 5px; border-radius:4px; background:var(--surface-muted); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.9em; }
.legal-content pre { margin:1.4em 0; padding:16px; overflow:auto; border:1px solid var(--line); border-radius:6px; background:var(--surface-muted); line-height:1.65; }
.legal-content pre code { padding:0; background:none; }
.legal-shell.is-loading .legal-content { color:var(--muted); }
.legal-actions { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:24px clamp(24px,6vw,72px) 32px; border-top:1px solid var(--line); }
.legal-back-link { color:var(--muted); font-size:13px; font-weight:800; text-decoration:none; }
.legal-back-link:hover { color:var(--orange); }

.center-shell { background: var(--paper); }
.center-shell > .nav { padding-left: 24px; padding-right: 24px; }
.center-shell > .nav .brand { min-width: 238px; }
.center-shell > .nav .actions, .admin-topbar .actions { margin-left: auto; }
.center-layout { display: grid; grid-template-columns: 238px minmax(0, 1fr); min-height: calc(100vh - 76px); }
.admin-layout { display:grid; grid-template-columns:250px minmax(0,1fr); min-height:calc(100vh - 76px); }
.admin-sidebar { padding:28px 16px; border-right:1px solid var(--line); background:var(--surface-muted); }
.admin-sidebar-label { margin:18px 12px 8px; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.admin-sidebar a { display:flex; align-items:center; gap:11px; margin:3px 0; padding:11px 13px; border-radius:11px; color:var(--muted); text-decoration:none; font-size:13px; font-weight:700; transition:background .2s,color .2s,transform .2s; }
.admin-sidebar a .admin-nav-icon { display:grid; width:20px; height:20px; flex:0 0 20px; color:var(--accent); place-items:center; }
.admin-sidebar a .admin-nav-icon svg { display:block; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
.admin-topbar .brand { min-width: 220px; }
.admin-topbar .actions a[href="/admin.html"] { display:none; }
.admin-topbar-title { display:flex; align-items:baseline; gap:8px; white-space:nowrap; }
.admin-topbar-title strong { font-size:14px; letter-spacing:-.02em; }
.admin-sidebar a:hover,.admin-sidebar a.active { color:var(--ink); background:var(--surface); box-shadow:0 4px 16px rgba(15,30,25,.06); transform:translateX(2px); }
.admin-content { width:min(1180px,100%); margin:0 auto; padding:44px 42px 90px; }
.admin-page-heading,.section-toolbar { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.customer-membership-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft,rgba(247,249,251,.82))}.customer-membership-notice strong,.customer-membership-notice span{display:block}.customer-membership-notice strong{font-size:13px}.customer-membership-notice span{margin-top:4px;color:var(--muted);font-size:11px}.customer-membership-notice a{flex:0 0 auto;text-decoration:none}@media(max-width:620px){.customer-membership-notice{align-items:flex-start;flex-direction:column}.customer-membership-notice a{width:100%;box-sizing:border-box;text-align:center}}
.admin-page-heading h1 { margin:4px 0 8px; }
.admin-status-pill,.section-badge { display:inline-flex; align-items:center; gap:7px; padding:8px 11px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:11px; font-weight:800; white-space:nowrap; }
.admin-status-pill i { width:7px; height:7px; border-radius:50%; background:#34b477; box-shadow:0 0 0 4px rgba(52,180,119,.14); }
.admin-section { margin-top:22px; }
.admin-section h2 { margin:2px 0 0; }
.admin-section h3 { margin:0 0 6px; font-size:16px; }
.admin-metrics { margin-top:28px; }
.metric small { display:block; margin-top:9px; color:var(--muted); font-size:11px; }
.admin-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; margin-top:24px; }
.admin-form-grid > label { display:grid; gap:8px; color:var(--muted); font-size:12px; font-weight:700; }
.admin-form-grid > label input,.admin-form-grid > label select,.admin-form-grid > label textarea { width:100%; padding:13px 14px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--ink); font:inherit; }
.admin-form-grid select,.admin-settings-form select,.account-manage-card select,.account-toolbar select,.audit-filters select { appearance:none; min-height:48px; padding-right:44px!important; border-color:color-mix(in srgb,var(--line) 86%,var(--accent)); border-radius:12px; background-color:var(--surface); background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%); background-position:calc(100% - 19px) 51%,calc(100% - 14px) 51%; background-size:5px 5px,5px 5px; background-repeat:no-repeat; color:var(--ink); font-weight:750; cursor:pointer; transition:border-color .2s,box-shadow .2s,background-color .2s; }
.admin-form-grid select:hover,.admin-settings-form select:hover,.account-manage-card select:hover,.account-toolbar select:hover,.audit-filters select:hover { border-color:color-mix(in srgb,var(--accent) 55%,var(--line)); background-color:color-mix(in srgb,var(--surface) 94%,var(--accent)); }
.admin-form-grid select:focus,.admin-settings-form select:focus,.account-manage-card select:focus,.account-toolbar select:focus,.audit-filters select:focus { outline:0; border-color:var(--accent); box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent); }
.admin-settings-form { margin-top:28px; }
.admin-settings-form label { display:grid; gap:8px; color:var(--muted); font-size:12px; font-weight:700; }
.admin-settings-form input,.admin-settings-form select,.admin-settings-form textarea { width:100%; padding:13px 14px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--ink); font:inherit; }
.settings-provider-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:22px; }
.settings-provider-grid fieldset { display:grid; gap:14px; min-width:0; margin:0; padding:18px; border:1px solid var(--line); border-radius:14px; background:var(--surface-muted); }
.settings-provider-grid .inline-check { display:flex; align-items:center; gap:8px; color:var(--ink); font-size:12px; font-weight:800; }
.settings-provider-grid .inline-check input { width:auto; }
.settings-provider-grid legend { padding:0 7px; color:var(--ink); font-weight:850; }
.oauth-callback-hint { display:grid; grid-template-columns:1fr auto; gap:6px; align-items:center; margin-top:5px; padding-top:12px; border-top:1px solid var(--line); }
.oauth-callback-hint span { grid-column:1/-1; color:var(--muted); font-size:11px; font-weight:800; }
.oauth-callback-hint code { overflow:hidden; padding:8px 9px; border:1px solid var(--line); border-radius:8px; color:var(--ink); background:var(--surface); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.oauth-callback-hint button { padding:7px 9px; border:1px solid var(--line); border-radius:8px; color:var(--muted); background:var(--surface); cursor:pointer; font-size:11px; }
.oauth-advanced { padding-top:10px; border-top:1px solid var(--line); }
.oauth-advanced summary { cursor:pointer; color:var(--muted); font-size:12px; font-weight:800; list-style-position:inside; }
.oauth-advanced[open] { display:grid; gap:12px; }
.oauth-advanced[open] summary { margin-bottom:2px; color:var(--ink); }
.admin-form-grid.compact { gap:18px; margin-top:20px; }
.settings-switches { display:grid; gap:10px; margin-top:20px; }
.settings-switches label { display:flex; align-items:flex-start; gap:13px; padding:15px 16px; border:1px solid var(--line); border-radius:12px; background:var(--surface-muted); cursor:pointer; }
.settings-switches input { width:auto; margin-top:3px; }
.settings-switches span { display:grid; gap:4px; }
.settings-switches strong { color:var(--ink); font-size:13px; }
.settings-switches small { color:var(--muted); font-weight:500; }
.settings-savebar { position:sticky; bottom:16px; z-index:5; display:flex; align-items:center; justify-content:flex-end; gap:18px; margin-top:22px; padding:13px 15px; border:1px solid var(--line); border-radius:14px; background:color-mix(in srgb,var(--surface) 90%,transparent); box-shadow:var(--shadow); backdrop-filter:blur(16px); }
.admin-settings-form > .settings-savebar { display:none; }
.section-save { align-self:flex-start; margin-top:18px; }
.email-test-actions { display:flex; align-items:center; gap:10px; align-self:end; }
.email-preview-dialog { width:min(680px,calc(100vw - 32px)); padding:0; border:0; border-radius:20px; background:transparent; box-shadow:0 28px 90px rgba(10,25,55,.28); }
.email-preview-dialog::backdrop { background:rgba(8,17,34,.58); backdrop-filter:blur(5px); }
.email-preview-close { position:absolute; top:12px; right:14px; width:34px; height:34px; border:0; border-radius:50%; background:rgba(255,255,255,.14); color:#fff; font-size:23px; cursor:pointer; }
.email-preview-card { margin:0; padding:34px; background:#f4f7fb; color:#172033; }
.email-preview-brand { display:flex; align-items:center; gap:12px; padding:20px 28px; border-radius:18px 18px 0 0; background:#0d1b36; color:#fff; }
.email-preview-brand img { display:block; width:46px; height:46px; object-fit:contain; }
.email-preview-brand strong { color:#fff; font-size:24px; line-height:1; font-weight:800; letter-spacing:-.02em; }
.email-preview-content { padding:32px 28px; border:1px solid #e5eaf2; border-top:0; border-radius:0 0 18px 18px; background:#fff; line-height:1.7; }
.email-preview-content small { color:#6b7890; letter-spacing:.12em; }
.email-preview-content h3 { margin:10px 0 16px; color:#172033; font-size:26px; }
.email-preview-content footer { margin-top:32px; color:#748096; font-size:12px; }
@media (max-width:800px){.admin-layout{display:block}.admin-sidebar{display:flex;gap:6px;overflow:auto;padding:12px;border-right:0;border-bottom:1px solid var(--line)}.admin-sidebar-label{display:none}.admin-sidebar a{white-space:nowrap}.admin-content{padding:30px 20px 70px}.admin-form-grid{grid-template-columns:1fr}.admin-page-heading{display:block}.admin-status-pill{margin-top:16px}}
@media (max-width:980px){.settings-provider-grid{grid-template-columns:1fr}.settings-savebar{bottom:8px}}
.side-nav { display: flex; flex-direction: column; gap: 5px; padding: 28px 16px; border-right: 1px solid var(--line); background: var(--surface); }
.side-nav-label { margin: 12px 14px 7px; color: var(--muted); font-size: 12px; font-weight: 850; letter-spacing: .08em; }
.side-nav-label:not(:first-child) { margin-top: 20px; padding-top: 17px; border-top: 1px solid var(--line); }
.side-nav a { padding: 12px 14px; border-radius: 11px; color: var(--muted); font-size: 13px; font-weight: 700; text-decoration: none; transition: background .2s ease, color .2s ease, transform .2s ease; }
.side-nav a:hover { color: var(--orange); background: color-mix(in srgb, var(--orange) 8%, var(--surface)); transform: translateX(2px); }
.side-nav a.active { color: #fff; background: var(--orange); box-shadow: 0 9px 20px rgba(255, 72, 10, .20); }
.side-nav::before { display:none; }
.side-nav a::before { display: inline-grid; width: 20px; margin-right: 8px; color: currentColor; font-size: 15px; place-items: center; }
.side-nav a:nth-of-type(1)::before { content: '⌂'; }
.side-nav a:nth-of-type(2)::before { content: '◫'; }
.side-nav a:nth-of-type(3)::before { content: '◇'; }
.side-nav a:nth-of-type(4)::before { content: '◈'; }
.side-nav a::before { background-repeat:no-repeat; background-position:center; background-size:18px; font-size:0; }
.side-nav a:nth-of-type(1)::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 10 8-6 8 6v9a1 1 0 0 1-1 1h-5v-6H10v6H5a1 1 0 0 1-1-1Z'/%3E%3C/svg%3E"); }
.side-nav a:nth-of-type(2)::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='3'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E"); }
/* Member navigation icons are injected by ui-system.js. Keep the legacy
   order-based pseudo icons disabled from first paint to avoid duplicates. */
body.ui-member-page .side-nav a::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  margin: 0 !important;
  background: none !important;
}
.center-main { width: min(100%, 1050px); padding: 70px 40px 100px; }
.center-main h1 { margin: 0; font-size: clamp(34px, 5vw, 58px); line-height: 1.05; letter-spacing: -.06em; }
.muted { color: var(--muted); }
.panel-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 30px 0; }
.metric, .panel { border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); box-shadow: var(--shadow); }
.metric { padding: 22px; }
.metric strong { display: block; margin-top: 11px; font-size: 32px; letter-spacing: -.05em; }
.panel { margin-top: 18px; padding: 28px; }
.account-settings { scroll-margin-top: 90px; }
.settings-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:26px; }
.settings-layout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:26px; align-items:stretch; }
.settings-layout > .stack-form { display:grid; align-content:start; min-width:0; max-width:none; min-height:0; margin:0; padding:26px; border:1px solid var(--line); border-radius:16px; background:var(--surface-muted); }
.settings-layout > .stack-form:last-child { grid-column:1 / -1; }
.settings-masonry { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:26px; align-items:start; }
.settings-stack { display:grid; gap:28px; align-content:start; }
.settings-masonry .stack-form { align-content:start; width:100%; max-width:none; box-sizing:border-box; margin-top:0; padding:22px; border:1px solid var(--line); border-radius:14px; background:var(--surface-muted); }
.settings-columns > .stack-form { align-self:start; align-content:start; width:100%; max-width:none; box-sizing:border-box; margin-top:0; padding:22px; border:1px solid var(--line); border-radius:14px; background:var(--surface-muted); }
.account-settings > .stack-form { width:100%; max-width:none; box-sizing:border-box; padding:22px; border:1px solid var(--line); border-radius:14px; background:var(--surface-muted); }
.setting-card-heading { display:grid; gap:5px; margin-bottom:4px; }
.setting-card-heading span { color:var(--orange); font-size:9px; font-weight:900; letter-spacing:.12em; }
.setting-card-heading h3 { margin:0; }
.setting-card-heading p { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
.email-binding-form [data-email-binding-request],.email-binding-form [data-email-binding-confirm] { display:grid; gap:13px; }
.email-binding-form [data-security-email] { max-width:100%; overflow-wrap:anywhere; word-break:break-word; line-height:1.55; }
.oauth-linked-list + .oauth-bind-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:14px; }
.oauth-bind-actions select { display:none; min-width:170px; }
.oauth-bind-actions > [data-oauth-bind-start] { display:none; }
.remember-device { display:flex; align-items:flex-start; gap:10px; color:var(--muted); font-size:12px; font-weight:650; line-height:1.5; }
.remember-device input { width:17px !important; height:17px; margin-top:2px; accent-color:var(--orange); }
.oauth-provider-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:14px; }
.oauth-provider-card { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:11px; min-width:0; padding:13px; border:1px solid var(--line); border-radius:14px; background:var(--surface); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.oauth-provider-card:hover { transform:translateY(-2px); border-color:var(--orange); box-shadow:var(--shadow); }
.oauth-provider-card strong,.oauth-provider-card small { display:block; min-width:0; overflow-wrap:anywhere; }
.oauth-provider-card small { margin-top:3px; color:var(--muted); font-size:11px; }
.oauth-provider-card .oauth-provider-icon { width:27px; height:27px; display:grid; place-items:center; }
.oauth-provider-card .oauth-provider-icon svg { width:24px; height:24px; }
.oauth-provider-card .oauth-linuxdo { color:#111a20; }
.oauth-provider-icon img { display:block; width:22px; height:22px; object-fit:contain; }
.oauth-provider-card button { white-space:nowrap; }
.oauth-bind-success { display:flex; align-items:center; gap:10px; width:100%; margin-top:4px; padding:12px 14px; border:1px solid color-mix(in srgb,#168664 32%,var(--line)); border-radius:12px; color:#14694f; background:color-mix(in srgb,#e9fff7 82%,var(--surface)); box-shadow:0 8px 20px rgba(18,109,79,.08); animation:oauth-success-enter .32s ease-out both; }
.oauth-bind-success .success-check { display:grid; flex:0 0 25px; width:25px; height:25px; place-items:center; border-radius:50%; color:#fff; background:#168664; font-size:15px; font-weight:900; }
.oauth-bind-success strong,.oauth-bind-success small { display:block; }.oauth-bind-success strong { font-size:13px; }.oauth-bind-success small { margin-top:2px; color:color-mix(in srgb,#14694f 68%,var(--muted)); font-size:11px; line-height:1.45; }
@keyframes oauth-success-enter { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:720px){.oauth-provider-grid{grid-template-columns:1fr}.oauth-provider-card{grid-template-columns:auto 1fr auto}}
.email-binding-form [data-email-binding-confirm][hidden] { display:none; }
.totp-setup-dialog { width:min(460px,calc(100vw - 28px)); padding:0; border:0; border-radius:18px; color:var(--ink); background:var(--surface); box-shadow:var(--shadow); }
.totp-setup-dialog::backdrop { background:rgba(8,17,34,.62); backdrop-filter:blur(5px); }
.totp-setup-card { position:relative; display:grid; gap:15px; padding:30px; }
.totp-setup-card h2,.totp-setup-card p { margin:0; }
.totp-setup-card img { display:block; width:min(280px,100%); height:auto; margin:2px auto; padding:10px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.totp-setup-card details { padding:12px 14px; border:1px solid var(--line); border-radius:11px; background:var(--surface-muted); }
.totp-setup-card summary { cursor:pointer; color:var(--muted); font-size:12px; font-weight:800; }
.totp-setup-card code { display:block; margin-top:10px; overflow-wrap:anywhere; color:var(--ink); font-size:12px; }
.totp-setup-card label { display:grid; gap:7px; color:var(--muted); font-size:12px; font-weight:700; }
.totp-setup-card input { width:100%; box-sizing:border-box; padding:13px 14px; border:1px solid var(--line); border-radius:10px; color:var(--ink); background:var(--surface); }
.account-settings h3 { margin:0 0 10px; font-size:17px; }
.oauth-linked-list { display:grid; gap:10px; margin-top:14px; }
.oauth-linked-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 14px; border:1px solid var(--line); border-radius:11px; background:var(--surface-muted); }
@media (max-width:720px){.settings-columns,.settings-masonry,.settings-layout{grid-template-columns:1fr}.settings-layout > .stack-form:last-child{grid-column:auto}.oauth-linked-row{align-items:flex-start;flex-direction:column}}
.panel h2 { margin: 0 0 8px; font-size: 24px; letter-spacing: -.04em; }
.stack-form { display: grid; gap: 13px; max-width: 560px; margin-top: 22px; }
.stack-form label, .admin-login-card label, .modal-card label { display: grid; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 700; }
[hidden] { display: none !important; }
.modal-card label.terms-consent { display:flex; align-items:flex-start; gap:11px; margin:2px 0; color:var(--muted); font-size:13px; font-weight:600; line-height:1.6; }
.modal-card .terms-consent input { flex:0 0 auto; width:18px; height:18px; margin:2px 0 0; accent-color:var(--orange); }
.modal-card .terms-consent span { display:inline; }
.modal-card .terms-consent a { color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
.auth-legal-links { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:14px; color:var(--muted); font-size:12px; }
.auth-legal-links a { color:var(--muted); text-decoration:none; }
.auth-legal-links a:hover { color:var(--orange); text-decoration:underline; text-underline-offset:3px; }
.oauth-options { margin-top:26px; }
.oauth-link-step { display:grid; gap:15px; margin-top:10px; }
.oauth-link-step[hidden] { display:none; }
.oauth-link-step h3 { margin:0; font-size:24px; letter-spacing:-.025em; }
.oauth-link-account { padding:12px 14px; border:1px solid var(--line); border-radius:12px; background:var(--surface-muted); color:var(--muted); font-size:12px; font-weight:750; }
.oauth-link-methods { display:grid; gap:10px; }
.oauth-link-method { display:grid; grid-template-columns:1fr auto; gap:4px 16px; width:100%; padding:15px 16px; border:1px solid var(--line); border-radius:14px; background:var(--surface); color:var(--ink); text-align:left; cursor:pointer; transition:transform .2s,border-color .2s,box-shadow .2s,background .2s; }
.oauth-link-method strong { font-size:14px; }
.oauth-link-method small { grid-column:1; color:var(--muted); line-height:1.5; }
.oauth-link-method span { grid-column:2; grid-row:1/3; align-self:center; color:var(--accent); font-size:20px; }
.oauth-link-method:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--accent) 55%,var(--line)); background:color-mix(in srgb,var(--surface) 96%,var(--accent)); box-shadow:0 10px 26px rgba(16,49,94,.1); }
.oauth-link-form { display:grid; gap:13px; }
.oauth-link-form[hidden] { display:none; }
.oauth-link-form label { display:grid; gap:8px; color:var(--muted); font-size:12px; font-weight:750; }
.oauth-link-form > .button { width:100%; }
.link-method-caption { margin:0; padding:11px 13px; border-left:3px solid var(--accent); border-radius:0 10px 10px 0; background:var(--surface-muted); font-size:12px; }
.link-code-countdown { padding:9px 12px; border-radius:10px; background:color-mix(in srgb,var(--accent) 8%,var(--surface)); color:var(--accent); font-size:12px; font-weight:800; text-align:center; }
.oauth-divider { display:flex; align-items:center; gap:14px; margin-bottom:16px; color:var(--muted); font-size:12px; font-weight:750; white-space:nowrap; }
.oauth-divider::before,.oauth-divider::after { content:""; flex:1; height:1px; background:var(--line); }
.oauth-provider-list { display:grid; gap:11px; }
.oauth-button { position:relative; display:grid; grid-template-columns:28px 1fr 20px; align-items:center; gap:12px; min-height:54px; padding:0 18px; border:1px solid color-mix(in srgb,var(--line) 88%,var(--ink)); border-radius:15px; color:var(--ink); text-decoration:none; font-size:14px; font-weight:800; background:color-mix(in srgb,var(--surface) 94%,transparent); box-shadow:0 1px 0 color-mix(in srgb,var(--surface-strong) 80%,transparent) inset; transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease; }
.oauth-button:hover { transform:translateY(-1px); border-color:color-mix(in srgb,var(--accent) 55%,var(--line)); background:var(--surface-strong); box-shadow:0 9px 24px color-mix(in srgb,var(--ink) 8%,transparent); }
.oauth-provider-icon { display:grid; width:24px; height:24px; place-items:center; }
.oauth-provider-icon svg { width:22px; height:22px; }
.oauth-arrow { color:var(--muted); font-size:17px; transition:transform .2s ease; }
.oauth-button:hover .oauth-arrow { transform:translateX(2px); }
@media (max-width:560px){.oauth-button{min-height:52px;padding:0 15px}}
.stack-form input, .admin-login-card input, .modal-card input { width: 100%; padding: 13px 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--ink); }
.stack-form input::placeholder, .admin-login-card input::placeholder, .modal-card input::placeholder { color: color-mix(in srgb, var(--muted) 72%, transparent); }
.stack-form .button { width: max-content; }
.project-list { display: grid; gap: 8px; margin-top: 22px; }
.project-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-muted); }
.project-row strong { font-size: 14px; }
.project-row span { color: var(--muted); font-size: 12px; }
.admin-table { overflow: hidden; margin-top: 18px; border: 1px solid var(--line); border-radius: 12px; }
.admin-table-head, .admin-table-row { display: grid; grid-template-columns: 1.35fr 1fr .8fr; min-width: 570px; gap: 14px; padding: 13px 16px; }
.admin-table-head { color: var(--muted); background: var(--surface-muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.admin-table-row { border-top: 1px solid var(--line); font-size: 13px; }
.admin-table-row span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-list { display:grid; gap:10px; margin-top:22px; }
.admin-list-row { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:15px 16px; border:1px solid var(--line); border-radius:12px; background:var(--surface-muted); }
.admin-list-row > div { display:grid; gap:4px; }.admin-list-row small { color:var(--muted); }
.row-actions { display:flex; align-items:center; gap:6px; overflow:visible!important; }
.account-manage-dialog { width:min(520px,calc(100vw - 28px)); padding:0; border:0; border-radius:18px; background:var(--surface); color:var(--ink); box-shadow:var(--shadow); }
.account-manage-dialog::backdrop { background:rgba(8,17,34,.55); backdrop-filter:blur(4px); }
.account-manage-card { display:grid; gap:16px; padding:26px; }
.account-manage-card label { display:grid; gap:8px; color:var(--muted); font-size:12px; font-weight:700; }
.account-manage-card input,.account-manage-card select { width:100%; padding:13px 14px; border:1px solid var(--line); border-radius:10px; background-color:var(--surface); color:var(--ink); }
.account-manage-card input[readonly],.account-manage-card input:disabled,.readonly-field input { border-color:var(--line); background:var(--surface-muted); color:var(--muted); cursor:not-allowed; }
.account-manage-actions { display:flex; align-items:center; gap:14px; margin-top:6px; }
.account-password-box { padding:16px; border:1px solid var(--line); border-radius:12px; background:var(--surface-muted); }
.account-password-box h3 { margin:0 0 4px; }
.accounts-toolbar { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.account-tabs { display:flex; gap:8px; flex-wrap:wrap; }
.account-searchbar { display:flex; gap:10px; margin-top:22px; }
.account-searchbar input { flex:1; min-width:180px; padding:12px 14px; border:1px solid var(--line); border-radius:10px; color:var(--ink); background:var(--surface); }
.account-toolbar,.account-pagination { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:14px; }
.account-toolbar label { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:12px; font-weight:700; }
.account-toolbar select { padding:9px 11px; border:1px solid var(--line); border-radius:9px; background:var(--surface); color:var(--ink); }
.account-pagination { justify-content:flex-end; }
.admin-table-row small { display:block; margin-top:4px; color:var(--muted); font-size:11px; }
.detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; margin-top:18px; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
.detail-grid strong { color:var(--ink); }
.audit-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; align-items:end; }
.audit-summary { margin-top:28px; }
.audit-scope { width:100%; border:1px solid var(--line); cursor:pointer; text-align:left; transition:transform .2s,border-color .2s; }
.audit-scope:hover,.audit-scope.active { border-color:var(--orange); transform:translateY(-2px); }
.audit-filters label { display:grid; gap:7px; color:var(--muted); font-size:12px; font-weight:700; }
.audit-filters input,.audit-filters select { width:100%; padding:11px 12px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--ink); font:inherit; }
.audit-filters .audit-search { grid-column:span 2; }
.audit-table .admin-table-head,.audit-table .admin-table-row { grid-template-columns:minmax(140px,1.05fr) minmax(170px,1.3fr) minmax(150px,1fr) minmax(90px,.6fr) 72px; min-width:0; }
.audit-detail dl { display:grid; grid-template-columns:150px 1fr; gap:10px 16px; margin:18px 0; font-size:13px; }
.audit-detail dt { color:var(--muted); font-weight:700; }.audit-detail dd { margin:0; color:var(--ink); overflow-wrap:anywhere; }
.audit-detail pre { max-height:240px; overflow:auto; padding:14px; border-radius:10px; background:var(--surface-muted); color:var(--ink); font-size:12px; }
.account-manage-dialog[data-audit-dialog] { width:min(820px,calc(100vw - 28px)); max-height:min(860px,calc(100vh - 28px)); overflow:hidden; }
.account-manage-dialog[data-audit-dialog] .account-manage-card { max-height:inherit; overflow-y:auto; overflow-x:hidden; }
.audit-detail { min-width:0; }
.audit-detail-hero { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:20px; border:1px solid var(--line); border-radius:14px; background:var(--surface-muted); }
.audit-detail-hero h3 { margin:8px 0 5px; font-size:22px; line-height:1.3; overflow-wrap:anywhere; }
.audit-detail-hero p { margin:0; color:var(--muted); font-size:12px; }
.audit-category { color:var(--orange); font-size:10px; font-weight:900; letter-spacing:.1em; }
.audit-result { display:inline-flex; flex:0 0 auto; align-items:center; gap:7px; padding:8px 11px; border-radius:999px; font-size:11px; font-weight:800; }
.audit-result i { width:7px; height:7px; border-radius:50%; background:currentColor; }
.audit-result.success { color:#19875b; background:color-mix(in srgb,#34b477 12%,var(--surface)); }
.audit-result.failed { color:#b8453f; background:color-mix(in srgb,#d35b51 12%,var(--surface)); }
.audit-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:12px; }
.audit-detail-grid section { min-width:0; padding:14px 16px; border:1px solid var(--line); border-radius:12px; }
.audit-detail-grid span,.audit-request-block>span { display:block; margin-bottom:6px; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.08em; }
.audit-detail-grid strong { display:block; overflow-wrap:anywhere; font-size:13px; }
.audit-detail-grid small { display:block; margin-top:4px; color:var(--muted); font-size:10px; }
.audit-request-block { min-width:0; margin-top:12px; padding:14px 16px; border:1px solid var(--line); border-radius:12px; }
.audit-request-block code { display:block; max-width:100%; color:var(--ink); font-size:12px; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; word-break:break-word; }
.audit-metadata { margin-top:20px; }
.audit-section-title { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:10px; }
.audit-section-title span { color:var(--orange); font-size:9px; font-weight:900; letter-spacing:.12em; }
.audit-section-title h3 { margin:4px 0 0; font-size:17px; }
.audit-section-title small,.audit-empty { color:var(--muted); font-size:11px; }
.audit-metadata-list { display:grid; gap:8px; min-width:0; }
.audit-metadata-row { display:grid; grid-template-columns:minmax(120px,.36fr) minmax(0,1fr); gap:14px; padding:11px 13px; border:1px solid var(--line); border-radius:10px; }
.audit-metadata-row span { color:var(--muted); font-size:11px; font-weight:700; }
.audit-metadata-row strong { min-width:0; overflow-wrap:anywhere; word-break:break-word; font-size:12px; font-weight:650; }
.audit-metadata-group { min-width:0; padding:14px; border:1px solid var(--line); border-radius:12px; background:var(--surface-muted); }
.audit-metadata-group h4 { margin:0 0 10px; font-size:13px; }
@media(max-width:600px){.audit-detail-hero{display:grid}.audit-result{width:max-content}.audit-detail-grid{grid-template-columns:1fr}.audit-metadata-row{grid-template-columns:1fr;gap:5px}.audit-section-title{align-items:flex-start;flex-direction:column}}
@media (max-width:800px){.audit-filters{grid-template-columns:1fr 1fr}.audit-filters .audit-search{grid-column:1/-1}}
.security-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 22px; }
.security-actions { display:grid; gap:10px; margin-top:18px; }
.security-actions .button { width:100%; text-align:center; }
.security-events { display:grid; gap:12px; margin-top:18px; }
.security-event { display:flex; align-items:flex-start; gap:10px; padding:11px 0; border-bottom:1px solid var(--line); }
.security-event > div { display:grid; gap:4px; }.security-event small { color:var(--muted); font-size:11px; }
.role-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:28px; }.role-card { padding:24px; }.role-card h2 { margin:12px 0 8px; }.role-badge { display:inline-flex; padding:5px 8px; border-radius:6px; background:var(--surface-muted); color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.1em; }.role-badge.super { color:var(--orange); background:color-mix(in srgb,var(--orange) 10%,var(--surface)); }
.permission-table { overflow:auto; margin-top:18px; border:1px solid var(--line); border-radius:12px; }.permission-table > div { display:grid; grid-template-columns:1.5fr 1fr 1fr; min-width:560px; gap:12px; padding:13px 16px; border-top:1px solid var(--line); font-size:13px; }.permission-table > div:first-child { border-top:0; background:var(--surface-muted); color:var(--muted); font-size:11px; font-weight:800; }.permission-table span:nth-child(n+2),.permission-table strong:nth-child(n+2) { text-align:center; }
@media (max-width:800px){.role-grid{grid-template-columns:1fr}}
@media (max-width:800px){.security-grid{grid-template-columns:1fr}}
.button.ghost { color:var(--muted); background:var(--surface-muted); box-shadow:none; }
.button.danger { color:#fff; background:#b8453f; box-shadow:none; }
.button.danger:hover { background:#9f3732; }
.status-dot { display:inline-block; width:7px; height:7px; margin-right:6px; border-radius:50%; background:#34b477; }.status-dot.off{background:#d35b51;}
.admin-table-head,.admin-table-row { grid-template-columns:.22fr 1.55fr .75fr 1fr 1fr; min-width:880px; align-items:center; }
.commercial-user-head,.commercial-user-row { grid-template-columns:34px minmax(150px,1.15fr) minmax(150px,1.05fr) minmax(180px,1.25fr) minmax(92px,.62fr) minmax(136px,.82fr); min-width:0; }
.commercial-user-row strong,.commercial-user-row small { display:block; }
.commercial-user-row small { margin-top:5px; color:var(--muted); font-size:11px; line-height:1.45; }
.commercial-user-dialog { width:min(980px,calc(100vw - 28px)); }
.commercial-user-dialog [name="username"] { display:none; }
.commercial-user-dialog label:has([name="username"]) { display:none; }
.customer-detail-tabs { display:flex; gap:8px; overflow:auto; padding-bottom:4px; border-bottom:1px solid var(--line); }
.customer-detail-tabs button { padding:10px 14px; border:0; border-radius:9px; color:var(--muted); background:transparent; cursor:pointer; font-weight:800; white-space:nowrap; }
.customer-detail-tabs button.active { color:var(--ink); background:var(--surface-muted); }
.customer-provider-list,.customer-history { display:grid; gap:9px; margin-top:18px; }
.customer-provider-list > div,.customer-history > div { display:flex; justify-content:space-between; gap:18px; padding:12px 14px; border:1px solid var(--line); border-radius:10px; background:var(--surface-muted); }
.customer-provider-list span,.customer-history span { color:var(--muted); font-size:12px; text-align:right; }
.customer-commerce-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:18px 0; }
.customer-commerce-summary > div { display:grid; gap:7px; padding:16px; border:1px solid var(--line); border-radius:12px; background:var(--surface-muted); }
.customer-commerce-summary span { color:var(--muted); font-size:11px; font-weight:800; }
.customer-commerce-summary strong { font-size:20px; }
.customer-danger-zone { display:grid; gap:13px; margin-top:26px; padding:20px; border:1px solid color-mix(in srgb,#b8453f 40%,var(--line)); border-radius:14px; background:color-mix(in srgb,#b8453f 5%,var(--surface)); }
.customer-danger-zone h3 { margin:0; color:#b8453f; }
.customer-danger-zone p { margin:0; color:var(--muted); font-size:12px; line-height:1.65; }
.customer-danger-zone label { display:grid; gap:7px; color:var(--muted); font-size:12px; font-weight:700; }
.customer-danger-zone input,.customer-danger-zone textarea { width:100%; padding:12px 13px; border:1px solid var(--line); border-radius:10px; color:var(--ink); background:var(--surface); font:inherit; }
.customer-danger-zone .delete-confirm-check { display:flex; align-items:flex-start; gap:9px; }
.customer-danger-zone .delete-confirm-check input { flex:0 0 auto; width:17px; height:17px; margin-top:2px; }
.admin-member-row { display:grid; grid-template-columns:1.5fr .8fr .7fr .7fr auto; align-items:center; gap:14px; padding:14px 16px; border:1px solid var(--line); border-radius:12px; background:var(--surface-muted); }
.admin-member-row small { display:block; margin-top:4px; color:var(--muted); }
@media(max-width:720px){.customer-commerce-summary{grid-template-columns:1fr}.customer-provider-list>div,.customer-history>div{align-items:flex-start;flex-direction:column}.customer-provider-list span,.customer-history span{text-align:left}.admin-member-row{grid-template-columns:1fr 1fr}.admin-member-row>div{grid-column:1/-1}}
@media (max-width:1280px){
  .commercial-user-head,.audit-table .admin-table-head{display:none}
  .commercial-user-row,.audit-table .admin-table-row{min-width:0;border-top:0;border-bottom:1px solid var(--line);white-space:normal}
  .commercial-user-row:last-child,.audit-table .admin-table-row:last-child{border-bottom:0}
  .commercial-user-row{grid-template-columns:34px minmax(0,1fr) minmax(0,1fr);gap:14px 18px;padding:18px}
  .commercial-user-row>span{min-width:0;overflow:visible;white-space:normal}
  .commercial-user-row>span:nth-child(1){grid-row:1/4;align-self:start;padding-top:3px}
  .commercial-user-row>span:nth-child(2){grid-column:2}
  .commercial-user-row>span:nth-child(3){grid-column:3}
  .commercial-user-row>span:nth-child(4){grid-column:2}
  .commercial-user-row>span:nth-child(5){grid-column:3}
  .commercial-user-row>span:nth-child(6){grid-column:2/4}
  .commercial-user-row>span:nth-child(n+2)::before,.audit-table .admin-table-row>span::before{display:block;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em}
  .commercial-user-row>span:nth-child(2)::before{content:'客户'}
  .commercial-user-row>span:nth-child(3)::before{content:'商业数据'}
  .commercial-user-row>span:nth-child(4)::before{content:'使用与安全'}
  .commercial-user-row>span:nth-child(5)::before{content:'状态'}
  .commercial-user-row>span:nth-child(6)::before{content:'操作'}
  .audit-table .admin-table-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 90px;gap:14px 18px;padding:18px}
  .audit-table .admin-table-row>span{min-width:0;overflow:visible;white-space:normal}
  .audit-table .admin-table-row>span:nth-child(1)::before{content:'时间'}
  .audit-table .admin-table-row>span:nth-child(2)::before{content:'类目 / 动作'}
  .audit-table .admin-table-row>span:nth-child(3)::before{content:'操作人'}
  .audit-table .admin-table-row>span:nth-child(4)::before{content:'结果'}
  .audit-table .admin-table-row>span:nth-child(5)::before{content:'详情'}
  .audit-table .admin-table-row>span:nth-child(5){grid-column:3;grid-row:1/3;align-self:center}
}
@media (max-width:800px){.accounts-toolbar{display:block}.account-tabs{margin-top:16px}}
@media (max-width:620px){
  .account-searchbar{align-items:stretch;flex-direction:column}
  .account-pagination{justify-content:space-between}
  .commercial-user-row{grid-template-columns:28px minmax(0,1fr)}
  .commercial-user-row>span:nth-child(n){grid-column:2}
  .commercial-user-row>span:nth-child(1){grid-column:1;grid-row:1/6}
  .audit-table .admin-table-row{grid-template-columns:1fr auto}
  .audit-table .admin-table-row>span:nth-child(1),.audit-table .admin-table-row>span:nth-child(2),.audit-table .admin-table-row>span:nth-child(3),.audit-table .admin-table-row>span:nth-child(4){grid-column:1}
  .audit-table .admin-table-row>span:nth-child(5){grid-column:2;grid-row:1/5}
}

.admin-login-page { display: grid; min-height: 100vh; place-items: center; padding: 24px; background: radial-gradient(circle at 20% 10%, rgba(255, 72, 10, .14), transparent 34%), radial-gradient(circle at 90% 80%, rgba(191, 232, 255, .22), transparent 35%), var(--paper); }
.admin-login-card { width: min(100%, 450px); padding: 46px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow); }
.admin-login-brand { display: inline-flex; align-items: center; gap: 11px; margin-bottom: 34px; }
.admin-login-logo { display: block; width: 48px; height: 48px; object-fit: contain; }
.admin-login-brand strong { font-family: 'Nunito Sans', 'Manrope', sans-serif; font-size: 27px; font-weight: 900; letter-spacing: -.045em; }
.admin-login-card h1 { margin: 0; font-size: 40px; letter-spacing: -.06em; }
.admin-login-card form { display: grid; gap: 15px; margin: 25px 0; }
.admin-login-card .button { width: 100%; }
#admin-login-error, #auth-error { min-height: 20px; margin: 0; color: var(--orange-dark); font-size: 12px; }
.totp-login-step { display: grid; gap: 12px; margin-top: 18px; }
.totp-login-step[hidden] { display: none; }
.totp-login-step h3 { margin: 0; font-size: 22px; }
.totp-login-step .button { width: 100%; }
.totp-login-step input { font-size: 24px; font-weight: 800; letter-spacing: .32em; text-align: center; }
.totp-login-step p { margin: 0; }
.login-methods { display:grid; gap:10px; margin-top:4px; }
.login-verification-panel { display:grid; gap:12px; margin-top:4px; }
.login-verification-panel label { display:grid; gap:8px; color:var(--muted); font-size:12px; font-weight:750; }
.login-verification-panel .button { width:100%; }
.text-button { padding: 4px; border: 0; background: transparent; color: var(--muted); cursor: pointer; font: inherit; }
.text-button:hover { color: var(--ink); }
.password-meter { display: grid; gap: 7px; margin: -2px 0 4px; color: var(--muted); font-size: 12px; }
.password-meter.is-empty { display: none; }
.password-meter-head { display: flex; justify-content: space-between; gap: 12px; font-weight: 700; }
.password-meter-head strong { color: var(--ink); }
.password-meter-bars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
.password-meter-bars i { height: 5px; border-radius: 99px; background: color-mix(in srgb, var(--muted) 18%, transparent); }
.password-meter[data-score="1"] .password-meter-bars i:nth-child(-n+1) { background: #ef4444; }
.password-meter[data-score="2"] .password-meter-bars i:nth-child(-n+2) { background: #f59e0b; }
.password-meter[data-score="3"] .password-meter-bars i:nth-child(-n+3) { background: #3b82f6; }
.password-meter[data-score="4"] .password-meter-bars i { background: #16a34a; }
.password-meter p { margin: 0; }
.email-verification-step { display: grid; gap: 12px; }
.email-verification-step[hidden] { display: none; }
.email-verification-step h3 { margin: 0; font-size: 24px; }
.verification-icon { display: grid; width: 48px; height: 48px; box-sizing: border-box; place-items: center; border: 1px solid color-mix(in srgb, var(--orange) 24%, var(--line)); border-radius: 12px; background: color-mix(in srgb, var(--orange) 9%, var(--surface)); color: var(--orange); }
.verification-icon svg { display: block; width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.password-input-wrap { position: relative; display: block; width: 100%; }
.password-input-wrap > input { padding-right: 48px !important; }
.password-visibility-toggle { position: absolute; top: 50%; right: 10px; display: grid; width: 34px; height: 34px; padding: 7px; translate: 0 -50%; place-items: center; border: 0; border-radius: 9px; background: transparent; color: var(--muted); cursor: pointer; }
.password-visibility-toggle:hover { background: color-mix(in srgb, var(--ink) 7%, transparent); color: var(--ink); }
.password-visibility-toggle:focus-visible { outline: 2px solid var(--blue); outline-offset: 1px; }
.password-visibility-toggle svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.verification-countdown { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: color-mix(in srgb, var(--blue) 5%, var(--surface)); color: var(--muted); font-size: 12px; }
.verification-countdown strong { color: var(--ink); font-variant-numeric: tabular-nums; }
.verification-countdown.expired strong { color: #ef4444; }
.otp-input-group { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; width:100%; }
.otp-input-cell { width:100% !important; box-sizing:border-box; padding:13px 4px !important; border:1px solid var(--line); border-radius:11px !important; background:var(--surface); color:var(--ink); text-align:center; font-size:25px !important; font-weight:800; line-height:1.1; font-variant-numeric:tabular-nums; }
.totp-login-step .otp-input-cell { letter-spacing:0 !important; }
.otp-input-cell:focus { border-color:var(--blue); outline:3px solid color-mix(in srgb,var(--blue) 18%,transparent); }
.otp-source { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }

.modal { display: none; }
.modal.open { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; padding: 20px; background: rgba(17, 22, 21, .48); backdrop-filter: blur(8px); }
.modal-card { width: min(100%, 450px); max-height: min(720px,calc(100vh - 32px)); overflow:auto; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); box-shadow: 0 30px 90px rgba(15, 30, 25, .24); }
.modal-card h2 { margin: 0; font-size: 31px; letter-spacing: -.05em; }
.modal-close { float: right; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); background: var(--surface); font-size: 22px; line-height: 1; cursor: pointer; }
.modal-card form { display: grid; gap: 12px; margin-top: 22px; }
.modal-card form > a { color: var(--blue-ink); font-size: 12px; text-decoration: none; }
#auth-switch { margin-top: 16px; padding: 0; border: 0; color: var(--blue-ink); background: transparent; font-size: 12px; font-weight: 800; cursor: pointer; }

[data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; }
[data-reveal].is-visible { opacity: 1; transform: none; }

@media (max-width: 900px) {
  .nav { gap: 14px; }
  .nav nav { gap: 16px; }
  .hero-rebuilt { gap: 42px; }
  .how-section { gap: 42px; }
}

@media (max-width: 720px) {
  .nav { min-height: 68px; padding: 12px 18px; }
  body.nav-menu-open .nav.mobile-open {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
    align-items: flex-start;
    background: var(--paper) !important;
    border-bottom: 0;
    box-shadow: none;
    backdrop-filter: none !important;
    isolation: isolate;
  }
  body.nav-menu-open .nav.mobile-open > .brand,
  body.nav-menu-open .nav.mobile-open > .mobile-menu-toggle,
  body.nav-menu-open .nav.mobile-open > .actions { position: relative; z-index: 35; }
  .center-shell > .nav { padding-left: 18px; padding-right: 18px; }
  .center-shell > .nav .brand { min-width: auto; }
  .brand { min-width: auto; gap: 8px; }
  .brand img { width: 32px; height: 32px; }
  .brand .brand-lockup { width: 126px; max-height: 32px; padding: 2px 4px; border-radius: 6px; }
  .brand-wordmark { font-size: 20px; }
  .nav nav { position: fixed; top: 68px; right: 12px; bottom: 12px; left: 12px; z-index: 32; display: none; flex-direction: column; align-items: stretch; gap: 2px; max-height: none; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y; padding: 10px 10px 82px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: var(--shadow); }
  body.nav-menu-open .nav.mobile-open nav {
    position: absolute;
    top: 68px;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    margin: 0;
    padding: 14px 18px max(96px, calc(24px + env(safe-area-inset-bottom)));
    border: 0;
    border-top: 1px solid var(--line);
    border-radius: 0;
    background: var(--paper) !important;
    box-shadow: none;
  }
  .nav.mobile-open nav { display: flex; }
  .nav nav a { flex: 0 0 auto; min-height: 48px; padding: 0 14px; border-radius: 8px; font-size: 14px; }
  .nav nav a:hover { background: color-mix(in srgb, var(--orange) 8%, var(--surface)); }
  .actions { margin-left: auto; }
  .actions > .login, .actions > .button { display: none; }
  .nav-tools { display: none; }
  .nav.mobile-open .nav-tools { position: absolute; right: 18px; bottom: max(18px, env(safe-area-inset-bottom)); left: 18px; z-index: 34; display: flex; justify-content: stretch; padding: 8px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); box-shadow: var(--shadow); }
  .nav.mobile-open .nav-tools .icon-control { flex: 1; }
  .mobile-menu-toggle { display: grid; order: 3; }
  .mobile-menu-backdrop { position: fixed; inset: 0; z-index: 29; display: block; border: 0; background: rgba(8,17,34,.48); opacity: 0; pointer-events: none; transition: opacity .2s ease; }
  body.nav-menu-open .mobile-menu-backdrop { opacity: 1; pointer-events: auto; }
  .mobile-nav-actions { display: grid; gap: 5px; margin-top: 8px; padding-top: 10px; border-top: 1px solid var(--line); }
  .mobile-nav-actions button { min-height: 48px; padding: 0 14px; border: 0; border-radius: 8px; color: #d23c35; background: transparent; font: inherit; font-size: 14px; font-weight: 800; text-align: left; cursor: pointer; }
  .mobile-nav-actions .mobile-nav-primary { justify-content: center; color: #fff; background: var(--orange); }
  body.nav-menu-open { overflow: hidden; }
  .hero { padding: 70px 20px 64px; }
  .hero-rebuilt { display: flex; flex-direction: column; min-height: 0; padding-top: 62px; }
  .hero-visual { order: -1; width: 100%; height: 370px; }
  .live-console { inset: 10% 4%; }.console-main { grid-template-columns: 86px 1fr; min-height: 250px; }.console-main aside { padding: 12px 6px; font-size: 8px; }.console-content { padding: 16px; }.console-title { margin-top: 24px; font-size: 24px; }.console-log { font-size: 8px; }.live-badge { padding: 8px 10px; font-size: 8px; }.badge-model { left: 0; }.badge-agent { right: 0; }
  .orbit-a { width: min(330px, 90vw); height: 170px; }
  .orbit-b { width: min(255px, 70vw); height: 335px; }
  .visual-core { width: 148px; height: 148px; }
  .visual-core img { width: 55px; height: 55px; }
  .tag-model { left: 2%; }
  .tag-agent { right: 2%; }
  .tag-api { left: 12%; bottom: 8%; }
  .runtime-card { right: 0; bottom: -12px; width: 185px; transform: scale(.86); transform-origin: right bottom; }
  .node-a { top: 3%; }
  .node-b { right: 0; bottom: 28%; }
  .tech-rail { margin-top: -24px; padding: 0 20px; }
  .tech-rail-inner { grid-template-columns: 1fr 1fr; }
  .tech-rail span { border-bottom: 1px solid var(--line); }
  .hero h1, .page-hero h1 { font-size: clamp(42px, 12vw, 64px); }
  .hero-copy > p:not(.eyebrow), .page-hero > p { font-size: 16px; line-height: 1.7; }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .hero-actions .button { width: 100%; }
  .hero-proof { gap: 18px; margin-top: 30px; }
  .suite-section, .capability-showcase, .proof-section, .faq-section { padding-inline: 20px; }
  .suite-section { padding-top: 76px; padding-bottom: 76px; }
  .suite-grid { grid-template-columns: 1fr; margin-top: 32px; }
  .suite-card, .suite-card-main { min-height: 270px; }
  .studio-preview { right: 18px; left: 18px; }
  .studio-body { grid-template-columns: 96px 1fr; }
  .studio-body > div { padding: 14px; }
  .capability-showcase, .faq-section { grid-template-columns: 1fr; gap: 40px; padding-top: 72px; padding-bottom: 72px; }
  .proof-section { grid-template-columns: 1fr 1fr; padding-top: 42px; padding-bottom: 72px; }
  .proof-stat strong { font-size: 32px; }
  .statement, .page-hero { padding: 62px 20px 34px; }
  .bento-grid { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap: 14px; padding: 0 20px 70px; }
  .bento, .bento-wide { grid-row: auto; min-height: 280px; padding: 24px; }
  .bento h3 { font-size: 24px; }
  .bento-flow { right: 24px; bottom: 28px; left: 24px; }
  .how-section { display: block; padding: 64px 20px; }
  .steps { margin-top: 34px; }
  .steps li { grid-template-columns: 44px 75px 1fr; }
  .steps p { font-size: 13px; }
  .final-cta { margin: 12px 20px 62px; padding: 42px 24px; }
  .final-cta h2 { font-size: 46px; }
  footer, .simple-footer { display: block; padding: 24px 20px 30px; }
  .footer-brand { display: flex !important; min-width: 0; flex-wrap: wrap; gap: 10px 14px; }
  .footer-brand img { width: 150px !important; height: 39px !important; }
  .footer-links { margin-top: 16px; gap: 12px 18px; }
  .footer-legal-links { justify-content:flex-start; }
  .public-legal-bar { align-items:flex-start; flex-direction:column; width:calc(100% - 40px); gap:10px; }
  .legal-page { width:calc(100% - 32px); padding:34px 0 56px; }
  .legal-heading { padding:32px 22px 26px; }
  .legal-content { min-height:220px; padding:30px 22px; font-size:14px; line-height:1.85; }
  .legal-actions { align-items:flex-start; flex-direction:column; padding:22px; }
  .center-layout { display: block; min-height: 0; }
  .side-nav { position: sticky; top: 68px; z-index: 10; flex-direction: row; overflow-x: auto; padding: 10px 14px; border-right: 0; border-bottom: 1px solid var(--line); }
  .side-nav-label { display:none; }
  .side-nav a { flex: 0 0 auto; white-space: nowrap; }
  .center-main { padding: 42px 20px 70px; }
  .panel-grid { grid-template-columns: 1fr; gap: 10px; }
  .panel, .metric { padding: 22px; }
  .admin-login-card { padding: 32px 24px; }
}

/* Longer Latin and Japanese copy needs a little more room without changing
   the Chinese layout. Keep the adjustment scoped to member-facing pages. */
html[data-lang="en"] body.ui-member-page,
html[data-lang="ja"] body.ui-member-page { overflow-wrap: anywhere; }
html[data-lang="en"] body.ui-member-page .center-main h1,
html[data-lang="ja"] body.ui-member-page .center-main h1 { font-size: clamp(29px, 4.5vw, 50px); line-height: 1.14; letter-spacing: 0; }
html[data-lang="en"] body.ui-member-page .center-main h2,
html[data-lang="ja"] body.ui-member-page .center-main h2 { font-size: clamp(19px, 2.1vw, 24px); line-height: 1.25; letter-spacing: 0; }
html[data-lang="en"] body.ui-member-page .side-nav a,
html[data-lang="ja"] body.ui-member-page .side-nav a { font-size: 12px; line-height: 1.35; }
html[data-lang="en"] body.ui-member-page .panel,
html[data-lang="ja"] body.ui-member-page .panel { min-width: 0; }
html[data-lang="en"] body.ui-member-page .muted,
html[data-lang="ja"] body.ui-member-page .muted,
html[data-lang="en"] body.ui-member-page small,
html[data-lang="ja"] body.ui-member-page small { line-height: 1.55; }
html[data-lang="en"] body.ui-member-page .agent-workbench-title,
html[data-lang="ja"] body.ui-member-page .agent-workbench-title,
html[data-lang="en"] body.ui-member-page .employee-heading,
html[data-lang="ja"] body.ui-member-page .employee-heading { min-width: 0; }
html[data-lang="en"] body.ui-member-page .agent-workbench-title > div,
html[data-lang="ja"] body.ui-member-page .agent-workbench-title > div,
html[data-lang="en"] body.ui-member-page .employee-heading > div,
html[data-lang="ja"] body.ui-member-page .employee-heading > div { min-width: 0; }
html[data-lang="en"] body.ui-member-page .agent-workbench-title p,
html[data-lang="ja"] body.ui-member-page .agent-workbench-title p,
html[data-lang="en"] body.ui-member-page .employee-heading p,
html[data-lang="ja"] body.ui-member-page .employee-heading p { overflow-wrap: anywhere; }

html[data-lang="en"] .agent-secondary-nav a,
html[data-lang="ja"] .agent-secondary-nav a { padding-inline: 10px; font-size: 10px; letter-spacing: 0; white-space: nowrap; }
html[data-lang="en"] .agent-secondary-nav,
html[data-lang="ja"] .agent-secondary-nav { max-width: 100%; overflow-x: auto; }
html[data-lang="en"] .agent-secondary-nav .ui-nav-icon,
html[data-lang="ja"] .agent-secondary-nav .ui-nav-icon { flex: 0 0 auto; }

html[data-lang="en"] .agent-resource-page h1,
html[data-lang="ja"] .agent-resource-page h1,
html[data-lang="en"] .knowledge-workspace h1,
html[data-lang="ja"] .knowledge-workspace h1 { font-size: clamp(25px, 2.8vw, 34px); }
html[data-lang="en"] .agent-resource-page .muted,
html[data-lang="ja"] .agent-resource-page .muted,
html[data-lang="en"] .knowledge-workspace .muted,
html[data-lang="ja"] .knowledge-workspace .muted { max-width: 48rem; overflow-wrap: anywhere; }

@media (max-width: 760px) {
  html[data-lang="en"] body.ui-member-page .center-main h1,
  html[data-lang="ja"] body.ui-member-page .center-main h1 { font-size: clamp(25px, 8vw, 36px); }
  html[data-lang="en"] .agent-secondary-nav a,
  html[data-lang="ja"] .agent-secondary-nav a { padding-inline: 8px; }
}

/* English and Japanese labels are often wider than their Chinese source.
   Apply a restrained global adjustment to public/member surfaces so cards,
   tables and controls can wrap instead of pushing the layout horizontally. */
html[data-lang="en"] body:not(.admin-page),
html[data-lang="ja"] body:not(.admin-page) {
  overflow-x: hidden;
  letter-spacing: 0;
}
html[data-lang="en"] body:not(.admin-page) :is(button, input, select, textarea),
html[data-lang="ja"] body:not(.admin-page) :is(button, input, select, textarea) {
  font-size: .94em;
  letter-spacing: 0;
}
html[data-lang="en"] body:not(.admin-page) :is(.button, .login, .more-link, .text-link),
html[data-lang="ja"] body:not(.admin-page) :is(.button, .login, .more-link, .text-link) {
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: anywhere;
}
html[data-lang="en"] body:not(.admin-page) :is(.panel, .metric, article, section, td, th, label, p, li, small, strong, span),
html[data-lang="ja"] body:not(.admin-page) :is(.panel, .metric, article, section, td, th, label, p, li, small, strong, span) {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}
html[data-lang="en"] body:not(.admin-page) :is(h1, h2, h3, h4),
html[data-lang="ja"] body:not(.admin-page) :is(h1, h2, h3, h4) {
  line-height: 1.2;
  letter-spacing: 0;
}
html[data-lang="en"] body:not(.admin-page) :is(.employee-kpi strong, .metric strong, .account-kpis strong),
html[data-lang="ja"] body:not(.admin-page) :is(.employee-kpi strong, .metric strong, .account-kpis strong) {
  font-size: .94em;
}
html[data-lang="en"] body:not(.admin-page) :is(.table-wrap, .employee-table-wrap, .resource-table, table),
html[data-lang="ja"] body:not(.admin-page) :is(.table-wrap, .employee-table-wrap, .resource-table, table) {
  max-width: 100%;
}
html[data-lang="en"] body:not(.admin-page) :is(.nav, .actions, .side-nav, .footer-links),
html[data-lang="ja"] body:not(.admin-page) :is(.nav, .actions, .side-nav, .footer-links) {
  min-width: 0;
}
html[data-lang="en"] body:not(.admin-page) .nav a,
html[data-lang="ja"] body:not(.admin-page) .nav a { white-space: normal; }

/* Layout contract for long English/Japanese labels.  Most public pages use
   flex/grid rows assembled by page-specific scripts; these descendants must
   be allowed to shrink before their text wraps. */
html[data-lang="en"] body:not(.admin-page) :is(
  .page-heading, .member-hero, .catalog-head, .employee-heading,
  .section-toolbar, .panel-title, .tool-card-head, .observability-panel-head,
  .account-toolbar, .account-searchbar, .catalog-controls, .wallet-toolbar,
  .ledger-toolbar, .employee-toolbar, .member-action, .agent-workbench-title,
  .employee-heading-actions, .actions, .footer-links
),
html[data-lang="ja"] body:not(.admin-page) :is(
  .page-heading, .member-hero, .catalog-head, .employee-heading,
  .section-toolbar, .panel-title, .tool-card-head, .observability-panel-head,
  .account-toolbar, .account-searchbar, .catalog-controls, .wallet-toolbar,
  .ledger-toolbar, .employee-toolbar, .member-action, .agent-workbench-title,
  .employee-heading-actions, .actions, .footer-links
) {
  min-width: 0;
  flex-wrap: wrap;
}
html[data-lang="en"] body:not(.admin-page) :is(
  .page-heading > div, .member-hero > div, .catalog-head > div,
  .employee-heading > div, .section-toolbar > div, .panel-title > div,
  .tool-card-head > div, .observability-panel-head > div,
  .agent-workbench-title > div, .employee-heading-actions
),
html[data-lang="ja"] body:not(.admin-page) :is(
  .page-heading > div, .member-hero > div, .catalog-head > div,
  .employee-heading > div, .section-toolbar > div, .panel-title > div,
  .tool-card-head > div, .observability-panel-head > div,
  .agent-workbench-title > div, .employee-heading-actions
) {
  min-width: 0;
  max-width: 100%;
}
html[data-lang="en"] body:not(.admin-page) :is(
  .page-heading p, .member-hero p, .catalog-head p, .employee-heading p,
  .section-toolbar p, .panel-title p, .tool-card-head p,
  .observability-panel-head p, .member-action strong, .member-action small
),
html[data-lang="ja"] body:not(.admin-page) :is(
  .page-heading p, .member-hero p, .catalog-head p, .employee-heading p,
  .section-toolbar p, .panel-title p, .tool-card-head p,
  .observability-panel-head p, .member-action strong, .member-action small
) {
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}

/* Rows generated by the public pages should never acquire a minimum width
   from a long employee name, model id, filename, or translated status. */
html[data-lang="en"] body:not(.admin-page) :is(
  [class*="-row"], [class$="-card"], [class*="-item"],
  .panel, .metric, article, section
),
html[data-lang="ja"] body:not(.admin-page) :is(
  [class*="-row"], [class$="-card"], [class*="-item"],
  .panel, .metric, article, section
) {
  min-width: 0;
}
html[data-lang="en"] body:not(.admin-page) :is(
  [class*="-row"] > *, [class$="-card"] > *, [class*="-item"] > *
),
html[data-lang="ja"] body:not(.admin-page) :is(
  [class*="-row"] > *, [class$="-card"] > *, [class*="-item"] > *
) {
  min-width: 0;
  max-width: 100%;
}
html[data-lang="en"] body:not(.admin-page) :is(
  [class*="-row"] strong, [class*="-row"] small, [class*="-row"] span,
  [class$="-card"] strong, [class$="-card"] small, [class$="-card"] span,
  [class*="-item"] strong, [class*="-item"] small, [class*="-item"] span,
  td, th
),
html[data-lang="ja"] body:not(.admin-page) :is(
  [class*="-row"] strong, [class*="-row"] small, [class*="-row"] span,
  [class$="-card"] strong, [class$="-card"] small, [class$="-card"] span,
  [class*="-item"] strong, [class*="-item"] small, [class*="-item"] span,
  td, th
) {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Compact controls on narrow translated labels; inputs retain a comfortable
   touch target and navigation keeps its intentional horizontal scrolling. */
@media (min-width: 761px) {
  html[data-lang="en"] body:not(.admin-page) :is(.button, button, input, select),
  html[data-lang="ja"] body:not(.admin-page) :is(.button, button, input, select) {
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}
@media (prefers-color-scheme: dark) {
  :root[data-theme='system'] .footer-brand .footer-wordmark-img { filter: invert(1); }
  :root[data-theme='system'] .suite-card h3 { color: var(--ink); }
  :root[data-theme='system'] .suite-card p { color: var(--muted); }
  :root[data-theme='system'] .suite-card { border-color: #34413c; box-shadow: 0 22px 54px rgba(0, 0, 0, .24); }
}

/* Cinematic hero treatment */
.hero-rebuilt { position: relative; width: 100%; max-width: none; grid-template-columns: 1fr; min-height: 720px; overflow: hidden; border-radius: 0; background: #080d0c; color: #f5f7f4; box-shadow: none; }
.hero-copy { position: relative; z-index: 5; max-width: 720px; padding: 70px 24px 70px max(32px, calc((100vw - 1180px) / 2 + 24px)); }
.hero-rebuilt .hero-copy h1 { max-width: 640px; }
.hero-copy > p:not(.eyebrow) { color: #aab9b2; }
.hero-visual { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.live-visual { border: 0; border-radius: 0; background: radial-gradient(circle at 76% 46%, rgba(255, 132, 57, .12), transparent 14%), radial-gradient(circle at 68% 42%, rgba(89, 126, 144, .2), transparent 34%), linear-gradient(112deg, #071012 12%, #101e25 58%, #182a30 100%); }
.live-console, .live-badge { display: none; }
.live-visual::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(5, 12, 15, .94) 0%, rgba(8, 16, 20, .68) 38%, transparent 72%), repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 5px); }
.live-visual::after { display: none; }
.code-rain { position: absolute; top: 0; right: 0; bottom: 0; z-index: 2; width: 54%; overflow: hidden; opacity: .72; mask-image: linear-gradient(90deg, transparent, #000 18%, #000 86%, transparent); }
.code-rain span { position: absolute; right: -20%; display: block; color: rgba(157, 219, 204, .42); font: 13px 'DM Mono', monospace; white-space: nowrap; animation: code-drift 16s linear infinite; }
.code-rain span:nth-child(1) { top: 6%; animation-delay: -2s; color: rgba(255, 145, 96, .75); }.code-rain span:nth-child(2) { top: 12%; animation-delay: -8s; }.code-rain span:nth-child(3) { top: 18%; animation-delay: -13s; color: rgba(112, 202, 235, .62); }.code-rain span:nth-child(4) { top: 25%; animation-delay: -5s; }.code-rain span:nth-child(5) { top: 32%; animation-delay: -11s; color: rgba(255, 190, 98, .62); }.code-rain span:nth-child(6) { top: 39%; animation-delay: -15s; }.code-rain span:nth-child(7) { top: 46%; animation-delay: -7s; }.code-rain span:nth-child(8) { top: 53%; animation-delay: -3s; color: rgba(255, 145, 96, .58); }.code-rain span:nth-child(9) { top: 60%; animation-delay: -9s; color: rgba(137, 220, 201, .58); }.code-rain span:nth-child(10) { top: 67%; animation-delay: -14s; color: rgba(183, 165, 255, .58); }.code-rain span:nth-child(11) { top: 74%; animation-delay: -6s; color: rgba(255, 214, 126, .6); }.code-rain span:nth-child(12) { top: 81%; animation-delay: -12s; }.code-rain span:nth-child(13) { top: 88%; animation-delay: -4s; color: rgba(125, 207, 210, .62); }.code-rain span:nth-child(14) { top: 94%; animation-delay: -10s; }.code-rain span:nth-child(15) { top: 28%; animation-delay: -16s; color: rgba(255, 145, 96, .55); }.code-rain span:nth-child(16) { top: 42%; animation-delay: -18s; color: rgba(112, 202, 235, .55); }.code-rain span:nth-child(17) { top: 57%; animation-delay: -20s; color: rgba(255, 190, 98, .55); }
@keyframes code-drift { from { transform: translateX(0); opacity: 0; } 12% { opacity: .9; } 82% { opacity: .6; } to { transform: translateX(-55vw); opacity: 0; } }
@keyframes hero-orb { from { transform: rotate(-18deg) translate3d(0, 0, 0) scale(1); } to { transform: rotate(-10deg) translate3d(-18px, 14px, 0) scale(1.08); } }
@media (max-width: 720px) { .hero-rebuilt { min-height: 650px; border-radius: 20px; }.hero-copy { padding: 46px 24px; align-self: start; }.hero-rebuilt .hero-copy h1 { max-width: 100%; font-size: clamp(42px, 12vw, 58px); line-height: 1.12; }.hero-copy > p:not(.eyebrow) { max-width: 100%; font-size: 15px; line-height: 1.65; }.code-rain { top: 42%; right: 0; width: 100%; opacity: .46; }.code-rain span { font-size: 10px; }.live-visual::before { background: linear-gradient(180deg, rgba(5, 8, 7, .94) 0%, rgba(8, 10, 9, .62) 52%, transparent 100%); } }

/* Homepage navigation must stay transparent above the cinematic hero in every theme. */
header.nav.nav-over-hero:not(.is-scrolled) {
  background: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
header.nav.nav-over-hero:not(.is-scrolled) nav {
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .055) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}
header.nav.nav-over-hero:not(.is-scrolled) nav a,
header.nav.nav-over-hero:not(.is-scrolled) .login { color: rgba(255, 255, 255, .78); }
header.nav.nav-over-hero:not(.is-scrolled) nav a:hover,
header.nav.nav-over-hero:not(.is-scrolled) nav a[aria-current='page'],
header.nav.nav-over-hero:not(.is-scrolled) .login:hover {
  color: #fff;
  background: rgba(255, 255, 255, .11) !important;
  box-shadow: none;
}
header.nav.nav-over-hero:not(.is-scrolled) .brand-wordmark-img { filter: brightness(0) invert(1) !important; }
header.nav.nav-over-hero.is-scrolled {
  min-height: 62px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: color-mix(in srgb, var(--paper) 94%, transparent) !important;
  border-bottom-color: var(--line) !important;
  box-shadow: 0 12px 36px rgba(8, 18, 16, .14);
  backdrop-filter: blur(20px) saturate(1.25) !important;
}
header.nav.nav-over-hero.is-scrolled .brand img { transform: scale(.88); }
header.nav.nav-over-hero.is-scrolled nav { transform: translateY(-1px); }
header.nav.nav-over-hero.is-scrolled .button.small,
header.nav.nav-over-hero.is-scrolled .login { min-height: 32px; }

/* Light mode uses a readable daylight stage instead of the night-only hero palette. */
:root[data-theme='light'] .hero-rebuilt {
  background: #f2f7f5;
  color: #13201d;
}
:root[data-theme='light'] .live-visual {
  background: radial-gradient(circle at 76% 46%, rgba(255, 112, 42, .12), transparent 16%), linear-gradient(112deg, #f5faf8 8%, #e8f2f1 58%, #dcecef 100%);
}
:root[data-theme='light'] .live-visual::before {
  background: linear-gradient(90deg, rgba(245, 250, 248, .96) 0%, rgba(240, 248, 247, .76) 38%, transparent 72%), repeating-linear-gradient(0deg, rgba(20, 65, 65, .035) 0 1px, transparent 1px 5px);
}
:root[data-theme='light'] .hero-copy > p:not(.eyebrow) { color: #4f625e; }
:root[data-theme='light'] .code-rain { opacity: .82; }
:root[data-theme='light'] .code-rain span { color: rgba(20, 105, 112, .72); text-shadow: 0 1px 12px rgba(255, 255, 255, .8); }
:root[data-theme='light'] .code-rain span:nth-child(1),
:root[data-theme='light'] .code-rain span:nth-child(8),
:root[data-theme='light'] .code-rain span:nth-child(15) { color: rgba(190, 70, 35, .8); }
:root[data-theme='light'] .code-rain span:nth-child(3),
:root[data-theme='light'] .code-rain span:nth-child(13),
:root[data-theme='light'] .code-rain span:nth-child(16) { color: rgba(24, 102, 151, .78); }
:root[data-theme='light'] .code-rain span:nth-child(5),
:root[data-theme='light'] .code-rain span:nth-child(11),
:root[data-theme='light'] .code-rain span:nth-child(17) { color: rgba(150, 94, 12, .78); }
@media (prefers-color-scheme: light) {
  :root[data-theme='system'] .hero-rebuilt { background: #f2f7f5; color: #13201d; }
  :root[data-theme='system'] .live-visual { background: radial-gradient(circle at 76% 46%, rgba(255, 112, 42, .12), transparent 16%), linear-gradient(112deg, #f5faf8 8%, #e8f2f1 58%, #dcecef 100%); }
  :root[data-theme='system'] .live-visual::before { background: linear-gradient(90deg, rgba(245, 250, 248, .96) 0%, rgba(240, 248, 247, .76) 38%, transparent 72%), repeating-linear-gradient(0deg, rgba(20, 65, 65, .035) 0 1px, transparent 1px 5px); }
  :root[data-theme='system'] .hero-copy > p:not(.eyebrow) { color: #4f625e; }
  :root[data-theme='system'] .code-rain { opacity: .82; }
  :root[data-theme='system'] .code-rain span { color: rgba(20, 105, 112, .72); text-shadow: 0 1px 12px rgba(255, 255, 255, .8); }
}
:root[data-theme='light'] header.nav.nav-over-hero:not(.is-scrolled) nav { border-color: rgba(20, 65, 65, .16) !important; background: rgba(255, 255, 255, .46) !important; }
:root[data-theme='light'] header.nav.nav-over-hero:not(.is-scrolled) nav a,
:root[data-theme='light'] header.nav.nav-over-hero:not(.is-scrolled) .login { color: #29433e; }
:root[data-theme='light'] header.nav.nav-over-hero:not(.is-scrolled) nav a:hover,
:root[data-theme='light'] header.nav.nav-over-hero:not(.is-scrolled) nav a[aria-current='page'],
:root[data-theme='light'] header.nav.nav-over-hero:not(.is-scrolled) .login:hover { color: #13201d; background: rgba(255, 255, 255, .8) !important; }
:root[data-theme='light'] header.nav.nav-over-hero:not(.is-scrolled) .brand-wordmark-img { filter: none !important; }
@media (prefers-color-scheme: light) {
  :root[data-theme='system'] header.nav.nav-over-hero:not(.is-scrolled) nav { border-color: rgba(20, 65, 65, .16) !important; background: rgba(255, 255, 255, .46) !important; }
  :root[data-theme='system'] header.nav.nav-over-hero:not(.is-scrolled) nav a,
  :root[data-theme='system'] header.nav.nav-over-hero:not(.is-scrolled) .login { color: #29433e; }
  :root[data-theme='system'] header.nav.nav-over-hero:not(.is-scrolled) .brand-wordmark-img { filter: none !important; }
}
@media (max-width: 720px) {
  body.nav-menu-open header.nav.nav-over-hero.mobile-open {
    background: var(--paper) !important;
    border-bottom-color: transparent !important;
    backdrop-filter: none !important;
  }
  body.nav-menu-open header.nav.nav-over-hero.mobile-open nav {
    border-color: var(--line) !important;
    background: var(--paper) !important;
    box-shadow: none;
  }
  body.nav-menu-open header.nav.nav-over-hero.mobile-open nav a { color: var(--ink) !important; }
  body.nav-menu-open header.nav.nav-over-hero.mobile-open nav a:hover,
  body.nav-menu-open header.nav.nav-over-hero.mobile-open nav a[aria-current='page'] {
    color: var(--ink) !important;
    background: color-mix(in srgb, var(--orange) 8%, var(--surface)) !important;
  }
  body.nav-menu-open header.nav.nav-over-hero.mobile-open .mobile-nav-actions .mobile-nav-primary {
    color: #fff !important;
    background: var(--orange) !important;
  }
}
/* Admin configuration controls */
.toggle-row { display:flex; align-items:center; gap:12px; width:max-content; min-height:34px; color:var(--ink); font-size:13px; font-weight:800; cursor:pointer; }
.toggle-row input { position:relative; appearance:none; width:46px !important; height:26px; margin:0; padding:0 !important; border:0 !important; border-radius:999px; background:var(--line); cursor:pointer; transition:background .2s ease,box-shadow .2s ease; }
.toggle-row input::after { content:''; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.18); transition:transform .2s ease; }
.toggle-row input:checked { background:var(--orange); box-shadow:0 0 0 4px color-mix(in srgb,var(--orange) 14%,transparent); }
.toggle-row input:checked::after { transform:translateX(20px); }
.toggle-row { width:100%; max-width:620px; min-height:64px; box-sizing:border-box; padding:10px 14px 10px 10px; border:1px solid var(--line); border-radius:16px; background:var(--surface-muted); }
.toggle-row > span:not(.oss-toggle-state) { display:flex; align-items:center; min-height:42px; flex:1; }
.toggle-row.is-pending { border-color:color-mix(in srgb,var(--orange) 45%,var(--line)); }
.oss-toggle-state { display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:0 10px; border-radius:999px; color:var(--muted); background:var(--surface); font-size:12px; font-weight:800; white-space:nowrap; }
.oss-toggle-state[data-pending="true"] { color:var(--orange); background:color-mix(in srgb,var(--orange) 12%,var(--surface)); }
.admin-settings-form .settings-savebar { position:sticky; bottom:14px; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; padding:14px 16px; border:1px solid var(--line); border-radius:14px; background:color-mix(in srgb,var(--surface) 90%,transparent); box-shadow:var(--shadow); backdrop-filter:blur(12px); }
.status-message { display:block; max-width:min(760px,100%); margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.status-message.is-pending { color:#9a6500; }
.status-message.is-success { color:#16734f; }
.status-message.is-error { color:#b33d35; }

/* Account security controls use a horizontal switch row, never the generic
   stacked form-label layout. This keeps the setting readable on desktop and
   compact on mobile. */
.stack-form label.login-2fa-setting,
.login-2fa-setting { display:flex; align-items:center; justify-content:space-between; gap:18px; width:100%; min-height:72px; margin-top:16px; padding:15px 16px; box-sizing:border-box; border:1px solid var(--line); border-radius:14px; color:var(--ink); background:var(--surface-muted); }
.login-2fa-setting > span { display:block; min-width:0; }
.login-2fa-icon { display:grid !important; flex:0 0 38px; width:38px; height:38px; place-items:center; border-radius:11px; color:var(--success); background:color-mix(in srgb,var(--success) 10%,var(--surface)); }
.login-2fa-icon svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.login-2fa-copy { flex:1; }
.login-2fa-setting strong { display:block; color:var(--ink); font-size:14px; line-height:1.35; }
.login-2fa-setting small { display:block; margin-top:4px; color:var(--muted); font-size:11px; font-weight:600; line-height:1.5; }
.login-2fa-setting em { display:inline-flex; margin-top:8px; padding:3px 7px; border-radius:999px; color:var(--muted); background:var(--surface); font-size:10px; font-style:normal; font-weight:800; line-height:1.4; }
.login-2fa-setting em.is-enabled { color:var(--success); background:color-mix(in srgb,var(--success) 10%,var(--surface)); }
.login-2fa-setting input[type='checkbox'] { appearance:none; position:relative; flex:0 0 46px; width:46px !important; height:26px; margin:0; padding:0 !important; border:0 !important; border-radius:999px; background:var(--line); cursor:pointer; transition:background .2s ease,box-shadow .2s ease; }
.login-2fa-setting input[type='checkbox']::after { content:''; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.18); transition:transform .2s ease; }
.login-2fa-setting input[type='checkbox']:checked { background:var(--success); box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 14%,transparent); }
.login-2fa-setting input[type='checkbox']:checked::after { transform:translateX(20px); }
.login-2fa-setting input[type='checkbox']:disabled { cursor:not-allowed; opacity:.52; }
.account-inline-notice { display:flex; align-items:center; min-height:38px; margin:2px 0 0; padding:9px 11px; border:1px solid var(--line); border-radius:10px; font-size:11px; font-weight:700; line-height:1.5; }
.account-inline-notice.is-success { border-color:color-mix(in srgb,var(--success) 28%,var(--line)); color:var(--success); background:color-mix(in srgb,var(--success) 7%,var(--surface)); }
.account-inline-notice.is-error { border-color:color-mix(in srgb,#b33d35 28%,var(--line)); color:#a83831; background:color-mix(in srgb,#b33d35 7%,var(--surface)); }
@media (max-width:560px) { .login-2fa-setting { gap:12px; padding:14px; }.login-2fa-icon { display:none !important; }.login-2fa-setting small { max-width:220px; } }
@media (max-width:720px) {
  .center-main { padding:36px 16px 64px; }
  .panel.account-settings { padding:18px; border-radius:16px; }
  .settings-layout { gap:12px; margin-top:18px; }
  .settings-layout > .stack-form,
  .account-settings > .stack-form { padding:18px; border-radius:14px; }
  .account-settings h3 { font-size:16px; }
  .oauth-provider-grid { gap:8px; }
  .oauth-provider-card { gap:9px; padding:12px; }
  .oauth-bind-success { padding:11px 12px; }
}
/* Agent Studio: reusable training and knowledge controls */
.knowledge-row{width:100%;border:0;text-align:left;cursor:pointer;background:transparent}.knowledge-row:hover{background:var(--panel-soft,#f4f7fb)}.training-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line,rgba(31,54,87,.12))}.training-row span{min-width:0}.training-row strong,.training-row small{display:block}.training-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.training-row small{margin-top:5px;line-height:1.5}.agent-dialog-card fieldset{margin:16px 0;padding:14px;border:1px solid var(--line,rgba(31,54,87,.16));border-radius:14px}.agent-dialog-card legend{padding:0 7px;font-weight:700}.agent-dialog-card output{display:block;white-space:pre-wrap;line-height:1.65}.agent-test-box{margin-top:14px;padding:16px;border:1px solid var(--line,rgba(31,54,87,.16));border-radius:14px;background:var(--panel-soft,rgba(244,247,251,.7))}.agent-test-box label{display:block;margin-bottom:12px}.agent-test-box textarea{width:100%;box-sizing:border-box}.agent-test-box .button+.button{margin-left:8px}@media(max-width:680px){.training-row{gap:8px}.training-row .text-link{flex:0 0 auto}.agent-test-box .button{width:100%;margin:6px 0}.agent-test-box .button+.button{margin-left:0}.agent-dialog-card{max-height:92vh;overflow:auto}}
/* Worker observability */
.worker-observe-card{display:grid;grid-template-columns:minmax(220px,1fr) minmax(380px,1.5fr) auto;align-items:center;gap:24px}.worker-node-identity{display:flex;align-items:flex-start;gap:12px}.worker-node-identity span:last-child,.worker-node-identity strong,.worker-node-identity small{display:block}.worker-node-actions{display:flex;align-items:center;gap:12px}.worker-monitor-dialog{width:min(1120px,calc(100vw - 32px));border:0;padding:0;border-radius:24px;background:var(--panel,#fff);color:inherit;box-shadow:0 32px 90px rgba(21,32,45,.25)}.worker-monitor-dialog::backdrop{background:rgba(8,16,25,.46);backdrop-filter:blur(5px)}.worker-monitor-shell{padding:28px;max-height:88vh;overflow:auto}.worker-monitor-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.worker-monitor-summary>div,.worker-monitor-grid>section,.worker-monitor-section{padding:18px;border:1px solid var(--line,rgba(31,54,87,.14));border-radius:16px;background:var(--panel-soft,rgba(247,249,251,.8))}.worker-monitor-summary span,.worker-monitor-summary strong,.worker-monitor-summary small{display:block}.worker-monitor-summary strong{font-size:1.65rem;margin:7px 0}.worker-monitor-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:14px}.worker-quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.worker-quality-grid span{padding:11px;border-radius:12px;background:var(--panel,#fff);font-size:.82rem}.worker-quality-grid b{display:block;font-size:1.2rem;margin-bottom:3px}.worker-mini-chart{height:132px;display:flex;align-items:flex-end;gap:3px;padding-top:12px}.worker-mini-chart i{flex:1;min-width:2px;background:linear-gradient(180deg,#ff6b35,#ff3b0a);border-radius:4px 4px 1px 1px;opacity:.82}.worker-monitor-section{margin-top:14px}.worker-capabilities{display:flex;flex-wrap:wrap;gap:8px}.worker-capabilities span{padding:7px 10px;border-radius:999px;background:rgba(255,75,20,.1);color:#d63b0c;font-size:.8rem}.worker-run-list>div{display:grid;grid-template-columns:76px 90px 170px 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line,rgba(31,54,87,.1))}.worker-run-list em{font-style:normal;color:#b42318;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.worker-error-box pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#b42318}.worker-monitor-dialog h3{margin:0 0 14px}@media(max-width:900px){.worker-observe-card{grid-template-columns:1fr}.worker-node-meta{justify-content:flex-start}.worker-node-actions{justify-content:flex-start}.worker-monitor-summary{grid-template-columns:repeat(2,1fr)}.worker-monitor-grid{grid-template-columns:1fr}}@media(max-width:560px){.worker-monitor-shell{padding:18px}.worker-monitor-summary{grid-template-columns:1fr}.worker-quality-grid{grid-template-columns:repeat(2,1fr)}.worker-run-list>div{grid-template-columns:70px 1fr}.worker-run-list small,.worker-run-list em{grid-column:1/-1}}
.admin-overview-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin:16px 0}.admin-metrics-expanded{grid-template-columns:repeat(4,1fr)}.overview-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.overview-health-grid>div{padding:14px;border-radius:12px;background:var(--panel-soft,rgba(247,249,251,.8))}.overview-health-grid span,.overview-health-grid strong{display:block}.overview-health-grid strong{font-size:1.45rem;margin-top:6px}.overview-failure-row{display:grid;grid-template-columns:12px 70px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line,rgba(31,54,87,.1))}.overview-failure-row small{color:var(--muted,#687386)}@media(max-width:900px){.admin-overview-grid{grid-template-columns:1fr}.admin-metrics-expanded{grid-template-columns:repeat(2,1fr)}.overview-health-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.admin-metrics-expanded{grid-template-columns:1fr}.overview-failure-row{grid-template-columns:12px 70px 1fr}.overview-failure-row small{grid-column:3}}
.usage-columns{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.8fr);gap:20px}.usage-trend{height:180px;display:flex;align-items:end;gap:12px;padding:20px 8px}.usage-bar{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:6px}.usage-bar i{display:block;width:100%;max-width:34px;background:var(--accent);border-radius:6px 6px 2px 2px;min-height:6px}.usage-bar span,.usage-bar small{font-size:11px;color:var(--muted)}.usage-ranking{display:grid;gap:8px;margin:8px 0 20px}.usage-rank{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:9px 10px;background:var(--surface-2);border-radius:8px;font-size:13px}.usage-rank small{grid-column:1/-1;color:var(--muted)}.usage-filters{display:flex;gap:8px;margin-bottom:14px}.usage-filters input{flex:1}.usage-row{display:grid;grid-template-columns:1.1fr 1.2fr 1.1fr .8fr .9fr .5fr;gap:10px;align-items:center;width:100%;padding:11px 10px;border:0;border-bottom:1px solid var(--border);background:transparent;text-align:left;color:inherit;font:inherit}.usage-row:not(.usage-head){cursor:pointer}.usage-row:not(.usage-head):hover{background:var(--surface-2)}.usage-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.usage-head{font-size:11px;color:var(--muted);font-weight:600}.status-succeeded{color:#16834b}.status-failed{color:#c33}.detail-grid{display:grid;grid-template-columns:150px 1fr;gap:10px 16px;font-size:13px}.detail-grid dt{color:var(--muted)}.detail-grid dd{margin:0;word-break:break-word}.rate-help{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:4px;border:1px solid currentColor;border-radius:50%;font-size:11px;cursor:pointer;color:var(--accent)}.rate-help-dialog{border:0;border-radius:14px;padding:0;max-width:440px;background:var(--surface);color:var(--text);box-shadow:0 20px 60px #0005}.rate-help-dialog::backdrop{background:#0006}.rate-help-card{padding:24px}.rate-help-card button{float:right}
:is(.catalog-page,.agent-market-row) .agent-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#f2a65a,#e8753d);background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff;font-weight:850;overflow:hidden}:is(.catalog-page,.agent-market-row) .agent-avatar.small{width:34px;height:34px;flex-basis:34px;border-radius:11px}:is(.catalog-page,.agent-market-row) .agent-avatar.has-image{font-size:0}
:is(.agent-workbench,.chat-message) .chat-run-model{display:flex;align-items:center;gap:8px;min-height:22px;margin:7px 0;color:var(--muted);font-size:11px;line-height:22px;contain:layout paint}:is(.agent-workbench,.chat-message) .chat-run-model b{color:var(--ink)}:is(.agent-workbench,.chat-message) .chat-run-model em{padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--orange) 12%,transparent);color:var(--orange);font-style:normal;font-weight:800;line-height:16px}
:is(.model-failover-config){display:grid;gap:14px;grid-column:1/-1;margin-top:12px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.model-failover-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.model-failover-head strong,.model-failover-head small{display:block}.model-failover-head strong{font-size:13px}.model-failover-head small{margin-top:4px;color:var(--muted);font-size:11px}.model-failover-current{padding:5px 9px;border-radius:999px;background:var(--surface);color:var(--accent);font-size:10px;font-weight:800;white-space:nowrap}.model-failover-fields{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) minmax(280px,1.25fr);gap:12px;align-items:start}.model-failover-fields label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:750}.model-failover-fields input,.model-failover-fields select{box-sizing:border-box;width:100%;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}.model-failover-fields select[multiple]{height:auto;padding:6px 8px}.model-failover-fields label[hidden]{display:none}.model-failover-fields small{color:var(--muted);font-size:10px;font-weight:500}.model-failover-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.model-failover-foot>small{color:var(--muted);font-size:10px;line-height:1.5}.model-failover-foot button{flex:0 0 auto}@media(max-width:900px){.model-failover-fields{grid-template-columns:1fr 1fr}.model-failover-fields .model-failover-fallback{grid-column:1/-1}}@media(max-width:600px){.model-failover-head,.model-failover-foot{display:block}.model-failover-current{display:inline-block;margin-top:8px}.model-failover-fields{grid-template-columns:1fr}.model-failover-fields .model-failover-fallback{grid-column:auto}.model-failover-foot button{margin-top:10px}}
:is(.failover-overview){display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0;padding:12px 16px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.failover-overview .failover-overview-copy{display:flex;align-items:flex-start;gap:9px;min-width:0}.failover-overview .failover-overview-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:8px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-weight:800}.failover-overview strong,.failover-overview p{margin:0}.failover-overview strong{font-size:12px}.failover-overview p{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}.failover-overview .button{flex:0 0 auto}.failover-help-dialog{width:min(680px,calc(100vw - 32px));border:0;border-radius:18px;padding:0;background:var(--surface);color:var(--text);box-shadow:0 28px 90px #0004}.failover-help-dialog::backdrop{background:#07111b80;backdrop-filter:blur(4px)}.failover-help-card{padding:24px}.failover-help-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.failover-help-card h2{margin:0}.failover-help-card header p{margin:5px 0 0;color:var(--muted);font-size:12px}.failover-help-list{display:grid;gap:10px;margin:20px 0 0}.failover-help-list article{padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface-muted)}.failover-help-list strong,.failover-help-list span{display:block}.failover-help-list span{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.55}.failover-help-card footer{display:flex;justify-content:flex-end;margin-top:18px}@media(max-width:650px){.failover-overview{display:block}.failover-overview .button{margin-top:10px}.failover-help-card{padding:18px}}

/* Admin platform overview */
.admin-overview-page{background:#f5f7fa}.admin-overview-page .admin-layout{align-items:stretch}.admin-overview-page .admin-sidebar{background:#f8fafb}.admin-overview-page .overview-content{width:auto;max-width:1600px;margin:0;padding:34px 36px 72px;overflow:hidden}
.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.overview-heading h1{margin:4px 0 7px;font-size:28px;line-height:1.18;letter-spacing:0}.overview-heading>div>p:last-child{margin:0;color:var(--muted);font-size:13px}.overview-live{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.overview-live small{color:var(--muted);font-size:11px}.overview-health{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:12px}.overview-health i{width:8px;height:8px;border-radius:50%;background:#9aa4b2}.overview-health[data-health="healthy"]{border-color:#b9dfcc;color:#16734f;background:#f4fbf7}.overview-health[data-health="healthy"] i{background:#22a36a;box-shadow:0 0 0 4px #22a36a20}.overview-health[data-health="degraded"]{border-color:#ead29e;color:#926200;background:#fffaf0}.overview-health[data-health="degraded"] i{background:#d99a20;box-shadow:0 0 0 4px #d99a2020}.overview-health[data-health="critical"]{border-color:#edc0bd;color:#a83831;background:#fff7f6}.overview-health[data-health="critical"] i{background:#d4493f;box-shadow:0 0 0 4px #d4493f20}
.overview-kpis{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:12px;margin-bottom:14px}.overview-kpi{display:flex;align-items:center;gap:12px;min-width:0;min-height:104px;padding:16px;border:1px solid #e3e8ee;border-radius:8px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 2px 8px rgba(22,34,50,.025);transition:border-color .18s,box-shadow .18s,transform .18s}.overview-kpi:hover{border-color:#cbd5df;box-shadow:0 7px 20px rgba(22,34,50,.07);transform:translateY(-1px)}.overview-kpi>span:last-child{min-width:0}.overview-kpi small,.overview-kpi strong,.overview-kpi em{display:block}.overview-kpi small{color:var(--muted);font-size:11px;font-weight:700}.overview-kpi strong{margin:5px 0 4px;font-size:23px;line-height:1.05;letter-spacing:0;white-space:nowrap}.overview-kpi em{overflow:hidden;color:#7a8695;font-size:10px;font-style:normal;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.overview-kpi-icon{display:grid;flex:0 0 38px;width:38px;height:38px;border-radius:8px;place-items:center}.overview-kpi-icon svg,.overview-service-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.overview-kpi-icon[data-tone="blue"]{color:#2468cf;background:#edf4ff}.overview-kpi-icon[data-tone="orange"]{color:#cc5e21;background:#fff2ea}.overview-kpi-icon[data-tone="green"]{color:#16805a;background:#eaf8f1}.overview-kpi-icon[data-tone="teal"]{color:#17777b;background:#eaf7f7}.overview-kpi-icon[data-tone="gold"]{color:#9a6a08;background:#fff8df}.overview-kpi-icon[data-tone="violet"]{color:#6e55a8;background:#f3effc}
.overview-chart-panel,.overview-block{border:1px solid #e3e8ee;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(22,34,50,.025)}.overview-chart-panel{margin-top:14px;padding:20px 22px}.overview-chart-panel>header,.overview-block>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.overview-chart-panel h2,.overview-block h2{margin:3px 0 0;font-size:16px;line-height:1.3;letter-spacing:0}.overview-chart-panel header>a,.overview-block header>a{color:var(--accent);font-size:11px;font-weight:750;text-decoration:none}.chart-legend{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:11px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:8px;height:8px;border-radius:2px}.is-success{background:#2aa673}.is-failed{background:#df625a}.is-running{background:#3185ce}.is-queued{background:#d7a12c}.is-cancelled{background:#9aa4b2}
.overview-chart{height:218px;margin-top:18px;border-bottom:1px solid #e7ebef;background:repeating-linear-gradient(to bottom,#fff 0,#fff 53px,#eef1f4 54px)}.overview-bars{display:flex;align-items:flex-end;gap:clamp(12px,4vw,52px);height:100%;padding:12px clamp(10px,3vw,34px) 0}.overview-bar-column{display:flex;flex:1;align-items:center;justify-content:flex-end;flex-direction:column;min-width:26px;height:100%}.overview-bar-value{margin-bottom:6px;color:#687588;font-size:10px;font-weight:700}.overview-bar-column>small{margin-top:8px;color:#7b8795;font-size:10px}.overview-stacked-bar,.overview-single-bar{display:flex;flex-direction:column-reverse;width:min(52px,78%);min-height:4px;border-radius:5px 5px 2px 2px;overflow:hidden}.overview-stacked-bar i{display:block;width:100%}.overview-single-bar{background:#2d6ecb;box-shadow:inset 0 -9px 14px rgba(18,67,139,.18)}
.overview-ops-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:14px;margin-top:14px}.overview-block{min-width:0;padding:20px 22px}.overview-worker-row{display:grid;grid-template-columns:14px minmax(170px,1.5fr) repeat(4,minmax(72px,.55fr));align-items:center;gap:12px;min-height:62px;border-bottom:1px solid #edf0f3;color:var(--ink);text-decoration:none}.overview-worker-row:last-child{border-bottom:0}.overview-worker-row:hover{background:#fafbfc}.overview-node-state i{display:block;width:8px;height:8px;border-radius:50%;background:#9aa4b2}.overview-node-state.is-online i{background:#24a36b;box-shadow:0 0 0 4px #24a36b18}.overview-node-state.is-pending i{background:#d7a12c}.overview-worker-name,.overview-worker-row>span{min-width:0}.overview-worker-row strong,.overview-worker-row small,.overview-worker-row b{display:block}.overview-worker-row strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.overview-worker-row small{margin-top:4px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.overview-worker-row b{font-size:12px}
.overview-action-priority{margin-top:14px;padding:19px 22px;border-left:3px solid #d84b43;box-shadow:0 5px 18px rgba(216,75,67,.08)}.overview-action-priority header>div>small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.overview-action-priority .overview-alerts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;margin-top:10px}.overview-action-priority .overview-alert{min-width:0;padding:14px 0}.overview-action-priority .overview-all-clear{grid-column:1/-1}
.overview-distribution{margin-top:22px}.overview-status-bar{display:flex;height:10px;border-radius:3px;overflow:hidden;background:#edf0f3}.overview-status-bar i{height:100%}.overview-status-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:16px}.overview-status-list>div{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf0f3;font-size:11px}.overview-status-list span{display:flex;align-items:center;gap:7px;color:var(--muted)}.overview-status-list i{width:7px;height:7px;border-radius:2px}.overview-efficiency{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.overview-efficiency>span{padding:12px;border:1px solid #e8ecf0;border-radius:6px;background:#fafbfc}.overview-efficiency small,.overview-efficiency strong{display:block}.overview-efficiency small{color:var(--muted);font-size:9px}.overview-efficiency strong{margin-top:5px;font-size:15px}
.overview-services{margin-top:12px}.overview-services>a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #edf0f3;color:var(--ink);text-decoration:none}.overview-service-icon{display:grid;width:34px;height:34px;border-radius:7px;color:#356dba;background:#edf4fc;place-items:center}.overview-services strong,.overview-services small,.overview-services>a>b{display:block}.overview-services strong{font-size:12px}.overview-services small{margin-top:3px;color:var(--muted);font-size:9px}.overview-services>a>b{font-size:17px;text-align:right}.overview-tool-ranking{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.overview-tool-ranking>span{min-width:0;padding:9px 10px;border-radius:6px;background:#f7f9fb}.overview-tool-ranking b,.overview-tool-ranking small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-tool-ranking b{font-size:10px}.overview-tool-ranking small{margin-top:3px;color:var(--muted);font-size:9px}
.overview-count{display:grid;min-width:25px;height:25px;border-radius:6px;color:#a83831;background:#fff0ef;font-size:11px;font-weight:800;place-items:center}.overview-alerts{margin-top:12px}.overview-alert{display:grid;grid-template-columns:9px 1fr 17px;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf0f3;color:var(--ink);text-decoration:none}.overview-alert>i{width:7px;height:7px;border-radius:50%;background:#5480be}.overview-alert.is-warning>i{background:#d49a28}.overview-alert.is-critical>i{background:#d84b43}.overview-alert strong,.overview-alert small{display:block}.overview-alert strong{font-size:11px}.overview-alert small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}.overview-alert svg{width:16px;height:16px;fill:none;stroke:#9aa4b2;stroke-width:2}.overview-all-clear{display:flex;align-items:center;flex-direction:column;padding:28px 10px;text-align:center}.overview-all-clear span{display:grid;width:34px;height:34px;border-radius:50%;color:#197854;background:#eaf8f1;place-items:center}.overview-all-clear strong{margin-top:10px;font-size:12px}.overview-all-clear small{margin-top:4px;color:var(--muted);font-size:10px}
.overview-failures{margin-top:14px}.overview-failure-table{margin-top:12px;overflow-x:auto}.overview-table-head,.overview-table-row{display:grid;grid-template-columns:minmax(145px,1.05fr) minmax(130px,1fr) minmax(115px,.85fr) minmax(95px,.7fr) 105px minmax(180px,1.4fr);gap:12px;align-items:center;min-width:880px;padding:11px 8px}.overview-table-head{color:var(--muted);background:#f7f9fb;font-size:9px;font-weight:750}.overview-table-row{border-bottom:1px solid #edf0f3;color:var(--ink);font-size:10px;text-decoration:none}.overview-table-row:hover{background:#fafbfc}.overview-table-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-table-row code{font-size:10px}.overview-table-row small{display:block;margin-top:3px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis}.overview-empty{display:grid;min-height:90px;margin:0;color:var(--muted);font-size:11px;place-items:center}.overview-loading{height:84px;border-radius:7px;background:linear-gradient(90deg,#f3f5f7 25%,#fafbfc 40%,#f3f5f7 60%);background-size:300% 100%;animation:overview-shimmer 1.4s infinite}@keyframes overview-shimmer{to{background-position:-100% 0}}
@media(max-width:1600px){.overview-kpis{grid-template-columns:repeat(3,1fr)}.overview-ops-grid{grid-template-columns:1fr 1fr}.overview-workers{grid-column:1/-1}}
@media(max-width:980px){.admin-overview-page .overview-content{padding:28px 24px 64px}.overview-ops-grid{grid-template-columns:1fr}.overview-workers{grid-column:auto}.overview-worker-row{grid-template-columns:14px minmax(160px,1fr) repeat(2,minmax(70px,.5fr))}.overview-worker-row>span:nth-child(5),.overview-worker-row>span:nth-child(6){display:none}}
@media(max-width:680px){.admin-overview-page{overflow-x:hidden}.admin-overview-page .admin-topbar-title{display:none}.admin-overview-page .admin-topbar{gap:10px}.admin-overview-page .overview-content{padding:24px 16px 60px}.overview-heading{display:block}.overview-live{align-items:flex-start;margin-top:14px}.overview-kpis{grid-template-columns:1fr 1fr}.overview-kpi{min-height:88px;padding:13px}.overview-kpi-icon{display:none}.overview-chart-panel,.overview-block{padding:17px}.overview-action-priority .overview-alerts{grid-template-columns:1fr;column-gap:0}.overview-chart{height:190px}.overview-bars{gap:8px;padding-inline:3px}.overview-bar-value{font-size:8px}.overview-worker-row{grid-template-columns:12px 1fr auto}.overview-worker-row>span:nth-child(n+4){display:none}.overview-status-list{grid-template-columns:1fr}.overview-tool-ranking{grid-template-columns:1fr}.chart-legend{display:none}}

/* Admin observability pages: usage, tools and audit */
.admin-observability-page{overflow-x:hidden;background:#f5f7fa;color:#1b2735}.admin-observability-page .admin-layout{align-items:stretch}.admin-observability-page .admin-sidebar{background:#f8fafb}.admin-observability-page .admin-observability-content{box-sizing:border-box;width:auto;max-width:1600px;margin:0;padding:34px 36px 72px;overflow:hidden}.admin-observability-page .admin-page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 20px}.admin-observability-page .admin-page-heading h1{margin:4px 0 7px;font-size:28px;line-height:1.18;letter-spacing:0}.admin-observability-page .admin-page-heading p{margin:0}.admin-observability-page .eyebrow,.admin-observability-page .usage-kicker{color:#3a6fab;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.admin-observability-page .usage-live-status,.admin-observability-page .live-status,.admin-observability-page .records-live,.admin-observability-page .admin-status-pill{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 11px;border:1px solid #c9e2d5;border-radius:8px;background:#f4fbf7;color:#16734f;font-size:11px;white-space:nowrap}.admin-observability-page :is(.usage-live-status,.live-status,.records-live,.admin-status-pill):before,.admin-observability-page .admin-status-pill i{content:"";width:8px;height:8px;border-radius:50%;background:#22a36a;box-shadow:0 0 0 4px #22a36a20}.admin-observability-page :is(.usage-secondary-nav,.detail-nav,.records-nav,.tool-subnav){display:flex;gap:4px;max-width:100%;margin:0 0 18px;padding:5px;border:1px solid #e1e6eb;border-radius:8px;background:#edf1f5;overflow-x:auto;scrollbar-width:none}.admin-observability-page :is(.usage-secondary-nav,.detail-nav,.records-nav,.tool-subnav)::-webkit-scrollbar{display:none}.admin-observability-page :is(.usage-secondary-nav,.detail-nav,.records-nav,.tool-subnav) a{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:34px;padding:0 13px;border:0;border-radius:6px;color:#667487;background:transparent;font-size:11px;font-weight:750;text-decoration:none;box-shadow:none;white-space:nowrap}.admin-observability-page :is(.usage-secondary-nav,.detail-nav,.records-nav,.tool-subnav) a:hover{color:#24364b;background:#f8fafc}.admin-observability-page :is(.usage-secondary-nav,.detail-nav,.records-nav,.tool-subnav) a.active{color:#1f4f88;background:#fff;box-shadow:0 1px 4px #18253612}.admin-observability-page :is(.panel,.metric,.tool-card,.provider-card,.search-kpi,.audit-scope){border:1px solid #e3e8ee;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(22,34,50,.025)}.admin-observability-page .panel{padding:20px 22px}.admin-observability-page .panel-grid{gap:12px}.admin-observability-page :is(.usage-overview,.detail-kpis,.tool-kpis,.audit-summary){display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:0 0 14px}.admin-observability-page :is(.usage-card,.detail-card,.tool-kpi,.audit-scope){box-sizing:border-box;min-width:0;min-height:104px;padding:16px}.admin-observability-page :is(.usage-card,.detail-card,.tool-kpi,.audit-scope) strong{display:block;margin:6px 0 3px;color:#1b2735;font-size:23px;line-height:1.1;letter-spacing:0}.admin-observability-page :is(.usage-card,.detail-card,.tool-kpi,.audit-scope) small{color:#7a8695;font-size:10px}.admin-observability-page .usage-icon,.admin-observability-page .tool-icon{display:grid;place-items:center;width:36px;height:36px;margin:0 0 12px;border-radius:8px;background:#edf4ff;color:#2468cf}.admin-observability-page .usage-icon svg,.admin-observability-page .tool-icon svg{width:19px;height:19px}.admin-observability-page :is(.usage-main-grid,.detail-sections,.tool-overview-grid,.tool-analysis-grid,.audit-insight-grid){display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;margin:14px 0}.admin-observability-page .usage-main-grid{grid-template-columns:1fr}.admin-observability-page :is(.usage-panel,.detail-sections>.panel){min-height:0}.admin-observability-page :is(.panel-title,.section-toolbar,.observability-panel-head){display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.admin-observability-page :is(.panel-title,.section-toolbar,.observability-panel-head) h2{margin:3px 0 0;font-size:16px;letter-spacing:0}.admin-observability-page :is(.usage-bars,.analysis-list,.health-list){margin-top:14px}.admin-observability-page .usage-bar-row{padding:9px 0;border-bottom:1px solid #edf0f3}.admin-observability-page .usage-bar-track,.admin-observability-page .rank-bar{height:8px;border-radius:3px;background:#edf0f3}.admin-observability-page .usage-bar-fill,.admin-observability-page .rank-bar i{border-radius:3px;background:#2d6ecb}.admin-observability-page :is(.usage-trend-chart,.trend-chart,.tool-trend){min-width:0;overflow:hidden}.admin-observability-page :is(.trend-svg,.tool-trend svg){display:block;width:100%;height:260px;overflow:visible}.admin-observability-page .trend-grid,.admin-observability-page .chart-grid{stroke:#e8edf1}.admin-observability-page :is(.records-toolbar,.usage-filters,.call-toolbar,.audit-filters,.tool-filterbar,.range-toolbar){display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding:14px;border:1px solid #e5e9ed;border-radius:8px;background:#f8fafb}.admin-observability-page :is(.records-toolbar,.usage-filters,.call-toolbar,.audit-filters,.tool-filterbar,.range-toolbar) label{display:grid;gap:5px;min-width:120px;color:#667487;font-size:10px;font-weight:750}.admin-observability-page :is(input,select,textarea){box-sizing:border-box;max-width:100%;min-height:38px;padding:0 11px;border:1px solid #dbe1e7;border-radius:7px;background:#fff;color:#1b2735;box-shadow:none;outline:none}.admin-observability-page textarea{padding-block:9px}.admin-observability-page :is(input,select,textarea):focus{border-color:#6c96c8;box-shadow:0 0 0 3px #477db31a}.admin-observability-page :is(.records-toolbar,.usage-filters) input,.admin-observability-page .audit-search{flex:1;min-width:220px}.admin-observability-page .button{border-radius:7px}.admin-observability-page :is(.admin-table,.call-table-wrap,.usage-table){max-width:100%;border:1px solid #e5e9ed;border-radius:8px;overflow:auto;background:#fff}.admin-observability-page :is(.admin-table-head,.usage-head),.admin-observability-page .call-table thead{color:#6d7988;background:#f7f9fb;font-size:9px;font-weight:800}.admin-observability-page :is(.admin-table-row,.usage-row){border-bottom:1px solid #edf0f3}.admin-observability-page :is(.admin-table-row,.usage-row):hover,.admin-observability-page .call-table tbody tr:hover{background:#fafbfc}.admin-observability-page .call-table{width:100%;min-width:980px;border-collapse:collapse}.admin-observability-page .call-table th,.admin-observability-page .call-table td{padding:12px 10px;border-bottom:1px solid #edf0f3;text-align:left;font-size:11px}.admin-observability-page :is(.account-pagination,.call-pager,.usage-pagination){display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.admin-observability-page dialog{border-radius:10px}.admin-observability-page dialog::backdrop{background:#07111b80;backdrop-filter:blur(3px)}.admin-observability-page :is(.record-detail-grid,.call-detail-grid,.audit-detail-grid){gap:10px}.admin-observability-page :is(.record-detail-grid,.call-detail-grid,.audit-detail-grid)>*{border-radius:7px;background:#f8fafb}.admin-observability-page .tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-observability-page .tool-card{min-width:0;padding:18px}.admin-observability-page .tool-card-head{gap:14px}.admin-observability-page .tool-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-observability-page .tool-fields label{min-width:0}.admin-observability-page .tool-actions{border-top:1px solid #edf0f3}.admin-observability-page .provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-observability-page .provider-card{padding:15px}.admin-observability-page .audit-scope{border:1px solid #e3e8ee;text-align:left;cursor:pointer}.admin-observability-page .audit-scope.active{border-color:#8eb1d8;background:#f5f9ff;box-shadow:inset 0 0 0 1px #8eb1d8}.admin-observability-page .audit-table .admin-table-head,.admin-observability-page .audit-table .admin-table-row{grid-template-columns:155px minmax(180px,1.4fr) minmax(175px,1.1fr) 95px 62px;min-width:780px}.audit-risk-list{display:grid;gap:0;margin-top:12px}.audit-risk-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf0f3}.audit-risk-row i{width:7px;height:7px;border-radius:50%;background:#d99a20}.audit-risk-row.is-failed i{background:#d4493f}.audit-risk-row strong,.audit-risk-row small{display:block}.audit-risk-row strong{font-size:11px}.audit-risk-row small{margin-top:3px;color:#7a8695;font-size:9px}.audit-category-bars{display:grid;gap:11px;margin-top:15px}.audit-category-row{display:grid;grid-template-columns:92px 1fr 42px;align-items:center;gap:10px;font-size:10px}.audit-category-row i{display:block;height:7px;border-radius:3px;background:#2d6ecb}.audit-trend-chart{height:220px;margin-top:18px;border-bottom:1px solid #e7ebef;background:repeating-linear-gradient(to bottom,#fff 0,#fff 53px,#eef1f4 54px)}.audit-trend-bars{display:flex;align-items:flex-end;gap:clamp(8px,2vw,28px);height:100%;padding:12px 16px 0}.audit-trend-column{display:flex;flex:1;align-items:center;justify-content:flex-end;flex-direction:column;height:100%}.audit-trend-stack{display:flex;flex-direction:column-reverse;width:min(42px,80%);min-height:3px;overflow:hidden;border-radius:4px 4px 1px 1px}.audit-trend-stack i{display:block}.audit-trend-column small{margin-top:7px;color:#7b8795;font-size:9px}.audit-result-legend{display:flex;gap:13px;color:#6d7988;font-size:10px}.audit-result-legend span{display:flex;align-items:center;gap:5px}.audit-result-legend i{width:7px;height:7px;border-radius:2px}.audit-result-legend .success{background:#2aa673}.audit-result-legend .failed{background:#df625a}.audit-loading,.observability-empty{display:grid;min-height:100px;color:#7a8695;font-size:11px;place-items:center}.audit-load-error{margin-bottom:14px;padding:12px 14px;border:1px solid #edc0bd;border-radius:8px;background:#fff7f6;color:#a83831;font-size:11px}
@media(max-width:1180px){.admin-observability-page :is(.usage-overview,.detail-kpis,.tool-kpis,.audit-summary){grid-template-columns:repeat(2,minmax(0,1fr))}.admin-observability-page .tool-grid{grid-template-columns:1fr}.admin-observability-page .tool-fields{grid-template-columns:repeat(3,minmax(130px,1fr))}}
@media(max-width:900px){.admin-observability-page .admin-observability-content{padding:28px 24px 64px}.admin-observability-page :is(.usage-main-grid,.detail-sections,.tool-overview-grid,.tool-analysis-grid,.audit-insight-grid){grid-template-columns:1fr}.admin-observability-page .provider-grid{grid-template-columns:1fr 1fr}.admin-observability-page .tool-fields{grid-template-columns:1fr 1fr}.admin-observability-page .tool-fields label:last-child{grid-column:1/-1}}
@media(max-width:620px){.admin-observability-page .admin-topbar-title{display:none}.admin-observability-page .admin-observability-content{padding:24px 16px 56px}.admin-observability-page .admin-page-heading{display:block}.admin-observability-page :is(.usage-live-status,.live-status,.records-live,.admin-status-pill){margin-top:13px}.admin-observability-page :is(.usage-overview,.detail-kpis,.tool-kpis,.audit-summary){grid-template-columns:1fr 1fr}.admin-observability-page :is(.usage-card,.detail-card,.tool-kpi,.audit-scope){min-height:94px;padding:13px}.admin-observability-page :is(.usage-card,.detail-card,.tool-kpi,.audit-scope) strong{font-size:19px}.admin-observability-page .usage-icon{display:none}.admin-observability-page .panel{padding:17px}.admin-observability-page .provider-grid{grid-template-columns:1fr}.admin-observability-page .tool-fields{grid-template-columns:1fr}.admin-observability-page .tool-fields label:last-child{grid-column:auto}.admin-observability-page :is(.records-toolbar,.usage-filters,.call-toolbar,.audit-filters,.tool-filterbar,.range-toolbar)>*{width:100%;min-width:0}.admin-observability-page :is(.account-pagination,.call-pager){align-items:flex-start;flex-direction:column}.audit-trend-bars{padding-inline:4px;gap:5px}.audit-category-row{grid-template-columns:78px 1fr 34px}}
.admin-observability-page .usage-overview{grid-template-columns:repeat(5,minmax(145px,1fr))}.admin-observability-page .tool-hero{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:0 0 14px}.admin-observability-page .tool-hero .tool-kpi{min-height:104px;padding:16px;border:1px solid #e3e8ee;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(22,34,50,.025)}.admin-observability-page .tool-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) 150px;gap:9px;width:min(100%,520px)}.admin-observability-page .overview-filter{border-radius:8px;background:#fff}.admin-observability-page .overview-grid{gap:14px}.admin-observability-page .overview-kpi{border-color:#e3e8ee;border-radius:8px;background:#fff}.admin-observability-page .search-kpis{gap:10px}.admin-observability-page .search-kpi{border-radius:7px;background:#f8fafb}.admin-observability-page .search-provider-card,.admin-observability-page .search-fallback{border-radius:8px}.admin-observability-page .call-dialog,.admin-observability-page [data-detail-dialog],.admin-observability-page .account-manage-dialog{border-radius:10px}
@media(max-width:1180px){.admin-observability-page .usage-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-observability-page .tool-hero{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.admin-observability-page .usage-overview,.admin-observability-page .tool-hero{grid-template-columns:1fr 1fr}.admin-observability-page .tool-toolbar{grid-template-columns:1fr;width:100%}}

/* Traceable commercial audit center */
.admin-observability-page .audit-summary{grid-template-columns:repeat(5,minmax(145px,1fr))}.audit-ledger-heading{margin-bottom:14px}.admin-observability-page .audit-filters label{flex:1 1 145px}.admin-observability-page .audit-filters .audit-search{flex:2 1 320px}.admin-observability-page .audit-table .admin-table-head,.admin-observability-page .audit-table .admin-table-row{grid-template-columns:minmax(220px,1.45fr) minmax(160px,1fr) minmax(170px,1.05fr) minmax(125px,.72fr) minmax(105px,.62fr) 92px;min-width:1080px}.audit-table .admin-table-row>span{min-width:0}.audit-table .admin-table-row strong,.audit-table .admin-table-row small,.audit-table .admin-table-row code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-table .admin-table-row small{margin-top:4px;color:var(--muted);font-size:9px}.audit-table .admin-table-row code{margin-top:5px;color:#657386;font-size:9px}.audit-outcome,.audit-severity{display:inline-flex!important;width:max-content;align-items:center;padding:4px 7px;border-radius:5px;font-style:normal;font-size:9px!important;font-weight:800}.audit-outcome.success{color:#18744f;background:#eaf7f1}.audit-outcome.pending{color:#8b6415;background:#fff7df}.audit-outcome.failed,.audit-outcome.denied{color:#a63d37;background:#fff0ef}.audit-severity{margin-top:5px!important;color:#667487;background:#eef2f5}.audit-severity.high{color:#9b5f13;background:#fff3dc}.audit-severity.critical{color:#a63d37;background:#ffebe9}.audit-risk-row{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.audit-risk-row:hover{background:#fafbfc}.audit-detail-status{display:grid;justify-items:end;gap:7px}.audit-network-chain,.audit-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.audit-network-chain>div,.audit-evidence-grid>div{min-width:0;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.audit-network-chain span,.audit-evidence-grid span{display:block;margin-bottom:6px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em}.audit-network-chain code,.audit-evidence-grid code{display:block;overflow-wrap:anywhere;font-size:10px;line-height:1.55}.audit-changes,.audit-timeline{margin-top:20px}.audit-change-head,.audit-change-row{display:grid;grid-template-columns:minmax(110px,.6fr) repeat(2,minmax(0,1fr));gap:12px;padding:10px 13px;border-bottom:1px solid var(--line)}.audit-change-head{color:var(--muted);background:var(--surface-muted);font-size:9px;font-weight:800}.audit-change-row{font-size:11px}.audit-change-row span{overflow-wrap:anywhere}.audit-timeline{display:grid;gap:0}.audit-timeline .audit-section-title{margin-bottom:4px}.audit-timeline>button{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:left;cursor:pointer}.audit-timeline>button>i{width:7px;height:7px;border-radius:50%;background:#2aa673}.audit-timeline>button>i.failed,.audit-timeline>button>i.denied{background:#df625a}.audit-timeline strong,.audit-timeline small{display:block}.audit-timeline small{margin-top:3px;color:var(--muted);font-size:9px}.audit-timeline>button>span{color:var(--muted);font-size:10px}
@media(max-width:1280px){.admin-observability-page .audit-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-observability-page .audit-table .admin-table-head{display:none}.admin-observability-page .audit-table .admin-table-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 105px;min-width:0;gap:14px 18px;padding:18px}.audit-table .admin-table-row>span{overflow:visible;white-space:normal}.audit-table .admin-table-row>span::before{display:block;margin-bottom:5px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em}.audit-table .admin-table-row>span:nth-child(1)::before{content:'时间 / 事件'}.audit-table .admin-table-row>span:nth-child(2)::before{content:'操作者'}.audit-table .admin-table-row>span:nth-child(3)::before{content:'目标对象'}.audit-table .admin-table-row>span:nth-child(4)::before{content:'事件来源'}.audit-table .admin-table-row>span:nth-child(5)::before{content:'结果 / 风险'}.audit-table .admin-table-row>span:nth-child(6){grid-column:3;grid-row:1/3;align-self:center}}
@media(max-width:700px){.admin-observability-page .audit-summary{grid-template-columns:1fr 1fr}.admin-observability-page .audit-table .admin-table-row{grid-template-columns:minmax(0,1fr) auto}.audit-table .admin-table-row>span:nth-child(-n+5){grid-column:1}.audit-table .admin-table-row>span:nth-child(6){grid-column:2;grid-row:1/6}.audit-network-chain,.audit-evidence-grid{grid-template-columns:1fr}.audit-change-head{display:none}.audit-change-row{grid-template-columns:1fr}.audit-detail-status{justify-items:start}}

.create-output-default{display:grid;gap:8px;padding:13px;border:1px solid color-mix(in srgb,var(--orange) 25%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--orange) 5%,var(--surface))}.create-output-default>strong{font-size:12px;color:var(--ink)}.create-output-default>span{color:var(--muted);font-size:11px;line-height:1.5}.create-output-default>div{display:flex;flex-wrap:wrap;gap:7px}.create-output-default>div label{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:700}.create-output-default input{width:auto;padding:0;accent-color:var(--orange)}