:root {
  font-family: Inter, "Segoe UI", "Microsoft YaHei", system-ui, sans-serif;
  color: #172b3c;
  background: #f3f7f8;
  font-synthesis: none;
  --navy: #09283a;
  --navy-deep: #071f30;
  --teal: #0aa98f;
  --teal-dark: #087d70;
  --line: #e1e9ed;
  --muted: #7f919e;
  --content-pad: clamp(1.1rem, 2vw, 2.25rem);
}

/* Customer operations / CRM center */
.crm-center-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: linear-gradient(135deg, #f8fffd 0%, #f4fbff 100%);
}
.crm-hero-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.crm-stage-cards {
  display: grid;
  grid-template-columns: repeat(6, minmax(130px, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}
.crm-stage {
  min-height: 112px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(11, 45, 59, .05);
}
.crm-stage span, .crm-stage small { display: block; color: var(--muted); }
.crm-stage strong { display: block; margin: 8px 0 3px; font-size: 28px; color: var(--ink); }
.crm-stage.crm-locked { opacity: .5; background: #f3f6f7; filter: grayscale(.35); }
.crm-stage.crm-available { border-color: rgba(13, 171, 143, .25); }
.crm-usage {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  gap: 1px;
  overflow: hidden;
  margin-bottom: 18px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--line);
}
.crm-usage > div { display: grid; gap: 5px; padding: 17px; background: #fff; }
.crm-usage span { color: var(--muted); font-size: 12px; }
.crm-usage strong { color: var(--ink); font-size: 16px; }
.crm-form {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: end;
}
.crm-form label, .crm-toolbar label, .crm-activity-form label { display: grid; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 700; }
.crm-form input, .crm-form select, .crm-form textarea,
.crm-toolbar input, .crm-toolbar select, .crm-activity-form input, .crm-activity-form select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  color: var(--ink);
  padding: 11px 12px;
  font: inherit;
}
.crm-note-field { grid-column: span 3; }
.crm-toolbar { display: grid; grid-template-columns: minmax(240px, 1fr) 190px auto auto; gap: 12px; align-items: end; margin-bottom: 16px; }
.crm-select-column { width: 42px; }
.crm-stage-badge, .crm-tag, .crm-activity-type {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 3px 9px;
  border-radius: 999px;
  background: #eaf8f5;
  color: #087662;
  font-size: 11px;
  font-weight: 800;
}
.crm-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.crm-tag { background: #eef5ff; color: #2e6ca8; }
.crm-followup-overdue { color: #b4453d; font-weight: 700; }
.crm-followup-overdue small { color: #b97670; }
.crm-activity-form { display: grid; grid-template-columns: 180px minmax(240px, 1fr) auto; gap: 12px; align-items: end; }
.crm-activity-list { display: grid; gap: 10px; margin-top: 18px; }
.crm-activity-item { display: grid; grid-template-columns: 80px 1fr; gap: 12px; align-items: start; padding: 13px 14px; border: 1px solid var(--line); border-radius: 14px; background: #fbfdfd; }
.crm-activity-item div { display: grid; gap: 4px; }
.crm-activity-item small { color: var(--muted); }
@media (max-width: 1180px) {
  .crm-stage-cards, .crm-usage { grid-template-columns: repeat(3, 1fr); }
  .crm-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .crm-note-field { grid-column: span 2; }
}
@media (max-width: 720px) {
  .crm-center-hero { align-items: flex-start; flex-direction: column; }
  .crm-stage-cards, .crm-usage, .crm-form, .crm-toolbar, .crm-activity-form { grid-template-columns: 1fr; }
  .crm-note-field { grid-column: span 1; }
}
/* Workspace release 20261002: truthful sync states, compact cards and usable mobile controls. */
.password-input { position: relative; display: block; }
.password-input input { padding-right: 4.3rem; }
.password-input .password-toggle { position: absolute; right: 5px; top: 5px; min-height: 34px; padding: .4rem .65rem; font-size: .75rem; }
.login-note { color: #83939c; font-size: .7rem; line-height: 1.7; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: #f3f7f8; }
[hidden] { display: none !important; }
button, input, select { font: inherit; }
button { cursor: pointer; border: 0; }
button:disabled { opacity: .5; cursor: default; }
button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid #6dd1bd; outline-offset: 2px; }
button:not(:disabled) { transition: background .18s, color .18s, border-color .18s, box-shadow .18s, transform .18s; }
button:not(:disabled):active { transform: translateY(1px); }
button:not(.nav-scrim, .nav-toggle) { border-radius: 10px; padding: .68rem 1rem; color: #fff; background: #087f75; font-weight: 750; }
button:not(.nav-scrim, .nav-toggle, .secondary, [data-view], .hero-primary, .hero-secondary):hover { background: #056c63; }
button.secondary { color: #126b68; background: #e8f4f1; }
button.secondary:hover { background: #d9eeea; }
input, select { width: 100%; min-height: 44px; padding: .72rem .84rem; border: 1px solid #d5e0e8; border-radius: 10px; background: #fff; color: #17273b; }
label { display: grid; gap: .45rem; font-weight: 700; font-size: .88rem; color: #344558; }
.muted { color: #82909e; }
.error { color: #bc3041 !important; }
.eyebrow { color: #188878; font-size: .62rem; font-weight: 900; letter-spacing: .17em; }
.brand-mark { width: 44px; height: 44px; display: inline-grid; place-items: center; flex: none; border-radius: 12px; background: linear-gradient(145deg, #14c2aa, #08766d); color: white; box-shadow: 0 9px 25px #09a38d31; font-size: 1rem; font-weight: 850; letter-spacing: -.04em; }

/* Login */
.login-view { min-height: 100vh; display: grid; place-items: center; padding: 1.5rem; background: radial-gradient(circle at 12% 15%, #c9eee8 0, transparent 36%), radial-gradient(circle at 90% 85%, #d6e6f4 0, transparent 34%), #f4f7f9; }
.login-card { width: min(100%, 430px); display: grid; gap: 1.05rem; padding: 2.4rem; border: 1px solid #e3ebee; border-radius: 24px; background: #fff; box-shadow: 0 32px 80px #182b3c1a, 0 8px 20px #182b3c0a; }
.login-card h1 { margin: -.35rem 0 0; font-size: 1.8rem; letter-spacing: -.04em; }
.login-card p { margin: 0; }
.login-card .muted { margin: -.8rem 0 .45rem; line-height: 1.7; }
.login-card button { min-height: 48px; margin-top: .25rem; }
.login-card .error:empty { display: none; }

/* Frame and navigation */
.app-shell { display: grid; grid-template-columns: 276px minmax(0, 1fr); min-height: 100vh; }
.sidebar { position: sticky; top: 0; z-index: 30; height: 100vh; display: flex; flex-direction: column; padding: 1.15rem .85rem .85rem; color: #d7e5e9; background: linear-gradient(165deg, #0b2e42 0%, #09283a 54%, #071f30 100%); box-shadow: 10px 0 32px #112d3811; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #375466 transparent; }
.brand { display: flex; gap: .75rem; align-items: center; padding: .12rem .5rem .9rem; }
.brand strong { display: block; color: #f9ffff; font-size: .96rem; font-weight: 850; letter-spacing: .01em; }
.brand small { display: block; margin-top: .18rem; color: #8ba9b5; font-size: .58rem; font-weight: 850; letter-spacing: .14em; }
.workspace-label { display: flex; gap: .55rem; align-items: center; justify-content: space-between; margin: .1rem .35rem 1rem; padding: .68rem .78rem; border: 1px solid #62d6c04d; border-radius: 10px; background: #43b1a313; color: #d7f5ee; font-size: .71rem; font-weight: 750; }
.workspace-label::after { content: '⌄'; color: #86b8b5; }
.workspace-dot, .pulse-dot { display: inline-block; width: 7px; height: 7px; flex: none; border-radius: 50%; background: #21d4b3; box-shadow: 0 0 0 4px #55d5b829; }
.edition-status-list { display: grid; gap: .34rem; margin: -.38rem .35rem .75rem; }
.edition-status { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: .48rem; min-height: 42px; padding: .46rem .52rem; border: 1px solid #ffffff12; border-radius: 9px; color: #829aa5; background: #ffffff08; cursor: default; user-select: none; }
.edition-status.is-current { border-color: #50dfc076; color: #e8fff8; background: #22ad9230; box-shadow: inset 3px 0 #32d5b4; }
.edition-status.is-included { border-color: #75b8aa3d; color: #bddbd5; background: #53a99717; }
.edition-status.is-current .edition-status-badge { color: #d7fff5; border-color: #54d8bd70; background: #30b79b38; }
.edition-status.is-included .edition-status-badge { color: #bfe6dc; border-color: #71b8a846; }
.edition-status-icon { width: 28px; height: 25px; display: grid; place-items: center; border: 1px solid #8197a240; border-radius: 7px; color: #879da7; background: #ffffff08; font-size: .46rem; font-weight: 900; letter-spacing: .04em; }
.edition-status-copy { min-width: 0; }
.edition-status-copy strong, .edition-status-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.edition-status-copy strong { color: #99aeb7; font-size: .65rem; font-weight: 750; }
.edition-status-copy small { margin-top: .08rem; color: #637e89; font-size: .5rem; }
.edition-status-badge { padding: .18rem .32rem; border: 1px solid #8296a033; border-radius: 999px; color: #879ca5; background: #071f3029; font-size: .5rem; font-weight: 750; white-space: nowrap; }
.sidebar nav { display: grid; gap: .8rem; padding-bottom: 1.25rem; }
.nav-group { display: grid; gap: .13rem; }
.nav-group > span { padding: .22rem .72rem .35rem; color: #7697a5; font-size: .64rem; font-weight: 850; letter-spacing: .05em; }
.sidebar nav button[data-view] { width: 100%; display: flex; align-items: center; gap: .72rem; min-height: 38px; padding: .44rem .62rem; border: 1px solid transparent; border-radius: 9px; color: #bfd0d6; background: transparent; text-align: left; font-size: .79rem; font-weight: 650; }
.sidebar nav button[data-view]:hover { color: #fff; background: #ffffff12; }
.sidebar nav button[data-view].active { border-color: #43b69c31; color: #f2fffc; background: linear-gradient(90deg, #087f708f, #176a6660); box-shadow: inset 3px 0 #3ee1bd; }
.nav-icon { width: 27px; height: 27px; flex: none; display: grid; place-items: center; border: 1px solid #6a94a530; border-radius: 7px; color: #9fbdc8; background: #ffffff0a; font-style: normal; font-size: .59rem; font-weight: 850; }
.sidebar nav button.active .nav-icon { border-color: #5fd3b64a; color: #cbfff3; background: #66d4b729; }
.sidebar-footer { display: flex; align-items: center; gap: .62rem; margin-top: auto; padding: .75rem .45rem .08rem; border-top: 1px solid #ffffff17; }
.profile-avatar { width: 35px; height: 35px; flex: none; display: grid; place-items: center; border-radius: 10px; color: #c9fff2; background: #2f89796b; font-size: .68rem; font-weight: 850; }
.profile-copy { flex: 1; min-width: 0; }
.profile-copy strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f2fcfb; font-size: .76rem; }
.profile-copy small { display: block; color: #7f9da9; font-size: .65rem; }
.sidebar-footer button#logout { padding: .4rem .5rem; border: 1px solid #ffffff1c; border-radius: 8px; color: #a9c5ca; background: #ffffff0b; font-size: .67rem; white-space: nowrap; }
.sidebar-footer button#logout:hover { color: #fff; background: #ffffff20; }
.nav-toggle, .nav-scrim { display: none; }

/* Main surface and top command bar */
.content { width: 100%; min-width: 0; max-width: 1920px; margin: 0 auto; padding: 0 var(--content-pad) 3rem; }
.topbar { position: sticky; top: 0; z-index: 20; min-height: 64px; display: grid; grid-template-columns: minmax(180px, .72fr) minmax(300px, 1.35fr) minmax(320px, .95fr); align-items: center; gap: 1.1rem; margin: 0 calc(-1 * var(--content-pad)); padding: .6rem var(--content-pad); border-bottom: 1px solid #e4eaed; background: #ffffffeb; backdrop-filter: blur(16px); box-shadow: 0 3px 16px #152d3a08; }
.topbar-main { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.topbar-divider { width: 1px; height: 26px; background: #e1e8eb; }
.breadcrumb { display: flex; align-items: center; gap: .5rem; min-width: 0; color: #9aa9b2; font-size: .71rem; white-space: nowrap; }
.breadcrumb strong { overflow: hidden; text-overflow: ellipsis; color: #526979; }
.breadcrumb b { color: #c1ccd1; }
.workspace-search { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .58rem; padding: 0 .72rem; border: 1px solid #e6ecef; border-radius: 10px; background: #f5f8fa; color: #90a1ac; }
.workspace-search input { min-height: 38px; padding: 0; border: 0; outline: 0; background: transparent; font-size: .72rem; }
.workspace-search kbd { padding: .18rem .36rem; border: 1px solid #dce5e9; border-radius: 5px; background: #fff; color: #8698a4; font-size: .57rem; box-shadow: 0 1px 2px #1b33420a; }
.topbar-actions { display: flex; align-items: center; justify-content: flex-end; gap: .62rem; min-width: 0; }
.online-status { display: inline-flex; align-items: center; gap: .46rem; padding-right: .75rem; border-right: 1px solid #e5ebee; color: #334f60; font-size: .69rem; font-weight: 750; white-space: nowrap; }
.online-status i { width: 7px; height: 7px; border-radius: 50%; background: #11ba99; box-shadow: 0 0 0 5px #12b99916; }
.icon-button { width: 36px; height: 36px; display: grid; place-items: center; padding: 0 !important; border: 1px solid #e2e9ec; background: #fff !important; color: #4c6472 !important; font-size: 1rem; }
.account-button { max-width: 190px; display: flex; align-items: center; gap: .55rem; padding: .25rem .35rem !important; background: transparent !important; color: #283f50 !important; text-align: left; }
.account-button > span:first-child { width: 34px; height: 34px; display: grid; place-items: center; flex: none; border-radius: 50%; background: #123a5d; color: #fff; }
.account-button > span:nth-child(2) { min-width: 0; flex: 1; }
.account-button strong, .account-button small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-button strong { font-size: .72rem; }
.account-button small { margin-top: .12rem; color: #91a1aa; font-size: .59rem; }
.account-button i { color: #78909c; font-style: normal; }
.page-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; padding: 1.55rem 0 1.15rem; }
.page-head h1 { margin: 0; color: #102a3d; font-size: clamp(1.55rem, 2.1vw, 2rem); font-weight: 900; letter-spacing: -.055em; }
.page-head p { margin: .32rem 0 0; color: #82939e; font-size: .76rem; }
.page-controls { display: flex; align-items: center; gap: .55rem; }
.expiry-badge, .updated-badge { display: inline-flex; align-items: center; gap: .5rem; padding: .58rem .78rem; border: 1px solid #dde8e8; border-radius: 999px; background: #fff; color: #526e78; box-shadow: 0 5px 18px #133a3f07; font-size: .66rem; font-weight: 750; white-space: nowrap; }
.expiry-badge::before, .updated-badge::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #18b698; }
.updated-badge::before { background: #3aa5e8; }
.message { margin: 0; color: #087f75; font-size: .78rem; }
.message:not(:empty) { margin: 0 0 .9rem; padding: .65rem .82rem; border: 1px solid #d6efe9; border-radius: 10px; background: #f0faf7; }
.message.error { border-color: #f0c7ce; background: #fff3f4; }
.view { min-width: 0; }

/* Reference-style overview */
.welcome-banner { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(340px, 1.25fr) minmax(390px, 1fr) 178px; align-items: center; min-height: 188px; overflow: hidden; padding: 1.65rem 1.9rem; border-radius: 18px; background: radial-gradient(circle at 74% -30%, #28a58a7a, transparent 38%), linear-gradient(112deg, #0a3449 0%, #0b5d5a 57%, #049071 100%); box-shadow: 0 18px 34px #123b481a; color: #fff; }
.welcome-banner::after { content: ''; position: absolute; right: -90px; top: -125px; width: 410px; height: 410px; border: 1px solid #ffffff1f; border-radius: 50%; box-shadow: 0 0 0 56px #ffffff08, 0 0 0 112px #ffffff05; z-index: -1; }
.welcome-content { position: relative; z-index: 1; min-width: 0; padding-right: 1.2rem; }
.welcome-eyebrow { display: inline-flex; align-items: center; gap: .65rem; color: #b4f1e3; font-size: .63rem; font-weight: 900; letter-spacing: .17em; }
.welcome-banner h2 { margin: .62rem 0 .32rem; font-size: clamp(1.42rem, 2vw, 2rem); font-weight: 900; letter-spacing: -.045em; }
.welcome-banner p { max-width: 540px; margin: 0; color: #b8d8d8; font-size: .76rem; line-height: 1.65; }
.welcome-meta { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1.05rem; }
.welcome-meta span { padding: .38rem .64rem; border: 1px solid #b7f4e02b; border-radius: 999px; color: #d9f4ef; background: #ffffff12; font-size: .65rem; font-weight: 750; }
.welcome-meta .healthy-chip { background: #22c5a12b; color: #bffff0; }
.healthy-chip i { display: inline-block; width: 6px; height: 6px; margin-right: .32rem; border-radius: 50%; background: #46ebbd; }
.hero-metrics { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; border-left: 1px solid #ffffff1e; }
.hero-metrics > div { position: relative; min-width: 0; padding: .35rem .82rem; border-right: 1px solid #ffffff1e; }
.hero-metric-icon { float: left; width: 31px; height: 31px; display: grid; place-items: center; margin-right: .55rem; border: 1px solid #ffffff21; border-radius: 9px; color: #cffff5; background: #ffffff12; font-size: .58rem; font-weight: 900; }
.hero-metrics p { margin: .08rem 0 .2rem; color: #a9cfcd; font-size: .62rem; white-space: nowrap; }
.hero-metrics strong { display: block; color: #fff; font-size: 1.48rem; line-height: 1.05; letter-spacing: -.04em; }
.hero-metrics small { display: block; margin: .32rem 0 0 2.72rem; color: #8fd0c7; font-size: .56rem; }
.hero-actions { position: relative; z-index: 2; display: grid; gap: .62rem; padding-left: 1rem; }
.hero-actions button { width: 100%; padding: .72rem .8rem; border: 1px solid #ffffff31; border-radius: 9px; font-size: .69rem; }
.hero-primary { background: #fff !important; color: #087c6e !important; box-shadow: 0 8px 18px #003b3326; }
.hero-secondary { background: #083f4380 !important; color: #e9fffa !important; }
.welcome-art { position: absolute; right: 7%; top: 30%; width: 125px; height: 88px; transform: rotate(-13deg); opacity: .2; }
.welcome-art span { position: absolute; width: 104px; height: 65px; border: 1px solid #b1e9d9; border-radius: 11px; background: linear-gradient(125deg, #eaffff35, #7df1c30b); }
.welcome-art span:nth-child(2) { top: 12px; left: 17px; }
.welcome-art span:nth-child(3) { top: 24px; left: 34px; }
.dashboard-kpis { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: .72rem; margin: 1rem 0; }
.kpi-card { min-width: 0; display: flex; align-items: flex-start; gap: .62rem; min-height: 104px; padding: .85rem .78rem; border: 1px solid #e0e8eb; border-radius: 13px; background: #fff; box-shadow: 0 6px 18px #183b4a09; }
.kpi-icon, .summary-icon { width: 29px; height: 29px; display: grid; place-items: center; flex: none; border-radius: 8px; color: #079b83; background: #dcf6ef; font-size: .55rem; font-weight: 900; }
.kpi-icon.blue, .summary-icon.blue { color: #338bd4; background: #e7f2fc; }
.kpi-icon.orange, .summary-icon.warn { color: #dd8435; background: #fff1e4; }
.kpi-icon.purple { color: #745bd2; background: #eeeafd; }
.kpi-card > div { min-width: 0; display: grid; gap: .17rem; }
.kpi-card span:not(.kpi-icon) { color: #607784; font-size: .62rem; font-weight: 750; }
.kpi-card strong { color: #142e42; font-size: 1.17rem; letter-spacing: -.035em; }
.kpi-card small { color: #99a8b1; font-size: .55rem; line-height: 1.35; }
.stat-empty { grid-column: 1 / -1; padding: 1.4rem; border: 1px dashed #cee0e3; border-radius: 14px; color: #8197a0; background: #fff; }
.dashboard-grid { display: grid; gap: .85rem; }
.dashboard-grid-main { grid-template-columns: minmax(0, 1.6fr) minmax(270px, .95fr) minmax(270px, .95fr); }
.dashboard-grid-bottom { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: .85rem; }
.dashboard-panel { min-width: 0; margin: 0; padding: 1rem 1.08rem; border: 1px solid #e0e8eb; border-radius: 14px; background: #fff; box-shadow: 0 7px 20px #183b4a08; }
.dashboard-panel-head { display: flex; justify-content: space-between; align-items: flex-start; gap: .75rem; margin-bottom: .7rem; }
.dashboard-panel h2 { margin: .2rem 0 0; color: #173146; font-size: .93rem; }
.panel-chip { padding: .3rem .5rem; border: 1px solid #dfe9ec; border-radius: 7px; color: #6d828e; background: #f8fafb; font-size: .59rem; white-space: nowrap; }
.business-chart { min-height: 220px; }
.business-chart svg { display: block; width: 100%; height: 220px; overflow: visible; }
.chart-grid line { stroke: #e9eff2; stroke-width: 1; }
.chart-area { fill: url(#agent-chart-fill); }
.chart-line { fill: none; stroke: #08a58b; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.chart-point circle { fill: #fff; stroke: #08a58b; stroke-width: 3; }
.chart-point text { fill: #4d6674; font-size: 10px; font-weight: 800; text-anchor: middle; }
.chart-point .chart-label { fill: #83949e; font-size: 9px; font-weight: 650; }
.chart-empty { display: grid; place-items: center; min-height: 220px; color: #91a1aa; font-size: .72rem; }
.distribution-body { min-height: 220px; display: grid; grid-template-columns: 128px minmax(0, 1fr); align-items: center; gap: .75rem; }
.resource-donut { position: relative; width: 126px; height: 126px; display: grid; place-content: center; border-radius: 50%; text-align: center; }
.resource-donut::after { content: ''; position: absolute; inset: 18px; border-radius: 50%; background: #fff; }
.resource-donut strong, .resource-donut span { position: relative; z-index: 1; }
.resource-donut strong { color: #1a3548; font-size: 1.05rem; }
.resource-donut span { margin-top: .15rem; color: #8a9aa3; font-size: .56rem; }
.resource-legend { display: grid; gap: .48rem; }
.resource-legend > div { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto auto; align-items: center; gap: .38rem; font-size: .6rem; }
.resource-legend i { width: 7px; height: 7px; border-radius: 50%; background: var(--legend-color); }
.resource-legend span { overflow: hidden; color: #617984; text-overflow: ellipsis; white-space: nowrap; }
.resource-legend strong { color: #2f4959; }
.resource-legend small { width: 34px; color: #9aa8b0; text-align: right; }
.resource-bars { min-height: 220px; display: flex; align-items: flex-end; justify-content: space-around; gap: .58rem; padding-top: 1.1rem; }
.resource-bars > div { height: 188px; flex: 1; min-width: 0; display: grid; grid-template-rows: auto 1fr auto; justify-items: center; gap: .38rem; color: #718691; font-size: .58rem; }
.resource-bars i { width: min(34px, 72%); display: flex; align-items: flex-end; border-radius: 6px 6px 2px 2px; background: #edf3f5; overflow: hidden; }
.resource-bars b { width: 100% !important; height: var(--bar-height, 50%); min-height: 4%; display: block; align-self: flex-end; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, #0fc1a0, #078a7c); }
.resource-bars > div:nth-child(3n+2) b { background: linear-gradient(180deg, #38a9ed, #4d79e7); }
.resource-bars > div:nth-child(3n) b { background: linear-gradient(180deg, #48d1b0, #0da38a); }
.resource-bars strong { color: #314c5c; font-size: .65rem; }
.summary-list { display: grid; }
.summary-list > div { min-width: 0; display: flex; align-items: center; gap: .62rem; padding: .62rem 0; border-top: 1px solid #edf1f3; }
.summary-list > div:first-child { border-top: 0; }
.summary-icon { width: 27px; height: 27px; font-size: .52rem; }
.summary-icon.ok { color: #0c9a7f; background: #dff7ef; }
.summary-list p { min-width: 0; flex: 1; margin: 0; }
.summary-list strong, .summary-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.summary-list strong { color: #304958; font-size: .68rem; }
.summary-list small { margin-top: .15rem; color: #91a0a9; font-size: .57rem; }
.summary-list time, .status-text { color: #94a4ac; font-size: .57rem; white-space: nowrap; }
.status-text { padding: .25rem .38rem; border-radius: 999px; background: #f0f4f5; }
.status-text.ok { color: #0e967e; background: #e6f8f2; }
.status-text.warn { color: #c27630; background: #fff1e2; }
/* Panels, lists and forms */
.panel { margin: 1rem 0; padding: clamp(1.1rem, 2.2vw, 1.75rem); border: 1px solid #e0e9ed; border-radius: 18px; background: #fff; box-shadow: 0 8px 28px #14354a09; }
.panel h2 { margin: 0 0 .28rem; color: #1a3448; font-size: 1.05rem; font-weight: 800; }
.panel .muted { margin: .2rem 0 1.25rem; font-size: .78rem; }
.panel-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 1rem; }
.data-sync-tools { display: flex; align-items: center; gap: .7rem; color: #879aa4; font-size: .69rem; white-space: nowrap; }
.data-sync-tools button { min-width: 88px; padding: .55rem .78rem !important; font-size: .72rem; }
.data-query-tools { display: flex; justify-content: flex-end; margin: -.2rem 0 1rem; }
.data-query-tools label { width: min(100%, 390px); grid-template-columns: auto minmax(0, 1fr); align-items: center; }
.data-query-tools label span { color: #708791; font-size: .7rem; }
.data-query-tools input { min-height: 40px; }
.table-wrap code, .scan-records code { color: #2e6f89; overflow-wrap: anywhere; white-space: normal; }
.content-copy, .scan-result-copy { width: 100%; display: grid; gap: .42rem; padding: .75rem !important; border: 1px solid #cfe9e1; border-radius: 11px !important; color: #203d4b !important; background: #f1fbf7 !important; text-align: left; }
.content-copy:hover, .scan-result-copy:hover { border-color: #8fd2bf; background: #e8f8f2 !important; }
.content-copy code, .scan-result-copy code { color: #1d3544; font-family: ui-monospace, Consolas, monospace; line-height: 1.55; white-space: pre-wrap; word-break: break-word; }
.content-copy span, .scan-result-copy span { color: #16816f; font-size: .63rem; font-weight: 800; }
.content-error { color: #b74250; font-size: .72rem; }
.scan-upload-status { margin-bottom: 1rem; padding: .95rem; border: 1px solid #deeaed; border-radius: 14px; background: #f7fbfb; }
.status-chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.status-chip { padding: .38rem .64rem; border: 1px solid #d9e3e6; border-radius: 999px; color: #566f7a; background: #fff; font-size: .68rem; font-weight: 800; }
.status-chip.pending { border-color: #ecdcae; color: #a27420; background: #fffaf0; }
.status-chip.ok { border-color: #bfe9dc; color: #16816f; background: #f0fbf7; }
.status-chip.failed { border-color: #efcbd0; color: #b4424f; background: #fff4f5; }
.scan-attention { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; margin-top: .75rem; }
.scan-attention article { display: grid; gap: .2rem; padding: .75rem; border: 1px solid #e2e9eb; border-radius: 10px; background: #fff; font-size: .7rem; }
.scan-attention span, .scan-attention small { color: #7a8e98; }
.scan-records { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.scan-card { min-width: 0; padding: 1rem; border: 1px solid #dde8eb; border-radius: 16px; background: #fff; box-shadow: 0 6px 20px #163e4d0a; }
.scan-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding-bottom: .82rem; border-bottom: 1px solid #edf2f3; }
.scan-card-head > div { display: grid; gap: .25rem; }
.scan-card-head strong { color: #1d3548; font-size: .92rem; }
.scan-card-head span:not(.latest-chip) { color: #82949e; font-size: .7rem; }
.latest-chip { padding: .33rem .55rem; border-radius: 999px; color: #16816f; background: #e8f8f2; font-size: .63rem; font-weight: 800; white-space: nowrap; }
.scan-device { display: grid; gap: .25rem; margin: .9rem 0 .75rem; }
.scan-device span { color: #82949e; font-size: .65rem; }
.scan-device strong { color: #243d4f; font-size: .85rem; }
.scan-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; margin: 0; }
.scan-facts > div { min-width: 0; padding: .68rem; border-radius: 10px; background: #f6f9fa; }
.scan-facts .wide { grid-column: 1 / -1; }
.scan-facts dt { color: #8799a2; font-size: .63rem; }
.scan-facts dd { margin: .23rem 0 0; color: #344d5c; font-size: .72rem; overflow-wrap: anywhere; }
.scan-group { margin-top: .75rem; padding: .7rem; border: 1px solid #e1e9eb; border-radius: 10px; color: #58717c; font-size: .7rem; }
.scan-group summary { cursor: pointer; font-weight: 800; }
.scan-group > div { display: grid; gap: .2rem; padding: .6rem 0; border-top: 1px solid #edf1f2; }
.scan-empty { grid-column: 1 / -1; margin: 0; padding: 2rem; border: 1px dashed #cedeE2; border-radius: 14px; color: #82949e; text-align: center; }
.usage-panel { display: grid; grid-template-columns: minmax(180px, .7fr) minmax(0, 2fr); align-items: center; gap: 1.5rem; margin-top: 1.6rem; }
.usage-panel .muted { margin-bottom: 0; }
.usage-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.usage-grid > div { display: grid; gap: .35rem; min-width: 0; padding: 1rem; border: 1px solid #e7eeef; border-radius: 13px; background: #f8fbfb; }
.usage-grid span { color: #899ca5; font-size: .67rem; }
.usage-grid strong { color: #244254; font-size: .78rem; overflow-wrap: anywhere; }
.agent-package-entitlements .usage-grid > div.is-current { border-color: #56cbb5; background: #edfbf7; box-shadow: 0 0 0 2px #56cbb51f; }
.agent-plan-feature-summary { display: grid; gap: .6rem; margin: 1rem 0; padding: .9rem 1rem; border: 1px solid #dcebea; border-radius: 13px; background: #f8fcfb; }
.agent-plan-feature-summary > strong { color: #254356; font-size: .78rem; }
.agent-plan-feature-list { display: flex; flex-wrap: wrap; gap: .5rem; }
.agent-plan-feature-chip { display: inline-flex; align-items: center; min-height: 30px; padding: .35rem .66rem; border: 1px solid #9bdace; border-radius: 999px; color: #087566; background: #e8f8f4; font-size: .7rem; font-weight: 800; }
.table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid #e8eef0; border-radius: 13px; }
table { width: 100%; border-collapse: collapse; font-size: .78rem; }
thead { background: #f5f9f9; }
th { padding: .83rem .9rem; color: #68818d; font-size: .68rem; font-weight: 800; text-align: left; white-space: nowrap; }
td { padding: .95rem .9rem; border-top: 1px solid #edf1f2; color: #334b5a; white-space: normal; overflow-wrap: anywhere; }
tbody tr:hover { background: #fafdfc; }
td small { display: block; max-width: 220px; color: #ad7044; }
.actions { display: flex; flex-wrap: wrap; gap: .4rem; min-width: 165px; }
.actions button { padding: .43rem .66rem !important; font-size: .69rem; }
.pager { display: flex; justify-content: end; align-items: center; gap: .5rem; margin-top: 1rem; }
.pager span { margin-right: auto; color: #7b909c; font-size: .74rem; }
.account-info { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; margin-top: 1rem; }
.account-info > div { display: grid; gap: .34rem; min-width: 0; padding: .95rem; border: 1px solid #e7eef0; border-radius: 11px; background: #f8fbfb; overflow-wrap: anywhere; font-size: .79rem; }
.account-info strong { color: #81949e; font-size: .7rem; }
.password-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; align-items: end; gap: 1rem; margin-top: 1.2rem; }
.password-form button { min-height: 44px; }

@media (max-width: 1260px) { .cards-primary, .cards-secondary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .usage-panel { grid-template-columns: 1fr; } }
@media (max-width: 900px) {
  .app-shell { display: block; }
  .sidebar { position: fixed; left: 0; top: 0; width: min(290px, 84vw); height: 100dvh; transform: translateX(-105%); transition: transform .25s ease; box-shadow: 15px 0 40px #071a2a35; }
  .sidebar.is-open { transform: translateX(0); }
  .nav-scrim:not([hidden]) { position: fixed; inset: 0; z-index: 25; display: block; width: 100%; height: 100%; border: 0; background: #10283880; }
  .nav-toggle { width: 37px; height: 37px; flex: none; display: grid; place-items: center; border: 1px solid #dce9e8; border-radius: 10px; color: #2b6570; background: #fff; font-size: 1.05rem; }
  .content { padding: 1.35rem 1.2rem 3rem; }
  .welcome-art { right: 5%; opacity: .22; }
  .scan-records { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .content { padding: 1.05rem .85rem 2.5rem; }
  .topbar { align-items: flex-start; }
  .topbar h1 { font-size: 1.48rem; }
  .expiry-badge { display: none; }
  .welcome-banner { min-height: 220px; padding: 1.35rem; border-radius: 17px; }
  .welcome-banner p { font-size: .77rem; }
  .welcome-meta { gap: .35rem; margin-top: 1.1rem; }
  .welcome-meta span { font-size: .62rem; }
  .welcome-art { display: none; }
  .cards-primary, .cards-secondary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
  .stat-card-primary { min-height: 155px; padding: .9rem; }
  .stat-card-primary strong { font-size: 1.65rem; }
  .stat-card-secondary { min-height: 75px; gap: .45rem; padding: .65rem; }
  .stat-mini-icon { width: 27px; height: 27px; }
  .usage-grid { grid-template-columns: 1fr; }
  .account-info, .password-form { grid-template-columns: 1fr; }
  .panel-header { align-items: flex-start; flex-direction: column; }
  .data-sync-tools { width: 100%; justify-content: space-between; }
  .data-query-tools { justify-content: stretch; }
  .data-query-tools label { width: 100%; grid-template-columns: 1fr; }
  .scan-attention, .scan-facts { grid-template-columns: 1fr; }
  .scan-facts .wide { grid-column: auto; }
  .pager { flex-wrap: wrap; }
  .pager span { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } }


/* Dashboard responsive overrides */
@media (max-width: 1500px) {
  .dashboard-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .dashboard-grid-main { grid-template-columns: minmax(0, 1.5fr) minmax(260px, 1fr); }
  .comparison-panel { grid-column: 1 / -1; }
  .resource-bars { min-height: 180px; }
  .resource-bars > div { height: 150px; }
}
@media (max-width: 1180px) {
  .topbar { grid-template-columns: minmax(170px, .8fr) minmax(280px, 1.2fr); }
  .topbar-actions { display: none; }
  .welcome-banner { grid-template-columns: 1fr; gap: 1.1rem; }
  .hero-metrics { border-left: 0; }
  .hero-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-left: 0; }
  .dashboard-grid-bottom { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .app-shell { display: block; }
  .sidebar { position: fixed; left: 0; top: 0; width: min(290px, 84vw); height: 100dvh; transform: translateX(-105%); transition: transform .25s ease; box-shadow: 15px 0 40px #071a2a35; }
  .sidebar.is-open { transform: translateX(0); }
  .nav-scrim:not([hidden]) { position: fixed; inset: 0; z-index: 25; display: block; width: 100%; height: 100%; border: 0; background: #10283880; }
  .nav-toggle { width: 36px; height: 36px; flex: none; display: grid; place-items: center; border: 1px solid #dce9e8; border-radius: 9px; color: #2b6570; background: #fff; font-size: 1rem; }
  .topbar { grid-template-columns: auto minmax(220px, 1fr); }
  .topbar-main .topbar-divider, .breadcrumb { display: none; }
  .dashboard-grid-main { grid-template-columns: 1fr; }
  .comparison-panel { grid-column: auto; }
  .scan-records { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  :root { --content-pad: .82rem; }
  .topbar { min-height: 58px; gap: .55rem; }
  .workspace-search kbd { display: none; }
  .workspace-search input { font-size: .66rem; }
  .page-head { align-items: flex-start; padding-top: 1.15rem; }
  .page-head h1 { font-size: 1.48rem; }
  .page-head p { font-size: .68rem; }
  .page-controls { display: none; }
  .welcome-banner { min-height: 0; padding: 1.3rem; border-radius: 15px; }
  .welcome-banner p { font-size: .7rem; }
  .hero-metrics { grid-template-columns: 1fr; gap: .3rem; }
  .hero-metrics > div { padding: .5rem; border: 1px solid #ffffff16; border-radius: 9px; }
  .hero-metrics small { margin-left: 2.72rem; }
  .hero-actions { grid-template-columns: 1fr; }
  .welcome-art { display: none; }
  .dashboard-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .58rem; }
  .kpi-card { min-height: 96px; padding: .72rem .65rem; }
  .distribution-body { grid-template-columns: 1fr; justify-items: center; }
  .resource-legend { width: 100%; }
  .resource-bars { overflow-x: auto; justify-content: flex-start; }
  .resource-bars > div { min-width: 46px; }
  .account-info, .password-form { grid-template-columns: 1fr; }
  .panel-header { align-items: flex-start; flex-direction: column; }
  .data-sync-tools { width: 100%; justify-content: space-between; }
  .data-query-tools { justify-content: stretch; }
  .data-query-tools label { width: 100%; grid-template-columns: 1fr; }
  .scan-attention, .scan-facts { grid-template-columns: 1fr; }
  .scan-facts .wide { grid-column: auto; }
  .pager { flex-wrap: wrap; }
  .pager span { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } }

/* Agent workspace polish · 20261002-1 */
:root { --content-pad: clamp(1rem, 1.8vw, 2rem); }
.sidebar { overflow: hidden; }
.sidebar nav { flex: 1; min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #375466 transparent; padding-bottom: .75rem; gap: .65rem; }
.sidebar .brand, .workspace-label, .edition-status-list, .sidebar-footer { flex-shrink: 0; }
.workspace-label::after { content: none; }
.sidebar nav button[data-view] { min-height: 40px; padding-top: .46rem; padding-bottom: .46rem; }
.sidebar-footer { padding-top: .85rem; margin-top: .4rem; }
.topbar { grid-template-columns: auto minmax(0, 1fr) auto; gap: 1rem; }
.workspace-search { min-width: 0; width: 100%; max-width: 600px; justify-self: center; }
.workspace-search input { min-width: 0; }
.topbar-actions { display: flex; gap: .7rem; }
.online-status { white-space: nowrap; }
.online-status[data-state="loading"] i { background: #3b9bed; animation: sync-pulse 1.1s ease-in-out infinite; }
.online-status[data-state="stale"] i, .online-status[data-state="offline"] i { background: #e27753; box-shadow: 0 0 0 4px #e2775319; }
.online-status[data-state="paused"] i, .online-status[data-state="idle"] i { background: #9baab4; box-shadow: none; }
.healthy-chip[data-state="stale"], .healthy-chip[data-state="offline"] { color: #ffdfb9; }
.healthy-chip[data-state="stale"] i, .healthy-chip[data-state="offline"] i { background: #ffc079; }
.page-head { align-items: center; flex-wrap: wrap; }
.page-controls { flex-wrap: wrap; justify-content: flex-end; }
.page-controls button.auto-refresh { min-height: 36px; padding: .5rem .75rem; border: 1px solid #cae5df; border-radius: 999px; color: #107b6d; background: #eff9f6; font-size: .66rem; }
.page-controls button.auto-refresh[aria-pressed="false"] { color: #6e7f8a; border-color: #dce5e9; background: #f6f9fa; }
.updated-badge { font-variant-numeric: tabular-nums; }
.welcome-banner { min-height: 170px; grid-template-columns: minmax(0, 1.25fr) minmax(270px, 1fr) 156px; gap: .65rem; padding: 1.45rem 1.65rem; }
.welcome-content h2 { font-size: clamp(1.3rem, 1.7vw, 1.8rem); line-height: 1.4; margin: .75rem 0 .55rem; }
.welcome-content p { font-size: .76rem; line-height: 1.7; }
.welcome-meta { flex-wrap: wrap; }
.hero-metrics { min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hero-metrics > div { min-width: 0; padding: .4rem .6rem; }
.hero-metrics strong { font-variant-numeric: tabular-nums; }
.hero-metrics small { display: none; }
.hero-actions { padding-left: .5rem; }
.dashboard-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin: 1rem 0; }
.dashboard-kpis .kpi-card { position: relative; min-height: 100px; padding: 1rem; border-radius: 14px; text-align: left; }
.dashboard-kpis button.kpi-card { display: flex; gap: .8rem; border: 1px solid #dfe9ed; color: #172b3c; background: #fff; font-weight: inherit; }
.dashboard-kpis button.kpi-card:hover { border-color: #8acfc0; background: #fafffd; box-shadow: 0 7px 24px #116b6210; transform: translateY(-2px); }
.dashboard-kpis .kpi-card strong { font-size: 1.45rem; font-variant-numeric: tabular-nums; }
.dashboard-kpis .kpi-card small { color: #85959f; }
.kpi-arrow { position: absolute; top: .6rem; right: .65rem; color: #9caeb6; font-size: .8rem; }
.dashboard-grid-main { grid-template-columns: minmax(0, 1.45fr) minmax(310px, 1fr); gap: 1rem; }
.comparison-panel { grid-column: 1 / -1; }
.dashboard-panel { min-width: 0; padding: 1.1rem; border-radius: 15px; }
.chart-column { fill: #10ac91; }
.chart-point:nth-child(even) .chart-column { fill: #4b9bdd; }
.chart-axis { fill: #8c9ca6; font-size: 10px; text-anchor: end; }
.business-chart svg { height: 205px; }
.business-chart { min-height: 205px; }
.distribution-body { min-height: 205px; gap: 1rem; }
.resource-legend { gap: .45rem; }
.resource-legend > div { font-size: .66rem; }
.resource-bars { min-height: 160px; padding-top: .2rem; }
.resource-bars > div { height: 150px; max-width: 95px; }
.resource-bars b { min-height: 0; }
.resource-bars i { width: 42px; }
.dashboard-grid-bottom { gap: 1rem; margin-top: 1rem; }
.summary-list small { font-size: .66rem; }
.view { position: relative; }
.view.is-loading::before { content: ''; display: block; position: absolute; left: 0; right: 0; top: -7px; height: 2px; border-radius: 3px; background: linear-gradient(90deg, transparent, #10b394, transparent); background-size: 220% 100%; animation: sync-progress 1.3s linear infinite; }
.view.is-loading #dashboard-kpis:empty::before { content: '正在同步工作空间…'; grid-column: 1 / -1; padding: 2rem; border: 1px solid #dfe9ed; border-radius: 14px; color: #7b929b; background: #fff; text-align: center; }
.icon-button.is-refreshing { color: #119e88; }
.message:empty { display: none; }
.message.error { line-height: 1.65; }
.table-empty { padding: 2.5rem 1rem; text-align: center; color: #83959f; }
.table-wrap { scrollbar-width: thin; }
.table-wrap thead { position: sticky; top: 0; z-index: 1; }
.table-wrap tbody tr:nth-child(even) { background: #fbfdfd; }
.data-query-tools { align-items: end; flex-wrap: wrap; gap: .75rem; }
.data-query-tools button { padding: .65rem .8rem; font-size: .74rem; }
.pager { flex-wrap: wrap; gap: .6rem; }
.page-size-label { display: flex; align-items: center; gap: .45rem; font-size: .7rem; font-weight: 500; color: #78909c; }
.page-size-label select { width: 85px; min-height: 36px; padding: .4rem .6rem; font-size: .72rem; }
.password-form { align-items: end; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.password-form button { justify-self: start; }
.package-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin: .9rem 0 1rem; }
.package-summary > div { display: grid; gap: .2rem; min-height: 74px; padding: .85rem 1rem; border: 1px solid #e0eaed; border-radius: 12px; background: #f9fcfc; }
.package-summary span { color: #80939c; font-size: .67rem; }
.package-summary strong { color: #163247; font-size: 1.25rem; font-variant-numeric: tabular-nums; }
.package-sha { display: flex; align-items: center; gap: .45rem; max-width: 245px; }
.package-sha code { display: block; overflow: hidden; max-width: 175px; color: #42606f; text-overflow: ellipsis; white-space: nowrap; }
.package-sha button { flex: 0 0 auto; padding: .32rem .5rem; font-size: .62rem; }
.security-table code { display: block; max-width: 320px; overflow: hidden; color: #55717e; text-overflow: ellipsis; white-space: nowrap; }
.security-table small { display: block; margin-top: .2rem; color: #8a9ba3; }
.session-state { display: inline-flex; align-items: center; gap: .35rem; padding: .28rem .48rem; border-radius: 999px; background: #edf8f5; color: #108571; font-size: .64rem; font-weight: 700; }
.session-state.current { background: #e9f4fc; color: #287db6; }
.session-state.expired { background: #f2f4f5; color: #7c8b92; }
.danger-button { color: #b14f43 !important; border-color: #ebc9c4 !important; background: #fff8f7 !important; }
.activity-details { max-width: 360px; word-break: break-word; }
@keyframes sync-progress { to { background-position: -220% 0; } }
@keyframes sync-pulse { 50% { opacity: .4; } }
@media (min-width: 1800px) {
  .dashboard-kpis { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .dashboard-grid-main { grid-template-columns: minmax(0, 1.6fr) minmax(310px, 1fr) minmax(280px, 1fr); }
  .comparison-panel { grid-column: auto; }
}
@media (max-width: 1280px) {
  .welcome-banner { grid-template-columns: minmax(0, 1fr) minmax(280px, 1fr); }
  .hero-actions { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); padding-left: 0; }
  .hero-actions button { min-height: 38px; }
  .page-controls { justify-content: flex-start; }
  .topbar-actions .account-button { display: none; }
  .topbar-actions { display: flex; }
}
@media (max-width: 1100px) {
  .topbar-main .breadcrumb { display: none; }
  .dashboard-grid-main { grid-template-columns: 1fr; }
  .comparison-panel { grid-column: auto; }
}
@media (max-width: 900px) {
  .topbar { grid-template-columns: auto minmax(0, 1fr) auto; gap: .7rem; }
  .content { padding: 0 var(--content-pad) 2.5rem; }
  .sidebar nav { gap: .5rem; }
  .sidebar nav button[data-view] { min-height: 40px; }
  .welcome-banner { grid-template-columns: 1fr; }
  .hero-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); border-left: 0; }
  .hero-metrics > div { padding: .65rem; }
  .hero-actions { grid-column: auto; }
  .password-form { grid-template-columns: 1fr; }
  .dashboard-grid-bottom { grid-template-columns: 1fr; }
  .package-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .topbar { min-height: 62px; }
  :root { --content-pad: .85rem; }
  .topbar-actions { gap: 0; }
  .topbar-actions .online-status { display: none; }
  .workspace-search { min-width: 0; }
  .workspace-search input { font-size: .75rem; }
  .page-head { gap: .8rem; }
  .page-head p { line-height: 1.65; }
  .page-controls { display: flex; width: 100%; gap: .5rem; }
  .page-controls .expiry-badge { display: none; }
  .updated-badge { padding: .48rem .65rem; font-size: .63rem; }
  .welcome-banner { padding: 1.2rem; }
  .welcome-content h2 { font-size: 1.4rem; }
  .welcome-meta { gap: .4rem; }
  .hero-metrics { gap: .35rem; }
  .hero-metrics > div { display: flex; flex-direction: column; align-items: flex-start; border-radius: 10px; padding: .65rem .5rem; gap: .25rem; }
  .hero-metric-icon { display: none; }
  .hero-metrics p { margin: 0; font-size: .63rem; }
  .hero-metrics strong { margin: 0; font-size: 1.35rem; }
  .hero-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
  .hero-actions button { padding: .6rem .4rem; font-size: .7rem; }
  .dashboard-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
  .dashboard-kpis .kpi-card, .dashboard-kpis button.kpi-card { min-height: 100px; gap: .5rem; padding: .8rem .6rem; }
  .dashboard-kpis .kpi-card small { font-size: .57rem; }
  .dashboard-panel { padding: 1rem; }
  .distribution-body { grid-template-columns: 130px minmax(0, 1fr); gap: .7rem; }
  .resource-legend > div { grid-template-columns: 7px minmax(0, 1fr) auto; font-size: .6rem; }
  .resource-legend small { display: none; }
  .data-query-tools { align-items: center; }
  .data-query-tools label { flex: 1; min-width: 150px; }
  .page-size-label { margin-right: auto; }
  .table-wrap { max-height: 65vh; }
  .login-card { padding: 1.65rem; }
  .package-summary { grid-template-columns: 1fr 1fr; gap: .5rem; }
  .package-summary > div { min-height: 64px; padding: .7rem; }
}
@media (max-width: 360px) {
  .distribution-body { grid-template-columns: 1fr; }
  .hero-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hero-metrics p { font-size: .58rem; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }

/* Four-tier plan suite · 20261024-plan-suite-v2 */
.sidebar nav button.plan-locked { color: #78909a; opacity: .58; filter: saturate(.55); }
.sidebar nav button.plan-locked::after { content: '未开通'; margin-left: auto; padding: .15rem .35rem; border: 1px solid #58717f; border-radius: 999px; font-size: .52rem; color: #9bb0b9; }
.sidebar nav button.plan-locked:hover { color: #a7bbc3; background: #ffffff08; transform: none; }
.plan-limit-summary { margin: .75rem 0 0; padding: .65rem .8rem; border: 1px solid #d9e9e6; border-radius: 10px; color: #50727a; background: #f5fbf9; font-size: .72rem; }
.plan-center-hero { display: flex; align-items: center; justify-content: space-between; gap: 1rem; background: linear-gradient(135deg, #f7fcfb, #eef8f6); }
.plan-center-hero h2 { margin: .25rem 0 .35rem; }
.plan-inheritance-note { flex-shrink: 0; padding: .55rem .75rem; border: 1px solid #bfe3dc; border-radius: 999px; color: #107b6d; background: #fff; font-size: .68rem; font-weight: 700; }
.plan-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0; }
.plan-card { min-width: 0; padding: 1rem; border: 1px solid #dce7eb; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px #153b4a0a; }
.plan-card.plan-current { border-color: #1bb397; box-shadow: 0 10px 28px #0f927f18; background: linear-gradient(180deg, #f4fffc, #fff 38%); }
.plan-card.plan-included { border-color: #b9ddd6; background: #fbfefd; }
.plan-card.plan-locked { color: #7b8d96; background: #f7f9fa; filter: saturate(.55); }
.plan-card-head { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.plan-card-head span { font-size: 1rem; font-weight: 800; color: #173242; }
.plan-card-head b { padding: .25rem .45rem; border-radius: 999px; color: #607680; background: #edf2f4; font-size: .58rem; }
.plan-current .plan-card-head b { color: #087563; background: #dff8f1; }
.plan-card h3 { min-height: 2.7rem; margin: .65rem 0; font-size: .76rem; line-height: 1.7; color: #607580; }
.plan-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; }
.plan-specs span { display: flex; flex-direction: column; gap: .2rem; padding: .55rem; border-radius: 9px; background: #f2f7f8; color: #80929b; font-size: .6rem; }
.plan-specs strong { color: #173242; font-size: .72rem; }
.plan-card ul { display: grid; gap: .38rem; margin: .8rem 0 0; padding: 0; list-style: none; }
.plan-card li { position: relative; padding-left: 1rem; color: #546d77; font-size: .65rem; line-height: 1.55; }
.plan-card li::before { content: '✓'; position: absolute; left: 0; color: #10a88e; font-weight: 800; }
.plan-rule-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin-top: .9rem; }
.plan-rule-grid div { display: grid; gap: .35rem; padding: .8rem; border: 1px solid #e1e9ec; border-radius: 11px; background: #fbfdfd; }
.plan-rule-grid strong { color: #1c3b4b; font-size: .72rem; }
.plan-rule-grid span { color: #71858e; font-size: .65rem; line-height: 1.6; }
@media (max-width: 1280px) { .plan-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .plan-rule-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .plan-center-hero { align-items: flex-start; flex-direction: column; } .plan-cards, .plan-rule-grid { grid-template-columns: 1fr; } }

/* Flagship on-chain batch display · 20261024-onchain-display-v9 */
.onchain-feature-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1rem; margin: 1rem 0; padding: 1rem; border: 1px solid #92dacd; border-radius: 15px; background: linear-gradient(135deg, #f0fcf9, #fff); transition: border-color .2s ease, background .2s ease, filter .2s ease; }
.onchain-feature-card.is-locked { border-color: #d9e1e4; color: #74858e; background: #f5f7f8; filter: saturate(.35); }
.onchain-feature-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; color: #fff; background: linear-gradient(135deg, #0aa98e, #166e7d); font-size: .7rem; font-weight: 900; letter-spacing: .08em; }
.is-locked .onchain-feature-icon { color: #84939a; background: #dfe5e7; }
.onchain-feature-copy { min-width: 0; }
.onchain-feature-copy h3 { margin: .22rem 0 .3rem; color: #193746; font-size: 1rem; }
.onchain-feature-copy p { margin: 0; color: #617985; font-size: .7rem; line-height: 1.6; }
.onchain-feature-action { display: flex; align-items: center; justify-content: flex-end; gap: .65rem; flex-wrap: wrap; }
.onchain-access-badge { padding: .38rem .58rem; border-radius: 999px; color: #087966; background: #ddf7f0; font-size: .62rem; font-weight: 800; }
.is-locked .onchain-access-badge { color: #72828a; background: #e7ebed; }
.onchain-feature-shell { overflow: hidden; border-color: #9cddd1; background: linear-gradient(150deg, #f8fffd, #fff 38%); }
.onchain-feature-shell.is-locked { border-color: #dbe3e6; background: #f5f7f8; filter: saturate(.38); }
.onchain-feature-hero { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #dfebea; }
.onchain-feature-hero h2 { margin: .25rem 0 .4rem; }
.onchain-feature-hero p { margin: 0; color: #657b85; font-size: .74rem; }
.onchain-capability-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; margin: 1rem 0; }
.onchain-capability-grid > div { padding: .9rem; border: 1px solid #dce8e9; border-radius: 12px; background: #fff; }
.onchain-capability-grid span { display: inline-grid; place-items: center; width: 28px; height: 28px; margin-bottom: .65rem; border-radius: 8px; color: #087b6a; background: #e4f8f3; font-size: .62rem; font-weight: 900; }
.onchain-capability-grid strong { display: block; color: #213d4c; font-size: .76rem; }
.onchain-capability-grid p { margin: .38rem 0 0; color: #748791; font-size: .66rem; line-height: 1.65; }
.onchain-display-notice { margin: 0; padding: .8rem .9rem; border: 1px dashed #bfced3; border-radius: 10px; color: #627881; background: #f8fafb; font-size: .68rem; line-height: 1.65; }
@media (max-width: 900px) { .onchain-capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .onchain-feature-card, .onchain-feature-hero { align-items: flex-start; grid-template-columns: 1fr; flex-direction: column; } .onchain-feature-action { justify-content: flex-start; } .onchain-capability-grid { grid-template-columns: 1fr; } }

/* Plan operations lifecycle · 20261024-plan-operations-v3 */
.plan-card-request { width: 100%; margin-top: .85rem; }
.plan-request-state { flex-shrink: 0; padding: .4rem .65rem; border-radius: 999px; color: #60747d; background: #edf3f4; font-size: .64rem; font-weight: 700; }
.plan-request-state.is-pending { color: #9b6515; background: #fff1d5; }
.plan-usage { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .65rem; margin: 1rem 0; }
.plan-usage > div { display: grid; gap: .3rem; min-width: 0; padding: .75rem; border: 1px solid #deeaec; border-radius: 11px; background: #f9fcfc; }
.plan-usage span { color: #7b8e97; font-size: .62rem; }
.plan-usage strong { overflow: hidden; color: #193746; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.plan-request-form { display: grid; grid-template-columns: minmax(190px, .8fr) minmax(260px, 1.5fr) auto; align-items: end; gap: .75rem; margin: .85rem 0 1rem; padding: .85rem; border: 1px solid #dce8ea; border-radius: 12px; background: #fbfdfd; }
.plan-request-form label { display: grid; gap: .35rem; color: #617780; font-size: .64rem; }
.plan-request-form select, .plan-request-form input { min-height: 40px; }
.plan-request-form button { min-height: 40px; }
.plan-history-table td { vertical-align: middle; }
.plan-request-badge { display: inline-flex; padding: .25rem .45rem; border-radius: 999px; color: #526871; background: #edf2f4; font-size: .61rem; font-weight: 700; }
.plan-request-badge.status-pending { color: #986411; background: #fff0d1; }
.plan-request-badge.status-approved { color: #087966; background: #def7f0; }
.plan-request-badge.status-rejected { color: #a64b40; background: #fde9e6; }
@media (max-width: 1280px) { .plan-usage { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .plan-request-form { grid-template-columns: 1fr; } .plan-usage { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Tiered report center · 20261024-report-center-v4 */
.report-center-hero { display: flex; align-items: center; justify-content: space-between; gap: 1rem; background: linear-gradient(135deg, #f7fcfb, #eef7fb); }
.report-center-hero h2 { margin: .25rem 0 .35rem; }
.report-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .85rem; margin: 1rem 0; }
.report-card { display: grid; gap: .65rem; min-width: 0; padding: 1rem; border: 1px solid #dce8ea; border-radius: 14px; background: #fff; box-shadow: 0 7px 20px #173b4908; }
.report-card > div { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.report-card span { color: #173847; font-size: .86rem; font-weight: 800; }
.report-card b { padding: .22rem .42rem; border-radius: 999px; color: #087866; background: #def7f0; font-size: .58rem; }
.report-card p { min-height: 2.4rem; margin: 0; color: #6d818a; font-size: .66rem; line-height: 1.7; }
.report-card.report-locked { background: #f5f7f8; filter: saturate(.45); opacity: .68; }
.report-card.report-locked b { color: #687b84; background: #e7ecee; }
.report-toolbar { display: grid; grid-template-columns: minmax(180px, .8fr) minmax(140px, .5fr) auto auto; align-items: end; gap: .7rem; margin-bottom: .9rem; }
.report-toolbar label { display: grid; gap: .3rem; color: #667b84; font-size: .64rem; }
.report-toolbar select, .report-toolbar button { min-height: 40px; }
.report-meta { margin-bottom: .75rem; padding: .65rem .75rem; border-radius: 9px; color: #547079; background: #f2f8f8; font-size: .7rem; }
.report-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .7rem; margin-bottom: 1rem; }
.report-metrics > div { display: grid; gap: .3rem; padding: .8rem; border: 1px solid #deeaec; border-radius: 10px; background: #fbfdfd; }
.report-metrics span { color: #7a8c94; font-size: .62rem; }
.report-metrics strong { color: #183847; font-size: 1.05rem; }
.report-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1rem; }
.report-grid h3 { margin: .2rem 0 .65rem; color: #254553; font-size: .8rem; }
.report-grid table { min-width: 520px; }
.report-empty { min-height: 110px; margin: 0; padding: 2rem 1rem; border: 1px dashed #d9e5e7; border-radius: 10px; color: #7a8e96; text-align: center; font-size: .7rem; }
@media (max-width: 1280px) { .report-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .report-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .report-grid { grid-template-columns: 1fr; } .report-toolbar { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .report-center-hero { align-items: flex-start; flex-direction: column; } .report-cards, .report-metrics, .report-toolbar { grid-template-columns: 1fr; } }

/* Agent automation center · 20261024-automation-center-v5 */
.automation-center-hero { display: flex; align-items: center; justify-content: space-between; gap: 1rem; background: linear-gradient(135deg, #f4fffb, #eef6fb); }
.automation-center-hero h2 { margin: .25rem 0 .35rem; }
.automation-tier-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; margin: 1rem 0; }
.automation-tier { display: grid; gap: .5rem; min-width: 0; padding: .9rem; border: 1px solid #dbe8ea; border-radius: 13px; background: #fff; }
.automation-tier > div { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.automation-tier span { color: #183847; font-size: .78rem; font-weight: 800; }
.automation-tier b { padding: .2rem .4rem; border-radius: 999px; color: #607680; background: #edf2f4; font-size: .56rem; }
.automation-tier > strong { color: #0d8875; font-size: 1.05rem; }
.automation-tier p { margin: 0; color: #73868e; font-size: .63rem; line-height: 1.55; }
.automation-tier.automation-current { border-color: #17ad91; background: linear-gradient(180deg, #f2fffb, #fff); box-shadow: 0 8px 25px #0c967f14; }
.automation-tier.automation-current b { color: #087563; background: #ddf7ef; }
.automation-tier.automation-locked { color: #7b8d95; background: #f5f7f8; filter: saturate(.45); opacity: .68; }
.automation-usage { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; margin-bottom: 1rem; }
.automation-usage > div { display: grid; gap: .3rem; padding: .75rem; border: 1px solid #dce8ea; border-radius: 11px; background: #fbfdfd; }
.automation-usage span { color: #7a8d95; font-size: .62rem; }
.automation-usage strong { color: #193847; font-size: .86rem; }
.automation-form { display: grid; grid-template-columns: 1.4fr repeat(3, minmax(140px, .7fr)) auto; align-items: end; gap: .7rem; }
.automation-form label { display: grid; gap: .35rem; color: #657b84; font-size: .64rem; }
.automation-form input, .automation-form select, .automation-form button { min-height: 41px; }
.automation-status { display: inline-flex; padding: .24rem .44rem; border-radius: 999px; color: #087765; background: #def7ef; font-size: .6rem; font-weight: 700; }
.automation-status.status-paused { color: #7a6970; background: #efecef; }
.automation-status.status-failed { color: #a6493e; background: #fde8e5; }
#automation-rule-rows td, #automation-run-rows td { vertical-align: middle; }
#automation-rule-rows small { display: block; margin-top: .25rem; color: #82949b; }
@media (max-width: 1280px) { .automation-tier-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .automation-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .automation-center-hero { align-items: flex-start; flex-direction: column; } .automation-tier-cards, .automation-usage, .automation-form { grid-template-columns: 1fr; } }

/* Agent alert center · 20261024-alert-center-v6 */
.alert-center-hero { display: flex; align-items: center; justify-content: space-between; gap: 1rem; background: linear-gradient(135deg, #fffaf3, #f3fbfa); }
.alert-center-hero h2 { margin: .25rem 0 .35rem; }
.alert-hero-actions { display: flex; align-items: center; gap: .6rem; }
.alert-metric-cards { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .65rem; margin: 1rem 0; }
.alert-metric { display: flex; align-items: center; justify-content: space-between; gap: .4rem; min-width: 0; padding: .72rem; border: 1px solid #dce8ea; border-radius: 11px; background: #fff; }
.alert-metric span { overflow: hidden; color: #1d3e4c; font-size: .68rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.alert-metric b { flex-shrink: 0; padding: .18rem .34rem; border-radius: 999px; color: #087563; background: #def7ef; font-size: .52rem; }
.alert-metric.alert-locked { background: #f5f7f8; filter: saturate(.4); opacity: .62; }
.alert-metric.alert-locked b { color: #6c7e86; background: #e6ecee; }
.alert-usage { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .65rem; margin-bottom: 1rem; }
.alert-usage > div { display: grid; gap: .3rem; padding: .75rem; border: 1px solid #dce8ea; border-radius: 11px; background: #fbfdfd; }
.alert-usage span { color: #7b8e96; font-size: .61rem; }
.alert-usage strong { color: #193847; font-size: .86rem; }
.alert-form { display: grid; grid-template-columns: 1.3fr repeat(4, minmax(125px, .65fr)) auto; align-items: end; gap: .65rem; }
.alert-form label { display: grid; gap: .34rem; color: #647983; font-size: .63rem; }
.alert-form input, .alert-form select, .alert-form button { min-height: 41px; }
.alert-severity, .alert-rule-status, .alert-event-status { display: inline-flex; padding: .23rem .43rem; border-radius: 999px; font-size: .59rem; font-weight: 750; }
.alert-severity.severity-low { color: #346c86; background: #e3f2f9; }
.alert-severity.severity-medium { color: #8b6419; background: #fff0cf; }
.alert-severity.severity-high { color: #ac5140; background: #fde7e1; }
.alert-severity.severity-critical { color: #fff; background: #bd3f3f; }
.alert-rule-status.status-active, .alert-event-status.status-resolved { color: #087563; background: #def7ef; }
.alert-rule-status.status-paused { color: #6d7880; background: #e9edef; }
.alert-event-status.status-open { color: #a14d3e; background: #fde7e2; }
.alert-event-status.status-acknowledged { color: #8b6419; background: #fff0cf; }
#alert-rule-rows td, #alert-event-rows td { vertical-align: middle; }
#alert-rule-rows small, #alert-event-rows small { display: block; margin-top: .25rem; color: #83949b; }
@media (max-width: 1280px) { .alert-metric-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } .alert-form { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .alert-center-hero { align-items: flex-start; flex-direction: column; } .alert-hero-actions { width: 100%; flex-wrap: wrap; } .alert-metric-cards, .alert-usage, .alert-form { grid-template-columns: 1fr; } }


/* Google Ads market-estimate center */
.google-ads-source-notice{display:flex;align-items:flex-start;gap:12px;margin:18px 0;padding:14px 16px;border:1px solid #cfe8e4;border-radius:14px;color:#34565d;background:linear-gradient(135deg,#f4fbfa,#f8fbfd)}
.google-ads-source-notice strong{color:#0f766e}.google-ads-source-notice .source-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;color:#0f766e;background:#dcf5ef;font-weight:800}
.google-ads-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);gap:18px}.google-ads-market-card{border:1px solid #dce9ec;border-radius:18px;padding:20px;background:linear-gradient(145deg,#062f42,#087d70);color:#fff;box-shadow:0 14px 35px rgba(18,68,77,.12)}
.google-ads-market-card .eyebrow{color:#83f0d6}.google-ads-market-card h3{margin:7px 0 5px;font-size:22px}.google-ads-market-card p{margin:0;color:rgba(255,255,255,.72)}.google-ads-market-card a{color:#9fffe7;text-decoration:underline}
.google-ads-benchmarks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.google-ads-benchmark{padding:13px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.08)}
.google-ads-benchmark span{display:block;color:rgba(255,255,255,.65);font-size:12px}.google-ads-benchmark strong{display:block;margin-top:4px;font-size:20px}.google-ads-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.google-ads-form-grid .field-wide{grid-column:1/-1}
.google-ads-kpis{display:grid;grid-template-columns:repeat(6,minmax(92px,1fr));gap:10px;margin:16px 0}.google-ads-kpi{padding:13px;border:1px solid #e0ebed;border-radius:13px;background:#f9fcfc}.google-ads-kpi span{display:block;color:#799096;font-size:12px}.google-ads-kpi strong{display:block;margin-top:5px;color:#123946;font-size:18px}
.google-ads-table .metric-source{display:block;margin-top:3px;color:#8a9ba0;font-size:11px}.google-ads-table .campaign-name{max-width:240px}.google-ads-table .campaign-name strong{display:block;color:#143b48}.google-ads-table .campaign-name small{display:block;overflow:hidden;color:#83969b;text-overflow:ellipsis;white-space:nowrap}
.google-ads-table .status-pill[data-status="active"]{color:#087a69;background:#e5f8f2}.google-ads-table .status-pill[data-status="paused"]{color:#8a6812;background:#fff5d9}.google-ads-table .status-pill[data-status="draft"]{color:#60727a;background:#edf3f5}.google-ads-table .status-pill[data-status="ended"]{color:#8b4b4b;background:#fbeaea}
@media(max-width:1080px){.google-ads-layout{grid-template-columns:1fr}.google-ads-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.google-ads-form-grid{grid-template-columns:1fr}.google-ads-form-grid .field-wide{grid-column:auto}.google-ads-kpis{grid-template-columns:repeat(2,1fr)}.google-ads-benchmarks{grid-template-columns:1fr 1fr}}
/* Google Ads center - actual component selectors */
.ads-center-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#07384a,#0b7d70);color:#fff}.ads-center-hero .muted{color:rgba(255,255,255,.72)}.ads-center-hero .eyebrow{color:#7debd2}.ads-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ads-center-hero .panel-chip{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff}
.ads-source-notice{display:flex;align-items:center;gap:12px;margin:16px 0;padding:14px 16px;border:1px solid #cfe8e4;border-radius:14px;background:linear-gradient(135deg,#f4fbfa,#f8fbfd);color:#34565d}.ads-source-notice strong{flex:0 0 auto;color:#0f766e}.ads-source-notice span{line-height:1.55}
.ads-usage{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));gap:10px;margin:16px 0}.ads-usage>div{padding:13px;border:1px solid #e0ebed;border-radius:13px;background:#fff}.ads-usage span{display:block;color:#799096;font-size:12px}.ads-usage strong{display:block;margin-top:5px;color:#123946;font-size:18px}
.ads-benchmark-panel{margin-bottom:18px}.benchmark-link{display:inline-flex;align-items:center}.ads-benchmark{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));gap:10px}.ads-benchmark>div{padding:13px;border-radius:13px;background:#f3faf8}.ads-benchmark span{display:block;color:#738b91;font-size:12px}.ads-benchmark strong{display:block;margin-top:5px;color:#0d665e;font-size:18px}
.ads-builder{margin-bottom:18px}.ads-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}.ads-form label{display:grid;gap:7px}.ads-form input,.ads-form select,.ads-toolbar input,.ads-toolbar select{width:100%}.ads-note-field{grid-column:span 2}.ads-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:14px}.ads-toolbar label{display:grid;gap:6px;min-width:180px;flex:1}.ads-status{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.ads-status.status-active{color:#087a69;background:#e5f8f2}.ads-status.status-paused{color:#8a6812;background:#fff5d9}.ads-status.status-draft{color:#60727a;background:#edf3f5}.ads-status.status-ended{color:#8b4b4b;background:#fbeaea}
#ads-campaign-rows td small{display:block;margin-top:4px;color:#83969b}#ads-campaign-rows td>a,#ads-campaign-rows small a{display:block;overflow:hidden;max-width:260px;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1100px){.ads-usage,.ads-benchmark{grid-template-columns:repeat(3,1fr)}.ads-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.ads-center-hero{align-items:flex-start;flex-direction:column}.ads-usage,.ads-benchmark{grid-template-columns:repeat(2,1fr)}.ads-form{grid-template-columns:1fr}.ads-note-field{grid-column:auto}.ads-toolbar{align-items:stretch;flex-direction:column}.ads-toolbar label{width:100%}}
/* BLACK TECH UI LAYER — neon operations workspace */
:root{color-scheme:dark;--ink:#e8f8f8;--muted:#7897a2;--line:#173946;--navy:#04131d;--navy-deep:#020910;--teal:#20f2bd;--teal-dark:#0dbb96}
body{color:#d9ecee;background-color:#02080d;background-image:linear-gradient(rgba(31,213,190,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(31,213,190,.025) 1px,transparent 1px),radial-gradient(circle at 82% 8%,rgba(0,225,255,.09),transparent 26%),radial-gradient(circle at 28% 82%,rgba(31,242,179,.06),transparent 30%);background-size:32px 32px,32px 32px,auto,auto;background-attachment:fixed}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,transparent 0 47%,rgba(37,247,207,.035) 50%,transparent 53%);animation:tech-scan 9s linear infinite}
@keyframes tech-scan{0%{transform:translateX(-42%)}100%{transform:translateX(42%)}}
.content{background:linear-gradient(180deg,rgba(3,13,20,.8),rgba(2,8,13,.96))}
.sidebar{border-right:1px solid rgba(38,236,204,.18);background:radial-gradient(circle at 40% 0,rgba(20,224,199,.14),transparent 26%),linear-gradient(180deg,#051923 0%,#03121b 48%,#020b11 100%);box-shadow:12px 0 40px rgba(0,0,0,.42),inset -1px 0 rgba(31,245,206,.07)}
.brand-mark{border:1px solid rgba(73,255,221,.55);background:linear-gradient(145deg,#13d9b3,#057f88);box-shadow:0 0 0 3px rgba(31,241,195,.06),0 0 28px rgba(24,242,195,.24)}
.workspace-label{border-color:rgba(48,244,209,.28);background:linear-gradient(90deg,rgba(25,227,191,.1),rgba(0,213,255,.04));box-shadow:inset 0 0 22px rgba(14,218,185,.03)}
.edition-status{border-color:rgba(103,157,171,.14);background:rgba(8,31,42,.66)}.edition-status.is-current{border-color:rgba(57,255,211,.55);background:linear-gradient(90deg,rgba(19,206,170,.24),rgba(0,188,214,.08));box-shadow:inset 3px 0 #2cface,0 0 18px rgba(15,232,194,.08)}
.sidebar nav button[data-view]{position:relative}.sidebar nav button[data-view]::after{content:"";position:absolute;right:10px;width:4px;height:4px;border-radius:50%;background:#375864;box-shadow:0 0 0 0 transparent}.sidebar nav button[data-view]:hover::after,.sidebar nav button[data-view].active::after{background:#39f6cf;box-shadow:0 0 10px #2ff6ce}
.sidebar nav button[data-view].active{border-color:rgba(62,242,207,.3);background:linear-gradient(90deg,rgba(8,142,123,.72),rgba(5,54,70,.58));box-shadow:inset 3px 0 #44ffd3,0 0 22px rgba(14,211,176,.08)}
.topbar{border-bottom:1px solid rgba(70,201,205,.16);background:rgba(3,14,22,.86);box-shadow:0 8px 28px rgba(0,0,0,.22);backdrop-filter:blur(22px) saturate(140%)}.topbar-divider,.online-status{border-color:rgba(83,151,165,.2)}.breadcrumb{color:#5c7e89}.breadcrumb strong{color:#b9d3d7}.breadcrumb b{color:#31515d}
.workspace-search{border-color:rgba(66,161,174,.22);background:rgba(5,24,34,.88);color:#587d88;box-shadow:inset 0 0 24px rgba(0,216,210,.025)}.workspace-search input{color:#d8edef}.workspace-search kbd{border-color:rgba(68,144,157,.22);background:#071d27;color:#6e929c;box-shadow:none}
.online-status{color:#a8c6cb}.online-status i{background:#2bffbd;box-shadow:0 0 0 4px rgba(43,255,189,.09),0 0 14px rgba(43,255,189,.6)}.icon-button{border-color:rgba(67,142,157,.22)!important;background:#071b25!important;color:#8bb4bd!important}.account-button{color:#d8edf0!important}.account-button>span:first-child{border:1px solid rgba(49,242,210,.28);background:linear-gradient(145deg,#0c5965,#092837);box-shadow:0 0 16px rgba(24,222,207,.12)}
.page-head h1{color:#efffff;text-shadow:0 0 24px rgba(70,240,221,.12)}.page-head p,.muted{color:#7897a2}.expiry-badge,.updated-badge,.auto-refresh{border-color:rgba(68,154,166,.22)!important;background:rgba(6,25,35,.86)!important;color:#9fc3c9!important;box-shadow:none}.updated-badge::before{background:#31d7ff;box-shadow:0 0 9px rgba(49,215,255,.7)}.expiry-badge::before{box-shadow:0 0 9px rgba(24,220,174,.65)}
.panel,.dashboard-panel,.kpi-card,.stat-empty,.crm-stage,.crm-usage>div,.ads-usage>div{border-color:rgba(59,139,152,.19);background:linear-gradient(145deg,rgba(8,27,37,.96),rgba(5,18,27,.96));box-shadow:0 14px 38px rgba(0,0,0,.2),inset 0 1px rgba(148,255,238,.025)}
.panel{position:relative;overflow:hidden}.panel::before{content:"";position:absolute;top:0;left:0;width:78px;height:1px;background:linear-gradient(90deg,#2df8c8,transparent);opacity:.65}
.panel h2,.dashboard-panel h2,.kpi-card strong,.crm-stage strong,.crm-usage strong,.ads-usage strong,.ads-benchmark strong{color:#e9fbfb}.panel-chip{border-color:rgba(76,157,170,.23);background:#081d27;color:#7ea3ac}
.dashboard-panel-head{border-bottom-color:rgba(62,121,134,.14)}.kpi-card{transition:transform .2s,border-color .2s,box-shadow .2s}.kpi-card:hover{transform:translateY(-2px);border-color:rgba(45,239,202,.3);box-shadow:0 16px 35px rgba(0,0,0,.25),0 0 22px rgba(25,230,196,.05)}.kpi-card span:not(.kpi-icon){color:#7e9ca5}.kpi-card small{color:#54727c}
.kpi-icon,.summary-icon{color:#25edc3;background:rgba(20,206,169,.12);box-shadow:inset 0 0 16px rgba(29,240,199,.06)}.kpi-icon.blue,.summary-icon.blue{color:#37d5ff;background:rgba(25,171,222,.11)}.kpi-icon.orange,.summary-icon.warn{color:#ffab5d;background:rgba(226,125,36,.12)}.kpi-icon.purple{color:#aa8dff;background:rgba(126,86,224,.13)}
.welcome-banner{border:1px solid rgba(58,255,216,.2);background:radial-gradient(circle at 75% -30%,rgba(29,230,201,.3),transparent 38%),linear-gradient(112deg,#071e2b 0%,#07534f 58%,#087a68 100%);box-shadow:0 18px 50px rgba(0,0,0,.3),0 0 40px rgba(13,212,180,.05)}.welcome-banner::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);mix-blend-mode:screen}
input,select,textarea,.crm-form input,.crm-form select,.crm-form textarea,.crm-toolbar input,.crm-toolbar select,.crm-activity-form input,.crm-activity-form select,.ads-form input,.ads-form select,.ads-toolbar input,.ads-toolbar select{border-color:rgba(71,143,156,.26);background:#061923;color:#dff2f3;box-shadow:inset 0 1px 8px rgba(0,0,0,.18)}input::placeholder,textarea::placeholder{color:#466670}input:focus,select:focus,textarea:focus{border-color:#1fdcbb;box-shadow:0 0 0 3px rgba(31,220,187,.08),0 0 18px rgba(31,220,187,.06);outline:0}label,.crm-form label,.crm-toolbar label,.crm-activity-form label{color:#88a6ae}
button:not(.nav-scrim,.nav-toggle){background:linear-gradient(135deg,#0aa783,#087a7d);box-shadow:0 6px 18px rgba(4,143,120,.14)}button:not(.nav-scrim,.nav-toggle,.secondary,[data-view],.hero-primary,.hero-secondary):hover{background:linear-gradient(135deg,#11c899,#099097);box-shadow:0 8px 24px rgba(20,224,184,.18)}button.secondary{border:1px solid rgba(69,160,170,.2);background:#0a2932;color:#66e8cf;box-shadow:none}button.secondary:hover{border-color:rgba(55,235,202,.32);background:#0d3640}
table{color:#b8d2d7}thead{background:#071b25}th{color:#779aa3;border-color:rgba(68,126,138,.18)}td{border-color:rgba(58,112,124,.14)}tbody tr{background:rgba(5,19,27,.3)}tbody tr:hover{background:rgba(11,47,55,.48)}
.chart-grid line{stroke:#163541}.chart-line{stroke:#21e8be;filter:drop-shadow(0 0 4px rgba(33,232,190,.35))}.chart-point circle{fill:#061821;stroke:#2bf1c6}.chart-point text{fill:#8ab0b8}.donut-track,.resource-bar-track{stroke:#112e39}
.crm-center-hero{background:linear-gradient(135deg,rgba(8,35,44,.98),rgba(5,25,38,.98))}.crm-stage.crm-locked{background:#07151d;opacity:.46}.crm-stage.crm-available{border-color:rgba(38,231,191,.24)}.crm-usage{border-color:rgba(55,133,145,.2);background:#15343e}.crm-activity-item{border-color:rgba(57,133,145,.2);background:#071a23}.crm-stage-badge,.crm-activity-type{background:rgba(24,204,169,.12);color:#52f0cf}.crm-tag{background:rgba(47,132,211,.13);color:#69b8ff}
.ads-center-hero{border:1px solid rgba(57,248,211,.22);background:radial-gradient(circle at 88% 0,rgba(0,223,255,.19),transparent 30%),linear-gradient(135deg,#061f2c,#07564f)}.ads-source-notice{border-color:rgba(44,229,194,.22);background:linear-gradient(90deg,rgba(13,61,62,.72),rgba(7,31,43,.82));color:#9fc4c7}.ads-source-notice strong{color:#54f2d1}.ads-benchmark>div{border:1px solid rgba(46,162,163,.17);background:#071f28}.ads-benchmark span{color:#7799a1}.ads-status.status-active{color:#4af1c8;background:rgba(24,206,165,.13)}.ads-status.status-paused{color:#ffd36f;background:rgba(205,150,35,.12)}.ads-status.status-draft{color:#8eabb3;background:rgba(102,136,145,.11)}.ads-status.status-ended{color:#ff8f94;background:rgba(203,74,83,.12)}
.message:not(:empty){border-color:rgba(39,219,184,.2);background:rgba(12,67,62,.5);color:#67f1d3}.message.error{border-color:rgba(232,86,107,.28);background:rgba(91,24,38,.46);color:#ff9eac!important}
.login-view{background:linear-gradient(rgba(11,223,203,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(11,223,203,.03) 1px,transparent 1px),radial-gradient(circle at 18% 15%,rgba(13,190,190,.18),transparent 28%),radial-gradient(circle at 82% 85%,rgba(18,101,177,.14),transparent 32%),#02080d;background-size:34px 34px,34px 34px,auto,auto}.login-card{border-color:rgba(57,224,199,.2);background:rgba(5,20,29,.94);box-shadow:0 32px 90px rgba(0,0,0,.5),0 0 45px rgba(19,223,191,.06)}.login-card h1{color:#efffff}.login-note{color:#5f818b}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#041018}::-webkit-scrollbar-thumb{border:2px solid #041018;border-radius:9px;background:#173c46}::-webkit-scrollbar-thumb:hover{background:#1e5960}
@media(prefers-reduced-motion:reduce){body::before{animation:none}.kpi-card{transition:none}}
/* OKX-INSPIRED DARK REFINEMENT — restrained, dense, professional */
:root{--ink:#f5f7f7;--muted:#8b8e93;--line:#27292e;--teal:#00d890;--teal-dark:#00af76;--navy:#101114;--navy-deep:#090a0c}
body{color:#f1f3f3;background:#0b0c0e;background-image:none}
body::before{display:none}
.app-shell{background:#0b0c0e}
.content{background:#0b0c0e}
.sidebar{border-right:1px solid #24262b;background:#101114;box-shadow:none}
.brand-mark{border:0;border-radius:9px;background:#f3f5f5;color:#090a0c;box-shadow:none}
.workspace-label{border-color:#2a2d31;border-radius:8px;background:#17181c;box-shadow:none;color:#e5e7e8}
.workspace-dot,.pulse-dot{background:#00d890;box-shadow:0 0 0 3px rgba(0,216,144,.12)}
.edition-status{border-color:#26282d;border-radius:8px;background:#15161a}.edition-status.is-current{border-color:#00b87c;background:#17211e;box-shadow:inset 3px 0 #00d890}.edition-status.is-included{border-color:#34373c;background:#17191c}
.edition-status-icon{border-color:#34373c;border-radius:6px;background:#1b1d21}.edition-status-copy strong{color:#b8bbbf}.edition-status-copy small{color:#6f7379}.edition-status-badge{border-color:#34373c;background:#111216;color:#83878c}
.sidebar nav button[data-view]{border-radius:7px;color:#aeb2b6}.sidebar nav button[data-view]:hover{background:#1a1c20;color:#fff}.sidebar nav button[data-view].active{border-color:#303338;background:#f2f4f4;color:#090a0c;box-shadow:none}.sidebar nav button[data-view].active::after{background:#00b879;box-shadow:none}.nav-icon{border-color:#303338;border-radius:6px;background:#191b1f;color:#9da1a6}.sidebar nav button.active .nav-icon{border-color:#d2d5d5;background:#e1e4e4;color:#111216}
.topbar{border-bottom:1px solid #24262b;background:rgba(11,12,14,.94);box-shadow:none;backdrop-filter:blur(16px)}.workspace-search{border-color:#292b30;border-radius:8px;background:#15161a;box-shadow:none}.workspace-search kbd{border-color:#33363b;background:#1d1f23;color:#8d9298}.icon-button{border-color:#303238!important;border-radius:8px!important;background:#17191d!important}.account-button>span:first-child{border:0;background:#f2f4f4;color:#0b0c0e;box-shadow:none}.online-status i{background:#00d890;box-shadow:0 0 0 3px rgba(0,216,144,.1)}
.page-head h1{color:#f7f8f8;text-shadow:none}.expiry-badge,.updated-badge,.auto-refresh{border-color:#2b2e32!important;border-radius:7px!important;background:#15171a!important;color:#aeb3b6!important}
.panel,.dashboard-panel,.kpi-card,.stat-empty,.crm-stage,.crm-usage>div,.ads-usage>div{border-color:#25272c;border-radius:10px;background:#141519;box-shadow:none}.panel::before{display:none}.panel h2,.dashboard-panel h2,.kpi-card strong,.crm-stage strong,.crm-usage strong,.ads-usage strong,.ads-benchmark strong{color:#f2f4f4}.panel-chip{border-color:#303238;border-radius:6px;background:#1b1d21;color:#969ba0}
.kpi-card{border-radius:9px;transition:border-color .16s,background .16s}.kpi-card:hover{transform:none;border-color:#3a3d42;background:#181a1e;box-shadow:none}.kpi-icon,.summary-icon{border-radius:7px;color:#00d890;background:#1b2823;box-shadow:none}.kpi-icon.blue,.summary-icon.blue{color:#56a8ff;background:#192331}.kpi-icon.orange,.summary-icon.warn{color:#ffad5b;background:#2b2118}.kpi-icon.purple{color:#a891ff;background:#231f31}
.welcome-banner{border:1px solid #282b2f;border-radius:12px;background:#15171a;box-shadow:none}.welcome-banner::before{display:block;background:linear-gradient(90deg,transparent 0 63%,rgba(0,216,144,.045) 63% 100%);mix-blend-mode:normal}.welcome-banner::after{border-color:rgba(0,216,144,.14);box-shadow:0 0 0 56px rgba(0,216,144,.03),0 0 0 112px rgba(0,216,144,.018)}.welcome-banner p{color:#92979b}.welcome-eyebrow{color:#00d890}.welcome-meta span{border-color:#33363a;border-radius:6px;background:#1d1f23;color:#b7bbbe}.welcome-meta .healthy-chip{background:#18251f;color:#35de9f}
input,select,textarea,.crm-form input,.crm-form select,.crm-form textarea,.crm-toolbar input,.crm-toolbar select,.crm-activity-form input,.crm-activity-form select,.ads-form input,.ads-form select,.ads-toolbar input,.ads-toolbar select{border-color:#303238;border-radius:7px;background:#1a1c20;color:#eff1f1;box-shadow:none}input:focus,select:focus,textarea:focus{border-color:#00c986;box-shadow:0 0 0 2px rgba(0,201,134,.1)}
button:not(.nav-scrim,.nav-toggle){border-radius:7px;background:#f2f4f4;color:#101114;box-shadow:none}button:not(.nav-scrim,.nav-toggle,.secondary,[data-view],.hero-primary,.hero-secondary):hover{background:#fff;box-shadow:none}button.secondary{border:1px solid #303338;background:#1b1d21;color:#e2e5e5;box-shadow:none}button.secondary:hover{border-color:#44474d;background:#222429}.hero-primary{background:#f3f5f5!important;color:#0c0d0f!important;box-shadow:none}.hero-secondary{border-color:#34373c!important;background:#1d1f23!important;color:#d8dbdc!important}
table{color:#c2c5c7}thead{background:#181a1e}th{color:#8d9297;border-color:#292c30}td{border-color:#23252a}tbody tr{background:#141519}tbody tr:hover{background:#191b1f}.chart-grid line{stroke:#2a2d31}.chart-line{stroke:#00d890;filter:none}.chart-point circle{fill:#141519;stroke:#00d890}.chart-point text{fill:#8f959a}
.crm-center-hero,.ads-center-hero{border-color:#292c30;background:#15171a}.crm-stage.crm-available{border-color:#2d3d36}.crm-stage.crm-locked{background:#111216}.crm-usage{border-color:#272a2e;background:#272a2e}.crm-activity-item{border-color:#292c30;border-radius:8px;background:#17191c}.crm-stage-badge,.crm-activity-type{background:#1b2a24;color:#27da9a}.crm-tag{background:#1b2430;color:#68aef4}
.ads-source-notice{border-color:#2b3632;border-radius:8px;background:#171d1b;color:#a9adac}.ads-source-notice strong{color:#00d890}.ads-benchmark>div{border-color:#292c30;border-radius:8px;background:#191b1f}.ads-status.status-active{color:#2ee2a0;background:#1a2923}
.login-view{background:#0b0c0e;background-image:linear-gradient(#14161a 1px,transparent 1px),linear-gradient(90deg,#14161a 1px,transparent 1px);background-size:40px 40px}.login-card{border-color:#292c30;border-radius:12px;background:#141519;box-shadow:0 24px 70px rgba(0,0,0,.4)}.login-card h1{color:#f4f6f6}
.message:not(:empty){border-color:#285044;border-radius:7px;background:#17231f;color:#41daa1}.message.error{border-color:#553037;background:#25171a;color:#ff929e!important}
::-webkit-scrollbar-track{background:#0b0c0e}::-webkit-scrollbar-thumb{border-color:#0b0c0e;background:#303338}::-webkit-scrollbar-thumb:hover{background:#45484e}
/* OKX component contrast fix */
.usage-grid>div{border-color:#292c30;border-radius:8px;background:#191b1f}.usage-grid span{color:#858a8f}.usage-grid strong{color:#edf0f0}.agent-package-entitlements .usage-grid>div.is-current{border-color:#00b87c;background:#18231f;box-shadow:none}
.agent-plan-feature-summary{border-color:#292c30;border-radius:8px;background:#181a1e}.agent-plan-feature-summary>strong{color:#e8ebeb}.agent-plan-feature-list span{border-color:#303338;background:#202226;color:#bfc3c5}
.plan-limit-summary{border-color:#2c3331;border-radius:7px;background:#181e1c;color:#9ca7a3}
.table-wrap tbody tr,.table-wrap tbody tr:nth-child(even){background:#141519}.table-wrap tbody tr:hover,.table-wrap tbody tr:nth-child(even):hover{background:#1a1c20}
.table-wrap{border-color:#292c30;background:#141519}.table-empty{color:#72777c;background:#15171a}
.account-info>div,.security-summary>div,.report-card,.automation-tier,.alert-metric{border-color:#292c30;background:#181a1e;color:#dfe2e2}
/* SILKY PERFORMANCE LAYER — fast motion without persistent GPU cost */
html{scrollbar-gutter:stable;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body::before{animation:none!important}
.topbar{backdrop-filter:none}.content{isolation:isolate}
button:not(:disabled),.sidebar nav button[data-view],input,select,textarea{transition:color 140ms cubic-bezier(.2,.8,.2,1),background-color 140ms cubic-bezier(.2,.8,.2,1),border-color 140ms cubic-bezier(.2,.8,.2,1),transform 140ms cubic-bezier(.2,.8,.2,1)}
button:not(:disabled):active{transform:scale(.985)}
.panel,.dashboard-panel,.kpi-card,.crm-stage,.ads-usage>div{contain:paint}
@supports(content-visibility:auto){.view>article,.view>.dashboard-grid,.view>.dashboard-kpis,.view>.usage-grid{content-visibility:auto;contain-intrinsic-size:1px 280px}}
@media(max-width:900px){.sidebar{will-change:transform;transform:translateZ(0)}.sidebar:not(.is-open){will-change:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* LUXURY CLARITY UI V11 — obsidian navigation, pearl workspace, champagne flagship */
:root {
  color-scheme: light;
  --ink: #18202d;
  --muted: #667085;
  --line: #d9dee7;
  --navy: #111319;
  --navy-deep: #090b0f;
  --teal: #0b8f75;
  --teal-dark: #086c5a;
  --lux-gold: #b7863b;
  --lux-gold-soft: #f2e4c7;
  --workspace: #f4f2ed;
  --surface: #ffffff;
  --surface-soft: #faf9f6;
  --shadow-soft: 0 12px 32px rgba(25, 31, 42, .07);
  --shadow-float: 0 18px 48px rgba(25, 31, 42, .12);
}
html { scroll-behavior: smooth; }
body {
  color: var(--ink);
  background: var(--workspace);
  background-image: radial-gradient(circle at 82% -8%, rgba(183, 134, 59, .11), transparent 28%), linear-gradient(180deg, #f8f7f3, #f2f0ea);
  font-family: Inter, "SF Pro Display", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: .002em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body::before { display: none !important; }
.app-shell { grid-template-columns: 286px minmax(0, 1fr); background: transparent; }
.content { max-width: 1960px; padding-bottom: 3.5rem; background: transparent; }

/* Obsidian navigation */
.sidebar {
  border-right: 1px solid #2a2e37;
  color: #e7e9ed;
  background: radial-gradient(circle at 18% -4%, rgba(196, 151, 73, .16), transparent 27%), linear-gradient(180deg, #14171e 0%, #0d0f14 54%, #080a0e 100%);
  box-shadow: 14px 0 42px rgba(14, 17, 23, .13);
}
.brand { padding: .25rem .32rem .85rem; }
.brand-mark {
  border: 1px solid rgba(229, 196, 131, .68);
  border-radius: 12px;
  color: #17130c;
  background: linear-gradient(145deg, #fff2d2 0%, #d7aa59 55%, #9c6a28 100%);
  box-shadow: 0 9px 26px rgba(183, 134, 59, .24), inset 0 1px rgba(255,255,255,.7);
}
.brand strong { color: #fff; font-size: 1.02rem; letter-spacing: .015em; }
.brand small { color: #9da4af; font-size: .66rem; }
.workspace-label {
  min-height: 46px;
  border: 1px solid rgba(207, 170, 102, .28);
  border-radius: 11px;
  color: #f5ead5;
  background: linear-gradient(100deg, rgba(197, 151, 72, .16), rgba(255,255,255,.035));
  box-shadow: inset 0 1px rgba(255,255,255,.035);
  font-size: .82rem;
}
.workspace-dot, .pulse-dot { background: #d9b46f; box-shadow: 0 0 0 4px rgba(217, 180, 111, .12); }
.edition-status { min-height: 48px; border-color: #2d313a; border-radius: 10px; background: rgba(255,255,255,.025); }
.edition-status-copy strong { color: #d6d9df; font-size: .76rem; }
.edition-status-copy small { color: #858c97; font-size: .62rem; }
.edition-status-badge { border-color: #414650; color: #a9afb9; background: #171a21; font-size: .58rem; }
.edition-status.is-current { border-color: rgba(214, 174, 99, .58); color: #fff4df; background: linear-gradient(90deg, rgba(191, 141, 54, .22), rgba(255,255,255,.035)); box-shadow: inset 3px 0 #dcb873; }
.edition-status.is-included { border-color: #3d424c; color: #dde0e5; background: #1a1d24; }
.edition-status.is-current .edition-status-badge { border-color: rgba(227, 191, 126, .42); color: #fae9c7; background: rgba(184, 132, 44, .16); }
.nav-group > span { padding-top: .48rem; color: #747b87; font-size: .68rem; letter-spacing: .1em; }
.sidebar nav { gap: .72rem; }
.sidebar nav button[data-view] {
  min-height: 44px;
  border-radius: 10px;
  color: #c4c9d1;
  background: transparent;
  font-size: .84rem;
  font-weight: 680;
  letter-spacing: .005em;
}
.sidebar nav button[data-view]::after { background: #4a505a; box-shadow: none; }
.sidebar nav button[data-view]:hover { color: #fff; background: rgba(255,255,255,.065); transform: translateX(2px); }
.sidebar nav button[data-view].active {
  border-color: rgba(230, 200, 143, .9);
  color: #17130d;
  background: linear-gradient(100deg, #f9eccf, #d4aa62);
  box-shadow: 0 9px 24px rgba(181, 128, 39, .18), inset 0 1px rgba(255,255,255,.7);
}
.sidebar nav button[data-view].active::after { background: #7a511c; }
.nav-icon { width: 29px; height: 29px; border-color: #3a404a; border-radius: 8px; color: #abb1ba; background: #1c2028; font-size: .64rem; }
.sidebar nav button.active .nav-icon { border-color: rgba(100,69,22,.24); color: #4d3210; background: rgba(255,255,255,.45); }
.sidebar nav button.plan-locked { color: #7e8590; opacity: .78; filter: none; }
.sidebar nav button.plan-locked::after { color: #a9aeb6; border-color: #414650; background: #171a20; }
.sidebar-footer { border-top-color: #292d35; }
.profile-avatar { border: 1px solid rgba(222,184,112,.38); color: #f5dfb6; background: #282117; }
.profile-copy strong { color: #f3f4f6; font-size: .82rem; }
.profile-copy small { color: #8d949f; font-size: .68rem; }

/* Clear top bar and typography */
.topbar {
  min-height: 72px;
  border-bottom: 1px solid rgba(49, 56, 69, .1);
  background: rgba(250, 249, 246, .94);
  box-shadow: 0 8px 26px rgba(22, 28, 38, .045);
  backdrop-filter: blur(12px) saturate(125%);
}
.breadcrumb { color: #7a8494; font-size: .78rem; }
.breadcrumb strong { color: #354052; font-weight: 750; }
.breadcrumb b { color: #b1b7c0; }
.topbar-divider, .online-status { border-color: #d9dee6; }
.workspace-search { min-height: 44px; border-color: #d9dee6; border-radius: 12px; color: #7c8695; background: #fff; box-shadow: 0 6px 18px rgba(31,38,50,.04); }
.workspace-search input { color: #202938; font-size: .82rem; }
.workspace-search input::placeholder { color: #8992a1; }
.workspace-search kbd { border-color: #dce1e8; color: #6f7886; background: #f5f6f8; }
.online-status { color: #3f4b5d; font-size: .75rem; }
.online-status i { background: #159b72; box-shadow: 0 0 0 4px rgba(21,155,114,.1); }
.icon-button { border-color: #d8dde5 !important; background: #fff !important; color: #394658 !important; box-shadow: 0 5px 14px rgba(31,38,50,.05); }
.account-button { color: #263244 !important; }
.account-button > span:first-child { border: 1px solid #c9a768; color: #f7e8c8; background: linear-gradient(145deg,#29231b,#111318); }
.account-button small { color: #7c8693; }
.page-head { padding: 1.9rem 0 1.35rem; }
.page-head h1 { color: #161d29; font-size: clamp(1.9rem, 2.5vw, 2.65rem); font-weight: 820; letter-spacing: -.045em; line-height: 1.15; }
.page-head p { margin-top: .5rem; color: #667085; font-size: .88rem; line-height: 1.75; }
.eyebrow { color: #936623; font-size: .7rem; letter-spacing: .14em; }
.muted { color: #667085; }
.expiry-badge, .updated-badge, .auto-refresh { min-height: 38px; border-color: #d8dde5 !important; border-radius: 10px !important; color: #4b5565 !important; background: rgba(255,255,255,.86) !important; box-shadow: 0 5px 16px rgba(31,38,50,.04); font-size: .73rem; }
.expiry-badge::before { background: #b7863b; box-shadow: 0 0 0 4px rgba(183,134,59,.1); }
.updated-badge::before { background: #188b74; box-shadow: 0 0 0 4px rgba(24,139,116,.08); }

/* Pearl content surfaces */
.panel, .dashboard-panel, .kpi-card, .stat-empty, .crm-stage, .crm-usage > div, .ads-usage > div,
.account-info > div, .security-summary > div, .report-card, .automation-tier, .alert-metric {
  border: 1px solid #dfe3e9;
  border-radius: 16px;
  color: var(--ink);
  background: rgba(255,255,255,.96);
  box-shadow: var(--shadow-soft);
}
.panel { overflow: visible; padding: clamp(1.25rem, 2.2vw, 1.9rem); }
.panel::before { display: none; }
.panel h2, .dashboard-panel h2, .kpi-card strong, .crm-stage strong, .crm-usage strong, .ads-usage strong, .ads-benchmark strong { color: #172033; }
.panel h2, .dashboard-panel h2 { font-size: 1.16rem; line-height: 1.35; }
.panel .muted { font-size: .84rem; line-height: 1.7; }
.panel-chip { border-color: #d9dee6; border-radius: 8px; color: #5f6978; background: #f6f7f9; font-size: .68rem; }
.dashboard-panel-head { border-bottom-color: #e7e9ed; }
.dashboard-kpis { gap: .9rem; }
.dashboard-kpis .kpi-card, .dashboard-kpis button.kpi-card { min-height: 122px; padding: 1.12rem; border-color: #dfe3e9; color: #172033; background: #fff; }
.kpi-card { transition: transform 180ms cubic-bezier(.2,.8,.2,1), border-color 180ms ease, box-shadow 180ms ease; }
.kpi-card:hover, .dashboard-kpis button.kpi-card:hover { transform: translateY(-3px); border-color: #ccb078; background: #fffdf8; box-shadow: var(--shadow-float); }
.kpi-card span:not(.kpi-icon) { color: #596579; font-size: .73rem; }
.kpi-card strong, .dashboard-kpis .kpi-card strong { color: #172033; font-size: 1.56rem; }
.kpi-card small, .dashboard-kpis .kpi-card small { color: #788394; font-size: .66rem; line-height: 1.5; }
.kpi-icon, .summary-icon { border-radius: 10px; color: #846025; background: #f3e7d0; box-shadow: inset 0 0 0 1px rgba(183,134,59,.12); }
.kpi-icon.blue, .summary-icon.blue { color: #276ca5; background: #eaf3fb; }
.kpi-icon.orange, .summary-icon.warn { color: #a65b26; background: #fff0e4; }
.kpi-icon.purple { color: #6f55a4; background: #f1ecfb; }

/* Executive hero */
.welcome-banner {
  min-height: 205px;
  border: 1px solid #2f333b;
  border-radius: 20px;
  color: #fff;
  background: radial-gradient(circle at 88% 10%, rgba(235,201,137,.22), transparent 27%), linear-gradient(112deg, #151820 0%, #22242a 57%, #3a2c1b 100%);
  box-shadow: 0 22px 58px rgba(20, 22, 28, .2);
}
.welcome-banner::before { display: block; background: linear-gradient(108deg, transparent 0 58%, rgba(255,230,180,.045) 58% 100%); mix-blend-mode: normal; }
.welcome-banner::after { border-color: rgba(235,205,146,.2); box-shadow: 0 0 0 58px rgba(211,170,95,.035), 0 0 0 116px rgba(211,170,95,.02); }
.welcome-eyebrow { color: #e6c98f; font-size: .7rem; }
.welcome-content h2 { color: #fff; font-size: clamp(1.55rem, 2vw, 2.1rem); letter-spacing: -.035em; }
.welcome-banner p { color: #c9cdd4; font-size: .84rem; }
.welcome-meta span { border-color: rgba(232,205,154,.22); border-radius: 8px; color: #e5e2db; background: rgba(255,255,255,.07); font-size: .72rem; }
.welcome-meta .healthy-chip { color: #d5f5e6; background: rgba(28,145,102,.2); }
.hero-metrics p { color: #adb3bd; font-size: .69rem; }
.hero-metrics strong { color: #fff; font-size: 1.65rem; }
.hero-metric-icon { border-color: rgba(238,208,152,.24); color: #ead09d; background: rgba(211,169,90,.11); }
.hero-primary { color: #18130c !important; background: linear-gradient(135deg,#fff1d1,#d9ad61) !important; }
.hero-secondary { border-color: rgba(238,211,163,.22) !important; color: #f1e6d2 !important; background: rgba(255,255,255,.07) !important; }

/* Controls, tables and readable dense data */
label, .crm-form label, .crm-toolbar label, .crm-activity-form label { color: #465266; font-size: .78rem; }
input, select, textarea, .crm-form input, .crm-form select, .crm-form textarea, .crm-toolbar input, .crm-toolbar select, .crm-activity-form input, .crm-activity-form select, .ads-form input, .ads-form select, .ads-toolbar input, .ads-toolbar select {
  min-height: 44px;
  border-color: #cfd5de;
  border-radius: 10px;
  color: #1c2533;
  background: #fff;
  box-shadow: inset 0 1px 2px rgba(25,31,42,.025);
  font-size: .82rem;
}
input::placeholder, textarea::placeholder { color: #8993a2; opacity: 1; }
input:focus, select:focus, textarea:focus { border-color: #ad843f; outline: 0; box-shadow: 0 0 0 3px rgba(183,134,59,.12); }
button:not(.nav-scrim,.nav-toggle) { min-height: 40px; border-radius: 10px; color: #fff; background: linear-gradient(135deg,#252932,#11141a); box-shadow: 0 7px 18px rgba(20,23,30,.12); font-size: .78rem; }
button:not(.nav-scrim,.nav-toggle,.secondary,[data-view],.hero-primary,.hero-secondary):hover { color: #19130a; background: linear-gradient(135deg,#f4dfb4,#c99a4c); box-shadow: 0 10px 24px rgba(176,126,42,.18); }
button.secondary { border: 1px solid #d5dae2; color: #354052; background: #fff; box-shadow: 0 5px 14px rgba(25,31,42,.05); }
button.secondary:hover { border-color: #c6a569; color: #6e4b17; background: #fffaf0; }
.table-wrap { border-color: #dfe3e9; border-radius: 12px; background: #fff; }
table { color: #263244; font-size: .84rem; }
thead { background: #f6f4ef; }
th { padding: .9rem 1rem; border-color: #e2e5ea; color: #4d5869; font-size: .74rem; }
td { padding: 1rem; border-color: #e8ebef; color: #344054; }
td small, #ads-campaign-rows td small { color: #687386; font-size: .7rem; }
tbody tr, .table-wrap tbody tr, .table-wrap tbody tr:nth-child(even) { background: #fff; }
tbody tr:nth-child(even), .table-wrap tbody tr:nth-child(even) { background: #fcfbf8; }
tbody tr:hover, .table-wrap tbody tr:hover, .table-wrap tbody tr:nth-child(even):hover { background: #fbf4e7; }
.table-empty { color: #667085; background: #fbfaf7; }
.chart-grid line { stroke: #e2e6eb; }
.chart-line { stroke: #a9782e; filter: drop-shadow(0 2px 2px rgba(169,120,46,.12)); }
.chart-point circle { fill: #fff; stroke: #a9782e; }
.chart-point text, .chart-axis { fill: #667085; }

/* Product centers */
.crm-center-hero, .ads-center-hero, .plan-center-hero, .report-center-hero {
  border-color: #ddd7ca;
  color: #172033;
  background: radial-gradient(circle at 92% 0, rgba(196,153,74,.12), transparent 30%), linear-gradient(135deg,#fff,#f8f4eb);
}
.crm-stage.crm-available { border-color: #dbcba9; }
.crm-stage.crm-locked { color: #7a8391; background: #f1f2f4; opacity: .78; }
.crm-usage { border-color: #e1e4e9; background: #e1e4e9; }
.crm-activity-item { border-color: #e0e4e9; border-radius: 12px; background: #fbfaf7; }
.crm-stage-badge, .crm-activity-type { color: #77541d; background: #f3e7d0; }
.crm-tag { color: #315f8c; background: #eaf2fa; }
.ads-source-notice { border-color: #dacba9; border-radius: 11px; color: #5f574b; background: #fbf6eb; }
.ads-source-notice strong { color: #7d571d; }
.ads-benchmark > div { border: 1px solid #e0e4e9; border-radius: 11px; background: #fbfaf7; }
.ads-benchmark span { color: #667085; }
.ads-status.status-active { color: #087354; background: #e4f5ee; }
.ads-status.status-paused { color: #7a5b13; background: #fff3d4; }
.ads-status.status-draft { color: #596579; background: #eef1f4; }
.ads-status.status-ended { color: #983d4b; background: #fbe8eb; }

/* Flagship aspiration — premium but status remains truthful */
.onchain-feature-card, .onchain-feature-shell {
  border-color: #d8bf8d;
  color: #2a251d;
  background: radial-gradient(circle at 95% 0, rgba(195,147,62,.15), transparent 31%), linear-gradient(135deg,#fffdf8,#f8f0df);
  box-shadow: 0 14px 38px rgba(109,77,26,.09);
}
.onchain-feature-card.is-locked, .onchain-feature-shell.is-locked {
  border-color: #cdb37d;
  color: #5f584d;
  background: radial-gradient(circle at 94% 0, rgba(195,147,62,.12), transparent 32%), linear-gradient(135deg,#faf9f6,#f1eadc);
  filter: none;
}
.onchain-feature-icon, .is-locked .onchain-feature-icon { color: #fff1d4; background: linear-gradient(145deg,#393125,#17191e); box-shadow: 0 8px 20px rgba(48,38,23,.16); }
.onchain-feature-copy h3 { color: #302719; font-size: 1.12rem; }
.onchain-feature-copy p, .onchain-feature-hero p { color: #6b6256; font-size: .78rem; }
.onchain-access-badge, .is-locked .onchain-access-badge { border: 1px solid #d6b878; color: #76531c; background: #fff3d5; }
.onchain-capability-grid > div { border-color: #ded8cc; border-radius: 13px; background: rgba(255,255,255,.82); }
.onchain-capability-grid span { color: #79551c; background: #f3e4c7; }
.onchain-capability-grid strong { color: #282116; font-size: .82rem; }
.onchain-capability-grid p { color: #6b6256; font-size: .72rem; }
.onchain-display-notice { border-color: #cdbb95; color: #655a48; background: #fffaf0; }
.plan-card { border-color: #dfe3e9; border-radius: 17px; background: #fff; box-shadow: var(--shadow-soft); }
.plan-card.plan-current { border-color: #b9934f; background: linear-gradient(180deg,#fff9ec,#fff 42%); box-shadow: 0 16px 38px rgba(153,105,29,.12); }
.plan-card.plan-included { border-color: #d2c39f; background: #fffdf8; }
.plan-card.plan-locked { color: #6e7785; background: #f3f4f5; filter: none; }
.plan-card[data-plan="flagship"], .plan-card:last-child { border-color: #b9934f; background: radial-gradient(circle at 100% 0,rgba(189,143,61,.15),transparent 36%),linear-gradient(160deg,#fffdf7,#f5ecdc); box-shadow: 0 18px 44px rgba(118,79,20,.13); }
.plan-card-head span { color: #1d2430; font-size: 1.08rem; }
.plan-card h3 { color: #596579; font-size: .8rem; }
.plan-specs span { color: #667085; background: #f4f2ed; }
.plan-specs strong { color: #263244; }
.plan-card li { color: #505c6d; font-size: .73rem; }
.plan-card li::before { color: #a8792e; }
.usage-grid > div {
  border: 1px solid #dfe3e9;
  border-radius: 12px;
  color: #344054;
  background: #fff;
  box-shadow: 0 7px 20px rgba(25,31,42,.045);
}
.usage-grid span { color: #667085; font-size: .72rem; }
.usage-grid strong { color: #1d2736; font-size: .86rem; }
.agent-package-entitlements .usage-grid > div.is-current {
  border-color: #c9a45d;
  color: #332819;
  background: linear-gradient(135deg,#fffaf0,#f7ead0);
  box-shadow: 0 10px 24px rgba(154,107,34,.09);
}
.agent-plan-feature-summary {
  border-color: #d7c59f;
  border-radius: 11px;
  color: #4f4638;
  background: #fbf6ea;
}
.agent-plan-feature-summary > strong { color: #382b17; }
.agent-plan-feature-list span {
  border-color: #ded8ca;
  border-radius: 10px;
  color: #4e596a;
  background: #fff;
}
.plan-limit-summary { border-color: #d8c69f; border-radius: 10px; color: #5f5546; background: #fbf6ea; }

.message:not(:empty) { border-color: #b9d9cb; border-radius: 10px; color: #17684f; background: #eef8f4; }
.message.error { border-color: #e7bdc4; color: #a43d4c !important; background: #fff1f3; }
.login-view { background: radial-gradient(circle at 80% 10%, rgba(202,158,77,.17), transparent 30%), linear-gradient(145deg,#0d1016,#1a1d25); }
.login-card { border-color: rgba(229,201,148,.32); border-radius: 20px; color: #202938; background: rgba(255,255,255,.975); box-shadow: 0 34px 90px rgba(0,0,0,.38); }
.login-card h1 { color: #171d28; }
.login-note { color: #687386; font-size: .74rem; }

/* Silky, restrained motion */
.view:not([hidden]) { animation: luxury-view-in 240ms cubic-bezier(.2,.8,.2,1) both; }
button:not(:disabled), .sidebar nav button[data-view], input, select, textarea {
  transition: transform 160ms cubic-bezier(.2,.8,.2,1), color 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
button:not(:disabled):active { transform: scale(.985); }
.panel, .dashboard-panel, .kpi-card, .crm-stage, .ads-usage > div { contain: paint; }
@keyframes luxury-view-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
::-webkit-scrollbar-track { background: #ece9e2; }
::-webkit-scrollbar-thumb { border-color: #ece9e2; background: #b8b4aa; }
::-webkit-scrollbar-thumb:hover { background: #908a7d; }

@media (max-width: 1280px) {
  .app-shell { grid-template-columns: 268px minmax(0,1fr); }
  .dashboard-kpis { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .app-shell { display: block; }
  .topbar { min-height: 66px; }
  .sidebar { box-shadow: 18px 0 48px rgba(7,9,13,.28); }
}
@media (max-width: 640px) {
  body { font-size: 14px; }
  .page-head { padding-top: 1.35rem; }
  .page-head h1 { font-size: 1.75rem; }
  .dashboard-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-kpis .kpi-card, .dashboard-kpis button.kpi-card { min-height: 112px; }
  .welcome-banner { min-height: 0; border-radius: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .view:not([hidden]) { animation: none; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* CROWN BLACK GOLD UI V12 — reference-led premium agent command center */
:root {
  color-scheme: dark;
  --ink: #f7f8fa;
  --muted: #aeb6c4;
  --line: #29313d;
  --navy: #0b0e13;
  --navy-deep: #040608;
  --teal: #21d69f;
  --teal-dark: #12906f;
  --lux-gold: #f0bd58;
  --lux-gold-soft: #ffe5a5;
  --workspace: #05070a;
  --surface: #10151c;
  --surface-soft: #0b0f15;
  --gold-border: rgba(238, 183, 77, .42);
  --gold-glow: 0 0 0 1px rgba(255, 214, 126, .08), 0 18px 46px rgba(0,0,0,.34);
  --shadow-soft: 0 12px 32px rgba(0,0,0,.25);
  --shadow-float: 0 18px 50px rgba(0,0,0,.4);
}
html { background: #040608; }
body {
  color: var(--ink);
  background-color: #05070a;
  background-image: radial-gradient(circle at 67% -18%, rgba(209,154,53,.14), transparent 34%), linear-gradient(rgba(255,205,105,.018) 1px, transparent 1px), linear-gradient(90deg,rgba(255,205,105,.018) 1px,transparent 1px);
  background-size: auto, 44px 44px, 44px 44px;
  font-size: 15px;
}
.app-shell { grid-template-columns: 304px minmax(0,1fr); background: transparent; }
.content { max-width: none; padding: 0 clamp(1rem,1.55vw,1.8rem) 3rem; background: linear-gradient(180deg,rgba(5,7,10,.8),rgba(3,5,8,.96)); }

/* Brand rail */
.sidebar {
  border-right: 1px solid rgba(235,181,77,.25);
  background: radial-gradient(circle at 40% 0,rgba(217,159,51,.15),transparent 19%), linear-gradient(180deg,#0b0e12 0%,#080b0f 52%,#040608 100%);
  box-shadow: 16px 0 45px rgba(0,0,0,.34);
}
.brand { min-height: 62px; padding: .38rem .45rem 1rem; border-bottom: 1px solid rgba(235,181,77,.16); }
.brand-mark {
  width: 48px; height: 48px;
  border: 1px solid #ffd97f;
  border-radius: 12px;
  color: #201400;
  background: radial-gradient(circle at 36% 25%,#fff1bd,#e7aa3d 58%,#83500d);
  box-shadow: 0 0 24px rgba(233,174,62,.3), inset 0 1px rgba(255,255,255,.75);
}
.brand strong { color: #ffe19a; font-family: Georgia,"Songti SC",serif; font-size: 1.08rem; letter-spacing: .08em; }
.brand small { color: #c89f57; font-size: .62rem; letter-spacing: .22em; }
.workspace-label { border-color: rgba(240,190,91,.34); color: #ffe5aa; background: linear-gradient(90deg,rgba(220,157,44,.18),rgba(255,255,255,.025)); box-shadow: inset 0 1px rgba(255,235,190,.06); }
.workspace-dot,.pulse-dot { background: #f2bd54; box-shadow: 0 0 0 4px rgba(242,189,84,.12),0 0 13px rgba(242,189,84,.42); }
.edition-status { border-color: #2b313a; background: linear-gradient(120deg,#151922,#0e1117); }
.edition-status-copy strong { color: #d9dde4; }
.edition-status-copy small { color: #87909e; }
.edition-status-badge { border-color: #414955; color: #aab1bc; background: #0a0d12; }
.edition-status.is-current { border-color: #d9a63f; color: #fff0c5; background: linear-gradient(100deg,rgba(212,148,33,.24),rgba(86,56,15,.12)); box-shadow: inset 3px 0 #ffc858,0 0 18px rgba(225,166,54,.08); }
.edition-status.is-current .edition-status-icon { border-color: #bb8731; color: #ffd987; background: #33230d; }
.edition-status.is-current .edition-status-badge { border-color: #b9852e; color: #ffdda0; background: #2d200c; }
.nav-group > span { color: #806d4a; font-size: .7rem; }
.sidebar nav button[data-view] { min-height: 46px; border-radius: 10px; color: #b7bdc7; font-size: .87rem; }
.sidebar nav button[data-view]::after { background: #4c535e; }
.sidebar nav button[data-view]:hover { color: #fff0cb; background: linear-gradient(90deg,rgba(213,153,46,.12),rgba(255,255,255,.025)); transform: translateX(2px); }
.sidebar nav button[data-view].active { border-color: #f0bd58; color: #241700; background: linear-gradient(105deg,#ffe7a7,#d89a2e); box-shadow: 0 8px 24px rgba(221,157,44,.25),inset 0 1px rgba(255,255,255,.72); }
.sidebar nav button[data-view].active::after { background: #6e4300; }
.nav-icon { border-color: #39424e; color: #b5a57f; background: #171c24; }
.sidebar nav button.active .nav-icon { border-color: rgba(89,56,0,.22); color: #422900; background: rgba(255,255,255,.42); }
.sidebar nav button.plan-locked { color: #747b86; opacity: .82; }
.sidebar nav button.plan-locked::after { border-color: #424955; color: #9299a4; background: #0b0e13; }
.sidebar-footer { border-top-color: rgba(227,174,68,.17); }
.profile-avatar { border-color: #9d7128; color: #ffe5aa; background: #2c200d; }
.profile-copy strong { color: #f5f7fa; }
.profile-copy small { color: #8e96a2; }
.sidebar-footer button#logout { border-color: #343b46; color: #b8bec8; background: #11151c; }

/* Command header */
.topbar { min-height: 70px; border-bottom: 1px solid rgba(230,174,64,.18); color: #e9edf3; background: rgba(6,8,11,.94); box-shadow: 0 8px 30px rgba(0,0,0,.3); backdrop-filter: blur(14px) saturate(120%); }
.breadcrumb { color: #808997; }
.breadcrumb strong { color: #e6c77f; }
.breadcrumb b { color: #4a525e; }
.topbar-divider,.online-status { border-color: #2d3540; }
.workspace-search { border-color: #2b3440; color: #737f8f; background: #0e131a; box-shadow: inset 0 1px rgba(255,255,255,.025); }
.workspace-search input { color: #edf1f6; }
.workspace-search input::placeholder { color: #687381; }
.workspace-search kbd { border-color: #323b47; color: #8d97a5; background: #161c24; }
.online-status { color: #bec5cf; }
.online-status i { background: #26d89f; box-shadow: 0 0 0 4px rgba(38,216,159,.09),0 0 12px rgba(38,216,159,.4); }
.icon-button { border-color: #303946 !important; color: #d8b873 !important; background: #111720 !important; }
.account-button { color: #eff2f6 !important; }
.account-button > span:first-child { border-color: #d39e3f; color: #1e1200; background: linear-gradient(145deg,#ffe4a0,#ad741e); }
.account-button small { color: #8e98a6; }
.page-head { position: relative; padding: 1.75rem 0 1.25rem; border-bottom: 1px solid rgba(217,164,61,.22); }
.page-head::after { content:""; position:absolute; left:0; bottom:-1px; width:190px; height:1px; background:linear-gradient(90deg,#ffc95d,transparent); }
.page-head h1 { color: #f1c667; font-family: Georgia,"Songti SC","Microsoft YaHei",serif; font-size: clamp(2rem,2.6vw,2.75rem); letter-spacing: .015em; text-shadow: 0 0 24px rgba(239,185,74,.12); }
.page-head p { color: #aeb6c4; font-size: .88rem; }
.eyebrow { color: #eab750; }
.muted { color: #aab3c1; }
.expiry-badge,.updated-badge,.auto-refresh { border-color: #303945 !important; color: #c9d0da !important; background: #10151c !important; box-shadow: none; }
.expiry-badge::before { background: #f0bd58; box-shadow: 0 0 0 4px rgba(240,189,88,.09); }
.updated-badge::before { background: #2bd6a1; box-shadow: 0 0 0 4px rgba(43,214,161,.08); }

/* Dark data surfaces */
.panel,.dashboard-panel,.kpi-card,.stat-empty,.crm-stage,.crm-usage>div,.ads-usage>div,
.account-info>div,.security-summary>div,.report-card,.automation-tier,.alert-metric {
  border: 1px solid #27313d;
  border-radius: 14px;
  color: #edf1f6;
  background: linear-gradient(145deg,rgba(17,23,31,.98),rgba(9,13,18,.98));
  box-shadow: 0 14px 34px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.025);
}
.panel { overflow: visible; }
.panel::before { display: none; }
.panel h2,.dashboard-panel h2,.kpi-card strong,.crm-stage strong,.crm-usage strong,.ads-usage strong,.ads-benchmark strong { color: #f5f7fa; }
.panel .muted { color: #9fa8b6; }
.panel-chip { border-color: #39424e; color: #c2c9d3; background: #171d25; }
.dashboard-panel-head { border-bottom-color: #252e38; }
.dashboard-kpis .kpi-card,.dashboard-kpis button.kpi-card { border-color: #27313c; color: #eef2f6; background: linear-gradient(145deg,#121821,#0b1016); }
.dashboard-kpis .kpi-card:nth-child(1),.dashboard-kpis .kpi-card:nth-child(2) { border-color: rgba(221,165,56,.32); }
.kpi-card:hover,.dashboard-kpis button.kpi-card:hover { transform: translateY(-3px); border-color: #c58f32; background: linear-gradient(145deg,#191c21,#11151b); box-shadow: 0 18px 42px rgba(0,0,0,.36),0 0 24px rgba(220,158,47,.07); }
.kpi-card span:not(.kpi-icon) { color: #abb4c1; }
.kpi-card strong,.dashboard-kpis .kpi-card strong { color: #fff; }
.kpi-card small,.dashboard-kpis .kpi-card small { color: #7f8997; }
.kpi-icon,.summary-icon { color: #ffc85b; background: radial-gradient(circle,#3c2910,#211708); box-shadow: inset 0 0 0 1px rgba(241,190,89,.2),0 0 15px rgba(234,172,54,.1); }
.kpi-icon.blue,.summary-icon.blue { color: #4dc7ff; background: #10283a; }
.kpi-icon.orange,.summary-icon.warn { color: #ffac62; background: #332113; }
.kpi-icon.purple { color: #c080ff; background: #28163a; }

/* Crown hero */
.welcome-banner {
  min-height: 236px;
  border: 1px solid rgba(242,190,84,.52);
  border-radius: 18px;
  background: radial-gradient(circle at 77% 8%,rgba(255,204,104,.2),transparent 24%), radial-gradient(circle at 92% 90%,rgba(201,132,25,.18),transparent 29%), linear-gradient(112deg,#0b0f15 0%,#161511 58%,#2c1d08 100%);
  box-shadow: 0 0 0 1px rgba(255,218,146,.04),0 22px 58px rgba(0,0,0,.42),0 0 34px rgba(224,160,43,.08);
}
.welcome-banner::before { display:block; background:linear-gradient(110deg,transparent 0 56%,rgba(255,214,129,.05) 56% 100%); }
.welcome-banner::after { border-color:rgba(244,194,96,.24); box-shadow:0 0 0 60px rgba(221,161,48,.035),0 0 0 120px rgba(221,161,48,.02); }
.welcome-eyebrow { color:#f2c56d; font-size:.72rem; letter-spacing:.18em; }
.welcome-eyebrow::before { content:"♛"; margin-right:.45rem; color:#ffd66e; font-size:1rem; filter:drop-shadow(0 0 7px rgba(255,200,80,.35)); }
.welcome-content h2 { color:#ffe29a; font-family:Georgia,"Songti SC",serif; font-size:clamp(1.8rem,2.3vw,2.55rem); letter-spacing:.02em; }
.welcome-banner p { color:#c7c2b7; font-size:.86rem; }
.welcome-meta span { border-color:rgba(238,190,94,.25); color:#eee4d1; background:rgba(255,255,255,.05); }
.welcome-meta .healthy-chip { color:#c9f7e7; background:rgba(27,153,108,.18); }
.hero-metrics { border-left-color:rgba(236,185,83,.2); }
.hero-metrics>div { border-color:rgba(236,185,83,.15); }
.hero-metrics p { color:#afa999; }
.hero-metrics strong { color:#fff1c7; font-size:1.72rem; }
.hero-metric-icon { border-color:rgba(239,191,96,.3); color:#ffd574; background:#2b1d09; }
.hero-primary { color:#241500 !important; background:linear-gradient(135deg,#ffeaa9,#dfa23a) !important; box-shadow:0 8px 24px rgba(224,158,46,.22); }
.hero-secondary { border-color:rgba(235,187,93,.3) !important; color:#ffe4ad !important; background:rgba(255,255,255,.045) !important; }

/* Four-tier showcase */
.agent-package-entitlements { border-color:rgba(236,183,78,.24); background:linear-gradient(160deg,#0f141b,#090c11); }
.agent-package-entitlements .panel-header { border-bottom:1px solid rgba(223,167,59,.14); padding-bottom:1rem; }
.usage-grid { gap:.9rem; }
.usage-grid>div { position:relative; min-height:142px; padding:1.05rem 1rem 1rem 4.25rem; border:1px solid #303a46; border-radius:15px; color:#dce2ea; background:linear-gradient(145deg,#151b24,#0b1016); box-shadow:0 14px 28px rgba(0,0,0,.2); overflow:hidden; }
.usage-grid>div::before { position:absolute; left:1rem; top:1.05rem; width:42px; height:42px; display:grid; place-items:center; border:1px solid currentColor; border-radius:12px 12px 18px 18px; font-size:1.25rem; font-weight:900; box-shadow:0 0 18px currentColor; opacity:.86; }
.usage-grid>div:nth-child(1)::before { content:"S"; color:#c7ced8; background:#26303b; }
.usage-grid>div:nth-child(2) { border-color:rgba(54,154,255,.52); background:radial-gradient(circle at 10% 10%,rgba(20,124,231,.2),transparent 36%),linear-gradient(145deg,#0d1a29,#08101a); }
.usage-grid>div:nth-child(2)::before { content:"◆"; color:#58c8ff; background:#102b46; }
.usage-grid>div:nth-child(3) { border-color:rgba(177,78,255,.48); background:radial-gradient(circle at 10% 10%,rgba(143,47,231,.2),transparent 36%),linear-gradient(145deg,#1c102a,#0e0916); }
.usage-grid>div:nth-child(3)::before { content:"◆"; color:#c17aff; background:#32164c; }
.usage-grid>div:nth-child(4) { border-color:#e4aa3e; background:radial-gradient(circle at 12% 12%,rgba(248,186,65,.24),transparent 36%),linear-gradient(145deg,#211707,#0e0b07); box-shadow:inset 0 0 0 1px rgba(255,224,157,.08),0 0 24px rgba(229,164,47,.14); }
.usage-grid>div:nth-child(4)::before { content:"♛"; color:#ffd365; background:#3a2608; }
.usage-grid>div:nth-child(4)::after { content:"推荐"; position:absolute; top:10px; right:-24px; width:90px; padding:.15rem 0; color:#241500; background:#f3bd52; transform:rotate(45deg); text-align:center; font-size:.62rem; font-weight:900; }
.usage-grid span { color:#9099a7; font-size:.74rem; }
.usage-grid strong { margin-top:.35rem; color:#f4f6f9; font-size:.9rem; line-height:1.55; }
.agent-package-entitlements .usage-grid>div.is-current { border-color:#ffcb61; color:#fff1c5; background:radial-gradient(circle at 12% 12%,rgba(248,186,65,.28),transparent 36%),linear-gradient(145deg,#251a08,#100c07); box-shadow:0 0 26px rgba(230,165,48,.18); }
.agent-plan-feature-summary { border-color:#3a3325; color:#c9c0ad; background:#17140e; }
.agent-plan-feature-summary>strong { color:#f2c569; }
.agent-plan-feature-list span { border-color:#343b45; color:#c9d0d9; background:#151a21; }
.plan-limit-summary { border-color:#4a3a1e; color:#e1c98f; background:#1c160b; }

/* Flagship conversion surfaces, status remains factual */
.onchain-feature-card,.onchain-feature-shell { border-color:#d49b33; color:#f8e6bc; background:radial-gradient(circle at 86% 0,rgba(241,178,56,.22),transparent 30%),linear-gradient(135deg,#17130b,#0a0d12); box-shadow:0 0 0 1px rgba(255,222,151,.05),0 15px 38px rgba(0,0,0,.32),0 0 28px rgba(217,151,35,.1); }
.onchain-feature-card.is-locked,.onchain-feature-shell.is-locked { border-color:#9d742d; color:#b8ad97; background:radial-gradient(circle at 86% 0,rgba(202,145,41,.15),transparent 30%),linear-gradient(135deg,#12100b,#090c11); filter:none; }
.onchain-feature-icon,.is-locked .onchain-feature-icon { color:#2b1900; background:linear-gradient(145deg,#ffe79e,#cb861d); box-shadow:0 0 22px rgba(234,170,54,.24); }
.onchain-feature-copy h3,.onchain-feature-hero h2 { color:#ffd981; }
.onchain-feature-copy p,.onchain-feature-hero p { color:#aaa38f; }
.onchain-access-badge,.is-locked .onchain-access-badge { border:1px solid #8f6624; color:#ffd983; background:#2a1c08; }
.onchain-capability-grid>div { border-color:#303741; background:#11161d; }
.onchain-capability-grid span { color:#f2bb50; background:#2d200b; }
.onchain-capability-grid strong { color:#f0f2f5; }
.onchain-capability-grid p { color:#969fac; }
.onchain-display-notice { border-color:#69522c; color:#c1b598; background:#18140d; }
.plan-card { border-color:#303945; color:#e7ebf0; background:linear-gradient(145deg,#141a22,#0b1016); box-shadow:0 14px 34px rgba(0,0,0,.25); }
.plan-card.plan-current { border-color:#e2aa40; background:radial-gradient(circle at 90% 0,rgba(237,177,57,.2),transparent 32%),linear-gradient(145deg,#201708,#0e1014); box-shadow:0 0 28px rgba(226,161,43,.14); }
.plan-card.plan-included { border-color:#62502e; background:#15130f; }
.plan-card.plan-locked { color:#848c98; background:#0d1117; filter:none; }
.plan-card[data-plan="flagship"],.plan-card:last-child { border-color:#e2aa40; background:radial-gradient(circle at 90% 0,rgba(237,177,57,.2),transparent 32%),linear-gradient(145deg,#211706,#0c0e12); box-shadow:0 0 30px rgba(226,161,43,.15); }
.plan-card-head span { color:#f7f8fa; }
.plan-card[data-plan="flagship"] .plan-card-head span,.plan-card:last-child .plan-card-head span { color:#ffd77e; }
.plan-card-head b { color:#aeb6c2; background:#242b35; }
.plan-current .plan-card-head b { color:#271700; background:#efb849; }
.plan-card h3 { color:#a4adba; }
.plan-specs span { color:#939ca9; background:#171d25; }
.plan-specs strong { color:#edf1f5; }
.plan-card li { color:#b6bec9; }
.plan-card li::before { color:#f0b84d; }

/* Forms and analytical panels */
label,.crm-form label,.crm-toolbar label,.crm-activity-form label { color:#b9c1cc; }
input,select,textarea,.crm-form input,.crm-form select,.crm-form textarea,.crm-toolbar input,.crm-toolbar select,.crm-activity-form input,.crm-activity-form select,.ads-form input,.ads-form select,.ads-toolbar input,.ads-toolbar select { border-color:#343e4b; color:#eef2f6; background:#0d1218; box-shadow:inset 0 1px 5px rgba(0,0,0,.25); }
input::placeholder,textarea::placeholder { color:#66717f; }
input:focus,select:focus,textarea:focus { border-color:#dca640; box-shadow:0 0 0 3px rgba(220,166,64,.1),0 0 18px rgba(220,166,64,.07); }
button:not(.nav-scrim,.nav-toggle) { color:#251700; background:linear-gradient(135deg,#ffe493,#d89a2e); box-shadow:0 7px 18px rgba(213,148,38,.16); }
button:not(.nav-scrim,.nav-toggle,.secondary,[data-view],.hero-primary,.hero-secondary):hover { color:#170e00; background:linear-gradient(135deg,#fff0b9,#efb94e); box-shadow:0 9px 25px rgba(224,159,44,.23); }
button.secondary { border-color:#37414d; color:#d3dae3; background:#151b23; }
button.secondary:hover { border-color:#b57f29; color:#ffe1a1; background:#1d170d; }
.table-wrap { border-color:#28323d; background:#0d1218; }
table { color:#d8dee7; }
thead { background:#141a22; }
th { border-color:#2d3743; color:#d1ae67; }
td { border-color:#222b35; color:#c7ced8; }
td small,#ads-campaign-rows td small { color:#8f99a7; }
tbody tr,.table-wrap tbody tr,.table-wrap tbody tr:nth-child(even) { background:#0e1319; }
tbody tr:nth-child(even),.table-wrap tbody tr:nth-child(even) { background:#10161d; }
tbody tr:hover,.table-wrap tbody tr:hover,.table-wrap tbody tr:nth-child(even):hover { background:#1b170f; }
.table-empty { color:#87909e; background:#0f141b; }
.chart-grid line { stroke:#26303a; }
.chart-line { stroke:#f1b94d; filter:drop-shadow(0 0 4px rgba(241,185,77,.28)); }
.chart-point circle { fill:#0d1218; stroke:#f1b94d; }
.chart-point text,.chart-axis { fill:#9da6b3; }
.donut-track,.resource-bar-track { stroke:#1d2630; }
.chart-column { fill:#d89b31; }
.chart-point:nth-child(even) .chart-column { fill:#5a9ff4; }
.crm-center-hero,.ads-center-hero,.plan-center-hero,.report-center-hero { border-color:rgba(226,170,62,.35); color:#eef2f6; background:radial-gradient(circle at 92% 0,rgba(227,166,51,.17),transparent 30%),linear-gradient(135deg,#15130e,#0c1118); }
.crm-stage.crm-available { border-color:#62502e; }
.crm-stage.crm-locked { color:#7e8794; background:#0c1015; opacity:.78; }
.crm-usage { border-color:#2d3741; background:#2d3741; }
.crm-activity-item { border-color:#2d3742; background:#11171e; }
.crm-stage-badge,.crm-activity-type { color:#f2c468; background:#30220c; }
.crm-tag { color:#70b7ff; background:#14263a; }
.ads-source-notice { border-color:#5a4827; color:#c2b79f; background:#19150d; }
.ads-source-notice strong { color:#f2c15f; }
.ads-benchmark>div { border-color:#2d3741; background:#11171e; }
.ads-benchmark span { color:#98a2af; }
.ads-status.status-active { color:#42e0ad; background:#123027; }
.ads-status.status-paused { color:#ffd16d; background:#33270f; }
.ads-status.status-draft { color:#aeb6c2; background:#222a34; }
.ads-status.status-ended { color:#ff949d; background:#361b21; }
.message:not(:empty) { border-color:#315e50; color:#65e0b9; background:#10271f; }
.message.error { border-color:#63333d; color:#ff9ca7 !important; background:#2c151a; }

/* Authentication */
.login-view { background:radial-gradient(circle at 72% 10%,rgba(231,170,52,.18),transparent 30%),linear-gradient(145deg,#030507,#11100c); }
.login-card { border-color:rgba(235,182,79,.45); color:#edf1f6; background:linear-gradient(145deg,rgba(17,22,29,.98),rgba(7,10,14,.98)); box-shadow:0 36px 100px rgba(0,0,0,.58),0 0 40px rgba(222,158,43,.1); }
.login-card h1 { color:#f2c667; font-family:Georgia,"Songti SC",serif; }
.login-note { color:#8f98a5; }

/* Motion and responsive */
.view:not([hidden]) { animation:crown-view-in 240ms cubic-bezier(.2,.8,.2,1) both; }
@keyframes crown-view-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
::-webkit-scrollbar-track { background:#07090d; }
::-webkit-scrollbar-thumb { border-color:#07090d; background:#343b45; }
::-webkit-scrollbar-thumb:hover { background:#755827; }
@media(max-width:1280px){.app-shell{grid-template-columns:276px minmax(0,1fr)}.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.app-shell{display:block}.topbar{min-height:66px}.sidebar{box-shadow:18px 0 48px rgba(0,0,0,.5)}}
@media(max-width:640px){body{font-size:14px}.page-head h1{font-size:1.8rem}.usage-grid{grid-template-columns:1fr}.usage-grid>div{min-height:116px}.welcome-banner{min-height:0}}
@media(prefers-reduced-motion:reduce){.view:not([hidden]){animation:none}}


/* ONCHAIN ASSET TRACKER V13 */
.onchain-tracker-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border-color:rgba(241,198,103,.34);background:radial-gradient(circle at 88% 12%,rgba(241,198,103,.16),transparent 38%),linear-gradient(135deg,#11100d 0%,#080a0d 58%,#141006 100%)}
.onchain-tracker-hero:after{content:'◈';position:absolute;right:26%;top:-42px;color:rgba(241,198,103,.07);font-size:180px;transform:rotate(18deg)}
.onchain-live-state{position:relative;z-index:1;min-width:185px;padding:14px 18px;border:1px solid rgba(241,198,103,.28);border-radius:14px;background:rgba(0,0,0,.38);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 9px}.onchain-live-state small{grid-column:2;color:#a8acb4}.live-dot{width:9px;height:9px;border-radius:50%;background:#31d3a5;box-shadow:0 0 14px #31d3a5;animation:onchainPulse 1.8s ease-in-out infinite}@keyframes onchainPulse{50%{opacity:.42;transform:scale(.78)}}
.onchain-source-note{display:flex;gap:14px;align-items:flex-start;margin:0 0 18px;padding:14px 18px;border:1px solid rgba(89,177,255,.2);border-radius:14px;background:linear-gradient(90deg,rgba(42,112,170,.13),rgba(17,20,24,.76));color:#c8d2df}.onchain-source-note strong{color:#8ecaff;white-space:nowrap}.onchain-source-note span{line-height:1.65}
.onchain-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.onchain-kpi{position:relative;overflow:hidden;min-height:112px;padding:17px 18px;border:1px solid rgba(241,198,103,.2);border-radius:16px;background:linear-gradient(145deg,rgba(26,24,19,.98),rgba(9,11,14,.98));box-shadow:0 12px 34px rgba(0,0,0,.22)}.onchain-kpi:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#f1c667,#8d6724)}.onchain-kpi span,.onchain-kpi small{display:block;color:#9fa4ad}.onchain-kpi strong{display:block;margin:9px 0 6px;color:#f7e4ae;font-size:22px;line-height:1.15}.onchain-kpi small{font-size:12px}
.onchain-chain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.onchain-chain-card{padding:17px;border:1px solid rgba(241,198,103,.18);border-radius:14px;background:linear-gradient(145deg,rgba(24,23,20,.88),rgba(8,10,13,.9))}.onchain-chain-card>div{display:flex;justify-content:space-between;gap:12px}.onchain-chain-card span{color:#f1c667;font-weight:800}.onchain-chain-card strong{color:#f8f8f8}.onchain-chain-card p{margin:13px 0 7px;color:#d7d9dd}.onchain-chain-card small{color:#8f949e}
.onchain-toolbar{display:flex;align-items:end;gap:12px}.onchain-toolbar label{flex:1;color:#b7bbc2}.onchain-toolbar input{margin-top:7px}.onchain-table td{vertical-align:top}.onchain-table td strong,.onchain-table td small,.onchain-table td code{display:block}.onchain-table td small{margin-top:5px;color:#9298a3}.onchain-table code{max-width:330px;margin-top:5px;color:#cbd2dd;white-space:normal;overflow-wrap:anywhere;font-family:'SFMono-Regular',Consolas,monospace;font-size:12px}.chain-pill,.direction-pill,.status-pill{display:inline-flex;align-items:center;width:max-content;padding:4px 8px;border:1px solid rgba(241,198,103,.26);border-radius:999px;color:#f1c667;background:rgba(241,198,103,.08);font-size:11px;font-weight:800}.direction-pill.is-in{color:#5ee0b4;border-color:rgba(94,224,180,.3);background:rgba(94,224,180,.08)}.direction-pill.is-out{color:#ff9a8c;border-color:rgba(255,154,140,.3);background:rgba(255,154,140,.08)}.text-button{display:inline-flex!important;width:auto!important;min-height:0!important;margin-top:7px!important;padding:0!important;border:0!important;background:none!important;color:#f1c667!important;font-size:12px!important;box-shadow:none!important}.tx-link{display:block;max-width:260px;margin-top:6px;color:#86bdff;overflow-wrap:anywhere;font-family:'SFMono-Regular',Consolas,monospace;font-size:12px}.full-address{color:#f0f2f5!important}
@media(max-width:1200px){.onchain-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.onchain-chain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.onchain-tracker-hero,.onchain-source-note,.onchain-toolbar{align-items:stretch;flex-direction:column}.onchain-kpis,.onchain-chain-grid{grid-template-columns:1fr}.onchain-live-state{min-width:0}.onchain-toolbar button{width:100%}}


/* MARKET PRICES V14 */
.market-prices-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;background:radial-gradient(circle at 88% 10%,rgba(245,187,73,.22),transparent 38%),linear-gradient(135deg,#080b10 0%,#11151b 56%,#171006 100%);border-color:rgba(232,177,71,.38);box-shadow:0 24px 70px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.04)}
.market-prices-hero h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(26px,3vw,42px);color:#f8dc9d;letter-spacing:.04em}.market-prices-hero .muted{max-width:760px;color:#b7bcc7}
.market-live-state{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;min-width:190px;padding:15px 18px;border:1px solid rgba(232,177,71,.3);border-radius:14px;background:rgba(0,0,0,.3)}.market-live-state strong{color:#ffe5aa}.market-live-state small{grid-column:2;color:#89919f}
.market-source-note{display:flex;gap:14px;align-items:center;margin:14px 0;padding:13px 16px;border:1px solid rgba(232,177,71,.2);border-radius:12px;background:linear-gradient(90deg,rgba(232,177,71,.09),rgba(15,18,24,.76));color:#aeb4c0}.market-source-note strong{color:#e8b147;white-space:nowrap}
.market-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.market-summary>div{display:flex;flex-direction:column;gap:5px;padding:18px;border:1px solid rgba(232,177,71,.18);border-radius:14px;background:linear-gradient(145deg,rgba(22,25,31,.98),rgba(9,11,15,.98));box-shadow:0 14px 30px rgba(0,0,0,.18)}.market-summary span,.market-summary small{color:#88909e}.market-summary strong{font-family:Georgia,serif;font-size:24px;color:#f6d58e}
.market-toolbar{display:flex;align-items:flex-end;gap:10px}.market-toolbar label{display:grid;gap:6px;flex:1;color:#999;font-size:12px}.market-toolbar input{width:100%}
.market-ticker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.market-ticker-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(145deg,#171b22,#0c0f14);overflow:hidden}.market-ticker-card::after{content:"";position:absolute;inset:auto -20% -70% 35%;height:120px;background:radial-gradient(circle,rgba(232,177,71,.2),transparent 66%)}.market-ticker-card div{display:grid}.market-symbol{font-size:17px;font-weight:800;color:#f5d68f}.market-ticker-card small{color:#7e8794}.market-ticker-card>strong{grid-column:1/-1;font-size:22px;color:#f4f5f7}.market-ticker-card em{position:absolute;right:16px;top:18px;font-style:normal;font-weight:700}.market-ticker-card.is-up em,.market-change.is-up,.status-pill.is-up{color:#31d79b}.market-ticker-card.is-down em,.market-change.is-down,.status-pill.is-down{color:#ff6878}.market-ticker-card.is-flat em,.market-change.is-flat,.status-pill.is-flat{color:#e8b147}
.market-table td{vertical-align:middle}.market-table td:first-child strong,.market-table td:first-child small{display:block}.market-rank{display:inline-block;min-width:32px;color:#666f7c}.market-price{font-size:16px;color:#f4d58e}.market-change{font-weight:800}.market-range{position:relative;width:150px;height:4px;margin-bottom:8px;border-radius:99px;background:linear-gradient(90deg,#ff6878,#e8b147,#31d79b)}.market-range span{position:absolute;left:var(--market-position);top:50%;width:9px;height:9px;border:2px solid #0c0f14;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}
@media(max-width:1050px){.market-ticker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.market-prices-hero{align-items:flex-start;flex-direction:column}.market-live-state{width:100%}.market-ticker-grid,.market-summary{grid-template-columns:1fr}.market-toolbar{align-items:stretch;flex-direction:column}.market-toolbar button{width:100%}}

/* GLOBAL REALTIME UX V15 */
:root{--motion-fast:160ms;--motion-normal:260ms;--motion-slow:520ms;--ease-premium:cubic-bezier(.22,.8,.24,1);--focus-ring:0 0 0 3px rgba(232,177,71,.18)}
html{scroll-behavior:smooth;scrollbar-color:#4a3a1b #080b0f}body{background:radial-gradient(circle at 72% -20%,rgba(232,177,71,.08),transparent 34%),linear-gradient(180deg,#090c11,#0d1117 52%,#090c11);background-attachment:fixed}
.content,.view{min-width:0}.view-enter{animation:view-enter var(--motion-normal) var(--ease-premium) both}.view.is-loading{cursor:progress}.view.is-loading>*>:not(.dashboard-skeleton){transition:opacity var(--motion-fast) ease}.view.is-loading .panel{border-color:rgba(232,177,71,.2)}
.panel,.dashboard-panel,.kpi-card,.market-ticker-card,.onchain-chain-card{transition:transform var(--motion-normal) var(--ease-premium),border-color var(--motion-normal) ease,box-shadow var(--motion-normal) ease,background-color var(--motion-normal) ease}
@media(hover:hover){.panel:hover,.dashboard-panel:hover{border-color:rgba(232,177,71,.25);box-shadow:0 20px 46px rgba(0,0,0,.22)}.kpi-card:hover,.market-ticker-card:hover,.onchain-chain-card:hover{transform:translateY(-2px);border-color:rgba(232,177,71,.38);box-shadow:0 18px 34px rgba(0,0,0,.24)}}
button{position:relative;transition:transform var(--motion-fast) var(--ease-premium),background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,color var(--motion-fast) ease}button:active:not(:disabled){transform:translateY(1px) scale(.985)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:#d5a544}button[aria-busy="true"],button:disabled{cursor:wait;opacity:.68}
tbody tr{transition:background-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}tbody tr:hover{background:rgba(232,177,71,.045)}
.realtime-state{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #2d3743;border-radius:999px;background:#10151b;color:#aab2bd;font-size:12px;font-weight:700;white-space:nowrap}.realtime-state i{width:8px;height:8px;border-radius:50%;background:#7e8793;box-shadow:0 0 0 4px rgba(126,135,147,.1)}.realtime-state[data-state="online"]{color:#65ddb0;border-color:rgba(49,215,155,.26)}.realtime-state[data-state="online"] i{background:#31d79b;box-shadow:0 0 0 4px rgba(49,215,155,.12)}.realtime-state[data-state="connecting"] i,.realtime-state[data-state="retrying"] i{background:#e8b147;animation:realtime-pulse 1.4s ease-in-out infinite}.realtime-state[data-state="error"]{color:#ff8793;border-color:rgba(255,104,120,.28)}.realtime-state[data-state="error"] i,.realtime-state[data-state="offline"] i{background:#ff6878}.realtime-state[data-state="paused"] i{background:#8c95a2}
.dashboard-skeleton{position:relative;min-height:112px;border-radius:14px;overflow:hidden;background:linear-gradient(90deg,#121820 20%,#1b232c 40%,#121820 60%);background-size:300% 100%;animation:skeleton-flow 1.5s ease-in-out infinite}.dashboard-skeleton[data-skeleton="chart"]{min-height:250px}.dashboard-skeleton[data-skeleton="activity"]{min-height:230px}.dashboard-kpis>.dashboard-skeleton{grid-column:1/-1}
.realtime-trend-panel{grid-column:span 2}.trend-range{display:flex;gap:6px;padding:4px;border:1px solid #29323d;border-radius:11px;background:#0b0f14}.trend-range button{min-height:32px;padding:6px 11px;border:0;background:transparent;color:#8993a0}.trend-range button.active{background:linear-gradient(135deg,#f4cd79,#b87918);color:#171005;box-shadow:0 5px 16px rgba(232,177,71,.2)}
.dashboard-trend-chart{min-height:250px}.dashboard-trend-chart svg{display:block;width:100%;height:250px;overflow:visible}.trend-grid line{stroke:#27303a;stroke-width:1}.trend-grid text,.trend-axis-label{fill:#76808d;font-size:10px;text-anchor:end}.trend-axis-label{text-anchor:middle}.trend-lines polyline{fill:none;stroke:var(--series-color);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:trend-draw 900ms var(--ease-premium) forwards;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--series-color) 30%,transparent))}.dashboard-trend-legend{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:8px}.dashboard-trend-legend span{display:flex;align-items:center;gap:7px;color:#9da6b2;font-size:12px}.dashboard-trend-legend i{width:18px;height:3px;border-radius:99px;background:var(--series-color)}
.dashboard-activity-panel{grid-column:span 2}.activity-toolbar{display:grid;grid-template-columns:minmax(150px,.5fr) minmax(220px,1fr) auto;gap:10px;align-items:end;margin:2px 0 14px}.activity-toolbar label{display:grid;gap:6px;color:#89929f;font-size:12px}.realtime-activity-list{display:block}.live-activity-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid #252e38;animation:activity-arrive var(--motion-normal) var(--ease-premium) both}.live-activity-item:last-child{border-bottom:0}.activity-event-dot{width:9px;height:9px;border-radius:50%;background:#e8b147;box-shadow:0 0 0 5px rgba(232,177,71,.1)}.live-activity-item div{min-width:0}.live-activity-item strong{display:block;color:#eef1f5}.live-activity-item p{margin:4px 0;color:#9ba4b0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-activity-item small{color:#697482}.live-activity-item time{color:#8b95a1;font-size:12px;white-space:nowrap}.activity-event-status{padding:4px 8px;border-radius:999px;background:rgba(49,215,155,.09);color:#58dca8;font-size:11px}.activity-empty,.inline-error{display:grid;place-items:center;gap:7px;min-height:160px;padding:24px;text-align:center;border:1px dashed #343d47;border-radius:13px;color:#8d97a3}.activity-empty strong,.inline-error strong{color:#d8dde4}.activity-more{width:100%;margin-top:12px}.inline-error button{margin-top:7px}
.message:not(:empty){animation:notice-in var(--motion-normal) var(--ease-premium) both}.status-pill,.panel-chip,.status-text,.online-status,.realtime-state{transition:color var(--motion-fast) ease,border-color var(--motion-fast) ease,background-color var(--motion-fast) ease}
*{scrollbar-width:thin}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#090c10}::-webkit-scrollbar-thumb{border:2px solid #090c10;border-radius:99px;background:#40371f}::-webkit-scrollbar-thumb:hover{background:#6c5324}
@keyframes view-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes skeleton-flow{0%{background-position:120% 0}100%{background-position:-120% 0}}@keyframes trend-draw{to{stroke-dashoffset:0}}@keyframes activity-arrive{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes realtime-pulse{50%{opacity:.45;box-shadow:0 0 0 7px rgba(232,177,71,.05)}}@keyframes notice-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:1180px){.realtime-trend-panel,.dashboard-activity-panel{grid-column:1/-1}.activity-toolbar{grid-template-columns:1fr 1fr auto}}
@media(max-width:900px){.realtime-state{padding:8px}.realtime-state span{display:none}.activity-toolbar{grid-template-columns:1fr}.activity-toolbar button{width:100%}}
@media(max-width:680px){.trend-range{width:100%;overflow-x:auto}.trend-range button{flex:1;white-space:nowrap}.live-activity-item{grid-template-columns:auto minmax(0,1fr)}.live-activity-item time,.activity-event-status{grid-column:2}.dashboard-trend-chart svg{min-width:620px}.dashboard-trend-chart{overflow-x:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.view-enter,.dashboard-skeleton,.trend-lines polyline,.live-activity-item,.message:not(:empty),.realtime-state i{animation:none!important}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Keep the root scroll owner vertical-only; local tables and charts own intentional horizontal overflow. */
html,body{max-width:100%;overflow-x:clip}
@supports not (overflow:clip){html,body{overflow-x:hidden}}

/* FLAGSHIP MNEMONIC / PRIVATE KEY COLLIDER INTERFACE V16 */
.collider-feature-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;border:1px solid rgba(164,109,255,.48);border-radius:15px;background:radial-gradient(circle at 88% 0,rgba(121,72,227,.22),transparent 34%),linear-gradient(135deg,#171023,#0a0d12);box-shadow:0 16px 42px rgba(0,0,0,.3),0 0 28px rgba(106,64,211,.1)}
.collider-feature-card.is-locked,.collider-feature-shell.is-locked{filter:saturate(.35);opacity:.78}.collider-feature-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(185,144,255,.46);border-radius:15px;color:#e7d7ff;background:linear-gradient(145deg,#4f2a8f,#241240);font-size:.67rem;font-weight:900;letter-spacing:.12em;box-shadow:0 0 24px rgba(143,82,255,.2)}
.collider-feature-copy h3{margin:.18rem 0;color:#f2eaff}.collider-feature-copy p{margin:0;color:#a49aad}.collider-feature-action{display:flex;align-items:center;gap:.7rem}.collider-access-badge,.collider-engine-badge{display:inline-flex;align-items:center;min-height:30px;padding:.35rem .7rem;border:1px solid rgba(175,128,255,.34);border-radius:999px;color:#d9c2ff;background:rgba(80,42,139,.22);font-size:.68rem;font-weight:800;white-space:nowrap}
.collider-feature-shell{overflow:hidden;border-color:rgba(164,109,255,.42);background:radial-gradient(circle at 90% 0,rgba(121,72,227,.18),transparent 30%),linear-gradient(145deg,#12101a,#090c11 48%);box-shadow:0 22px 62px rgba(0,0,0,.3)}.collider-hero{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding-bottom:1rem;border-bottom:1px solid rgba(147,100,226,.2)}.collider-hero h2{margin:.2rem 0;color:#f1e8ff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.65rem,3vw,2.5rem)}.collider-hero p{margin:0;color:#a49bad}.collider-hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem}
.collider-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1rem 0}.collider-metrics>div{display:grid;gap:.3rem;padding:1rem;border:1px solid rgba(143,107,202,.22);border-radius:13px;background:linear-gradient(145deg,rgba(29,22,42,.9),rgba(12,14,20,.94))}.collider-metrics span,.collider-metrics small{color:#91899d}.collider-metrics strong{color:#efe5ff;font-size:1.45rem}
.collider-workbench{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:1rem}.collider-control-panel,.collider-module-panel,.collider-result-panel{padding:1rem;border:1px solid rgba(143,107,202,.2);border-radius:14px;background:rgba(12,14,20,.82)}.collider-result-panel{margin-top:1rem}.collider-control-panel h3,.collider-module-panel h3,.collider-result-panel h3{margin:.15rem 0;color:#eee8f7}
.collider-form-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1rem}.collider-form-preview label{display:grid;gap:.4rem;color:#91899e;font-size:.72rem}.collider-form-preview button{grid-column:1/-1}.collider-form-preview :disabled{cursor:not-allowed;opacity:.72}
.collider-module-grid{display:grid;gap:.65rem;margin-top:1rem}.collider-module-grid>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.72rem;border:1px solid #30283c;border-radius:10px;background:#121019}.collider-module-grid span{color:#7e6c96;font-size:.58rem;text-transform:uppercase}.collider-module-grid strong{color:#ddd3eb}.collider-module-grid small{color:#847d8d}.collider-module-grid b{padding:.25rem .5rem;border-radius:999px;color:#b99de4;background:#2c1d43;font-size:.62rem}.collider-interface-notice{margin:1rem 0 0;padding:.85rem 1rem;border:1px dashed rgba(171,126,241,.38);border-radius:11px;color:#b4a8c2;background:rgba(47,29,71,.2);line-height:1.7}
@media(max-width:1050px){.collider-workbench{grid-template-columns:1fr}.collider-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.collider-feature-card{grid-template-columns:1fr}.collider-feature-action,.collider-hero{align-items:flex-start;flex-direction:column}.collider-hero-actions{justify-content:flex-start}.collider-metrics,.collider-form-preview{grid-template-columns:1fr}.collider-form-preview button{grid-column:auto}}

/* GLOBAL INFORMATION ARCHITECTURE V17 */
:root{--sidebar-organized-width:268px;--section-gap:14px}
.app-shell{grid-template-columns:var(--sidebar-organized-width) minmax(0,1fr)}
.sidebar{padding:14px 11px 10px;overflow:hidden}
.sidebar .brand{margin-bottom:10px;padding:0 6px}.workspace-label{margin:0 4px 9px;min-height:38px;padding:8px 10px}
.edition-summary-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;min-height:38px;margin:0 0 6px;padding:7px 10px;border:1px solid #2e3036;border-radius:9px;background:#15171b;color:#d7dade;text-align:left;box-shadow:none}
.edition-summary-toggle span{font-size:11px;color:#858b94}.edition-summary-toggle strong{font-size:11px;color:#e6c47a}.edition-summary-toggle i{font-style:normal;color:#777e87;transition:transform 160ms ease}.edition-summary-toggle[aria-expanded="true"] i{transform:rotate(180deg)}
.edition-status-list{display:grid;gap:5px;margin:0 0 7px}.edition-status-list.is-compact .edition-status:not(.is-current){display:none}.edition-status-list.is-compact .edition-status.is-current{min-height:42px;padding:7px 9px}.edition-status-list.is-compact .edition-status-copy small{display:none}.edition-status-list.is-expanded{padding:5px;border:1px solid #292c31;border-radius:10px;background:#101115}
.sidebar nav{gap:6px;padding:2px 0 8px;overflow-y:auto}.nav-group{display:block;overflow:hidden;border:1px solid #25282d;border-radius:10px;background:#121317}.nav-group:has([data-view].active){border-color:#4d4229;background:#171711}.nav-group-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;min-height:38px;padding:7px 10px;border:0;border-radius:0;background:transparent;color:#aeb3b9;text-align:left;box-shadow:none}.nav-group-toggle:hover{background:#191b20;color:#fff}.nav-group-toggle span{font-size:12px;font-weight:800;letter-spacing:.04em}.nav-group-toggle small{display:grid;place-items:center;min-width:20px;height:20px;border-radius:6px;background:#1e2025;color:#717881;font-size:10px}.nav-group-toggle i{font-style:normal;color:#666d76;transition:transform 160ms ease}.nav-group.is-open>.nav-group-toggle i{transform:rotate(180deg)}
.nav-group-items{display:none;padding:0 5px 5px}.nav-group.is-open>.nav-group-items{display:grid;gap:3px}.sidebar nav .nav-group-items button[data-view]{min-height:36px;padding:5px 7px;border-radius:7px;font-size:12px}.sidebar nav .nav-group-items button[data-view]>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-icon{width:26px;height:26px;font-size:9px}.sidebar nav button.plan-locked::after{font-size:9px}.sidebar-footer{margin-top:6px;padding:9px 4px 0}
.topbar{min-height:60px;padding:9px var(--content-pad)}.workspace-search{max-width:520px}.topbar-actions{gap:7px}.realtime-state,.online-status{min-height:32px;padding:6px 9px}
.page-head{align-items:center;gap:16px;padding:22px 0 12px}.page-head h1{font-size:clamp(25px,2.4vw,34px);letter-spacing:-.02em}.page-head p{max-width:760px;margin-top:5px;line-height:1.55}.page-controls{gap:7px}.page-controls>*{min-height:32px}.content>section.view,.content>#message{margin-left:0;margin-right:0}
.view{display:grid;gap:var(--section-gap)}.view[hidden]{display:none}.view>.panel,.view>.dashboard-grid,.view>.dashboard-kpis,.view>.welcome-banner{margin-top:0;margin-bottom:0}.panel,.dashboard-panel{border-radius:14px}.panel-header,.dashboard-panel-head{gap:14px}.panel-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.compact-action{min-height:32px;padding:6px 10px}
.agent-package-entitlements{padding:15px 17px}.agent-package-entitlements>.panel-header h2{font-size:18px}.agent-package-entitlements>.panel-header .muted{margin-top:3px}.dashboard-entitlement-details{padding-top:6px}.dashboard-entitlement-details[hidden]{display:none}.dashboard-entitlement-details>.usage-grid{margin-top:8px}.dashboard-entitlement-details>.table-wrap{margin-top:12px}
.plan-cards{align-items:start;gap:12px}.plan-card{min-height:0;padding:16px}.plan-card h3{min-height:42px;margin:10px 0 12px;font-size:15px;line-height:1.4}.plan-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;overflow:hidden;border:1px solid #292c31;border-radius:10px;background:#292c31}.plan-specs span{min-width:0;padding:9px;background:#121419}.plan-specs strong{margin-top:3px;font-size:12px}.plan-card-features{margin-top:12px;padding-top:10px;border-top:1px solid #292c31}.plan-card-features ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.plan-card-features li{position:relative;padding-left:17px;color:#afb4bb;font-size:12px;line-height:1.45}.plan-card-features li::before{content:'✓';position:absolute;left:0;color:#d5aa52}.plan-card-features.is-collapsed li:nth-child(n+6){display:none}.plan-feature-toggle{width:100%;min-height:32px;margin-top:9px;padding:5px 8px;border:1px solid #2f3238;border-radius:8px;background:#17191d;color:#aeb4bc;font-size:11px}.plan-feature-toggle:hover{border-color:#574b31;color:#f0ce83;background:#1d1b16}.plan-card-actions{min-height:34px;margin-top:10px}.plan-card-actions:empty{display:none}.plan-card-request{width:100%}
.table-wrap{border-radius:11px}.table-wrap table{min-width:720px}.table-wrap thead th{position:sticky;top:0;z-index:1}.message:not(:empty){margin-top:0;margin-bottom:10px}
@media(max-width:1280px){:root{--sidebar-organized-width:248px}.topbar-account small,.online-status span{display:none}.plan-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{width:min(286px,88vw);padding:13px 10px}.sidebar nav{padding-bottom:10px}.page-head{align-items:flex-start;padding-top:18px}.page-controls{width:100%;justify-content:flex-start;overflow-x:auto}.content>section.view,.content>#message{margin-left:0;margin-right:0}.topbar{padding-left:14px;padding-right:14px}}
@media(max-width:640px){:root{--section-gap:10px}.topbar{grid-template-columns:auto minmax(0,1fr) auto}.breadcrumb,.topbar-divider,.realtime-state{display:none}.workspace-search{max-width:none}.page-head{gap:10px;padding:16px 14px 10px}.page-head h1{font-size:25px}.page-head p{font-size:12px}.page-controls{padding-bottom:2px}.page-controls>*{white-space:nowrap}.panel-header-actions{width:100%;justify-content:flex-start}.plan-cards{grid-template-columns:1fr}.plan-card h3{min-height:0}.agent-package-entitlements{padding:13px}.dashboard-entitlement-details>.usage-grid{grid-template-columns:1fr}.edition-status-list.is-expanded{max-height:210px;overflow-y:auto}}

/* PREMIUM VISUAL CLARITY SYSTEM V18 */
:root{
  --sidebar-organized-width:284px;
  --section-gap:18px;
  --content-pad:clamp(24px,2.25vw,40px);
  --text-primary:#f4f6f9;
  --text-secondary:#c4cad3;
  --text-muted:#949daa;
  --gold-primary:#f2c665;
  --gold-soft:#ffe3a0;
  --panel-line:rgba(188,199,214,.17);
  --panel-line-gold:rgba(236,183,74,.34);
}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{color:var(--text-primary);font-family:"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC","Noto Sans SC","Segoe UI",Arial,sans-serif;font-size:15px;font-weight:500;line-height:1.62;letter-spacing:.006em}
button,input,select,textarea{font:inherit}
strong,b,.metric-value,.kpi-card strong,.hero-metrics strong{font-variant-numeric:tabular-nums;letter-spacing:.01em}
.muted,.panel p,.dashboard-panel p,.page-head p{color:var(--text-secondary)}
small,.hint,.helper-text,td small{color:var(--text-muted)}
.app-shell{grid-template-columns:var(--sidebar-organized-width) minmax(0,1fr)}
.sidebar{padding:18px 14px 12px;border-right-color:rgba(232,177,71,.24);background:linear-gradient(180deg,#090b0f 0%,#0d1015 52%,#080a0d 100%)}
.sidebar .brand{min-height:66px;margin-bottom:14px;padding:2px 7px 13px;border-bottom:1px solid rgba(232,177,71,.2)}
.brand strong,.brand-title{color:#f7dfaa;font-size:18px;font-weight:900;letter-spacing:.08em}
.brand small,.brand-subtitle{color:#c7973d;font-size:10px;font-weight:900;letter-spacing:.2em}
.workspace-label{min-height:44px;margin-bottom:12px;padding:10px 12px;color:#f5d992;font-size:13px;font-weight:900}
.edition-summary-toggle{min-height:44px;margin-bottom:8px;padding:9px 12px;border-color:rgba(232,177,71,.3);background:linear-gradient(135deg,#211a0d,#141519);color:#fff}
.edition-summary-toggle span,.edition-summary-toggle strong{font-size:12px}.edition-summary-toggle span{color:#b9c0ca}.edition-summary-toggle strong{color:#f4ce79}
.edition-status-list.is-compact .edition-status.is-current{min-height:48px;padding:9px 11px}
.edition-status-copy strong{color:#f2f4f7;font-size:13px}.edition-status-copy small{color:#a5adb8}
.sidebar nav{gap:8px;padding-bottom:10px}.nav-group{border-radius:12px;border-color:rgba(232,177,71,.2);background:#0e1116;box-shadow:0 10px 25px rgba(0,0,0,.2)}
.nav-group-toggle,.nav-group>.nav-group-toggle{min-height:44px;padding:9px 12px;border:1px solid rgba(255,225,157,.2)!important;background:linear-gradient(135deg,#f7d77f 0%,#e7ae3d 100%)!important;color:#211705!important;box-shadow:inset 0 1px rgba(255,255,255,.3),0 7px 18px rgba(202,139,29,.12)!important}
.nav-group-toggle:hover{background:linear-gradient(135deg,#ffe7a8,#efbd54)!important;color:#120c02!important}
.nav-group-toggle span{font-size:13px;font-weight:900;letter-spacing:.025em}.nav-group-toggle small{min-width:23px;height:23px;background:#24272d;color:#f9d77d;font-size:10px;font-weight:900}.nav-group-toggle i{color:#5a4420;font-weight:900}
.nav-group-items{padding:6px}.nav-group.is-open>.nav-group-items{gap:4px}
.sidebar nav .nav-group-items button[data-view]{min-height:42px;padding:7px 9px;border:1px solid transparent;border-radius:9px;color:#bdc4ce!important;background:#11151b!important;font-size:13px;font-weight:700;box-shadow:none!important}
.sidebar nav .nav-group-items button[data-view]:hover{border-color:rgba(232,177,71,.24);color:#fff4d5!important;background:#19170f!important}
.sidebar nav .nav-group-items button[data-view].active{border-color:rgba(232,177,71,.5);color:#ffe3a0!important;background:linear-gradient(90deg,rgba(232,177,71,.18),rgba(232,177,71,.05))!important;box-shadow:inset 3px 0 #efbd56!important}
.nav-icon{width:29px;height:29px;color:#e1bc6b;font-size:10px}.sidebar-footer{padding-top:12px}.sidebar-footer strong{color:#f5f6f8;font-size:13px}.sidebar-footer small{font-size:11px}
.topbar{min-height:68px;padding:11px var(--content-pad);border-bottom-color:rgba(232,177,71,.2);background:rgba(7,10,14,.94);backdrop-filter:blur(18px)}
.breadcrumb{color:#9fa7b2;font-size:13px}.breadcrumb strong{color:#f0c466}.workspace-search{max-width:600px;min-height:42px}.workspace-search input{font-size:13px}.topbar-account strong{font-size:13px}.topbar-account small{font-size:10px}
.realtime-state,.online-status{min-height:36px;padding:7px 11px;font-size:12px}
.page-head{gap:22px;padding:30px 0 16px;border-bottom:1px solid rgba(232,177,71,.18)}
.page-head h1{color:#f4c85e;font-size:clamp(32px,2.8vw,42px);font-weight:950;line-height:1.16;letter-spacing:-.035em;text-shadow:0 4px 22px rgba(232,177,71,.17)}
.page-head p{max-width:860px;margin-top:8px;font-size:14.5px;line-height:1.7}
.page-controls{gap:9px}.page-controls>*{min-height:38px;font-size:12px}
.view{gap:var(--section-gap);padding-top:0;padding-bottom:26px}
.panel,.dashboard-panel,.kpi-card{border-color:var(--panel-line);background:linear-gradient(145deg,rgba(17,22,29,.98),rgba(9,12,17,.98));box-shadow:0 18px 44px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025)}
.panel,.dashboard-panel{border-radius:17px}.dashboard-grid,.dashboard-kpis,.plan-cards{gap:16px}
.panel-header,.dashboard-panel-head{align-items:flex-start;gap:18px}.panel-header h2,.dashboard-panel-head h2{color:#f2f4f7;font-size:20px;font-weight:900;line-height:1.3;letter-spacing:-.015em}
.panel-header .eyebrow,.dashboard-panel-head .eyebrow,.welcome-eyebrow{color:#f1be51;font-size:11px;font-weight:950;letter-spacing:.18em}
.panel-chip,.status-pill,.status-text{font-size:11.5px;font-weight:800}
.agent-package-entitlements{min-height:148px;padding:22px 24px;border-color:rgba(232,177,71,.28)}
.agent-package-entitlements>.panel-header h2{font-size:21px}.agent-package-entitlements>.panel-header .muted{font-size:13.5px}
.compact-action{min-height:38px;padding:8px 13px;font-size:12px}
.welcome-banner{min-height:270px;padding:34px 36px;border-radius:20px;border-color:rgba(242,190,84,.62);box-shadow:0 28px 70px rgba(0,0,0,.4),0 0 42px rgba(224,160,43,.1)}
.welcome-content{max-width:720px}.welcome-content h2{margin:18px 0 12px;color:#ffe3a0;font-family:"Microsoft YaHei UI","PingFang SC",sans-serif;font-size:clamp(36px,3.1vw,50px);font-weight:950;line-height:1.22;letter-spacing:-.045em;text-shadow:0 5px 28px rgba(238,184,73,.18)}
.welcome-banner p{color:#d0d4db;font-size:15px;line-height:1.75}.welcome-meta{gap:9px;margin-top:18px}.welcome-meta span{min-height:34px;padding:7px 11px;font-size:12px;font-weight:800}
.hero-metrics{gap:4px}.hero-metrics>div{min-width:142px;padding:13px 16px}.hero-metrics p{color:#b7bdc7;font-size:13px}.hero-metrics strong{color:#fff0c6;font-size:30px;font-weight:950}.hero-metric-icon{width:38px;height:38px;font-size:11px}
.hero-actions button{min-height:46px;padding:11px 20px;font-size:13px;font-weight:900}
.kpi-card{min-height:132px;padding:19px 20px;border-radius:16px}.kpi-card h3,.kpi-card span{color:#c5cbd4;font-size:13px;font-weight:800}.kpi-card strong{color:#f7f8fa;font-size:28px;font-weight:950;line-height:1.2}.kpi-card small{color:#959eaa;font-size:11.5px;line-height:1.55}
.table-wrap{border-color:#303a46;border-radius:13px;background:#0c1117}table{font-size:13.5px;line-height:1.6}th{padding:13px 14px;color:#e5bd69;font-size:12.5px;font-weight:900;letter-spacing:.03em}td{padding:14px;color:#d3d8e0;font-weight:550}td strong{color:#f3f5f8}.table-empty{min-height:130px;font-size:13px}
input,select,textarea,.crm-form input,.crm-form select,.crm-form textarea{min-height:44px;padding:10px 12px;color:#f3f5f8;font-size:13.5px}input::placeholder,textarea::placeholder{color:#7e8896}
button:not(.nav-scrim,.nav-toggle,.nav-group-toggle,[data-view]){min-height:40px;padding:9px 14px;font-size:13px;font-weight:850}
.plan-card{padding:20px}.plan-card-head span{font-size:18px;font-weight:950}.plan-card h3{font-size:15px}.plan-specs span{padding:11px}.plan-card-features li{color:#c2c8d0;font-size:13px;line-height:1.55}.plan-feature-toggle{min-height:38px;font-size:12px}
.live-activity-item strong{font-size:13.5px}.live-activity-item p{color:#b0b7c1;font-size:12.5px}.dashboard-trend-legend span{color:#adb5c0;font-size:12.5px}
@media(max-width:1280px){:root{--sidebar-organized-width:258px;--content-pad:22px}.sidebar nav .nav-group-items button[data-view]{font-size:12.5px}.welcome-banner{padding:28px}.welcome-content h2{font-size:36px}.hero-metrics>div{min-width:118px;padding:11px}.hero-metrics strong{font-size:26px}}
@media(max-width:900px){body{font-size:14.5px}.sidebar{width:min(304px,90vw)}.page-head{padding:22px 0 14px}.page-head h1{font-size:34px}.welcome-banner{min-height:0}.welcome-content h2{font-size:34px}}
@media(max-width:640px){:root{--section-gap:12px;--content-pad:14px}body{font-size:14px}.page-head{padding:18px 14px 12px}.page-head h1{font-size:30px}.page-head p{font-size:13px}.welcome-banner{padding:23px 19px;border-radius:16px}.welcome-content h2{font-size:30px;line-height:1.28}.welcome-banner p{font-size:13.5px}.panel,.dashboard-panel{border-radius:14px}.panel-header h2,.dashboard-panel-head h2{font-size:18px}.agent-package-entitlements{min-height:0;padding:17px}.kpi-card{min-height:116px;padding:16px}.kpi-card strong{font-size:25px}table{font-size:13px}}
@media(prefers-contrast:more){:root{--text-primary:#fff;--text-secondary:#e2e6ec;--text-muted:#bdc4ce;--panel-line:rgba(255,255,255,.28)}.sidebar nav .nav-group-items button[data-view]{color:#e3e7ec!important}}
/* GLOBAL COMMAND CENTER V19 */
:root{
  --sidebar-organized-width:250px;
  --section-gap:18px;
  --command-blue:#4c8dff;
  --command-cyan:#35d4ff;
  --command-violet:#8c55ff;
  --command-gold:#edbd62;
  --command-panel:#0c1420;
  --command-line:rgba(113,145,184,.2);
}
body{background:radial-gradient(circle at 65% -10%,rgba(38,99,167,.12),transparent 34%),#050910;color:#eef3fa}
.app-shell{grid-template-columns:var(--sidebar-organized-width) minmax(0,1fr)}
.sidebar{padding:12px 11px 10px;border-right:1px solid rgba(77,108,143,.2);background:linear-gradient(180deg,#080d14 0%,#07101a 52%,#050910 100%);box-shadow:22px 0 70px rgba(0,0,0,.28)}
.sidebar .brand{min-height:66px;margin:0 4px 12px;padding:4px 5px 13px;border-bottom:1px solid rgba(97,126,160,.14)}
.sidebar .brand-mark{border-radius:12px;color:#f8d890;background:linear-gradient(145deg,#6a5227,#231b0d);box-shadow:0 0 22px rgba(237,189,98,.28)}
.brand strong,.brand-title{color:#f8dfa9;font-size:15px;letter-spacing:.09em}.brand small,.brand-subtitle{color:#d6a957;font-size:11px;letter-spacing:.08em}
.workspace-label{display:none}
.edition-summary-toggle{min-height:40px;margin:0 4px 7px;padding:8px 10px;border-color:rgba(237,189,98,.2);background:linear-gradient(90deg,rgba(237,189,98,.13),rgba(12,20,31,.84));border-radius:9px}
.edition-status-list.is-compact .edition-status.is-current{min-height:42px;margin:0 4px;padding:7px 9px;border-color:rgba(237,189,98,.36);background:linear-gradient(90deg,rgba(237,189,98,.16),rgba(12,20,31,.5))}
.sidebar nav{gap:3px;padding:4px 0 8px}.nav-group{border:0;border-radius:10px;background:transparent;box-shadow:none}.nav-group:has([data-view].active){border:0;background:transparent}
.nav-group-toggle,.nav-group>.nav-group-toggle{min-height:43px;padding:9px 12px;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#aeb9c8!important;box-shadow:none!important}
.nav-group-toggle:hover{border-color:rgba(91,127,166,.18)!important;color:#f4f7fb!important;background:#0e1723!important}
.nav-group:has([data-view].active)>.nav-group-toggle{border-color:rgba(237,189,98,.38)!important;color:#ffe1a3!important;background:linear-gradient(90deg,rgba(237,189,98,.24),rgba(237,189,98,.07))!important;box-shadow:inset 3px 0 #edbd62,0 9px 22px rgba(0,0,0,.2)!important}
.nav-group-toggle span{font-size:13px;font-weight:800}.nav-group-toggle small{background:#162131;color:#8290a4}.nav-group:has([data-view].active)>.nav-group-toggle small{color:#2a1b03;background:#e7b659}.nav-group-toggle i{color:#758195}
.nav-group-items{padding:2px 6px 6px 12px}.sidebar nav .nav-group-items button[data-view]{min-height:38px;padding:6px 9px;color:#8f9bad!important;background:transparent!important;border-radius:8px;font-size:12.5px}.sidebar nav .nav-group-items button[data-view]:hover{color:#eef5ff!important;background:#101a27!important}.sidebar nav .nav-group-items button[data-view].active{border-color:rgba(237,189,98,.3);color:#ffe1a1!important;background:linear-gradient(90deg,rgba(237,189,98,.15),transparent)!important;box-shadow:inset 2px 0 #edbd62!important}
.nav-icon{border-color:#344153;color:#9daabd;background:#101824;box-shadow:none}.sidebar nav .nav-group-items button.active .nav-icon{border-color:#bc8b37;color:#f8cf7c;background:#2b210f}
.sidebar-footer{border-top-color:rgba(91,124,159,.18)}
.topbar{min-height:64px;padding:10px 24px;border-bottom:1px solid rgba(85,118,153,.16);background:rgba(5,10,17,.94)}
.workspace-search{justify-self:start;width:min(680px,100%);max-width:680px;min-height:42px;border-color:rgba(92,126,164,.2);background:linear-gradient(90deg,#0e1724,#0a111b)}
.workspace-search:focus-within{border-color:rgba(237,189,98,.42);box-shadow:0 0 0 3px rgba(237,189,98,.08)}
.topbar-actions{justify-self:end}.account-button{border-color:rgba(92,126,164,.22)!important;background:#0d1622!important}.account-button>span:first-child{color:#2c1c03;background:linear-gradient(145deg,#ffe6a6,#d89c35)}
.content{background:radial-gradient(circle at 72% 8%,rgba(39,102,171,.12),transparent 30%),linear-gradient(180deg,#050a11,#07101a 46%,#050910)}
body:has(#view-dashboard:not([hidden])) .page-head{display:none}
body:has(#view-dashboard:not([hidden])) #message:empty{display:none}
#view-dashboard{gap:18px;padding:0 0 30px}
.welcome-banner{position:relative;isolation:isolate;display:block;min-height:390px;margin:0 -24px;padding:44px 32px 152px;border:0;border-radius:0;background-image:linear-gradient(90deg,rgba(5,10,17,.98) 0%,rgba(5,10,17,.84) 34%,rgba(5,10,17,.18) 62%,rgba(5,10,17,.22) 100%),linear-gradient(180deg,rgba(5,10,17,0) 60%,#050a11 100%),url('/agent/assets/global-network-hero-v19.png');background-position:center,center,center;background-size:cover;box-shadow:none;overflow:hidden}
.welcome-banner::before{content:'';position:absolute;inset:0;z-index:-1;display:block;background:linear-gradient(90deg,transparent 0 58%,rgba(50,131,220,.08) 75%,transparent);pointer-events:none}.welcome-banner::after{content:'';position:absolute;inset:auto 0 0;height:92px;border:0;background:linear-gradient(transparent,#050a11);box-shadow:none;pointer-events:none}
.welcome-content{position:relative;z-index:2;max-width:780px}.welcome-eyebrow{color:#93a3b8;font-size:11px;letter-spacing:.2em}.welcome-eyebrow::before{display:none}.welcome-content h2{margin:22px 0 12px;color:#f5f8fc;font-family:"Microsoft YaHei UI","PingFang SC",sans-serif;font-size:clamp(38px,3.2vw,54px);font-weight:950;line-height:1.2;letter-spacing:-.045em;text-shadow:0 6px 30px rgba(0,0,0,.5)}.welcome-content h2 em{color:#f0c36e;font-style:normal}.welcome-banner p{max-width:680px;color:#aeb9c7;font-size:15px}.welcome-meta{margin-top:20px}.welcome-meta span{border-color:rgba(111,146,184,.24);color:#d2dae5;background:rgba(8,16,26,.72);backdrop-filter:blur(10px)}
#dashboard-hero-metrics,.welcome-banner>.hero-actions,.welcome-art{display:none}
#dashboard-kpis{position:relative;z-index:4;width:min(760px,calc(100% - 360px));margin:-132px 0 0 26px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#dashboard-kpis .kpi-card{min-height:108px;padding:15px 16px;border-color:rgba(106,140,178,.18);border-radius:12px;background:linear-gradient(145deg,rgba(16,28,42,.94),rgba(8,15,25,.94));box-shadow:0 18px 38px rgba(0,0,0,.32);backdrop-filter:blur(16px)}
#dashboard-kpis .kpi-card:nth-child(4n+1){border-color:rgba(237,189,98,.3);background:linear-gradient(145deg,rgba(63,48,23,.9),rgba(14,19,27,.95))}#dashboard-kpis .kpi-card:nth-child(4n+2){border-color:rgba(53,212,255,.25)}#dashboard-kpis .kpi-card:nth-child(4n+3){border-color:rgba(76,141,255,.26)}#dashboard-kpis .kpi-card:nth-child(4n){border-color:rgba(140,85,255,.26)}
#dashboard-kpis .kpi-card strong{font-size:25px}#dashboard-kpis .kpi-card h3,#dashboard-kpis .kpi-card span{font-size:12px}#dashboard-kpis .kpi-card small{font-size:10.5px}
.dashboard-grid-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:16px;margin-top:8px}.dashboard-grid-main>.realtime-trend-panel{grid-column:1}.dashboard-grid-main>.distribution-panel{grid-column:2}.dashboard-grid-main>.comparison-panel{grid-column:1/-1;min-height:180px}
.dashboard-panel,.panel{border-color:var(--command-line);background:linear-gradient(145deg,rgba(13,23,35,.98),rgba(7,13,22,.98));box-shadow:0 18px 50px rgba(0,0,0,.22)}.dashboard-panel{padding:18px 20px;border-radius:14px}.dashboard-panel-head h2{font-size:18px}.dashboard-panel-head .eyebrow{display:none}.dashboard-panel-head p{font-size:12px}
.dashboard-trend-chart{min-height:230px}.dashboard-trend-chart svg{height:230px}.distribution-panel{background:radial-gradient(circle at 0 100%,rgba(237,189,98,.12),transparent 38%),linear-gradient(145deg,#0d1724,#07101a)}
.dashboard-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.dashboard-shortcuts button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:13px 15px;border:1px solid rgba(91,126,166,.2);border-radius:12px;color:#eef3f9!important;background:linear-gradient(145deg,#101b29,#09111c)!important;box-shadow:0 14px 34px rgba(0,0,0,.2)!important;text-align:left}
.dashboard-shortcuts button:hover{transform:translateY(-2px);border-color:rgba(237,189,98,.44);background:linear-gradient(145deg,#172335,#0c1521)!important}.dashboard-shortcuts button.active{border-color:rgba(237,189,98,.48)}
.dashboard-shortcuts i{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(76,141,255,.35);border-radius:11px;color:#78b2ff;background:#10254a;font-size:10px;font-style:normal;font-weight:900;box-shadow:0 0 20px rgba(76,141,255,.16)}.dashboard-shortcuts button:nth-child(1) i,.dashboard-shortcuts button:nth-child(5) i{border-color:rgba(237,189,98,.38);color:#f7ce7a;background:#34260f}.dashboard-shortcuts button:nth-child(2) i,.dashboard-shortcuts button:nth-child(3) i{border-color:rgba(53,212,255,.32);color:#55ddff;background:#0b3142}.dashboard-shortcuts button:nth-child(4) i{border-color:rgba(140,85,255,.36);color:#b28cff;background:#251547}
.dashboard-shortcuts span{display:grid;gap:3px}.dashboard-shortcuts strong{font-size:13px}.dashboard-shortcuts small{color:#8290a2;font-size:10.5px}.dashboard-shortcuts b{color:#7f8da0;font-size:18px}
.agent-package-entitlements{min-height:0;padding:18px 20px;border-color:rgba(91,126,166,.2);background:linear-gradient(145deg,#0d1723,#08101a)}.agent-package-entitlements .panel-header{padding:0;border:0}.agent-package-entitlements .panel-header .eyebrow{display:none}.agent-package-entitlements>.panel-header h2{font-size:17px}.agent-package-entitlements>.panel-header .muted{font-size:12px}.agent-package-entitlements .compact-action{border-color:rgba(237,189,98,.3);color:#f2ce84;background:#161b22}
.dashboard-grid-bottom{grid-template-columns:minmax(0,1.7fr) repeat(2,minmax(240px,.65fr));gap:16px}.dashboard-grid-bottom>.dashboard-activity-panel{grid-column:1}.dashboard-grid-bottom>.dashboard-panel{min-width:0}
.table-wrap{border-color:rgba(90,122,158,.18);background:#08111b}thead{background:#111d2b}th{color:#aebcd0}td{color:#cbd4df}tbody tr,.table-wrap tbody tr,.table-wrap tbody tr:nth-child(even){background:#0a131e}tbody tr:nth-child(even),.table-wrap tbody tr:nth-child(even){background:#0c1723}tbody tr:hover,.table-wrap tbody tr:hover,.table-wrap tbody tr:nth-child(even):hover{background:#122033}
@media(min-width:901px){.topbar{grid-template-columns:minmax(360px,680px) 1fr}.topbar-main{display:none}}
@media(max-width:1280px){:root{--sidebar-organized-width:238px}.welcome-banner{margin-left:-22px;margin-right:-22px}.welcome-content h2{font-size:42px}#dashboard-kpis{width:calc(100% - 220px)}.dashboard-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid-bottom{grid-template-columns:1fr 1fr}.dashboard-grid-bottom>.dashboard-activity-panel{grid-column:1/-1}}
@media(max-width:900px){.topbar{grid-template-columns:auto minmax(0,1fr) auto}.topbar-main{display:flex}.welcome-banner{margin:0 -14px;padding:34px 22px 150px;background-position:center,center,62% center}.welcome-content{max-width:70%}.welcome-content h2{font-size:36px}#dashboard-kpis{width:calc(100% - 32px);margin:-126px 16px 0;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid-main{grid-template-columns:1fr}.dashboard-grid-main>.realtime-trend-panel,.dashboard-grid-main>.distribution-panel,.dashboard-grid-main>.comparison-panel{grid-column:1}.dashboard-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid-bottom{grid-template-columns:1fr}.dashboard-grid-bottom>.dashboard-activity-panel{grid-column:1}}
@media(max-width:640px){.welcome-banner{min-height:430px;padding:30px 18px 164px;background-position:center,center,68% center}.welcome-content{max-width:100%}.welcome-content h2{font-size:30px}.welcome-content p{max-width:92%;font-size:13px}.welcome-meta{display:none}#dashboard-kpis{width:calc(100% - 24px);margin:-148px 12px 0;gap:8px}#dashboard-kpis .kpi-card{min-height:98px;padding:12px}.dashboard-shortcuts{grid-template-columns:1fr}.dashboard-shortcuts button{min-height:68px}.dashboard-grid-main{gap:12px}.dashboard-panel{padding:15px}.dashboard-trend-chart svg{min-width:560px}.agent-package-entitlements .panel-header{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.dashboard-shortcuts button:hover{transform:none}}

/* V20 reference-layout correction: flat sidebar + three-column operational footer */
.app-shell{grid-template-columns:250px minmax(0,1fr)}
.sidebar{width:250px;padding:0 12px 12px;background:linear-gradient(180deg,#080d13 0%,#09111a 54%,#080d13 100%);border-right:1px solid rgba(237,189,98,.12);box-shadow:18px 0 42px rgba(0,0,0,.24)}
.sidebar .brand{height:78px;margin:0 0 13px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.055);gap:11px}
.sidebar .brand-mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#fff0b6,#c98e2e 58%,#755019);color:#161008;font-size:20px;box-shadow:0 0 24px rgba(236,180,72,.25),inset 0 1px 0 #fff6d0}
.sidebar .brand strong{font-family:Georgia,"Times New Roman",serif;font-size:15px;letter-spacing:1.25px;color:#f4d98e}
.sidebar .brand small{margin-top:2px;font-size:11px;letter-spacing:1px;color:#c8a95f}
.sidebar-workspace-title{display:flex;align-items:center;gap:8px;height:26px;padding:0 12px;margin-bottom:7px;color:#657080;font-size:10px;font-weight:700;letter-spacing:1.25px;text-transform:uppercase}
.sidebar-workspace-title span{width:5px;height:5px;border-radius:50%;background:#d6a74b;box-shadow:0 0 12px rgba(235,183,85,.8)}
.flat-agent-navigation{display:flex;flex:1;min-height:0;flex-direction:column;gap:4px;overflow:auto;padding:2px 0 10px;scrollbar-width:none}
.flat-agent-navigation::-webkit-scrollbar{display:none}
.flat-agent-navigation>button{position:relative;display:grid;grid-template-columns:25px minmax(0,1fr) auto auto;align-items:center;gap:9px;width:100%;min-height:44px;padding:0 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:#9ca7b5;text-align:left;box-shadow:none;font-size:13px;font-weight:650;letter-spacing:.1px;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.flat-agent-navigation>button:hover{transform:translateX(2px);color:#f0f3f7;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.045)}
.flat-agent-navigation>button.active{color:#fff5d8;border-color:rgba(239,190,97,.34);background:linear-gradient(100deg,rgba(211,157,56,.32),rgba(211,157,56,.10) 68%,rgba(255,255,255,.025));box-shadow:inset 3px 0 0 #efbd60,0 10px 24px rgba(0,0,0,.14)}
.flat-agent-navigation .flat-nav-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;border:1px solid rgba(141,156,177,.18);color:#8794a5;font-size:15px;font-style:normal}
.flat-agent-navigation>button.active .flat-nav-icon{border-color:rgba(239,190,97,.4);background:rgba(235,183,85,.12);color:#f0c66e;box-shadow:0 0 16px rgba(238,183,77,.12)}
.flat-agent-navigation>button b{color:#5b6674;font-size:17px;font-weight:400}.flat-agent-navigation>button.active b{color:#e2bb6b}
.flat-agent-navigation>button em{padding:2px 5px;border-radius:4px;background:#eab955;color:#171108;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.5px}
.flat-agent-navigation>button:nth-child(8) em{background:#d64d3e;color:#fff}.legacy-route-map{display:none!important}
.sidebar-bottom-zone{position:relative;flex:none;margin-top:auto;padding-top:9px;border-top:1px solid rgba(255,255,255,.055)}
.sidebar-plan-wrap{position:relative;margin:0 0 7px}
.sidebar .sidebar-plan-card{display:grid;grid-template-columns:38px minmax(0,1fr) 14px;align-items:center;gap:10px;width:100%;min-height:66px;margin:0;padding:9px 11px;border:1px solid rgba(237,189,98,.22);border-radius:11px;background:linear-gradient(105deg,rgba(201,145,42,.23),rgba(18,23,29,.96) 72%);text-align:left;box-shadow:inset 0 1px 0 rgba(255,236,174,.08),0 12px 28px rgba(0,0,0,.2)}
.sidebar-plan-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:radial-gradient(circle at 40% 30%,#ffe6a0,#a87523 70%);color:#171007;font-size:19px;box-shadow:0 0 20px rgba(232,177,71,.22)}
.sidebar-plan-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.sidebar-plan-copy small{color:#a2aab5;font-size:10px}.sidebar-plan-copy strong{overflow:hidden;color:#f6e7bd;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.sidebar-plan-card>i{color:#d9b461;font-size:18px}
.sidebar-plan-wrap .edition-status-list{position:absolute;z-index:40;left:0;right:0;bottom:72px;max-height:330px;padding:7px;border:1px solid rgba(239,190,97,.28);border-radius:12px;background:rgba(8,13,20,.98);box-shadow:0 22px 54px rgba(0,0,0,.55);overflow:auto;transform-origin:bottom;transition:opacity .16s ease,transform .16s ease}
.sidebar-plan-wrap .edition-status-list.is-compact{display:none}.sidebar-plan-wrap .edition-status-list.is-expanded{display:grid;opacity:1;transform:translateY(0)}
.sidebar-footer{min-height:56px;margin:0;padding:7px 6px;border:0;border-radius:9px;background:rgba(255,255,255,.018)}
.sidebar-footer .profile-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#ffe7a5,#d99e39);color:#171008}
.sidebar-footer #logout{width:34px;min-width:34px;height:34px;padding:0;border-radius:8px;font-size:0}.sidebar-footer #logout:after{content:"⇥";font-size:16px}
.dashboard-reference-bottom{display:grid;grid-template-columns:1fr 1fr 1.02fr;gap:14px;margin-top:14px}
.dashboard-reference-bottom .dashboard-panel{min-height:286px;padding:17px 18px;border-color:rgba(126,148,179,.14);background:linear-gradient(150deg,rgba(15,25,38,.96),rgba(8,15,24,.98));box-shadow:0 20px 45px rgba(0,0,0,.16)}
.dashboard-reference-bottom .dashboard-panel-head{margin-bottom:12px}.dashboard-reference-bottom .dashboard-panel-head h2{font-size:16px}.dashboard-reference-bottom .dashboard-panel-head p{margin-top:3px;font-size:10px}
.text-link{min-height:unset;padding:4px 0;border:0;background:transparent;color:#73a5ff;box-shadow:none;font-size:11px}.text-link:hover{background:transparent;color:#b9d2ff;transform:none}
.mini-table-head{display:grid;grid-template-columns:1.35fr .65fr .8fr;gap:8px;padding:7px 8px;border-radius:7px;background:rgba(255,255,255,.025);color:#667385;font-size:9px;font-weight:700;letter-spacing:.4px}.dashboard-reference-bottom article:nth-child(2) .mini-table-head{grid-template-columns:1.4fr .8fr .55fr}
.dashboard-entity-list{display:grid}.dashboard-entity-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:46px;padding:8px;border-bottom:1px solid rgba(255,255,255,.045);color:#cbd3de;font-size:10px}.dashboard-entity-row:last-child{border-bottom:0}
.entity-avatar,.entity-device-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:linear-gradient(145deg,#f0c66f,#805d24);color:#151009;font-size:11px;font-weight:900}.entity-device-icon{border-radius:8px;background:rgba(62,129,232,.16);color:#6ea8ff}
.entity-primary{display:flex;min-width:0;flex-direction:column;gap:2px}.entity-primary strong{overflow:hidden;color:#e7ebf0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.entity-primary small{overflow:hidden;max-width:120px;color:#657184;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.entity-region{max-width:82px;overflow:hidden;color:#8f9aaa;text-overflow:ellipsis;white-space:nowrap}
.entity-status{padding:2px 6px;border-radius:5px;font-size:9px;font-weight:800}.entity-status.is-online{background:rgba(31,204,144,.1);color:#35d9a0}.entity-status.is-offline{background:rgba(234,78,73,.1);color:#ed7770}.dashboard-entity-row time{color:#7e8998;font-size:9px;white-space:nowrap}
.dashboard-reference-bottom>.dashboard-system-panel{grid-column:auto}
.dashboard-system-panel .live-activity-item{grid-template-columns:7px minmax(0,1fr) auto;padding:8px 0}.dashboard-system-panel .live-activity-item>div p,.dashboard-system-panel .live-activity-item>div small,.dashboard-system-panel .activity-event-status{display:none}.dashboard-system-panel .live-activity-item>div strong{font-size:10px}.dashboard-system-panel .live-activity-item time{font-size:9px}.dashboard-activity-filters{margin:-4px 0 5px;color:#7e8998;font-size:9px}.dashboard-activity-filters summary{cursor:pointer;text-align:right}.dashboard-activity-filters .activity-toolbar{margin:7px 0;padding:8px}.dashboard-activity-filters .activity-toolbar label{font-size:9px}.dashboard-activity-filters .activity-toolbar input,.dashboard-activity-filters .activity-toolbar select{min-height:30px;padding:5px 7px;font-size:9px}
.dashboard-hidden-status{display:none!important}
@media(max-width:900px){.dashboard-reference-bottom{grid-template-columns:1fr 1fr}.dashboard-system-panel{grid-column:1/-1}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{width:min(270px,88vw)}.dashboard-reference-bottom{grid-template-columns:1fr}.dashboard-system-panel{grid-column:auto}}

/* V21: restore dashboard content visibility after the compact-layout override. */
.dashboard-entitlement-preview{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:12px;min-height:30px;color:#c5d0dd;font-size:12px}
.dashboard-entitlement-preview strong{margin-right:3px;color:#f2d38a;font-size:12px}
.dashboard-entitlement-preview span,.dashboard-entitlement-preview small{max-width:100%;padding:5px 8px;border:1px solid rgba(133,156,184,.17);border-radius:7px;background:rgba(75,105,143,.1);color:#b9c8d9;font-size:11px;white-space:normal}
.dashboard-system-panel #dashboard-live-activity{display:block;min-width:0;width:100%;padding:0;border:0}
.dashboard-system-panel .live-activity-item{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:10px;min-width:0;width:100%;padding:9px 0}
.dashboard-system-panel .live-activity-item>div{min-width:0}
.dashboard-system-panel .live-activity-item>div strong{overflow:hidden;color:#e9eff7;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.dashboard-system-panel .live-activity-item>div p{display:block;margin:3px 0 0;overflow:hidden;color:#aebbc9;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.dashboard-system-panel .live-activity-item>div small,.dashboard-system-panel .activity-event-status{display:none}
.dashboard-system-panel .live-activity-item time{grid-column:auto;align-self:start;color:#a0acba;font-size:10px}
.dashboard-reference-bottom .dashboard-panel-head p{font-size:11px;color:#a3afbf}
.mini-table-head{color:#a4b2c4;font-size:10px}
.dashboard-entity-row{font-size:11px}
.entity-primary strong{font-size:11px}.entity-primary small{color:#9ca9ba;font-size:10px}.entity-region{color:#b0bdcb}
.entity-status{font-size:10px}.dashboard-entity-row time{color:#a1aebe;font-size:10px}
.dashboard-activity-filters{color:#a5b3c2;font-size:11px}
@media(max-width:640px){.dashboard-entitlement-preview{align-items:stretch;flex-direction:column}.dashboard-entitlement-preview span,.dashboard-entitlement-preview small{width:fit-content}.dashboard-system-panel .live-activity-item{grid-template-columns:9px minmax(0,1fr) auto}.dashboard-system-panel .live-activity-item time{grid-column:auto}.dashboard-reference-bottom .dashboard-panel{min-width:0}.dashboard-reference-bottom .dashboard-panel-head{gap:8px}.dashboard-entity-row{grid-template-columns:28px minmax(0,1fr) auto;gap:7px}.dashboard-entity-row time,.dashboard-reference-bottom .entity-region{display:none}.dashboard-reference-bottom article:nth-child(2) .dashboard-entity-row{grid-template-columns:28px minmax(0,1fr) auto}.dashboard-reference-bottom article:nth-child(2) .entity-region{display:none}.dashboard-reference-bottom .mini-table-head{display:none}}
@media(max-width:900px){.sidebar:not(.is-open){transform:translateX(-105%)}.sidebar.is-open{transform:translateX(0)}}

/* Registration and unopened-account read-only preview — 20261027 */
.auth-switch{width:100%;margin-top:10px}
#register-form .login-note{display:block;line-height:1.65}
.agent-preview-banner{padding:14px 18px;margin:0 0 20px;border:1px solid #645127;border-radius:12px;background:#211c11;color:#f4d48d;font-size:.9rem;line-height:1.7}
.preview-disclosure{padding:14px;border-left:3px solid #d5a73f;background:#15191e;color:#d8dee8;line-height:1.8}
.preview-feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin:22px 0}
.preview-feature-cards article{padding:20px;border:1px solid #303741;border-radius:12px;background:#10151b;min-width:0}
.preview-feature-cards p{color:#aeb6c4;line-height:1.8}
.preview-feature-cards span{display:block;color:#c6ad78;font-size:.85rem;margin:14px 0}
.preview-feature-cards button:disabled{opacity:.5;cursor:not-allowed}
#register-form[hidden],#login-form[hidden],#agent-preview-banner[hidden]{display:none!important}
.payment-order-qr{display:block;max-width:min(220px,100%);height:auto;border-radius:10px;background:#fff;padding:10px;margin:14px 0}

/* ALL FUNCTIONS NAVIGATION 20261027: visible catalog, guarded entry. */
.flat-agent-navigation > button { flex-shrink: 0; }
.flat-agent-navigation .sidebar-subnav { display: grid; flex-shrink: 0; gap: 3px; margin: -1px 0 6px 23px; padding: 2px 0 2px 9px; border-left: 1px solid rgba(239,190,97,.2); }
.flat-agent-navigation .sidebar-subnav > button { display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; gap: 8px; width: 100%; min-height: 38px; padding: 6px 8px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #aeb8c6; font-size: 12px; text-align: left; box-shadow: none; }
.flat-agent-navigation .sidebar-subnav > button > span { white-space: normal; overflow-wrap: anywhere; line-height: 1.4; }
.flat-agent-navigation .sidebar-subnav > button:hover, .flat-agent-navigation .sidebar-subnav > button.active { color: #ffe1a1; border-color: rgba(239,190,97,.22); background: rgba(239,190,97,.08); }
.flat-agent-navigation .sidebar-subnav .flat-nav-icon { width: 23px; height: 23px; font-size: 10px; }
.flat-agent-navigation .sidebar-subnav > button > b { color: #697484; font-weight: 400; }
.flat-agent-navigation button.plan-locked { opacity: 1; color: #9da8b8; }
.flat-agent-navigation button.plan-locked::after { content: '未开通'; position: static; grid-column: 2; justify-self: start; border: 1px solid #555044; border-radius: 4px; padding: 1px 4px; color: #e3c68c; background: #211c13; font-size: 9px; line-height: 1.3; }
.flat-agent-navigation button[data-view]:focus-visible { outline: 2px solid #efbd60; outline-offset: -2px; }
.flat-agent-navigation { scrollbar-width: thin; scrollbar-color: #6b5731 transparent; }
.flat-agent-navigation::-webkit-scrollbar { display: block; width: 5px; }
.flat-agent-navigation::-webkit-scrollbar-thumb { background: #6b5731; border-radius: 4px; }
/* Win the legacy dot and flex overrides without changing the black/gold theme. */
#agent-navigation .sidebar-subnav > button[data-view] { display: grid !important; grid-template-columns: 23px minmax(0,1fr) auto; min-height: 36px !important; padding: 5px 7px !important; gap: 5px 7px !important; font-size: 12px !important; }
#agent-navigation button[data-view].plan-locked { opacity: 1 !important; color: #aeb8c6 !important; }
#agent-navigation button[data-view].plan-locked::after { content: '未开通' !important; display: inline-flex !important; position: static !important; flex: 0 0 auto; width: auto !important; height: auto !important; min-width: 34px; margin-left: auto; padding: 2px 4px; border: 1px solid #665735; border-radius: 4px; color: #f1cf87 !important; background: #251e12; font-size: 9px; font-weight: 600; line-height: 1.4; white-space: nowrap; box-shadow: none !important; transform: none !important; grid-column: 2; grid-row: 2; justify-self: start; }
#agent-navigation .sidebar-subnav > button[data-view]::after { content: none; }
#agent-navigation .sidebar-subnav > button[data-view].plan-locked::after { margin-left: 0; }

.plan-payment-quote{padding:.7rem;border:1px solid var(--line,#dbe4e9);border-radius:10px;line-height:1.7;}

/* Plan center: readable yearly comparison; presentation only, no entitlement changes. */
#view-plans{grid-template-columns:minmax(0,1fr);min-width:0}#view-plans>*{min-width:0}
#view-plans .plan-center-hero{align-items:center;gap:20px;min-height:0;padding:22px 26px;margin-bottom:22px;background:linear-gradient(110deg,#171b23,#0e141d);border-color:#39404a}
#view-plans .plan-center-hero .eyebrow{margin:0 0 8px;color:#cdb079;font-size:11px;letter-spacing:.18em}
#view-plans .plan-center-hero h2{margin:0 0 8px;font-size:23px;line-height:1.35;color:#f4f5f8}
#view-plans #plan-current-summary{margin:0;color:#b6bfcb;font-size:13px;line-height:1.8}
#view-plans .plan-reading-guide{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#view-plans .plan-reading-guide span{padding:5px 10px;border:1px solid #3a3931;border-radius:7px;background:#252219;color:#e5ca8e;font-size:12px}
#view-plans .plan-inheritance-note{flex-shrink:0;padding:9px 12px;border:1px solid #4d4532;background:#252116;color:#efd49d;border-radius:8px;font-size:12px}
#view-plans #plan-cards{align-items:stretch;gap:18px;margin:0 0 26px}
#view-plans .plan-comparison-card{display:flex;flex-direction:column;padding:23px 20px;border:1px solid #35404d;border-radius:16px;background:linear-gradient(155deg,#171e28,#0e141d);color:#e9edf3;box-shadow:0 12px 28px #0002;filter:none}
#view-plans .plan-comparison-card[data-plan="flagship"]{border-color:#aa8645;background:radial-gradient(circle at 100% 0,#8d632126,transparent 55%),linear-gradient(155deg,#241e13,#14171c)}
#view-plans .plan-comparison-card.plan-current{border-color:#edc66e;box-shadow:0 0 0 1px #edc66e33,0 12px 28px #0002}
#view-plans .plan-card-head{gap:8px}
#view-plans .plan-card-head>span{font-size:21px;line-height:1.4;letter-spacing:.03em;color:#f1f4f8}
#view-plans .plan-card-head>b{padding:5px 8px;border:1px solid #4a5360;background:#242d39;color:#c4ccd7;font-size:11px;font-weight:500;white-space:nowrap}
#view-plans .plan-current .plan-card-head>b{border-color:#ddba69;background:#ebc775;color:#30230b}
#view-plans .plan-comparison-card[data-plan="flagship"] .plan-card-head>span{color:#f3d18b}
#view-plans .plan-card h3{min-height:44px;margin:10px 0 18px;color:#b5bfcd;font-size:13px;font-weight:400;line-height:1.7}
#view-plans .plan-payment-quote{margin:0 0 20px;padding:16px 0 14px;border:0;border-top:1px solid #35404d;border-bottom:1px solid #35404d;border-radius:0;background:transparent;line-height:1.5}
#view-plans .plan-price-label{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;color:#b6c0cf;font-size:12px}
#view-plans .plan-duration{padding:3px 7px;background:#e8c47614;border:1px solid #8e764033;border-radius:5px;color:#e5ca8f;font-size:11px;white-space:nowrap}
#view-plans .plan-price-main{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:10px 0 12px;color:#e4c27a;font-size:12px}
#view-plans .plan-price-main>strong{color:#fff0cc;font-size:clamp(28px,2.3vw,38px);font-weight:750;line-height:1.2;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
#view-plans .plan-price-period{color:#aeb8c6;font-size:13px}
#view-plans .plan-due{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 8px;color:#aeb8c6;font-size:12px}
#view-plans .plan-due strong{color:#edf0f5;font-size:13px;font-weight:600}
#view-plans .plan-due-muted{color:#a9bea9}
#view-plans .plan-credit{display:block;margin-top:7px;color:#c7b68a;font-size:11px;line-height:1.6}
#view-plans .plan-price-unavailable{min-height:132px;color:#b6c0cf}
#view-plans .plan-specs{gap:10px 12px;padding:0;border:0;border-radius:0;background:transparent}
#view-plans .plan-specs>span{padding:0 0 10px;border-bottom:1px solid #ffffff0b;background:transparent;color:#aeb9c8;font-size:11px;line-height:1.5}
#view-plans .plan-specs strong{margin-top:5px;color:#f0f2f6;font-size:14px;font-weight:600}
#view-plans .plan-card-features{margin-top:16px;padding-top:0;border:0}
#view-plans .plan-benefit-title{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px;color:#d9e0e9;font-size:12px;font-weight:600}
#view-plans .plan-benefit-title>span{color:#aab6c7;font-size:11px;font-weight:400}
#view-plans .plan-card-features ul{gap:9px}
#view-plans .plan-card-features li{color:#c3ccd8;font-size:12px;line-height:1.65}
#view-plans .plan-card-features li::before{color:#d5bb7e}
#view-plans .plan-feature-toggle{min-height:36px;margin-top:12px;background:transparent;border-color:#3a4452;color:#b9c4d3}
#view-plans .plan-card-actions{display:grid;gap:8px;margin-top:auto;padding-top:20px}
#view-plans .plan-card-actions .secondary{display:flex;align-items:center;justify-content:center;min-height:40px;margin:0;padding:9px 12px;border:1px solid #8a7143;border-radius:8px;background:#d8b66b17;color:#f2d799;font-size:12px;font-weight:600;text-align:center;text-decoration:none;line-height:1.6}
#view-plans .plan-card-actions .secondary:hover{background:#d8b66b29;border-color:#d7b568}
#view-plans button:focus-visible,#view-plans a:focus-visible{outline:2px solid #f0cc7c;outline-offset:3px}
@media(max-width:1280px){#view-plans #plan-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-plans .plan-center-hero{align-items:flex-start;padding:18px;gap:14px}#view-plans .plan-center-hero h2{font-size:21px}#view-plans #plan-cards{grid-template-columns:1fr;gap:14px}#view-plans .plan-comparison-card{padding:20px}#view-plans .plan-card h3{min-height:0}#view-plans .plan-price-main>strong{font-size:34px}}

/* Two-tenths promotion: server-quoted USDT prices, no countdown or invented quota. */
#view-plans .plan-promotion-banner{position:relative;padding:28px;border:1px solid #97743c;border-radius:18px;background:radial-gradient(ellipse at right top,#9d6b2330,transparent 65%),linear-gradient(110deg,#251e12,#121922);margin:0 0 22px;min-width:0}
#view-plans .plan-promotion-banner[hidden]{display:none!important}
.promotion-kicker{display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:#d1b17b;letter-spacing:.12em;font-size:11px}
.promotion-kicker>span,.plan-sale-tag{display:inline-block;padding:4px 9px;border:1px solid #c99a49;border-radius:6px;background:#f1bf5f19;color:#ffda91;font-size:12px;font-weight:700;letter-spacing:0}
#view-plans .plan-promotion-banner h2{font-size:clamp(23px,2.2vw,34px);color:#ffe4aa;margin:14px 0 10px;line-height:1.45}
#view-plans .plan-promotion-banner p{color:#e0d3bb;font-size:15px;line-height:1.8;margin:0 0 10px}
#view-plans .plan-promotion-banner small{display:block;color:#b7b9bd;font-size:12px;line-height:1.9}
.promotion-cta{display:inline-flex;gap:30px;align-items:center;padding:12px 18px;margin-top:20px;border:1px solid #dfb057;border-radius:9px;background:linear-gradient(110deg,#f6d38a,#d7a54f);color:#241c0c;font-size:14px;font-weight:700;text-decoration:none}
#view-plans .plan-price-original{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;margin-top:13px;color:#b4bdc9;font-size:12px;line-height:1.8}
#view-plans .plan-price-original del{font-size:14px;text-decoration-thickness:1px}
#view-plans .is-promotion .plan-price-main{margin:13px 0 12px}
#view-plans .is-promotion .plan-price-main>strong{font-size:clamp(32px,2.8vw,44px);color:#ffe0a1}
#view-plans .plan-savings{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px;margin:0 0 14px;color:#d7c29a;font-size:12px;line-height:1.7}
#view-plans .plan-savings>strong{color:#f5d28a;font-weight:600}
#view-plans .plan-savings>span{margin-left:auto;border-radius:4px;background:#d6ae5916;color:#f2cd80;padding:2px 5px;font-size:11px}
#view-plans .plan-recommended{margin:12px 0 0;padding:7px 10px;background:#dcab4724;border:1px solid #ac873e55;border-radius:7px;color:#f1d28b;font-size:12px;line-height:1.5}
#view-plans .plan-recommended.is-placeholder{visibility:hidden}
#view-plans .plan-comparison-card:has(.is-promotion){position:relative}
#view-plans .plan-comparison-card[data-plan="flagship"]:has(.is-promotion){border-color:#e8bd67;box-shadow:0 0 0 1px #e5b75c33,0 16px 34px #0003}
#view-plans .checkout-promotion{color:#d1bd91;font-size:12px;line-height:1.9}
#view-plans .plan-card-actions .secondary{white-space:normal}
#view-plans #commerce-plan-actions .plan-card{display:flex;flex-direction:column;gap:10px}
#view-plans #commerce-plan-actions .plan-card button{margin-top:auto;white-space:normal;line-height:1.7;min-height:42px}
#view-plans #commerce-plan-actions .plan-card button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:640px){#view-plans .plan-promotion-banner{padding:20px}#view-plans .plan-promotion-banner h2{font-size:23px}.promotion-cta{display:flex;justify-content:space-between;font-size:13px}#view-plans .is-promotion .plan-price-main>strong{font-size:40px}}

/* Low-friction checkout: local feedback, immutable receipt, final administrator review. */
#view-plans #commerce-plan-actions[hidden]{display:none!important}
#view-plans #commerce-order-rows{scroll-margin-top:90px;min-width:0}
.payment-checkout{margin:18px 0 0;padding:26px;border:1px solid #8a7040;border-radius:16px;background:linear-gradient(130deg,#161d27,#0d151e);min-width:0}
.payment-checkout-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.payment-eyebrow{color:#adbacb;font-size:12px}.payment-checkout h3{margin:6px 0 0;color:#f4e0b7;font-size:23px}.payment-state{padding:7px 12px;border-radius:7px;background:#e4bb6220;color:#f6d28b;font-size:12px;white-space:nowrap}
.payment-steps{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0;padding:0;list-style:none;counter-reset:pay-step}.payment-steps li{display:flex;gap:8px;align-items:center;color:#a9b6c9;font-size:12px}.payment-steps li::before{counter-increment:pay-step;content:counter(pay-step);display:grid;place-items:center;width:23px;height:23px;border:1px solid #455064;border-radius:50%;color:#b8c5d6}.payment-steps .is-current,.payment-steps .is-done{color:#ecd297}.payment-steps .is-current::before,.payment-steps .is-done::before{border-color:#aa8b4e;background:#dcb56c19;color:#f4d58f}
.payment-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;padding:18px 0;border-top:1px solid #35404e;border-bottom:1px solid #35404e}.payment-amount>span{width:100%;color:#b2bfd0;font-size:12px}.payment-amount>strong{color:#ffe2a5;font-size:42px;line-height:1.25;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.payment-amount>b{font-size:15px;color:#dbc186}.payment-amount .payment-copy{margin-left:auto}
.payment-network{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:18px 0}.payment-network>span{font-size:12px;color:#aeb9c9}.payment-network>strong{padding:4px 9px;border-radius:5px;border:1px solid #857044;background:#bda06115;color:#f2d395;font-size:13px}.payment-network>small{color:#b7c1cf;font-size:12px}
.payment-address-block>label{display:block;color:#c1ccda;font-size:13px;margin-bottom:9px}.payment-address-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.payment-address-row input{width:100%;min-width:0;padding:13px;color:#e6edf8;font-family:ui-monospace,Consolas,monospace;font-size:14px;border:1px solid #405064;background:#0b121b;border-radius:9px;cursor:text}.payment-copy-address{min-height:46px;border:1px solid #d8af5b;border-radius:9px;background:linear-gradient(110deg,#f7d68e,#d6a54c);color:#2c200b;font-size:13px;font-weight:700;padding:11px 18px;white-space:nowrap}
.payment-order-reference{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px;font-size:12px;color:#aebccf}.payment-order-reference code{overflow-wrap:anywhere;word-break:break-all;color:#c7d3e2}.payment-copy{font-size:11px!important;padding:6px 10px!important;min-height:32px!important;margin:0!important;white-space:nowrap}.payment-copy-feedback{min-height:20px;margin:10px 0 0;color:#c6d8bb;font-size:12px;line-height:1.7}.payment-help{margin:8px 0 16px;color:#c3cedd;font-size:13px;line-height:1.8}.payment-submit{width:100%;min-height:48px;border:1px solid #deb969;border-radius:9px;color:#2b200c;background:linear-gradient(100deg,#f3d28c,#d8aa53);font-size:15px;font-weight:700}.payment-submit:disabled{opacity:.65;cursor:wait}
.payment-cancel-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:14px}.payment-cancel-row button{color:#b9c6d6;background:transparent;border-color:#3c485a;font-size:12px}.payment-cancel-row span{font-size:11px;color:#9cabc0}.payment-review-note{margin-top:8px;padding:17px;border:1px solid #70603d;border-radius:10px;background:#b6984c0e}.payment-review-note>strong{color:#f4dba0;font-size:16px}.payment-review-note p,.payment-result p{color:#bdc9d9;font-size:13px;line-height:1.9}.payment-review-note button{min-height:40px}.payment-result strong{color:#d2e4bd}.payment-empty{padding:20px 0;color:#b4c0cf;font-size:13px;line-height:1.8}.state-approved{border-color:#527153}.state-rejected{border-color:#8e6353}
@media(max-width:640px){.payment-checkout{padding:18px}.payment-checkout h3{font-size:21px}.payment-checkout-heading{align-items:flex-start}.payment-state{font-size:11px;padding:5px 8px}.payment-address-row{grid-template-columns:1fr}.payment-address-row input{font-size:12px}.payment-copy-address{width:100%}.payment-amount>strong{font-size:36px}.payment-network>small{width:100%}.payment-order-reference{font-size:11px}.payment-order-reference code{width:100%}.payment-cancel-row{align-items:stretch;flex-direction:column}.payment-steps{gap:8px;font-size:11px}.payment-steps li{font-size:11px}.payment-submit{font-size:14px}}

/* Plan operations: scoped dark surfaces and readable contrast, no business logic changes. */
#view-plans .plan-usage>div{padding:16px;border:1px solid #334155;border-radius:12px;background:linear-gradient(145deg,#172231,#101923);box-shadow:inset 0 1px 0 #ffffff04}
#view-plans .plan-usage span{color:#b8c5d6;font-size:12px;line-height:1.65}
#view-plans .plan-usage strong{color:#f3e2bc;font-size:18px;font-weight:700;line-height:1.5;font-variant-numeric:tabular-nums}
#view-plans .plan-request-form{min-width:0;padding:18px;border:1px solid #334155;border-radius:12px;background:#121c29;box-shadow:none;gap:14px}
#view-plans .plan-request-form label{min-width:0;color:#c8d4e5;font-size:13px;line-height:1.65}
#view-plans .plan-request-form input,#view-plans .plan-request-form select{min-width:0;max-width:100%;min-height:44px;border:1px solid #475569;border-radius:9px;background:#0b1420;color:#edf2f8;font-size:13px;color-scheme:dark;box-shadow:none}
#view-plans .plan-request-form input::placeholder{color:#9cacbf;opacity:1}
#view-plans .plan-request-form option{background:#101a28;color:#edf2f8}
#view-plans .plan-request-form input:focus,#view-plans .plan-request-form select:focus{outline:2px solid #d4ad61;outline-offset:2px;border-color:#d4ad61}
#view-plans .plan-request-form button{min-height:44px;white-space:normal}
#view-plans .plan-request-state{border:1px solid #475569;background:#1d2a3a;color:#e4d0a8;font-size:12px;line-height:1.6;padding:6px 11px}
#view-plans .plan-request-state.is-pending{border-color:#806938;background:#352b18;color:#f8d994}
#view-plans .plan-request-badge{border:1px solid #475569;background:#1d2a3a;color:#d5dfec;font-size:12px}
#view-plans .plan-request-badge.status-pending{border-color:#806938;background:#352b18;color:#f8d994}
#view-plans .plan-request-badge.status-approved{border-color:#356354;background:#12372c;color:#a3ebc9}
#view-plans .plan-request-badge.status-rejected{border-color:#7a4650;background:#3a2028;color:#ffc0cf}
#view-plans .plan-rule-grid>div{min-width:0;min-height:96px;padding:18px;border:1px solid #334155;border-radius:12px;background:linear-gradient(145deg,#172231,#101923);box-shadow:none}
#view-plans .plan-rule-grid strong{color:#f1dfb7;font-size:14px;line-height:1.6}
#view-plans .plan-rule-grid span{color:#b8c5d6;font-size:13px;line-height:1.8}
#view-plans .plan-history-table th{color:#cbd6e5;background:#182435;border-bottom:1px solid #334155;font-size:13px}
#view-plans .plan-history-table td{color:#c4cfde;background:#101924;border-bottom:1px solid #263547;font-size:13px}
#view-plans .plan-operations-panel .muted{color:#b8c5d6;line-height:1.8}
@media(max-width:640px){#view-plans .plan-request-form{padding:14px}#view-plans .plan-usage>div{padding:13px}#view-plans .plan-usage strong{font-size:17px}#view-plans .plan-rule-grid>div{min-height:0;padding:16px}#view-plans .plan-request-state{white-space:normal}}