:root {
  --ink: #151713;
  --paper: #f4f5f1;
  --white: #fff;
  --muted: #73786f;
  --line: #dcded7;
  --soft: #eceee8;
  --acid: #c6ff3f;
  --cobalt: #3b5cff;
  --coral: #ff6f59;
  --sidebar: 228px;
}

* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, "PingFang SC", "Microsoft YaHei", Arial, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0; -webkit-font-smoothing: antialiased; }
[hidden] { display: none !important; }
button, input, select { font: inherit; letter-spacing: 0; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid var(--cobalt); outline-offset: 2px; }

.brand-mark { position: relative; width: 30px; height: 30px; display: inline-block; border: 1px solid currentColor; flex: 0 0 auto; }
.brand-mark i { position: absolute; display: block; width: 5px; height: 5px; border-radius: 50%; background: var(--acid); }
.brand-mark i:nth-child(1) { left: 6px; top: 6px; }.brand-mark i:nth-child(2) { right: 6px; top: 11px; }.brand-mark i:nth-child(3) { left: 9px; bottom: 5px; }
.brand-mark::before, .brand-mark::after { content: ""; position: absolute; height: 1px; background: currentColor; transform-origin: left center; opacity: .7; }
.brand-mark::before { width: 15px; left: 9px; top: 9px; transform: rotate(21deg); }.brand-mark::after { width: 13px; left: 12px; top: 19px; transform: rotate(-25deg); }
.overline { color: var(--cobalt); font: 650 10px/1.2 "SFMono-Regular", Consolas, monospace; }

.login-screen { min-height: 100svh; display: grid; grid-template-rows: auto 1fr auto; padding: 34px 42px; background: var(--ink); color: var(--white); }
.login-brand { display: flex; align-items: center; gap: 12px; font-size: 17px; }
.admin-uploaded-logo { width: 34px; height: 34px; object-fit: contain; border-radius: 3px; background: var(--white); }.login-brand .admin-uploaded-logo { width: 38px; height: 38px; }
.login-panel { width: min(420px, 100%); align-self: center; justify-self: center; padding: 42px; color: var(--ink); background: var(--paper); border-top: 4px solid var(--acid); }
.login-panel h1 { margin: 10px 0 6px; font-size: 30px; line-height: 1.25; }.login-panel > p { margin: 0 0 30px; color: var(--muted); }.login-panel label { display: block; margin-bottom: 7px; font-size: 12px; font-weight: 650; }.login-panel input { width: 100%; height: 48px; padding: 0 13px; border: 1px solid #c9ccc3; background: var(--white); }.login-error { min-height: 20px; margin: 8px 0 !important; color: #bd3f32 !important; font-size: 11px; }.login-panel .primary-button { width: 100%; }.login-version { justify-self: end; color: rgba(255,255,255,.3); font: 600 9px/1 monospace; }
.login-panel input + label { margin-top: 16px; }

.primary-button, .secondary-button { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 0 18px; border: 1px solid transparent; border-radius: 2px; font-weight: 650; font-size: 12px; cursor: pointer; transition: background .2s ease, transform .2s ease; }
.primary-button { background: var(--ink); color: var(--white); }.primary-button:hover:not(:disabled) { background: #282c25; transform: translateY(-1px); }.primary-button:disabled { opacity: .35; cursor: not-allowed; }
.secondary-button { border-color: var(--line); background: var(--white); }.secondary-button:hover { background: var(--soft); }

.admin-app { min-height: 100svh; }
.sidebar { position: fixed; z-index: 30; inset: 0 auto 0 0; width: var(--sidebar); display: flex; flex-direction: column; color: rgba(255,255,255,.65); background: var(--ink); }
.admin-brand { height: 76px; display: flex; align-items: center; gap: 11px; padding: 0 22px; color: var(--white); border-bottom: 1px solid rgba(255,255,255,.1); }.admin-brand > span:last-child { display: grid; gap: 3px; }.admin-brand b { font-size: 15px; }.admin-brand small { color: rgba(255,255,255,.35); font: 600 8px/1 monospace; }
.admin-brand > span:last-child { min-width: 0; }.admin-brand b { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.admin-nav { flex: 1; min-height: 0; padding: 16px 12px; display: grid; align-content: start; gap: 3px; overflow-y: auto; scrollbar-width: thin; }.nav-item { position: relative; width: 100%; height: 39px; display: grid; grid-template-columns: 30px 1fr auto; align-items: center; padding: 0 12px; border: 0; border-radius: 4px; text-align: left; color: inherit; background: transparent; cursor: pointer; }.nav-item:hover { color: var(--white); background: rgba(255,255,255,.06); }.nav-item.active { color: var(--ink); background: var(--acid); }.nav-symbol { width: 22px; font-size: 16px; line-height: 1; }.nav-count { min-width: 20px; height: 18px; display: grid; place-items: center; padding: 0 5px; border-radius: 9px; color: var(--white); background: var(--cobalt); font-size: 9px; }.nav-item.active .nav-count { color: var(--white); background: var(--ink); }
.nav-group-label { margin: 12px 12px 5px; color: rgba(255,255,255,.28); font: 600 8px/1.2 monospace; }.nav-group-label:first-child { margin-top: 0; }
.sidebar-bottom { padding: 12px 14px 16px; border-top: 1px solid rgba(255,255,255,.1); display: grid; gap: 3px; }.sidebar-bottom a, .sidebar-bottom button { height: 36px; display: flex; align-items: center; gap: 12px; padding: 0 10px; border: 0; border-radius: 4px; background: transparent; color: rgba(255,255,255,.55); font-size: 10px; cursor: pointer; }.sidebar-bottom a:hover, .sidebar-bottom button:hover { color: var(--white); background: rgba(255,255,255,.06); }
.current-user { display: grid; grid-template-columns: 30px 1fr; gap: 9px; align-items: center; margin-bottom: 6px; padding: 8px 9px 11px; border-bottom: 1px solid rgba(255,255,255,.08); }.current-user > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: var(--ink); background: var(--acid); font-size: 11px; font-weight: 750; }.current-user div { display: grid; }.current-user b { color: var(--white); font-size: 10px; }.current-user small { color: rgba(255,255,255,.35); font-size: 8px; }

.admin-main { min-height: 100svh; margin-left: var(--sidebar); }
.topbar { height: 76px; display: flex; align-items: center; gap: 7px; padding: 0 30px; border-bottom: 1px solid var(--line); background: rgba(244,245,241,.95); }.breadcrumb { color: var(--muted); font-size: 11px; }.topbar strong { font-size: 11px; }.topbar-meta { margin-left: auto; display: flex; align-items: center; gap: 26px; color: var(--muted); font: 500 10px/1 monospace; }.system-status { display: flex; align-items: center; gap: 8px; }.system-status i { width: 6px; height: 6px; border-radius: 50%; background: #45b36b; box-shadow: 0 0 0 4px rgba(69,179,107,.1); }.sidebar-toggle { display: none; }
.admin-theme-picker { position: relative; margin-left: auto; }.admin-theme-trigger { min-height: 38px; display: inline-flex; align-items: center; gap: 9px; padding: 0 10px; border: 1px solid var(--line); border-radius: 2px; background: var(--white); cursor: pointer; }.admin-theme-trigger > span { width: 23px; height: 15px; display: grid; grid-template-columns: repeat(3,1fr); gap: 2px; }.admin-theme-trigger > span i:nth-child(1) { background: var(--acid); }.admin-theme-trigger > span i:nth-child(2) { background: var(--cobalt); }.admin-theme-trigger > span i:nth-child(3) { background: var(--coral); }.admin-theme-trigger > b { font-size: 9px; white-space: nowrap; }.topbar-meta { margin-left: 12px; }.admin-theme-menu { position: absolute; z-index: 80; top: calc(100% + 10px); right: 0; width: 270px; padding: 10px; border: 1px solid #d8dad2; border-radius: 6px; color: #151713; background: #fff; box-shadow: 0 22px 55px rgba(0,0,0,.2); }.admin-theme-menu > span { display: block; padding: 7px 8px 10px; color: #8a8f86; font: 650 8px/1 monospace; }.admin-theme-menu > button:not(.theme-reset) { width: 100%; min-height: 54px; display: grid; grid-template-columns: 54px 1fr; align-items: center; gap: 11px; padding: 7px 8px; border: 0; border-radius: 3px; text-align: left; color: #151713; background: transparent; cursor: pointer; }.admin-theme-menu > button:hover, .admin-theme-menu > button[aria-checked="true"] { background: #f0f2ed; }.admin-theme-menu > button[aria-checked="true"] { box-shadow: inset 2px 0 0 #3b5cff; }.admin-theme-menu button > span { display: grid; gap: 2px; }.admin-theme-menu button > span b { font-size: 11px; }.admin-theme-menu button > span small { color: #7b8077; font-size: 8px; }.theme-swatch { width: 54px; height: 32px; display: grid; grid-template-columns: 1fr 10px 10px; gap: 2px; padding: 4px; border: 1px solid #d8dad2; background: #f5f5ef; font-style: normal; }.theme-swatch b { display: block; }.theme-swatch.matrix b:first-child { background: #151713; }.theme-swatch.matrix b:nth-child(2) { background: #c6ff3f; }.theme-swatch.matrix b:nth-child(3) { background: #3b5cff; }.theme-swatch.minimal { background: #fff; }.theme-swatch.minimal b:first-child { background: #e8ebec; }.theme-swatch.minimal b:nth-child(2) { background: #ffd84a; }.theme-swatch.minimal b:nth-child(3) { background: #2558d9; }.theme-swatch.midnight { background: #0e1210; border-color: #333934; }.theme-swatch.midnight b:first-child { background: #1c221e; }.theme-swatch.midnight b:nth-child(2) { background: #78f0c2; }.theme-swatch.midnight b:nth-child(3) { background: #6d83ff; }.theme-swatch.corporate { background: #edf3f7; }.theme-swatch.corporate b:first-child { background: #102b3a; }.theme-swatch.corporate b:nth-child(2) { background: #5ee3b1; }.theme-swatch.corporate b:nth-child(3) { background: #2266d2; }.theme-swatch.titanium { background: #e7ebea; }.theme-swatch.titanium b:first-child { background: #252a29; }.theme-swatch.titanium b:nth-child(2) { background: #7df2d1; }.theme-swatch.titanium b:nth-child(3) { background: #ff6b57; }.admin-theme-menu .theme-reset { width: 100%; min-height: 34px; margin-top: 5px; border: 1px solid #e0e2dc; border-radius: 2px; color: #60655d; background: #fafbf8; font-size: 9px; cursor: pointer; }
.admin-view { padding: 34px 30px 60px; max-width: 1600px; margin: auto; }.admin-view:not(.active) { display: none; }
.page-intro { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 26px; }.page-intro h1 { margin: 7px 0 3px; font-size: 28px; line-height: 1.25; }.page-intro p { margin: 0; color: var(--muted); font-size: 12px; }

.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 18px; }.metric-grid article { min-height: 118px; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr auto; padding: 18px 20px; border: 1px solid var(--line); border-radius: 6px; background: var(--white); }.metric-grid article > span { color: var(--muted); font-size: 11px; }.metric-grid strong { grid-column: 2; grid-row: 1 / 3; align-self: center; font-size: 34px; line-height: 1; }.metric-grid small { align-self: end; color: #9a9e96; font-size: 9px; }.metric-grid .metric-accent { color: var(--white); background: var(--cobalt); border-color: var(--cobalt); }.metric-accent > span, .metric-accent small { color: rgba(255,255,255,.62) !important; }.metric-accent strong { color: var(--acid); }

.workspace-grid { display: grid; grid-template-columns: minmax(670px, 1.35fr) minmax(320px, .65fr); gap: 18px; align-items: start; }
.management-panel, .preview-panel, .lead-panel, .navigation-panel { border: 1px solid var(--line); border-radius: 6px; background: var(--white); overflow: hidden; }
.panel-heading { min-height: 67px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid var(--line); }.panel-heading h2 { margin: 0 0 3px; font-size: 14px; }.panel-heading div > span { color: var(--muted); font-size: 9px; }.save-state { padding: 4px 7px; border-radius: 2px; color: #397a50; background: #ecf7ef; font-size: 9px; }.save-state.dirty { color: #8a641c; background: #fff6dc; }.save-state.saving { color: var(--cobalt); background: #edf0ff; }
.table-scroll { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }.button-table { min-width: 760px; }th { height: 40px; padding: 0 13px; text-align: left; color: #858a81; background: #fafbf8; border-bottom: 1px solid var(--line); font-size: 9px; font-weight: 650; }td { padding: 13px; border-bottom: 1px solid #ebece7; vertical-align: middle; }.button-table tbody tr:last-child td { border-bottom: 0; }.button-name { display: grid; min-width: 126px; }.button-name b { font-size: 11px; }.button-name span { color: var(--muted); font-size: 9px; }.field-input, .field-select { height: 34px; border: 1px solid #d4d6d0; border-radius: 2px; background: var(--white); color: var(--ink); font-size: 10px; }.field-input { width: 135px; padding: 0 9px; }.field-target { width: 165px; }.field-select { width: 88px; padding: 0 6px; }.field-input:disabled { color: #a8aca4; background: #f3f4f0; }
.navigation-panel { max-width: 1060px; }.navigation-table { min-width: 720px; }.navigation-table tbody tr:last-child td { border-bottom: 0; }.navigation-table .field-input { width: 190px; }.navigation-table .navigation-label { width: 150px; }.navigation-table .order-select { width: 64px; }.nav-symbol-lines { font-size: 18px; }
.stacked-panels { display: grid; gap: 18px; }.stacked-panels .navigation-panel { max-width: 1120px; }
.column-table { min-width: 820px; }.column-type { display: inline-flex; padding: 4px 7px; border-radius: 2px; color: var(--muted); background: var(--soft); font-size: 8px; }.column-type.custom { color: var(--cobalt); background: #edf0ff; }.column-actions { display: flex; gap: 5px; }.column-actions button { min-height: 29px; padding: 0 8px; border: 1px solid var(--line); border-radius: 2px; background: var(--white); font-size: 8px; cursor: pointer; }.column-actions .danger-action { color: #b84033; }.column-dialog { width: min(760px, calc(100% - 32px)); }.column-dialog form { max-height: min(74vh, 780px); grid-template-columns: 1fr 1fr; padding-right: 5px; overflow-y: auto; }.column-dialog .field-wide, .column-dialog .account-form-error, .column-dialog form > button { grid-column: 1 / -1; }.column-image-editor { display: grid; grid-template-columns: minmax(220px, .9fr) minmax(0, 1.1fr); gap: 16px; padding: 14px; border: 1px solid var(--line); background: #fafbf8; }.column-image-preview { aspect-ratio: 16 / 10; min-height: 150px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--line); background: var(--soft); }.column-image-preview img { width: 100%; height: 100%; object-fit: cover; }.column-image-preview span { color: var(--muted); font-size: 9px; }.column-image-controls { min-width: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 14px; }.column-image-controls .logo-actions { flex-wrap: wrap; }
.toggle { position: relative; width: 34px; height: 20px; display: inline-block; }.toggle input { position: absolute; opacity: 0; }.toggle span { position: absolute; inset: 0; border-radius: 10px; background: #c7cac2; cursor: pointer; transition: background .2s ease; }.toggle span::after { content: ""; position: absolute; width: 14px; height: 14px; left: 3px; top: 3px; border-radius: 50%; background: var(--white); transition: transform .2s ease; box-shadow: 0 1px 3px rgba(0,0,0,.15); }.toggle input:checked + span { background: var(--cobalt); }.toggle input:checked + span::after { transform: translateX(14px); }.toggle input:focus-visible + span { outline: 2px solid var(--cobalt); outline-offset: 2px; }
.publish-bar { min-height: 64px; display: flex; justify-content: flex-end; align-items: center; gap: 20px; padding: 10px 18px; border-top: 1px solid var(--line); background: #fafbf8; }.publish-bar p { margin: 0; color: var(--muted); font-size: 10px; }.publish-bar p span { color: var(--ink); font-weight: 700; }
.preview-panel .panel-heading a { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; }.browser-frame { margin: 18px; border: 1px solid #cfd2c9; background: #e8eae4; }.browser-bar { height: 28px; display: flex; align-items: center; gap: 5px; padding: 0 9px; border-bottom: 1px solid #cfd2c9; }.browser-bar i { width: 5px; height: 5px; border-radius: 50%; background: #b2b6ad; }.browser-bar i:first-child { background: var(--coral); }.browser-bar span { min-width: 0; margin-left: 5px; color: #83887f; font: 500 7px/1 monospace; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.browser-frame iframe { width: 100%; height: 530px; display: block; border: 0; background: var(--ink); }

.lead-panel { min-height: 420px; }.lead-legend { display: flex; gap: 14px; }.lead-legend span { display: flex; align-items: center; gap: 5px; font-size: 9px; color: var(--muted); }.lead-legend i { width: 6px; height: 6px; border-radius: 50%; }.status-new { background: var(--coral); }.status-contacted { background: var(--cobalt); }.status-closed { background: #45b36b; }.lead-table { min-width: 850px; }.lead-table td { height: 70px; }.lead-person { display: grid; }.lead-person b { font-size: 11px; }.lead-person span { margin-top: 3px; max-width: 210px; color: var(--muted); font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.lead-company { display: grid; }.lead-company span { color: var(--cobalt); font-size: 9px; }.lead-scene { padding: 4px 7px; border: 1px solid var(--line); border-radius: 2px; font-size: 9px; white-space: nowrap; }.lead-time { color: var(--muted); font: 500 9px/1.5 monospace; }.status-select { height: 31px; min-width: 78px; border: 1px solid var(--line); border-radius: 2px; padding: 0 5px; background: var(--white); font-size: 9px; }.empty-state { min-height: 350px; text-align: center; place-content: center; }.empty-state:not([hidden]) { display: grid; }.empty-state > span { color: #b8bcb3; font-size: 34px; }.empty-state h3 { margin: 10px 0 4px; font-size: 14px; }.empty-state p { margin: 0; color: var(--muted); font-size: 10px; }

.toast { position: fixed; z-index: 100; right: 26px; bottom: 24px; min-width: 220px; max-width: 360px; padding: 12px 16px; border-left: 3px solid var(--acid); color: var(--white); background: var(--ink); box-shadow: 0 12px 32px rgba(0,0,0,.2); font-size: 11px; opacity: 0; transform: translateY(10px); pointer-events: none; transition: opacity .2s ease, transform .2s ease; }.toast.visible { opacity: 1; transform: translateY(0); }.toast.error { border-color: var(--coral); }

.settings-panel, .account-panel { max-width: 1060px; border: 1px solid var(--line); border-radius: 6px; background: var(--white); overflow: hidden; }.compact-settings { max-width: 860px; }
.settings-heading { min-height: 72px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; border-bottom: 1px solid var(--line); }.settings-heading h2 { margin: 0 0 3px; font-size: 14px; }.settings-heading div > span { color: var(--muted); font-size: 9px; }
.settings-subheading { padding: 18px 24px 0; border-top: 1px solid var(--line); }.settings-subheading h3 { margin: 0; font-size: 11px; }
.setting-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 26px; padding: 24px; }.field-group { display: grid; align-content: start; gap: 7px; font-size: 10px; font-weight: 650; }.field-group > span { color: #555a52; }.field-group input, .field-group textarea, .field-group select { width: 100%; border: 1px solid #d2d5cd; border-radius: 2px; color: var(--ink); background: var(--white); outline: 0; font-size: 11px; }.field-group input, .field-group select { height: 42px; padding: 0 11px; }.field-group textarea { min-height: 74px; padding: 10px 11px; resize: vertical; line-height: 1.6; }.field-group input:focus, .field-group textarea:focus, .field-group select:focus { border-color: var(--cobalt); }.field-wide { grid-column: 1 / -1; }
.switch-field { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 3px; }.switch-field > span:first-child { display: grid; }.switch-field b { font-size: 10px; }.switch-field small { color: var(--muted); font-size: 8px; }.danger-setting { border-color: #efc9c4; background: #fff9f8; }
.settings-actions { min-height: 66px; display: flex; align-items: center; justify-content: flex-end; gap: 20px; padding: 10px 24px; border-top: 1px solid var(--line); background: #fafbf8; }.settings-actions > span { color: var(--muted); font-size: 9px; }.standalone-actions { max-width: 1060px; margin-top: 18px; border: 1px solid var(--line); border-radius: 6px; }
.color-field > div { height: 42px; display: flex; align-items: center; gap: 12px; padding: 5px 10px; border: 1px solid var(--line); }.color-field input { width: 42px; height: 28px; padding: 0; border: 0; }.color-field code { color: var(--muted); font-size: 10px; }
.ad-preview { min-height: 58px; display: flex; align-items: center; justify-content: center; gap: 14px; margin: 24px 24px 0; padding: 10px 46px 10px 16px; color: var(--white); background: var(--ink); font-size: 10px; }.ad-preview b { padding: 3px 6px; border: 1px solid currentColor; font-size: 8px; }.ad-preview em { margin-left: auto; font-style: normal; font-weight: 650; }.ad-preview[data-theme="accent"] { color: var(--ink); background: var(--acid); }.ad-preview[data-theme="cobalt"] { background: var(--cobalt); }
.plugin-grid { max-width: 1060px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }.plugin-card { min-height: 190px; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr; gap: 22px; padding: 24px; border: 1px solid var(--line); border-radius: 6px; background: var(--white); cursor: pointer; }.plugin-mark { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--ink); font: 700 11px/1 monospace; }.plugin-card > div { grid-column: 1 / 3; align-self: end; }.plugin-card b { font-size: 14px; }.plugin-card p { margin: 6px 0 0; color: var(--muted); font-size: 10px; }.plugin-card > .toggle { grid-column: 2; grid-row: 1; }
.role-note { color: var(--muted); font-size: 9px; }.account-table { min-width: 820px; }.account-person { display: flex; align-items: center; gap: 10px; }.account-avatar { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; color: var(--ink); background: var(--acid); font-size: 10px; font-weight: 700; }.account-person div { display: grid; }.account-person b { font-size: 10px; }.account-person small { color: var(--muted); font-size: 8px; }.role-badge, .account-status { display: inline-flex; padding: 4px 7px; border-radius: 2px; font-size: 8px; }.role-badge { color: var(--cobalt); background: #edf0ff; }.account-status.active { color: #37784d; background: #ecf7ef; }.account-status.inactive { color: #8a5c54; background: #fff0ed; }.account-actions { display: flex; gap: 6px; }.account-actions button { min-height: 29px; padding: 0 9px; border: 1px solid var(--line); border-radius: 2px; background: var(--white); font-size: 8px; cursor: pointer; }.account-actions .danger-action { color: #b84033; }
.account-dialog { width: min(520px, calc(100% - 32px)); padding: 34px; border: 0; border-radius: 6px; background: var(--paper); box-shadow: 0 28px 70px rgba(0,0,0,.32); }.account-dialog::backdrop { background: rgba(10,12,9,.7); backdrop-filter: blur(6px); }.account-dialog h2 { margin: 8px 0 24px; font-size: 24px; }.dialog-x { position: absolute; top: 14px; right: 14px; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 50%; background: transparent; font-size: 20px; cursor: pointer; }.account-dialog form { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }.account-dialog .account-active, .account-dialog .account-form-error, .account-dialog form > button { grid-column: 1 / -1; }.account-form-error { min-height: 18px; margin: 0; color: #b84033; font-size: 9px; }
.page-links { display: flex; gap: 8px; }
.seo-preview { display: grid; gap: 4px; margin: 24px 24px 0; padding: 20px; border: 1px solid var(--line); border-left: 3px solid var(--cobalt); background: #fafbf8; }.seo-preview small { color: var(--muted); font-size: 8px; }.seo-preview b { margin-top: 5px; color: #2746bd; font-size: 16px; font-weight: 550; }.seo-preview span { color: #387a46; font-size: 9px; }.seo-preview p { max-width: 680px; margin: 2px 0 0; color: #5f645c; font-size: 10px; line-height: 1.6; }
.geo-status { display: grid; grid-template-columns: 1fr auto 1fr auto; gap: 16px; align-items: center; margin: 0 24px 24px; padding: 15px 18px; border: 1px solid var(--line); background: #fafbf8; font-size: 9px; }.geo-status span { color: var(--muted); }.geo-status b { color: #8a5c54; }.geo-status b.enabled { color: #37784d; }
.admin-brand-preview { min-height: 112px; display: flex; align-items: center; gap: 20px; margin: 24px 24px 0; padding: 20px; color: var(--white); background: var(--ink); }.logo-preview { width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.04); }.logo-preview .brand-mark { width: 34px; height: 34px; }.logo-preview img { width: 48px; height: 48px; object-fit: contain; }.admin-brand-preview > div:last-child { display: grid; gap: 4px; }.admin-brand-preview b { font-size: 16px; }.admin-brand-preview span { color: rgba(255,255,255,.45); font-size: 9px; }.field-group input[type="file"] { height: auto; padding: 10px; }.field-group small { color: var(--muted); font-size: 8px; font-weight: 400; }.logo-actions { display: flex; align-items: center; gap: 14px; }.logo-actions > span { color: var(--muted); font-size: 9px; }
.site-logo-setting { padding-top: 2px; }.site-logo-admin-preview { display: grid; grid-template-columns: 66px 1fr; gap: 16px; align-items: center; padding: 14px; border: 1px solid var(--line); background: #fafbf8; }.site-logo-admin-preview > .brand-mark, .site-logo-admin-preview > img { width: 54px; height: 54px; object-fit: contain; }.site-logo-admin-preview > div { display: grid; gap: 5px; }
.model-metrics { max-width: 1060px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 16px; }.model-metrics > div { min-height: 86px; display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border: 1px solid var(--line); border-radius: 6px; background: var(--white); }.model-metrics span { color: var(--muted); font-size: 9px; }.model-metrics strong { font-size: 24px; }.model-metrics > div:last-child strong { max-width: 160px; font-size: 12px; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.model-panel { max-width: 1060px; min-height: 360px; border: 1px solid var(--line); border-radius: 6px; background: var(--white); overflow: hidden; }.model-table { min-width: 850px; }.provider-name { display: grid; }.provider-name b { font-size: 10px; }.provider-name small { color: var(--muted); font-size: 8px; }.provider-type { display: inline-flex; padding: 4px 7px; border: 1px solid var(--line); border-radius: 2px; font-size: 8px; text-transform: uppercase; }.provider-default { color: var(--cobalt); font-size: 9px; }.model-actions { display: flex; gap: 5px; }.model-actions button { min-height: 29px; padding: 0 8px; border: 1px solid var(--line); border-radius: 2px; background: var(--white); font-size: 8px; cursor: pointer; }.model-actions button:hover { background: var(--soft); }.model-actions .danger-action { color: #b84033; }.provider-dialog { width: min(680px, calc(100% - 32px)); }.provider-dialog form { grid-template-columns: 1fr 1fr; }.provider-dialog .field-wide, .provider-dialog .account-form-error, .provider-dialog form > button { grid-column: 1 / -1; }

.dashboard-view { max-width: 1540px; }.dashboard-intro-actions { display: flex; align-items: center; gap: 10px; }.dashboard-live-state { min-height: 42px; display: flex; align-items: center; gap: 9px; padding: 0 12px; color: rgba(255,255,255,.72); background: var(--ink); font: 600 9px/1 monospace; }.dashboard-live-state i { width: 7px; height: 7px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 0 4px rgba(198,255,63,.12); animation: live-pulse 1.8s ease-in-out infinite; }.dashboard-live-state span { color: var(--acid); }.dashboard-live-state time { min-width: 52px; color: var(--white); }.dashboard-live-state b { min-width: 28px; color: rgba(255,255,255,.4); font-size: 8px; }.dashboard-data-link { min-height: 42px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 24px; margin-bottom: 12px; padding: 0 16px; border-left: 3px solid var(--acid); color: rgba(255,255,255,.6); background: #20241d; font: 550 9px/1 monospace; overflow: hidden; }.dashboard-data-link span { display: flex; align-items: center; gap: 9px; color: var(--white); }.dashboard-data-link span i { width: 20px; height: 1px; background: var(--acid); box-shadow: 8px 0 0 var(--cobalt), 16px 0 0 var(--coral); }.dashboard-data-link time { color: rgba(255,255,255,.4); }.dashboard-data-link b { color: var(--acid); font-size: 9px; }.dashboard-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }.dashboard-metric { min-height: 122px; display: grid; grid-template-columns: 1fr auto; grid-template-rows: 1fr auto; gap: 12px; padding: 20px; border: 1px solid var(--line); border-radius: 6px; background: var(--white); transition: border-color .2s ease, box-shadow .2s ease; }.dashboard-metric.metric-updated { border-color: var(--cobalt); box-shadow: inset 0 3px 0 var(--cobalt); }.dashboard-metric > div { display: grid; align-content: start; gap: 4px; }.dashboard-metric span { color: var(--muted); font-size: 10px; }.dashboard-metric small { color: #a0a49c; font-size: 8px; }.dashboard-metric strong { grid-column: 2; grid-row: 1 / 3; align-self: center; font-size: 38px; line-height: 1; }.dashboard-metric > b { align-self: end; color: var(--muted); font-size: 8px; font-weight: 550; }.dashboard-metric-accent { color: var(--white); background: var(--ink); border-color: var(--ink); }.dashboard-metric-accent span, .dashboard-metric-accent small, .dashboard-metric-accent > b { color: rgba(255,255,255,.48); }.dashboard-metric-accent strong { color: var(--acid); }.dashboard-metric-support { border-top: 3px solid var(--coral); }.dashboard-metric-support strong { color: var(--coral); }
.dashboard-main-grid { display: grid; grid-template-columns: minmax(560px, 1.45fr) minmax(330px, .55fr); gap: 16px; margin-bottom: 16px; }.dashboard-panel { border: 1px solid var(--line); border-radius: 6px; background: var(--white); overflow: hidden; }.dashboard-panel .panel-heading > b { color: var(--cobalt); font-size: 10px; }.lead-trend-chart { height: 260px; display: grid; grid-template-columns: repeat(7, minmax(38px, 1fr)); gap: 12px; align-items: end; padding: 26px 24px 20px; }.trend-day { height: 100%; display: grid; grid-template-rows: 1fr auto; gap: 10px; text-align: center; }.trend-track { min-height: 150px; display: flex; align-items: flex-end; justify-content: center; border-bottom: 1px solid var(--line); background: repeating-linear-gradient(to top, transparent 0, transparent 49px, #f0f1ec 50px); }.trend-bar { width: min(34px, 68%); min-height: 3px; position: relative; background: var(--cobalt); transition: height .35s ease; }.trend-bar b { position: absolute; left: 50%; top: -22px; transform: translateX(-50%); font-size: 9px; }.trend-day > span { display: grid; gap: 2px; color: var(--muted); font-size: 8px; }.trend-day > span b { color: var(--ink); font-size: 9px; }.operation-progress { display: grid; gap: 24px; padding: 28px 24px; }.operation-progress > div { display: grid; gap: 9px; }.operation-progress span { display: flex; justify-content: space-between; gap: 20px; }.operation-progress b { font-size: 10px; }.operation-progress em { color: var(--muted); font-size: 8px; font-style: normal; }.operation-progress i { height: 7px; overflow: hidden; background: var(--soft); }.operation-progress u { width: 0; height: 100%; display: block; background: var(--cobalt); text-decoration: none; transition: width .35s ease; }.operation-progress > div:first-child u { background: var(--acid); box-shadow: inset 0 0 0 1px #9ecf2c; }.operation-progress > div:nth-child(2) u { background: var(--coral); }
.dashboard-lower-grid { display: grid; grid-template-columns: minmax(620px, 1.45fr) minmax(340px, .55fr); gap: 16px; align-items: start; }.dashboard-side-stack { display: grid; gap: 16px; }.panel-link-button { min-height: 30px; padding: 0 9px; border: 1px solid var(--line); border-radius: 2px; background: var(--white); font-size: 8px; cursor: pointer; }.dashboard-lead-table { min-width: 650px; }.dashboard-lead-person { display: grid; }.dashboard-lead-person b { font-size: 10px; }.dashboard-lead-person span { color: var(--muted); font-size: 8px; }.dashboard-lead-status { display: inline-flex; padding: 4px 7px; border-radius: 2px; font-size: 8px; }.dashboard-lead-status.new { color: #9b3e32; background: #fff0ed; }.dashboard-lead-status.contacted { color: var(--cobalt); background: #edf0ff; }.dashboard-lead-status.closed { color: #37784d; background: #ecf7ef; }.dashboard-empty { min-height: 120px; place-content: center; text-align: center; color: var(--muted); font-size: 9px; }.dashboard-empty:not([hidden]) { display: grid; }.quick-action-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 16px; }.quick-action-grid button { min-height: 76px; display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 10px; padding: 12px; text-align: left; border: 1px solid var(--line); border-radius: 4px; background: #fafbf8; cursor: pointer; }.quick-action-grid button:hover { border-color: #b5b9b0; background: var(--white); }.quick-action-grid span { width: 28px; height: 28px; display: grid; place-items: center; color: var(--cobalt); background: #edf0ff; font: 700 9px/1 monospace; }.quick-action-grid b { font-size: 9px; }.dashboard-activity-list { padding: 4px 16px 10px; }.dashboard-activity-item { min-height: 54px; display: grid; grid-template-columns: 7px 1fr auto; align-items: center; gap: 10px; border-bottom: 1px solid #ebece7; }.dashboard-activity-item:last-child { border-bottom: 0; }.dashboard-activity-item > i { width: 7px; height: 7px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 0 3px #eff8d9; }.dashboard-activity-item div { min-width: 0; display: grid; gap: 2px; }.dashboard-activity-item b { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 9px; }.dashboard-activity-item span { color: var(--muted); font-size: 8px; }.dashboard-activity-item time { color: var(--muted); font: 500 8px/1 monospace; }.dashboard-updated { margin: 18px 0 0; text-align: right; color: var(--muted); font-size: 8px; }

.compact-button { min-height: 32px; padding-inline: 12px; }.news-metrics { max-width: 1180px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 16px; }.news-metrics article { min-height: 88px; display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border: 1px solid var(--line); border-radius: 6px; background: var(--white); }.news-metrics span { color: var(--muted); font-size: 9px; }.news-metrics strong { font-size: 28px; }.news-panel { max-width: 1180px; min-height: 400px; border: 1px solid var(--line); border-radius: 6px; background: var(--white); overflow: hidden; }.news-table { min-width: 960px; }.news-title { display: grid; min-width: 260px; }.news-title b { font-size: 11px; }.news-title small { max-width: 360px; margin-top: 4px; color: var(--muted); font-size: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.news-status { display: inline-flex; padding: 4px 7px; border-radius: 2px; font-size: 8px; }.news-status.published { color: #37784d; background: #ecf7ef; }.news-status.draft { color: #7a6542; background: #fff6dc; }.news-status.scheduled { color: var(--cobalt); background: #edf0ff; }.news-actions { display: flex; gap: 5px; }.news-actions a, .news-actions button { min-height: 29px; display: inline-flex; align-items: center; padding: 0 8px; border: 1px solid var(--line); border-radius: 2px; color: var(--ink); background: var(--white); font-size: 8px; cursor: pointer; }.news-actions .danger-action { color: #b84033; }.news-dialog { width: min(780px, calc(100% - 32px)); }.news-dialog form { grid-template-columns: 1fr 1fr; max-height: min(72vh, 760px); padding-right: 5px; overflow-y: auto; }.news-dialog .field-wide, .news-dialog .account-form-error, .news-dialog form > button { grid-column: 1 / -1; }.confirm-dialog { width: min(440px, calc(100% - 32px)); padding: 34px; border: 0; border-radius: 6px; background: var(--paper); box-shadow: 0 28px 70px rgba(0,0,0,.32); }.confirm-dialog::backdrop { background: rgba(10,12,9,.7); backdrop-filter: blur(6px); }.confirm-dialog h2 { margin: 8px 0 10px; font-size: 25px; }.confirm-dialog p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }.confirm-dialog > div { display: flex; justify-content: flex-end; gap: 8px; margin-top: 26px; }.danger-button { background: #b84033; }

.security-overview { max-width: 1180px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 12px; margin-bottom: 12px; }.security-score, .security-session { min-height: 150px; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr auto; padding: 24px; border-radius: 6px; }.security-score { color: var(--white); background: var(--ink); }.security-session { border: 1px solid var(--line); background: var(--white); }.security-score > span, .security-session > span { color: var(--muted); font-size: 10px; }.security-score > span { color: rgba(255,255,255,.5); }.security-score strong, .security-session strong { grid-column: 2; grid-row: 1 / 3; align-self: center; font-size: 52px; line-height: 1; }.security-score strong { color: var(--acid); }.security-score small, .security-session small { align-self: end; color: var(--muted); font-size: 9px; }.security-score b { align-self: end; color: var(--acid); font-size: 10px; }.protection-grid { max-width: 1180px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px; }.protection-grid article { min-height: 94px; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 12px; padding: 16px; border: 1px solid var(--line); border-radius: 6px; background: var(--white); }.protection-grid i { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--line); font: 700 9px/1 monospace; font-style: normal; }.protection-grid div { display: grid; gap: 4px; }.protection-grid b { font-size: 10px; }.protection-grid span { color: var(--muted); font-size: 8px; }.protection-grid em { color: var(--muted); font-size: 8px; font-style: normal; }.protection-grid article.enabled { border-color: #bfdac6; }.protection-grid article.enabled i { color: #27683e; background: #ecf7ef; border-color: #bfdac6; }.protection-grid article.enabled em { color: #37784d; }.audit-panel { max-width: 1180px; min-height: 330px; border: 1px solid var(--line); border-radius: 6px; background: var(--white); overflow: hidden; }.audit-table { min-width: 820px; }.audit-action { color: var(--cobalt); font: 600 9px/1.4 monospace; }.audit-source { color: var(--muted); font: 500 8px/1.4 monospace; }.compact-empty { min-height: 220px; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }.support-view { max-width: 1540px; }.support-live-state { min-width: 170px; justify-content: center; }.support-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 14px; }.support-metrics article { min-height: 82px; display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border: 1px solid var(--line); border-radius: 6px; background: var(--white); }.support-metrics span { color: var(--muted); font-size: 9px; }.support-metrics strong { font-size: 28px; }.support-metrics .support-metric-alert { color: var(--white); background: var(--ink); border-color: var(--ink); }.support-metrics .support-metric-alert span { color: rgba(255,255,255,.48); }.support-metrics .support-metric-alert strong { color: var(--acid); }.support-workspace { height: min(680px, calc(100vh - 300px)); min-height: 520px; display: grid; grid-template-columns: minmax(280px, 340px) minmax(0, 1fr); border: 1px solid var(--line); border-radius: 6px; background: var(--white); overflow: hidden; }.support-inbox { min-width: 0; display: grid; grid-template-rows: auto 1fr; border-right: 1px solid var(--line); }.support-filter { min-height: 58px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: end; padding: 0 12px; border-bottom: 1px solid var(--line); background: #fafbf8; }.support-filter button { height: 38px; border: 0; border-bottom: 2px solid transparent; color: var(--muted); background: transparent; font-size: 9px; cursor: pointer; }.support-filter button.active { color: var(--ink); border-bottom-color: var(--cobalt); font-weight: 700; }.support-conversation-list { min-height: 0; overflow-y: auto; scrollbar-width: thin; }.support-list-item { width: 100%; min-height: 92px; display: grid; grid-template-columns: 1fr auto; align-content: center; gap: 5px 10px; padding: 15px 16px; text-align: left; border: 0; border-bottom: 1px solid #ebece7; background: var(--white); cursor: pointer; }.support-list-item:hover { background: #fafbf8; }.support-list-item.active { background: #f0f2ff; box-shadow: inset 3px 0 0 var(--cobalt); }.support-list-item > b { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 11px; }.support-list-item > time { color: var(--muted); font: 500 8px/1 monospace; }.support-list-item > p { grid-column: 1 / -1; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--muted); font-size: 9px; }.support-list-item > span { justify-self: start; padding: 3px 6px; border-radius: 2px; color: var(--muted); background: var(--soft); font-size: 8px; }.support-list-item > i { justify-self: end; min-width: 17px; height: 17px; display: grid; place-items: center; border-radius: 9px; color: var(--white); background: var(--coral); font: 700 8px/1 monospace; font-style: normal; }.support-list-empty { min-height: 180px; place-content: center; text-align: center; color: var(--muted); font-size: 9px; }.support-list-empty:not([hidden]) { display: grid; }.support-chat-detail { min-width: 0; min-height: 0; }.support-detail-empty { height: 100%; display: grid; place-content: center; justify-items: center; text-align: center; }.support-detail-empty > span { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--line); color: var(--cobalt); font: 700 10px/1 monospace; }.support-detail-empty h2 { margin: 14px 0 5px; font-size: 14px; }.support-detail-empty p { margin: 0; color: var(--muted); font-size: 9px; }.support-detail-content { height: 100%; min-height: 0; display: grid; grid-template-rows: auto 1fr auto; }.support-detail-head { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 20px; border-bottom: 1px solid var(--line); }.support-detail-head > div { min-width: 0; display: flex; align-items: center; gap: 9px; }.support-detail-head > div:first-child { display: grid; gap: 2px; }.support-detail-head > div:first-child > span { font-size: 12px; font-weight: 700; }.support-detail-head a { color: var(--cobalt); font-size: 9px; }.support-detail-head small { color: var(--muted); font-size: 8px; }.support-detail-head select { height: 34px; padding: 0 8px; border: 1px solid var(--line); border-radius: 2px; background: var(--white); font-size: 9px; }.support-detail-head button { width: 34px; height: 34px; border: 1px solid #efc9c4; border-radius: 2px; color: #b84033; background: #fff9f8; font-size: 16px; cursor: pointer; }.support-admin-messages { min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 14px; padding: 24px; background: #fafbf8; scrollbar-width: thin; }.support-admin-message { max-width: min(72%, 620px); display: grid; gap: 5px; }.support-admin-message.visitor { align-self: flex-start; }.support-admin-message.agent { align-self: flex-end; }.support-admin-message > span { color: var(--muted); font-size: 8px; }.support-admin-message.agent > span { text-align: right; }.support-admin-message p { margin: 0; padding: 11px 13px; border: 1px solid var(--line); border-radius: 3px; background: var(--white); font-size: 11px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }.support-admin-message.agent p { color: var(--white); background: var(--cobalt); border-color: var(--cobalt); }.support-admin-reply { display: grid; grid-template-columns: 1fr auto; gap: 9px; padding: 15px 20px; border-top: 1px solid var(--line); }.support-admin-reply textarea { min-height: 48px; max-height: 110px; padding: 10px 12px; resize: vertical; border: 1px solid var(--line); border-radius: 2px; outline: 0; font-size: 11px; }.support-admin-reply textarea:focus { border-color: var(--cobalt); }.support-admin-reply button { min-width: 96px; }.support-admin-reply p { grid-column: 1 / -1; min-height: 0; margin: 0; color: #b84033; font-size: 8px; }.support-admin-reply textarea:disabled, .support-admin-reply button:disabled { opacity: .45; cursor: not-allowed; }

.support-intro-controls { display: flex; align-items: center; gap: 8px; }.support-sound-toggle { min-height: 42px; display: inline-flex; align-items: center; gap: 9px; padding: 0 13px; border: 1px solid var(--line); border-radius: 2px; color: var(--ink); background: var(--white); cursor: pointer; }.support-sound-toggle > span { width: 24px; height: 24px; display: grid; place-items: center; color: var(--ink); background: var(--acid); font: 750 13px/1 monospace; }.support-sound-toggle > b { font-size: 9px; }.support-sound-toggle.muted { color: var(--muted); }.support-sound-toggle.muted > span { color: var(--muted); background: var(--soft); }.support-sound-toggle.ringing > span { animation: sound-ring .7s ease; }
.support-ops-strip { min-height: 42px; display: grid; grid-template-columns: 1fr auto auto auto; align-items: center; gap: 28px; margin-bottom: 12px; padding: 0 16px; border-left: 3px solid var(--cobalt); color: rgba(255,255,255,.52); background: #1c201a; font: 600 8px/1 monospace; }.support-ops-strip > span:first-child { display: flex; align-items: center; gap: 9px; color: var(--white); }.support-ops-strip i { width: 18px; height: 2px; background: var(--acid); box-shadow: 7px 0 0 var(--cobalt), 14px 0 0 var(--coral); }.support-ops-strip b { color: var(--acid); font-size: 10px; }.support-ops-strip time { color: rgba(255,255,255,.35); }
.support-metrics article { position: relative; overflow: hidden; }.support-metrics article::after { content: ""; position: absolute; inset: 0 auto auto 0; width: 46px; height: 2px; background: var(--cobalt); }.support-metrics article:nth-child(2)::after { background: var(--acid); }.support-metrics article:nth-child(3)::after { background: var(--coral); }.support-metrics article:nth-child(4)::after { background: #45b36b; }.support-metrics article strong { font-family: "SFMono-Regular", Consolas, monospace; }
.support-workspace { position: relative; border-color: #bfc3b9; box-shadow: 0 18px 45px rgba(21,23,19,.07); }.support-workspace::before { content: ""; position: absolute; z-index: 2; top: 0; left: 340px; width: 70px; height: 2px; background: var(--acid); box-shadow: 70px 0 0 var(--cobalt), 140px 0 0 var(--coral); pointer-events: none; }.support-inbox { background: #f8f9f6; }.support-filter { align-items: center; padding: 0 10px; color: rgba(255,255,255,.5); background: var(--ink); }.support-filter button { height: 34px; color: rgba(255,255,255,.48); border-bottom: 0; border-radius: 2px; }.support-filter button:hover { color: var(--white); background: rgba(255,255,255,.06); }.support-filter button.active { color: var(--ink); border-bottom: 0; background: var(--acid); }.support-list-item { position: relative; background: #f8f9f6; }.support-list-item:hover { background: var(--white); }.support-list-item.active { background: var(--white); box-shadow: inset 3px 0 0 var(--cobalt); }.support-list-item.unread { background: #f2f4ff; }.support-list-item.unread::before { content: ""; position: absolute; left: 7px; top: 19px; width: 5px; height: 5px; border-radius: 50%; background: var(--coral); box-shadow: 0 0 0 4px rgba(255,111,89,.11); animation: queue-pulse 1.7s ease-in-out infinite; }.support-list-item > b { display: flex; align-items: center; gap: 7px; }.support-list-item > b::before { content: ""; width: 6px; height: 6px; flex: 0 0 auto; border: 1px solid var(--cobalt); background: var(--white); }.support-list-item[data-status="open"] > b::before { border-color: var(--coral); background: var(--coral); }.support-list-item[data-status="pending"] > b::before { border-color: var(--cobalt); background: var(--cobalt); }.support-list-item[data-status="closed"] > b::before { border-color: #45b36b; background: #45b36b; }.support-list-item > em { justify-self: end; color: #a1a69d; font: 550 7px/1 monospace; font-style: normal; }.support-list-item > i { position: absolute; right: 15px; top: 14px; }.support-list-item.unread > time { padding-right: 24px; }.support-list-item[data-status="open"] > span { color: #9b3e32; background: #fff0ed; }.support-list-item[data-status="pending"] > span { color: var(--cobalt); background: #edf0ff; }.support-list-item[data-status="closed"] > span { color: #37784d; background: #ecf7ef; }
.support-detail-content { grid-template-rows: auto auto 1fr auto; }.support-detail-head { color: var(--white); background: var(--ink); border-bottom-color: #30342d; }.support-detail-head a { color: var(--acid); }.support-detail-head small { color: rgba(255,255,255,.35); }.support-detail-head select { color: var(--white); border-color: rgba(255,255,255,.2); background: #252921; }.support-detail-head button { border-color: rgba(255,111,89,.45); color: #ff9b8d; background: rgba(255,111,89,.08); }.support-context-bar { min-height: 36px; display: flex; align-items: center; gap: 20px; padding: 0 20px; border-bottom: 1px solid var(--line); color: var(--muted); background: #eef0ea; font: 550 8px/1 monospace; }.support-context-bar > span:first-child { display: flex; align-items: center; gap: 7px; margin-right: auto; color: var(--ink); }.support-context-bar i { width: 6px; height: 6px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 0 3px rgba(157,201,45,.14); }.support-context-bar > span:last-child { color: var(--cobalt); }.support-admin-messages { background-color: #f8f9f6; background-image: linear-gradient(#eceee8 1px, transparent 1px), linear-gradient(90deg, #eceee8 1px, transparent 1px); background-size: 36px 36px; }.support-admin-message p { box-shadow: 0 7px 18px rgba(21,23,19,.05); }.support-admin-message.visitor p { border-left: 2px solid var(--acid); }.support-detail-empty { position: relative; overflow: hidden; color: var(--white); background-color: var(--ink); background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 38px 38px; }.support-detail-empty::before, .support-detail-empty::after { content: ""; position: absolute; width: 1px; height: 54%; background: rgba(198,255,63,.2); }.support-detail-empty::before { left: 28%; top: 22%; }.support-detail-empty::after { right: 28%; top: 22%; }.support-detail-empty > span { z-index: 1; color: var(--acid); border-color: rgba(198,255,63,.45); background: rgba(198,255,63,.06); box-shadow: 0 0 0 10px rgba(198,255,63,.025); }.support-detail-empty h2, .support-detail-empty p { z-index: 1; }.support-detail-empty p { color: rgba(255,255,255,.42); }

@keyframes live-pulse { 0%, 100% { opacity: .55; transform: scale(.8); } 50% { opacity: 1; transform: scale(1); } }
@keyframes queue-pulse { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
@keyframes sound-ring { 0%, 100% { transform: rotate(0); } 25% { transform: rotate(-10deg); } 55% { transform: rotate(10deg); } }

html[data-theme="minimal"] { --ink: #171a1c; --paper: #f7f8f5; --white: #fff; --muted: #666c70; --line: #d6dadd; --soft: #edf0f0; --acid: #ffd84a; --cobalt: #2558d9; --coral: #ff6256; }
html[data-theme="corporate"] { --ink: #102734; --paper: #edf3f6; --white: #fff; --muted: #61717a; --line: #ccd8de; --soft: #e1ebf0; --acid: #5ee3b1; --cobalt: #2266d2; --coral: #ff725f; }
html[data-theme="titanium"] { --ink: #232827; --paper: #e9edec; --white: #fbfcfb; --muted: #626967; --line: #c9cfcd; --soft: #dde2e0; --acid: #7df2d1; --cobalt: #4052d8; --coral: #ff6b57; }
html[data-theme="midnight"] { --ink: #090c0a; --paper: #101411; --white: #1a1f1b; --muted: #949d95; --line: #323a34; --soft: #252b26; --acid: #78f0c2; --cobalt: #6d83ff; --coral: #ff7968; }

html[data-theme="minimal"] body { font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif; }html[data-theme="minimal"] .dashboard-panel, html[data-theme="minimal"] .dashboard-metric, html[data-theme="minimal"] .settings-panel, html[data-theme="minimal"] .support-workspace, html[data-theme="minimal"] .navigation-panel { border-radius: 0; box-shadow: none; }html[data-theme="minimal"] .sidebar { background: #171a1c; }
html[data-theme="corporate"] .sidebar, html[data-theme="corporate"] .dashboard-metric-accent, html[data-theme="corporate"] .support-metric-alert { background: #102734; }html[data-theme="corporate"] .topbar { background: rgba(237,243,246,.96); }html[data-theme="corporate"] .dashboard-panel, html[data-theme="corporate"] .settings-panel { box-shadow: 0 8px 24px rgba(16,39,52,.05); }
html[data-theme="titanium"] body { font-family: "Arial Narrow", Inter, "PingFang SC", sans-serif; }html[data-theme="titanium"] .dashboard-panel, html[data-theme="titanium"] .dashboard-metric, html[data-theme="titanium"] .settings-panel, html[data-theme="titanium"] .support-workspace, html[data-theme="titanium"] .navigation-panel, html[data-theme="titanium"] button, html[data-theme="titanium"] input, html[data-theme="titanium"] select, html[data-theme="titanium"] textarea { border-radius: 0; }html[data-theme="titanium"] .dashboard-panel, html[data-theme="titanium"] .support-workspace { box-shadow: 7px 7px 0 rgba(35,40,39,.1); }
html[data-theme="midnight"] body { color: #edf2ed; background: var(--paper); }html[data-theme="midnight"] .topbar { color: #edf2ed; border-color: var(--line); background: rgba(16,20,17,.96); }html[data-theme="midnight"] .breadcrumb, html[data-theme="midnight"] .topbar-meta { color: var(--muted); }html[data-theme="midnight"] .dashboard-panel, html[data-theme="midnight"] .dashboard-metric, html[data-theme="midnight"] .settings-panel, html[data-theme="midnight"] .account-panel, html[data-theme="midnight"] .navigation-panel, html[data-theme="midnight"] .lead-panel, html[data-theme="midnight"] .news-panel, html[data-theme="midnight"] .model-panel, html[data-theme="midnight"] .audit-panel, html[data-theme="midnight"] .support-workspace, html[data-theme="midnight"] .security-session, html[data-theme="midnight"] .model-metrics > div, html[data-theme="midnight"] .news-metrics article, html[data-theme="midnight"] .support-metrics article { color: #edf2ed; background: var(--white); border-color: var(--line); }html[data-theme="midnight"] .dashboard-metric-accent, html[data-theme="midnight"] .support-metric-alert, html[data-theme="midnight"] .security-score, html[data-theme="midnight"] .admin-brand-preview, html[data-theme="midnight"] .support-detail-head, html[data-theme="midnight"] .support-filter { color: #edf2ed; background: #070a08; }html[data-theme="midnight"] .dashboard-metric-accent span, html[data-theme="midnight"] .dashboard-metric-accent small, html[data-theme="midnight"] .dashboard-metric-accent > b { color: rgba(255,255,255,.5); }html[data-theme="midnight"] .panel-heading, html[data-theme="midnight"] .settings-heading, html[data-theme="midnight"] .settings-actions, html[data-theme="midnight"] .publish-bar, html[data-theme="midnight"] th, html[data-theme="midnight"] .support-inbox, html[data-theme="midnight"] .support-list-item, html[data-theme="midnight"] .support-context-bar { color: #edf2ed; background: #151a16; border-color: var(--line); }html[data-theme="midnight"] .support-list-item:hover, html[data-theme="midnight"] .support-list-item.active { background: #202620; }html[data-theme="midnight"] .support-list-item.unread { background: #202332; }html[data-theme="midnight"] td, html[data-theme="midnight"] .dashboard-activity-item { border-color: var(--line); }html[data-theme="midnight"] input, html[data-theme="midnight"] select, html[data-theme="midnight"] textarea, html[data-theme="midnight"] .field-input, html[data-theme="midnight"] .field-select { color: #edf2ed; background: #151a16; border-color: #424b44; }html[data-theme="midnight"] .primary-button { color: #07100c; background: var(--acid); }html[data-theme="midnight"] .secondary-button, html[data-theme="midnight"] .panel-link-button, html[data-theme="midnight"] .account-actions button, html[data-theme="midnight"] .news-actions a, html[data-theme="midnight"] .news-actions button { color: #edf2ed; background: #1d231e; border-color: var(--line); }html[data-theme="midnight"] .quick-action-grid button, html[data-theme="midnight"] .seo-preview, html[data-theme="midnight"] .site-logo-admin-preview, html[data-theme="midnight"] .geo-status { color: #edf2ed; background: #151a16; border-color: var(--line); }html[data-theme="midnight"] .support-admin-messages, html[data-theme="midnight"] .support-detail-empty { background-color: #101411; }html[data-theme="midnight"] .support-admin-message p { color: #edf2ed; background: #1c221d; border-color: var(--line); }html[data-theme="midnight"] .support-admin-message.agent p { color: #fff; background: var(--cobalt); }html[data-theme="midnight"] .login-screen { color: #edf2ed; background: #070a08; }html[data-theme="midnight"] .login-panel { color: #edf2ed; background: #151a16; }html[data-theme="midnight"] .admin-theme-trigger { color: #edf2ed; background: #1a1f1b; }html[data-theme="midnight"] .trend-track { background-color: #151a16; }html[data-theme="midnight"] .operation-progress i { background: #303731; }

html[data-theme="midnight"] .sidebar-toggle span { background: #edf2ed; }html[data-theme="midnight"] .field-group > span, html[data-theme="midnight"] .switch-field b, html[data-theme="midnight"] .settings-subheading h3 { color: #dfe5df; }html[data-theme="midnight"] .field-group small, html[data-theme="midnight"] .switch-field small { color: var(--muted); }html[data-theme="midnight"] .dashboard-live-state, html[data-theme="midnight"] .dashboard-data-link, html[data-theme="midnight"] .support-ops-strip { background: #070a08; }html[data-theme="midnight"] .dialog-x { color: #edf2ed; border-color: var(--line); }html[data-theme="midnight"] .account-dialog, html[data-theme="midnight"] .confirm-dialog { color: #edf2ed; background: #151a16; }

html[data-theme="midnight"] .admin-brand, html[data-theme="midnight"] .current-user b, html[data-theme="midnight"] .sidebar-bottom { color: #edf2ed; }html[data-theme="midnight"] .admin-brand small, html[data-theme="midnight"] .current-user small { color: rgba(237,242,237,.42); }

@media (max-width: 1180px) {
  .workspace-grid { grid-template-columns: 1fr; }.preview-panel { display: none; }.metric-grid { grid-template-columns: 1fr 1fr; }.protection-grid { grid-template-columns: 1fr 1fr; }.dashboard-metrics { grid-template-columns: repeat(2, 1fr); }.dashboard-main-grid, .dashboard-lower-grid { grid-template-columns: 1fr; }.dashboard-side-stack { grid-template-columns: 1fr 1fr; }.support-workspace { grid-template-columns: minmax(260px, 310px) minmax(0, 1fr); }
}

@media (max-width: 760px) {
  :root { --sidebar: 240px; }
  .sidebar { transform: translateX(-100%); transition: transform .25s ease; box-shadow: 15px 0 40px rgba(0,0,0,.18); }.sidebar.open { transform: translateX(0); }.admin-main { margin-left: 0; }.sidebar-toggle { width: 38px; height: 38px; display: grid; place-content: center; gap: 6px; padding: 0; border: 0; background: transparent; }.sidebar-toggle span { width: 20px; height: 1px; background: var(--ink); }.topbar { height: 64px; padding: 0 16px; }.topbar-meta { display: none; }.admin-theme-picker { margin-left: auto; }.admin-theme-trigger { width: 38px; justify-content: center; padding: 0; }.admin-theme-trigger > b { display: none; }.admin-theme-menu { position: fixed; top: 58px; right: 16px; width: min(270px, calc(100% - 32px)); }.admin-view { padding: 24px 16px 46px; }.page-intro { align-items: flex-start; gap: 20px; }.page-intro h1 { font-size: 24px; }.page-intro p { max-width: 230px; }.metric-grid { gap: 8px; }.metric-grid article { min-height: 104px; padding: 14px; }.metric-grid strong { font-size: 28px; }.workspace-grid { display: block; }.management-panel { border-radius: 4px; }.publish-bar { position: sticky; bottom: 0; }.lead-legend { display: none; }.login-screen { padding: 24px 18px; }.login-panel { padding: 32px 22px; }.login-version { justify-self: start; }
  .setting-grid { grid-template-columns: 1fr; gap: 16px; padding: 18px; }.field-wide { grid-column: auto; }.settings-heading { padding-inline: 18px; }.settings-actions { padding-inline: 18px; }.plugin-grid { grid-template-columns: 1fr; }.plugin-card { min-height: 150px; }.ad-preview { margin: 18px 18px 0; justify-content: flex-start; }.ad-preview span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }.ad-preview b { display: none; }.account-dialog { padding: 30px 20px 22px; }.account-dialog form { grid-template-columns: 1fr; }.account-dialog .account-active, .account-dialog .account-form-error, .account-dialog form > button { grid-column: auto; }.stacked-panels { gap: 12px; }
  .page-links { display: flex; flex-wrap: wrap; }.admin-view[data-view="seo"] .page-links { display: none; }.seo-preview, .admin-brand-preview { margin: 18px 18px 0; }.geo-status { grid-template-columns: 1fr auto; margin: 0 18px 18px; }.logo-actions { align-items: flex-start; flex-direction: column; }
  .site-logo-admin-preview { grid-template-columns: 54px 1fr; }.site-logo-admin-preview > .brand-mark, .site-logo-admin-preview > img { width: 44px; height: 44px; }.model-metrics { grid-template-columns: 1fr; gap: 8px; }.model-metrics > div { min-height: 68px; }.provider-dialog form { grid-template-columns: 1fr; }.provider-dialog .field-wide, .provider-dialog .account-form-error, .provider-dialog form > button { grid-column: auto; }
  .column-dialog form { grid-template-columns: 1fr; }.column-dialog .field-wide, .column-dialog .account-form-error, .column-dialog form > button { grid-column: auto; }.column-image-editor { grid-template-columns: 1fr; }.column-image-preview { min-height: 180px; }
  .news-metrics { grid-template-columns: 1fr 1fr; }.news-metrics article { min-height: 72px; }.news-dialog form { grid-template-columns: 1fr; }.news-dialog .field-wide, .news-dialog .account-form-error, .news-dialog form > button { grid-column: auto; }.security-overview { grid-template-columns: 1fr; }.protection-grid { grid-template-columns: 1fr; }.security-score, .security-session { min-height: 122px; }.confirm-dialog { padding: 28px 20px; }
  .dashboard-metrics { gap: 8px; }.dashboard-metric { min-height: 108px; padding: 14px; }.dashboard-metric strong { font-size: 31px; }.dashboard-main-grid { display: grid; grid-template-columns: 1fr; }.dashboard-lower-grid { display: grid; grid-template-columns: 1fr; }.dashboard-side-stack { grid-template-columns: 1fr; }.lead-trend-chart { height: 230px; gap: 6px; padding-inline: 12px; }.trend-track { min-height: 130px; }.quick-action-grid { padding: 12px; }.dashboard-updated { text-align: left; }
  .dashboard-intro-actions { align-items: flex-end; flex-direction: column; }.dashboard-live-state { min-height: 34px; }.dashboard-data-link { grid-template-columns: 1fr auto; gap: 12px; }.dashboard-data-link time { display: none; }.dashboard-metrics { grid-template-columns: 1fr 1fr; }.dashboard-metric:last-child { grid-column: 1 / -1; }.support-metrics { grid-template-columns: 1fr 1fr; gap: 8px; }.support-metrics article { min-height: 70px; }.support-workspace { height: auto; min-height: 0; grid-template-columns: 1fr; overflow: visible; }.support-inbox { max-height: 360px; border-right: 0; border-bottom: 1px solid var(--line); }.support-conversation-list { max-height: 300px; }.support-chat-detail { min-height: 560px; }.support-detail-content { height: 560px; }.support-detail-empty { min-height: 360px; }.support-admin-messages { padding: 18px 14px; }.support-admin-message { max-width: 88%; }.support-detail-head { padding: 0 14px; }.support-admin-reply { grid-template-columns: 1fr; padding: 12px 14px; }.support-admin-reply button { width: 100%; }.support-admin-reply p { grid-column: auto; }.support-live-state { display: none; }
}

@media (max-width: 1180px) {
  .support-workspace::before { left: 310px; }
}

@media (max-width: 760px) {
  .support-intro-controls { align-self: flex-end; }.support-sound-toggle { min-height: 36px; padding-inline: 9px; }.support-ops-strip { grid-template-columns: 1fr auto auto; gap: 10px; padding-inline: 11px; }.support-ops-strip time { display: none; }.support-workspace::before { left: 0; }.support-detail-head > div:first-child { overflow: hidden; }.support-detail-head > div:first-child > span, .support-detail-head a, .support-detail-head small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }.support-context-bar { gap: 10px; padding-inline: 12px; }.support-context-bar > span:first-child { margin-right: 0; }.support-context-bar > span:last-child { margin-left: auto; }.support-filter { padding-inline: 7px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* AI operations console: login foundation */
:root {
  --ink: #050816;
  --paper: #071022;
  --white: #0c1730;
  --muted: #8ea4c9;
  --line: rgba(116, 151, 204, .2);
  --soft: #0a1730;
  --acid: #72f5d1;
  --cobalt: #6c7cff;
  --coral: #ff6ea8;
  --admin-cyan: #5de8ff;
  --admin-violet: #8a6cff;
}

body {
  color: #edf6ff;
  background:
    radial-gradient(circle at 75% 12%, rgba(108, 124, 255, .1), transparent 28%),
    #050816;
}

.login-screen {
  position: relative;
  overflow: hidden;
  color: #edf6ff;
  background:
    radial-gradient(circle at 68% 42%, rgba(108, 124, 255, .23), transparent 28%),
    radial-gradient(circle at 24% 22%, rgba(93, 232, 255, .12), transparent 30%),
    linear-gradient(145deg, #040713, #081329 56%, #050817);
}

.login-screen::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(93, 232, 255, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93, 232, 255, .045) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: radial-gradient(circle at center, #000, transparent 88%);
}

.login-brand,
.login-panel,
.login-version { position: relative; z-index: 1; }

.login-brand .brand-mark {
  border-color: rgba(93, 232, 255, .6);
  border-radius: 10px;
  box-shadow: inset 0 0 16px rgba(93, 232, 255, .1), 0 0 24px rgba(93, 232, 255, .14);
}

.login-panel {
  color: #edf6ff;
  border: 1px solid rgba(93, 232, 255, .24);
  border-top: 1px solid rgba(93, 232, 255, .48);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(14, 30, 60, .86), rgba(7, 15, 34, .8));
  box-shadow: 0 30px 90px rgba(0, 0, 0, .48), 0 0 55px rgba(93, 232, 255, .08), inset 0 1px 0 rgba(255, 255, 255, .04);
  backdrop-filter: blur(22px);
}

.login-panel::before {
  content: "AI OPERATIONS / SECURE ACCESS";
  display: block;
  margin-bottom: 12px;
  color: var(--admin-cyan);
  font: 600 8px/1 "SFMono-Regular", Consolas, monospace;
  letter-spacing: .16em;
}

.login-panel > p { color: #8299bb; }
.login-panel input {
  color: #edf6ff;
  border-color: rgba(93, 232, 255, .2);
  border-radius: 10px;
  background: rgba(3, 9, 24, .64);
  outline: 0;
}
.login-panel input:focus {
  border-color: var(--admin-cyan);
  box-shadow: 0 0 0 3px rgba(93, 232, 255, .08), 0 0 24px rgba(93, 232, 255, .08);
}
.login-panel .primary-button {
  color: #03151b;
  border-radius: 10px;
  background: linear-gradient(110deg, var(--acid), var(--admin-cyan));
  box-shadow: 0 0 28px rgba(93, 232, 255, .18);
}
.login-version { color: rgba(137, 218, 242, .36); letter-spacing: .16em; }

/* Login experience aligned with the dynamic AI console */
.login-screen::before{background-position:0 0;animation:login-grid-drift 16s linear infinite}.login-screen::after{content:"";position:absolute;z-index:0;top:0;left:-25%;width:22%;height:1px;background:linear-gradient(90deg,transparent,var(--admin-cyan),var(--admin-violet),transparent);box-shadow:0 0 18px rgba(93,232,255,.72);animation:login-horizon-scan 6s linear infinite}
.login-brand{letter-spacing:.02em}.login-brand::after{content:"SYSTEM ONLINE";margin-left:12px;padding:5px 8px;border:1px solid rgba(93,232,255,.18);border-radius:999px;color:var(--admin-cyan);background:rgba(93,232,255,.05);font:700 7px/1 monospace;letter-spacing:.13em;animation:login-status-pulse 2.2s ease-in-out infinite}.login-brand .brand-mark{position:relative;animation:login-core-float 4s ease-in-out infinite}.login-brand .brand-mark::after{content:"";position:absolute;inset:-7px;border:1px solid rgba(93,232,255,.3);border-radius:14px;animation:login-core-ring 2.8s ease-out infinite}
.login-panel{position:relative;overflow:hidden;animation:login-panel-enter .65s cubic-bezier(.2,.8,.2,1) both}.login-panel::after{content:"";position:absolute;top:-90%;left:-32%;width:22%;height:280%;pointer-events:none;opacity:.2;background:linear-gradient(90deg,transparent,var(--admin-cyan),transparent);transform:rotate(18deg);animation:login-panel-sweep 7s ease-in-out infinite}.login-panel>*{position:relative;z-index:1}.login-panel::before{animation:login-text-glitch 4.6s steps(1,end) infinite}.login-panel .overline{color:#8ea5c7}.login-panel h1{text-shadow:0 0 28px rgba(93,232,255,.12)}.login-panel label{color:#9eb2ce;letter-spacing:.04em}.login-panel input{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.login-panel input:focus{transform:translateX(2px);animation:login-input-lock .42s ease}.login-panel .primary-button{position:relative;overflow:hidden;background-size:180% 100%;transition:transform .2s ease,box-shadow .2s ease;animation:login-button-flow 3.6s ease-in-out infinite}.login-panel .primary-button::after{content:"";position:absolute;top:-70%;left:-50%;width:24%;height:240%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:rotate(18deg);transition:left .6s ease}.login-panel .primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.25),0 0 32px rgba(93,232,255,.24)}.login-panel .primary-button:hover::after{left:125%}
.login-ai-telemetry{position:absolute;z-index:1;top:50%;left:calc(50% + 270px);width:250px;padding:18px;border:1px solid rgba(93,232,255,.18);border-radius:16px;color:#8299bb;background:linear-gradient(145deg,rgba(10,24,48,.68),rgba(5,12,29,.5));box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 38px rgba(93,232,255,.05);backdrop-filter:blur(14px);transform:translateY(-50%);animation:login-telemetry-enter .8s .18s cubic-bezier(.2,.8,.2,1) both}.login-radar{position:relative;width:110px;height:110px;margin:4px auto 18px;border:1px solid rgba(93,232,255,.25);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 17px,rgba(93,232,255,.09) 18px 19px),linear-gradient(90deg,transparent 49.5%,rgba(93,232,255,.12) 50%,transparent 50.5%),linear-gradient(transparent 49.5%,rgba(93,232,255,.12) 50%,transparent 50.5%)}.login-radar::before{content:"";position:absolute;inset:5px;border-radius:50%;background:conic-gradient(from 0deg,rgba(93,232,255,.35),transparent 24%);animation:login-radar-spin 3.8s linear infinite}.login-radar::after{content:"";position:absolute;inset:42px;border-radius:50%;background:var(--admin-cyan);box-shadow:0 0 18px var(--admin-cyan);animation:login-status-pulse 1.8s ease-in-out infinite}.login-radar>i{position:absolute;width:4px;height:4px;border-radius:50%;background:#8a6cff;box-shadow:0 0 9px #8a6cff}.login-radar>i:first-child{top:26px;left:29px}.login-radar>i:nth-child(2){right:20px;top:46px}.login-radar>i:nth-child(3){bottom:20px;left:47px}.login-radar>b{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#03151b;font:800 7px/1 monospace}.login-signal-head{display:flex;justify-content:space-between;font:700 7px/1 monospace;letter-spacing:.11em}.login-signal-head em{color:#72f5d1;font-style:normal}.login-signal-bars{display:flex;align-items:flex-end;gap:5px;height:48px;margin:12px 0 16px;padding:8px;border:1px solid rgba(93,232,255,.1);border-radius:8px}.login-signal-bars i{flex:1;height:28%;border-radius:2px 2px 0 0;background:linear-gradient(var(--admin-cyan),rgba(108,124,255,.18));animation:login-signal 1.8s ease-in-out infinite alternate}.login-signal-bars i:nth-child(2),.login-signal-bars i:nth-child(6){animation-delay:.2s}.login-signal-bars i:nth-child(3),.login-signal-bars i:nth-child(7){animation-delay:.4s}.login-signal-bars i:nth-child(4),.login-signal-bars i:nth-child(8){animation-delay:.6s}.login-system-state{display:grid;grid-template-columns:1fr auto;gap:10px 8px;padding-top:14px;border-top:1px solid rgba(93,232,255,.12);font:600 7px/1 monospace;letter-spacing:.05em}.login-system-state span{display:flex;align-items:center;gap:7px}.login-system-state span i{width:5px;height:5px;border-radius:50%;background:#72f5d1;box-shadow:0 0 8px #72f5d1;animation:login-status-pulse 1.8s ease-in-out infinite}.login-system-state b{color:var(--admin-cyan);font-size:7px}.login-version::before{content:"●";margin-right:7px;color:#72f5d1;text-shadow:0 0 8px #72f5d1;animation:login-status-pulse 2s ease-in-out infinite}
@keyframes login-grid-drift{to{background-position:54px 54px}}@keyframes login-horizon-scan{to{left:110%}}@keyframes login-status-pulse{50%{opacity:.35;filter:brightness(.8)}}@keyframes login-core-float{50%{transform:translateY(-2px);filter:brightness(1.3)}}@keyframes login-core-ring{0%{opacity:.65}100%{inset:-18px;opacity:0}}@keyframes login-panel-enter{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@keyframes login-panel-sweep{0%,62%{left:-32%}100%{left:132%}}@keyframes login-text-glitch{0%,93%,100%{opacity:1}94%{opacity:.25}96%{opacity:.85}}@keyframes login-input-lock{50%{filter:brightness(1.18)}}@keyframes login-button-flow{50%{background-position:100% 0}}@keyframes login-telemetry-enter{from{opacity:0;transform:translate(18px,-50%)}to{opacity:1;transform:translate(0,-50%)}}@keyframes login-radar-spin{to{transform:rotate(360deg)}}@keyframes login-signal{to{height:92%;filter:brightness(1.35)}}
@media(max-width:1050px){.login-ai-telemetry{display:none}}@media(max-width:620px){.login-brand::after{display:none}.login-screen::after{animation-duration:4s}.login-panel{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.login-screen::before,.login-screen::after,.login-brand::after,.login-brand .brand-mark,.login-brand .brand-mark::after,.login-panel,.login-panel::before,.login-panel::after,.login-panel .primary-button,.login-ai-telemetry,.login-radar::before,.login-radar::after,.login-signal-bars i,.login-system-state span i,.login-version::before{animation:none!important}.login-panel .primary-button::after{display:none}}

/* AI operations console: complete workspace */
.admin-app {
  background:
    radial-gradient(circle at 92% 4%, rgba(108, 124, 255, .09), transparent 25%),
    #050816;
}

.sidebar {
  color: #8298b8;
  background:
    linear-gradient(rgba(93, 232, 255, .022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93, 232, 255, .022) 1px, transparent 1px),
    linear-gradient(180deg, #071127, #040813);
  background-size: 38px 38px, 38px 38px, auto;
  border-right: 1px solid rgba(93, 232, 255, .14);
  box-shadow: 18px 0 52px rgba(0, 0, 0, .18);
}

.admin-brand {
  color: #edf6ff;
  border-color: rgba(93, 232, 255, .13);
  background: rgba(5, 12, 29, .38);
}

.admin-brand .brand-mark {
  border-color: rgba(93, 232, 255, .5);
  border-radius: 9px;
  box-shadow: inset 0 0 14px rgba(93, 232, 255, .08), 0 0 18px rgba(93, 232, 255, .1);
}

.admin-brand small { color: #557092; letter-spacing: .12em; }
.admin-nav { padding: 18px 12px; }

.nav-item {
  height: 42px;
  border-radius: 9px;
  transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}

.nav-item:hover {
  color: #eaf5ff;
  background: rgba(93, 232, 255, .055);
}

.nav-item.active {
  color: #eaf8ff;
  background: linear-gradient(90deg, rgba(93, 232, 255, .16), rgba(108, 124, 255, .07));
  box-shadow: inset 2px 0 0 var(--admin-cyan), 0 0 22px rgba(93, 232, 255, .04);
}

.nav-symbol { color: var(--admin-cyan); text-shadow: 0 0 12px rgba(93, 232, 255, .2); }
.nav-count { color: #fff; background: linear-gradient(145deg, var(--coral), #ff7f75); }
.nav-item.active .nav-count { color: #03151b; background: var(--acid); }

.current-user { border-color: rgba(93, 232, 255, .1); }
.current-user > span,
.account-avatar {
  color: #03151b;
  background: linear-gradient(145deg, var(--acid), var(--admin-cyan));
  box-shadow: 0 0 18px rgba(93, 232, 255, .15);
}
.current-user b { color: #eaf3ff; }
.current-user small { color: #5e789a; }
.sidebar-bottom { border-color: rgba(93, 232, 255, .1); }
.sidebar-bottom a,
.sidebar-bottom button { color: #7289a9; border-radius: 8px; }
.sidebar-bottom a:hover,
.sidebar-bottom button:hover { color: #e8f4ff; background: rgba(93, 232, 255, .055); }

.admin-main {
  position: relative;
  background-image:
    linear-gradient(rgba(93, 232, 255, .024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93, 232, 255, .024) 1px, transparent 1px);
  background-size: 56px 56px;
}

.topbar {
  position: sticky;
  z-index: 20;
  top: 0;
  color: #edf6ff;
  border-color: rgba(93, 232, 255, .14);
  background: rgba(5, 8, 22, .84);
  backdrop-filter: blur(18px) saturate(140%);
}

.breadcrumb,
.topbar-meta { color: #7087a8; }
.system-status { color: #94abc8; }
.system-status i {
  background: var(--acid);
  box-shadow: 0 0 0 4px rgba(114, 245, 209, .08), 0 0 14px rgba(114, 245, 209, .38);
}

.admin-theme-trigger {
  color: #cfe0f4;
  border-color: rgba(93, 232, 255, .18);
  border-radius: 9px;
  background: rgba(10, 23, 48, .7);
}

.admin-theme-menu {
  color: #e9f4ff;
  border-color: rgba(93, 232, 255, .2);
  border-radius: 14px;
  background: #0a1730;
  box-shadow: 0 24px 65px rgba(0, 0, 0, .45), 0 0 34px rgba(93, 232, 255, .06);
}
.admin-theme-menu > span,
.admin-theme-menu button > span small { color: #738aaa; }
.admin-theme-menu > button:not(.theme-reset) { color: #dce9f8; border-radius: 8px; }
.admin-theme-menu > button:hover,
.admin-theme-menu > button[aria-checked="true"] { background: rgba(93, 232, 255, .06); }
.admin-theme-menu > button[aria-checked="true"] { box-shadow: inset 2px 0 0 var(--admin-cyan); }

.admin-view { position: relative; }
.page-intro { padding-top: 6px; }
.page-intro h1 {
  color: #f3f8ff;
  letter-spacing: -.035em;
}
.page-intro p { color: #8198b9; }
.overline {
  display: inline-flex;
  padding: 6px 8px;
  color: var(--admin-cyan);
  border: 1px solid rgba(93, 232, 255, .18);
  border-radius: 7px;
  background: rgba(93, 232, 255, .045);
  letter-spacing: .13em;
}

.primary-button,
.secondary-button,
.panel-link-button,
.account-actions button,
.model-actions button,
.news-actions a,
.news-actions button {
  border-radius: 9px;
}

.primary-button {
  color: #03151b;
  background: linear-gradient(110deg, var(--acid), var(--admin-cyan));
  box-shadow: 0 0 24px rgba(93, 232, 255, .14);
}
.primary-button:hover:not(:disabled) {
  color: #03151b;
  background: linear-gradient(110deg, #9ffff0, #81edff);
  box-shadow: 0 0 30px rgba(93, 232, 255, .24);
}

.secondary-button,
.panel-link-button,
.account-actions button,
.model-actions button,
.news-actions a,
.news-actions button {
  color: #c9dbef;
  border-color: rgba(93, 232, 255, .18);
  background: rgba(10, 23, 48, .68);
}
.secondary-button:hover,
.panel-link-button:hover,
.account-actions button:hover,
.model-actions button:hover {
  border-color: rgba(93, 232, 255, .34);
  background: rgba(93, 232, 255, .07);
}

.dashboard-live-state,
.dashboard-data-link,
.support-ops-strip {
  color: #91a8c7;
  border: 1px solid rgba(93, 232, 255, .15);
  border-left: 2px solid var(--admin-cyan);
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(9, 26, 51, .94), rgba(7, 15, 35, .85));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}
.dashboard-live-state i {
  background: var(--acid);
  box-shadow: 0 0 0 4px rgba(114, 245, 209, .08), 0 0 14px rgba(114, 245, 209, .28);
}
.dashboard-live-state span,
.dashboard-data-link b,
.support-ops-strip b { color: var(--acid); }
.dashboard-live-state time,
.dashboard-data-link span,
.support-ops-strip > span:first-child { color: #e0edfb; }

.dashboard-metric,
.metric-grid article,
.dashboard-panel,
.management-panel,
.preview-panel,
.lead-panel,
.navigation-panel,
.settings-panel,
.account-panel,
.news-panel,
.model-panel,
.audit-panel,
.security-session,
.model-metrics > div,
.news-metrics article,
.support-metrics article,
.plugin-card {
  color: #e8f2ff;
  border-color: rgba(116, 151, 204, .2);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(14, 31, 61, .9), rgba(8, 18, 39, .88));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 18px 48px rgba(0, 0, 0, .12);
}

.dashboard-metric,
.metric-grid article,
.plugin-card {
  position: relative;
  overflow: hidden;
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.dashboard-metric::before,
.metric-grid article::before,
.plugin-card::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--admin-cyan), transparent);
  opacity: .4;
}
.dashboard-metric:hover,
.metric-grid article:hover,
.plugin-card:hover {
  transform: translateY(-4px);
  border-color: rgba(93, 232, 255, .36);
  box-shadow: 0 22px 56px rgba(0, 0, 0, .22), 0 0 28px rgba(93, 232, 255, .05);
}

.dashboard-metric-accent,
.metric-grid .metric-accent,
.support-metric-alert {
  color: #eef7ff;
  border-color: rgba(93, 232, 255, .28);
  background:
    radial-gradient(circle at 90% 10%, rgba(93, 232, 255, .15), transparent 38%),
    linear-gradient(145deg, #14224f, #09132f);
}
.dashboard-metric span,
.metric-grid article > span { color: #8299bb; }
.dashboard-metric small,
.metric-grid small { color: #667e9f; }
.dashboard-metric strong,
.metric-grid strong { color: #eff8ff; }
.dashboard-metric-accent strong,
.metric-accent strong { color: var(--acid); text-shadow: 0 0 22px rgba(114, 245, 209, .16); }
.dashboard-metric-support { border-top-color: var(--coral); }

.panel-heading,
.settings-heading,
.settings-actions,
.publish-bar {
  color: #e7f1ff;
  border-color: rgba(116, 151, 204, .16);
  background: rgba(7, 17, 38, .5);
}
.panel-heading h2,
.settings-heading h2 { color: #eff7ff; }
.panel-heading div > span,
.settings-heading p,
.role-note { color: #758dac; }
.panel-heading > b { color: var(--admin-cyan) !important; }
.save-state {
  color: var(--acid);
  border: 1px solid rgba(114, 245, 209, .15);
  border-radius: 7px;
  background: rgba(114, 245, 209, .06);
}
.publish-bar p { color: #7e95b6; }
.publish-bar p span { color: #e9f4ff; }

table { color: #d8e6f6; }
th {
  color: #7088a9;
  border-color: rgba(116, 151, 204, .14);
  background: rgba(5, 13, 30, .62);
  letter-spacing: .06em;
}
td { border-color: rgba(116, 151, 204, .12); }
tbody tr { transition: background .2s ease; }
tbody tr:hover { background: rgba(93, 232, 255, .035); }

.trend-track {
  border-color: rgba(93, 232, 255, .14);
  background: repeating-linear-gradient(to top, transparent 0, transparent 49px, rgba(93, 232, 255, .055) 50px);
}
.trend-bar {
  border-radius: 5px 5px 0 0;
  background: linear-gradient(to top, var(--admin-violet), var(--admin-cyan));
  box-shadow: 0 0 15px rgba(93, 232, 255, .16);
}
.trend-day > span { color: #6f87a8; }
.trend-day > span b { color: #d9e7f6; }
.operation-progress i { border-radius: 99px; background: rgba(116, 151, 204, .13); }
.operation-progress u { border-radius: inherit; background: linear-gradient(90deg, var(--admin-violet), var(--admin-cyan)); box-shadow: 0 0 12px rgba(93, 232, 255, .14); }
.operation-progress > div:first-child u { background: linear-gradient(90deg, #42cfae, var(--acid)); box-shadow: 0 0 12px rgba(114, 245, 209, .16); }
.operation-progress > div:nth-child(2) u { background: linear-gradient(90deg, #d45eaa, var(--coral)); }

.quick-action-grid button,
.seo-preview,
.site-logo-admin-preview,
.geo-status {
  color: #dce9f8;
  border-color: rgba(93, 232, 255, .16);
  border-radius: 10px;
  background: rgba(7, 18, 40, .72);
}
.quick-action-grid button:hover { border-color: rgba(93, 232, 255, .34); background: rgba(93, 232, 255, .055); }
.quick-action-grid span,
.plugin-mark {
  color: var(--admin-cyan);
  border-radius: 9px;
  background: rgba(93, 232, 255, .07);
  box-shadow: inset 0 0 14px rgba(93, 232, 255, .04);
}
.dashboard-activity-item { border-color: rgba(116, 151, 204, .12); }
.dashboard-activity-item > i { background: var(--acid); box-shadow: 0 0 10px rgba(114, 245, 209, .5); }
.dashboard-activity-item span,
.dashboard-activity-item time,
.dashboard-updated { color: #6f86a7; }

.setting-grid,
.settings-subheading { border-color: rgba(116, 151, 204, .14); }
.field-group > span,
.switch-field b,
.settings-subheading h3 { color: #cbdbee; }
.field-group small,
.switch-field small { color: #7189aa; }
.field-group input,
.field-group textarea,
.field-group select,
.field-input,
.field-select,
.status-select,
.support-detail-head select {
  color: #eaf4ff;
  border-color: rgba(93, 232, 255, .17);
  border-radius: 9px;
  background: rgba(3, 10, 25, .62);
  outline: 0;
}
.field-group input:focus,
.field-group textarea:focus,
.field-group select:focus,
.field-input:focus,
.field-select:focus {
  border-color: var(--admin-cyan);
  box-shadow: 0 0 0 3px rgba(93, 232, 255, .07);
}

.role-badge,
.dashboard-lead-status.contacted,
.provider-type {
  color: #9cafff;
  border-color: rgba(138, 108, 255, .2);
  border-radius: 7px;
  background: rgba(138, 108, 255, .08);
}
.account-status.active,
.dashboard-lead-status.closed {
  color: var(--acid);
  border-radius: 7px;
  background: rgba(114, 245, 209, .07);
}
.account-status.inactive,
.dashboard-lead-status.new {
  color: #ff9ec3;
  border-radius: 7px;
  background: rgba(255, 110, 168, .08);
}
.empty-state > span { color: var(--admin-cyan); text-shadow: 0 0 18px rgba(93, 232, 255, .18); }
.empty-state p,
.dashboard-empty { color: #7088a9; }

.security-score {
  color: #eef7ff;
  border: 1px solid rgba(93, 232, 255, .26);
  border-radius: 14px;
  background:
    radial-gradient(circle at 82% 18%, rgba(93, 232, 255, .18), transparent 42%),
    linear-gradient(145deg, #14224d, #08112a);
  box-shadow: 0 0 42px rgba(93, 232, 255, .06);
}
.security-score strong { color: var(--acid); text-shadow: 0 0 24px rgba(114, 245, 209, .2); }

.support-workspace {
  overflow: hidden;
  border-color: rgba(93, 232, 255, .2);
  border-radius: 14px;
  background: #081329;
  box-shadow: 0 24px 65px rgba(0, 0, 0, .24), 0 0 34px rgba(93, 232, 255, .04);
}
.support-workspace::before {
  background: var(--admin-cyan);
  box-shadow: 70px 0 0 var(--admin-violet), 140px 0 0 var(--coral);
}
.support-inbox,
.support-list-item { background: #0a1730; }
.support-list-item { color: #cfe0f3; border-color: rgba(116, 151, 204, .12); }
.support-list-item:hover,
.support-list-item.active { background: #10203f; }
.support-list-item.active { box-shadow: inset 3px 0 0 var(--admin-cyan); }
.support-list-item.unread { background: #111d3c; }
.support-filter,
.support-detail-head { color: #eaf4ff; background: #061025; border-color: rgba(93, 232, 255, .14); }
.support-filter button.active { color: #03151b; background: linear-gradient(110deg, var(--acid), var(--admin-cyan)); }
.support-context-bar {
  color: #7890b1;
  border-color: rgba(116, 151, 204, .13);
  background: #0a1730;
}
.support-context-bar > span:first-child { color: #dce9f7; }
.support-admin-messages {
  background-color: #071126;
  background-image:
    linear-gradient(rgba(93, 232, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93, 232, 255, .035) 1px, transparent 1px);
}
.support-admin-message p { color: #dceafa; border-color: rgba(93, 232, 255, .14); background: #0d1c39; }
.support-admin-message.agent p { color: #fff; background: linear-gradient(145deg, #344b9f, #263878); }
.support-detail-empty {
  color: #eaf4ff;
  background-color: #061025;
  background-image:
    linear-gradient(rgba(93, 232, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93, 232, 255, .035) 1px, transparent 1px);
}
.support-detail-empty > span { color: var(--admin-cyan); border-color: rgba(93, 232, 255, .34); background: rgba(93, 232, 255, .06); box-shadow: 0 0 30px rgba(93, 232, 255, .08); }

.browser-frame {
  border-color: rgba(93, 232, 255, .16);
  border-radius: 11px;
  background: #050b19;
}
.browser-bar { color: #7289aa; border-color: rgba(93, 232, 255, .12); background: #08142b; }

.account-dialog,
.confirm-dialog,
.provider-dialog,
.column-dialog,
.news-dialog {
  color: #eaf4ff;
  border: 1px solid rgba(93, 232, 255, .22);
  border-radius: 18px;
  background: linear-gradient(145deg, #0d1a35, #071024);
  box-shadow: 0 30px 90px rgba(0, 0, 0, .52), 0 0 44px rgba(93, 232, 255, .06);
}
dialog::backdrop { background: rgba(1, 4, 13, .84); backdrop-filter: blur(10px); }
.dialog-x { color: #b9cde4; border-color: rgba(93, 232, 255, .18); }

@media (max-width: 760px) {
  .sidebar { box-shadow: 18px 0 50px rgba(0, 0, 0, .45); }
  .sidebar-toggle span { background: #eaf4ff; }
  .admin-view { padding-top: 24px; }
  .dashboard-metric,
  .metric-grid article { border-radius: 11px; }
  .dashboard-metric:hover,
  .metric-grid article:hover,
  .plugin-card:hover { transform: none; }
  .dashboard-data-link { border-radius: 9px; }
  .support-workspace { border-radius: 11px; }
}

/* 25-theme AI console skin engine (5 core + 20 additional) */
:root,
html[data-theme="matrix"] { --console-base:#050816; --console-surface:#071022; --console-panel:#0c1730; --console-text:#edf6ff; --console-muted:#8ea4c9; --console-line:rgba(116,151,204,.2); --console-accent:#72f5d1; --console-secondary:#6c7cff; --console-hot:#ff6ea8; --console-radius:14px; }
html[data-theme="minimal"] { --console-base:#07090d; --console-surface:#0d1118; --console-panel:#141a23; --console-text:#f5f7fa; --console-muted:#9da7b5; --console-line:rgba(219,229,240,.18); --console-accent:#f3f7ff; --console-secondary:#7f8ea8; --console-hot:#cad3df; --console-radius:7px; }
html[data-theme="midnight"] { --console-base:#01030a; --console-surface:#060b16; --console-panel:#0c1422; --console-text:#eff7ff; --console-muted:#8190a8; --console-line:rgba(122,151,196,.2); --console-accent:#78f0c2; --console-secondary:#6d83ff; --console-hot:#ff7968; --console-radius:12px; }
html[data-theme="corporate"] { --console-base:#04101c; --console-surface:#081929; --console-panel:#0e2438; --console-text:#eef8ff; --console-muted:#8ea8bb; --console-line:rgba(93,174,217,.2); --console-accent:#5ee3b1; --console-secondary:#3787ff; --console-hot:#ff725f; --console-radius:10px; }
html[data-theme="titanium"] { --console-base:#0b0f13; --console-surface:#11171d; --console-panel:#1a222a; --console-text:#eef2f4; --console-muted:#949fa8; --console-line:rgba(174,193,202,.18); --console-accent:#9cebd8; --console-secondary:#7088b8; --console-hot:#ff7c66; --console-radius:3px; }
html[data-theme="neon"] { --console-base:#03040f; --console-surface:#090820; --console-panel:#12102c; --console-text:#f4f7ff; --console-muted:#9a91bf; --console-line:rgba(45,255,242,.2); --console-accent:#2dfff2; --console-secondary:#9d4dff; --console-hot:#ff3bbd; --console-radius:14px; }
html[data-theme="quantum"] { --console-base:#03041a; --console-surface:#080b2c; --console-panel:#101743; --console-text:#eef5ff; --console-muted:#8998c5; --console-line:rgba(87,200,255,.2); --console-accent:#57c8ff; --console-secondary:#7657ff; --console-hot:#c966ff; --console-radius:17px; }
html[data-theme="aurora"] { --console-base:#021014; --console-surface:#062025; --console-panel:#0b3033; --console-text:#edfffb; --console-muted:#8bbeb5; --console-line:rgba(101,255,212,.19); --console-accent:#65ffd4; --console-secondary:#39a7ff; --console-hot:#a875ff; --console-radius:18px; }
html[data-theme="hologram"] { --console-base:#06111a; --console-surface:#0b202c; --console-panel:rgba(17,45,59,.78); --console-text:#f1fdff; --console-muted:#9ebeca; --console-line:rgba(185,247,255,.22); --console-accent:#b9f7ff; --console-secondary:#55d8ff; --console-hot:#b28dff; --console-radius:20px; }
html[data-theme="cyberpunk"] { --console-base:#0d0312; --console-surface:#17051d; --console-panel:#250829; --console-text:#fff5fe; --console-muted:#be91b6; --console-line:rgba(255,79,216,.22); --console-accent:#ff4fd8; --console-secondary:#ffe45b; --console-hot:#51ffef; --console-radius:4px; }
html[data-theme="nebula"] { --console-base:#090316; --console-surface:#140727; --console-panel:#21103b; --console-text:#fbf4ff; --console-muted:#ad91c4; --console-line:rgba(213,156,255,.2); --console-accent:#d59cff; --console-secondary:#6f59ff; --console-hot:#ff78bb; --console-radius:18px; }
html[data-theme="singularity"] { --console-base:#030303; --console-surface:#0b0906; --console-panel:#17120b; --console-text:#fffaf0; --console-muted:#afa287; --console-line:rgba(255,209,102,.2); --console-accent:#ffd166; --console-secondary:#ff8c42; --console-hot:#fff1bc; --console-radius:8px; }
html[data-theme="neural"] { --console-base:#020f17; --console-surface:#061a25; --console-panel:#0b2937; --console-text:#effcff; --console-muted:#82acbc; --console-line:rgba(56,242,208,.2); --console-accent:#38f2d0; --console-secondary:#228dff; --console-hot:#ff679b; --console-radius:15px; }
html[data-theme="prism"] { --console-base:#070612; --console-surface:#101022; --console-panel:#1a1930; --console-text:#fbfaff; --console-muted:#a2a0ba; --console-line:rgba(125,249,255,.19); --console-accent:#7df9ff; --console-secondary:#ff6ec7; --console-hot:#ffe66d; --console-radius:17px; }
html[data-theme="plasma"] { --console-base:#0d0318; --console-surface:#19062b; --console-panel:#291041; --console-text:#fbf1ff; --console-muted:#b092c4; --console-line:rgba(230,108,255,.21); --console-accent:#e66cff; --console-secondary:#7a5cff; --console-hot:#ff6eaa; --console-radius:14px; }
html[data-theme="void"] { --console-base:#00030a; --console-surface:#020817; --console-panel:#07132a; --console-text:#eaf2ff; --console-muted:#7183a1; --console-line:rgba(75,141,255,.2); --console-accent:#4b8dff; --console-secondary:#2946c8; --console-hot:#8fb4ff; --console-radius:11px; }
html[data-theme="cobalt"] { --console-base:#020d18; --console-surface:#061927; --console-panel:#0b293b; --console-text:#effaff; --console-muted:#82a4b8; --console-line:rgba(63,216,255,.2); --console-accent:#3fd8ff; --console-secondary:#2059d8; --console-hot:#68ffcf; --console-radius:13px; }
html[data-theme="emerald"] { --console-base:#020e0a; --console-surface:#061b13; --console-panel:#0c2b20; --console-text:#effff8; --console-muted:#81ad99; --console-line:rgba(84,246,166,.2); --console-accent:#54f6a6; --console-secondary:#1dba78; --console-hot:#c5ff69; --console-radius:14px; }
html[data-theme="solar"] { --console-base:#120602; --console-surface:#211006; --console-panel:#351b0b; --console-text:#fff9ef; --console-muted:#bea082; --console-line:rgba(255,204,102,.2); --console-accent:#ffcc66; --console-secondary:#ff6b35; --console-hot:#fff08a; --console-radius:12px; }
html[data-theme="lunar"] { --console-base:#060a11; --console-surface:#0d141f; --console-panel:#172131; --console-text:#f5f8fc; --console-muted:#96a5b9; --console-line:rgba(215,231,255,.18); --console-accent:#d7e7ff; --console-secondary:#718db8; --console-hot:#9fc4ff; --console-radius:15px; }
html[data-theme="sakura"] { --console-base:#120610; --console-surface:#210d1b; --console-panel:#33152a; --console-text:#fff5fb; --console-muted:#bd95ac; --console-line:rgba(255,145,200,.21); --console-accent:#ff91c8; --console-secondary:#bf78ff; --console-hot:#ffd2e8; --console-radius:19px; }
html[data-theme="oceanic"] { --console-base:#020f16; --console-surface:#05202a; --console-panel:#0a3240; --console-text:#edfbff; --console-muted:#82abb7; --console-line:rgba(77,229,255,.2); --console-accent:#4de5ff; --console-secondary:#00a7b8; --console-hot:#79ffd5; --console-radius:16px; }
html[data-theme="amber"] { --console-base:#100903; --console-surface:#201207; --console-panel:#33200d; --console-text:#fff8eb; --console-muted:#baa182; --console-line:rgba(255,189,89,.2); --console-accent:#ffbd59; --console-secondary:#df7c2f; --console-hot:#ffe09a; --console-radius:10px; }
html[data-theme="monochrome"] { --console-base:#05070a; --console-surface:#0b0e13; --console-panel:#15191f; --console-text:#f4f6f8; --console-muted:#959ca5; --console-line:rgba(221,228,236,.18); --console-accent:#f4f6f8; --console-secondary:#87909b; --console-hot:#c4c9cf; --console-radius:2px; }
html[data-theme="terminal"] { --console-base:#000804; --console-surface:#03130a; --console-panel:#072014; --console-text:#d9ffe5; --console-muted:#70a681; --console-line:rgba(69,255,135,.2); --console-accent:#45ff87; --console-secondary:#17a84e; --console-hot:#b9ff5f; --console-radius:2px; }

html[data-theme] { --ink:var(--console-base); --paper:var(--console-surface); --white:var(--console-panel); --muted:var(--console-muted); --line:var(--console-line); --soft:color-mix(in srgb,var(--console-panel) 82%,var(--console-base)); --acid:var(--console-accent); --cobalt:var(--console-secondary); --coral:var(--console-hot); }
html[data-theme] body,
html[data-theme] .admin-app { color:var(--console-text); background:radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--console-secondary) 10%,transparent),transparent 25%),var(--console-base); }
html[data-theme] .sidebar { color:var(--console-muted); border-color:var(--console-line); background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(180deg,var(--console-surface),var(--console-base)); }
html[data-theme] .topbar { color:var(--console-text); border-color:var(--console-line); background:color-mix(in srgb,var(--console-base) 87%,transparent); }
html[data-theme] .nav-item.active { color:var(--console-text); background:linear-gradient(90deg,color-mix(in srgb,var(--console-accent) 16%,transparent),color-mix(in srgb,var(--console-secondary) 8%,transparent)); box-shadow:inset 2px 0 0 var(--console-accent); }
html[data-theme] .nav-symbol,
html[data-theme] .overline,
html[data-theme] .panel-heading > b { color:var(--console-accent) !important; }
html[data-theme] .current-user > span,
html[data-theme] .account-avatar,
html[data-theme] .primary-button,
html[data-theme] .support-filter button.active { color:var(--console-base); background:linear-gradient(120deg,var(--console-accent),color-mix(in srgb,var(--console-secondary) 62%,var(--console-accent))); }
html[data-theme] .page-intro h1,
html[data-theme] .panel-heading h2,
html[data-theme] .settings-heading h2 { color:var(--console-text); }
html[data-theme] .page-intro p,
html[data-theme] .panel-heading div > span,
html[data-theme] .settings-heading p,
html[data-theme] .role-note { color:var(--console-muted); }
html[data-theme] .dashboard-metric,
html[data-theme] .metric-grid article,
html[data-theme] .dashboard-panel,
html[data-theme] .management-panel,
html[data-theme] .preview-panel,
html[data-theme] .lead-panel,
html[data-theme] .navigation-panel,
html[data-theme] .settings-panel,
html[data-theme] .account-panel,
html[data-theme] .news-panel,
html[data-theme] .model-panel,
html[data-theme] .audit-panel,
html[data-theme] .security-session,
html[data-theme] .model-metrics > div,
html[data-theme] .news-metrics article,
html[data-theme] .support-metrics article,
html[data-theme] .plugin-card { color:var(--console-text); border-color:var(--console-line); border-radius:var(--console-radius); background:linear-gradient(145deg,color-mix(in srgb,var(--console-panel) 95%,var(--console-secondary)),color-mix(in srgb,var(--console-surface) 94%,var(--console-base))); }
html[data-theme] .panel-heading,
html[data-theme] .settings-heading,
html[data-theme] .settings-actions,
html[data-theme] .publish-bar,
html[data-theme] th { color:var(--console-text); border-color:var(--console-line); background:color-mix(in srgb,var(--console-base) 48%,transparent); }
html[data-theme] td,
html[data-theme] .dashboard-activity-item { border-color:var(--console-line); }
html[data-theme] .field-group input,
html[data-theme] .field-group textarea,
html[data-theme] .field-group select,
html[data-theme] .field-input,
html[data-theme] .field-select,
html[data-theme] .status-select { color:var(--console-text); border-color:var(--console-line); border-radius:calc(var(--console-radius) * .65); background:color-mix(in srgb,var(--console-base) 70%,transparent); }
html[data-theme] .dashboard-live-state,
html[data-theme] .dashboard-data-link,
html[data-theme] .support-ops-strip { border-color:var(--console-line); border-left-color:var(--console-accent); background:linear-gradient(90deg,color-mix(in srgb,var(--console-panel) 92%,var(--console-accent)),color-mix(in srgb,var(--console-surface) 94%,var(--console-base))); }
html[data-theme] .dashboard-live-state span,
html[data-theme] .dashboard-data-link b,
html[data-theme] .save-state { color:var(--console-accent); }
html[data-theme] .trend-bar,
html[data-theme] .operation-progress u { background:linear-gradient(to top,var(--console-secondary),var(--console-accent)); box-shadow:0 0 15px color-mix(in srgb,var(--console-accent) 18%,transparent); }
html[data-theme] .security-score { color:var(--console-text); border-color:var(--console-line); border-radius:var(--console-radius); background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--console-accent) 18%,transparent),transparent 42%),linear-gradient(145deg,color-mix(in srgb,var(--console-panel) 80%,var(--console-secondary)),var(--console-surface)); }
html[data-theme] .security-score strong { color:var(--console-accent); }

.admin-theme-menu {
  width:min(570px,calc(100vw - 40px));
  max-height:min(680px,calc(100svh - 100px));
  overflow-y:auto;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
  padding:12px;
  border-color:var(--console-line);
  background:var(--console-panel);
}
.admin-theme-menu:not([hidden]) { display:grid; }
.admin-theme-menu > span,
.admin-theme-menu > .theme-reset { grid-column:1 / -1; }
.admin-theme-menu > button:not(.theme-reset) { grid-template-columns:54px 1fr; }
.theme-swatch.dynamic { background:var(--swatch-base); }
.theme-swatch.dynamic b:first-child { background:var(--swatch-base); }
.theme-swatch.dynamic b:nth-child(2) { background:var(--swatch-accent); }
.theme-swatch.dynamic b:nth-child(3) { background:var(--swatch-secondary); }

html[data-theme="terminal"] body,
html[data-theme="terminal"] button,
html[data-theme="terminal"] input,
html[data-theme="terminal"] select,
html[data-theme="terminal"] textarea { font-family:"SFMono-Regular",Consolas,monospace; }
html[data-theme="cyberpunk"] .dashboard-panel,
html[data-theme="cyberpunk"] .dashboard-metric,
html[data-theme="cyberpunk"] .settings-panel { clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px)); }
html[data-theme="hologram"] .dashboard-panel,
html[data-theme="hologram"] .dashboard-metric,
html[data-theme="hologram"] .settings-panel { backdrop-filter:blur(24px) saturate(150%); }

/* Latest model intelligence catalog */
.latest-model-catalog {
  position:relative;
  overflow:hidden;
  margin:20px 0;
  padding:24px;
  border:1px solid var(--console-line);
  border-radius:var(--console-radius);
  color:var(--console-text);
  background:
    radial-gradient(circle at 85% -10%,color-mix(in srgb,var(--console-secondary) 24%,transparent),transparent 36%),
    linear-gradient(145deg,color-mix(in srgb,var(--console-panel) 96%,var(--console-secondary)),color-mix(in srgb,var(--console-surface) 95%,var(--console-base)));
  box-shadow:var(--console-shadow);
}
.latest-model-catalog::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.22; background-image:linear-gradient(color-mix(in srgb,var(--console-accent) 22%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--console-accent) 22%,transparent) 1px,transparent 1px); background-size:38px 38px; mask-image:linear-gradient(to bottom,black,transparent 62%); }
.latest-model-catalog > * { position:relative; z-index:1; }
.latest-model-catalog > .panel-heading { margin:-24px -24px 22px; padding:22px 24px; }
.latest-model-catalog .panel-heading h2 { margin:4px 0; }
.live-model-badge { display:inline-flex; align-items:center; gap:7px; padding:7px 11px; border:1px solid color-mix(in srgb,var(--console-accent) 35%,var(--console-line)); border-radius:999px; color:var(--console-accent); background:color-mix(in srgb,var(--console-accent) 8%,transparent); font-size:12px; white-space:nowrap; }
.live-model-badge i { width:7px; height:7px; border-radius:50%; background:var(--console-accent); box-shadow:0 0 12px var(--console-accent); animation:live-model-pulse 1.8s ease-in-out infinite; }
@keyframes live-model-pulse { 50% { opacity:.4; transform:scale(.72); } }
.model-catalog-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.model-catalog-card { position:relative; display:flex; min-width:0; min-height:235px; flex-direction:column; overflow:hidden; padding:18px; border:1px solid var(--console-line); border-radius:calc(var(--console-radius) * .75); background:linear-gradient(150deg,color-mix(in srgb,var(--console-panel) 94%,var(--model-color)),color-mix(in srgb,var(--console-base) 88%,transparent)); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.model-catalog-card::after { content:""; position:absolute; top:-70px; right:-55px; width:150px; height:150px; border-radius:50%; opacity:.14; background:var(--model-color); filter:blur(25px); }
.model-catalog-card:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--model-color) 65%,var(--console-line)); box-shadow:0 16px 40px color-mix(in srgb,var(--model-color) 13%,transparent); }
.model-catalog-top { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.model-vendor { color:var(--model-color); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.model-catalog-top em { padding:4px 7px; border:1px solid var(--console-line); border-radius:999px; color:var(--console-muted); font-size:10px; font-style:normal; }
.model-catalog-card h3 { position:relative; z-index:1; margin:17px 0 7px; font-size:19px; letter-spacing:-.02em; }
.model-catalog-card p { position:relative; z-index:1; flex:1; margin:0; color:var(--console-muted); font-size:12px; line-height:1.75; }
.model-catalog-meta { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:8px; margin:14px 0; }
.model-catalog-meta code { min-width:0; overflow:hidden; color:color-mix(in srgb,var(--model-color) 78%,var(--console-text)); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.model-catalog-meta span { flex:none; color:var(--console-muted); font-size:10px; }
.model-catalog-actions { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:13px; border-top:1px solid var(--console-line); }
.model-catalog-actions button { padding:7px 10px; border:1px solid color-mix(in srgb,var(--model-color) 55%,var(--console-line)); border-radius:8px; color:var(--console-text); background:color-mix(in srgb,var(--model-color) 12%,transparent); cursor:pointer; }
.model-catalog-actions button:hover { color:var(--console-base); background:var(--model-color); }
.model-catalog-actions a { color:var(--console-muted); font-size:11px; text-decoration:none; }
.model-catalog-actions a:hover { color:var(--model-color); }
.domestic-model-catalog { border-color:color-mix(in srgb,var(--console-accent) 28%,var(--console-line)); background:radial-gradient(circle at 86% 8%,color-mix(in srgb,#ff4d62 9%,transparent),transparent 24%),linear-gradient(145deg,color-mix(in srgb,var(--console-panel) 96%,var(--console-accent)),color-mix(in srgb,var(--console-surface) 95%,var(--console-base))); }
.domestic-model-badge { color:#ff6b78; border-color:color-mix(in srgb,#ff4d62 38%,var(--console-line)); background:color-mix(in srgb,#ff4d62 8%,transparent); }.domestic-model-badge i { background:#ff4d62; box-shadow:0 0 12px #ff4d62; }
.domestic-model-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:16px; }.domestic-model-summary span { display:flex; min-height:48px; align-items:center; gap:9px; padding:10px 12px; border:1px solid var(--console-line); border-radius:9px; color:var(--console-muted); background:color-mix(in srgb,var(--console-base) 52%,transparent); font-size:9px; }.domestic-model-summary b { color:var(--console-accent); font:750 12px/1 monospace; }
.domestic-model-grid .model-catalog-card { min-height:250px; }.domestic-model-grid .model-vendor { font-size:9px; }.domestic-model-grid .model-catalog-meta code { max-width:68%; }

/* Independent frontend/backend AI style centers */
.ai-nav-symbol { color:var(--console-accent); border-color:color-mix(in srgb,var(--console-accent) 35%,var(--console-line)); background:color-mix(in srgb,var(--console-accent) 9%,transparent); font-size:9px; letter-spacing:.08em; }
.ai-style-live { display:inline-flex; align-items:center; gap:8px; padding:9px 13px; border:1px solid color-mix(in srgb,var(--console-accent) 35%,var(--console-line)); border-radius:999px; color:var(--console-accent); background:color-mix(in srgb,var(--console-accent) 7%,transparent); font-size:10px; font-weight:800; letter-spacing:.08em; }
.ai-style-live i { width:7px; height:7px; border-radius:50%; background:var(--console-accent); box-shadow:0 0 14px var(--console-accent); animation:live-model-pulse 1.8s ease-in-out infinite; }
.ai-style-board { position:relative; overflow:hidden; border:1px solid var(--console-line); border-radius:var(--console-radius); color:var(--console-text); background:linear-gradient(145deg,color-mix(in srgb,var(--console-panel) 96%,var(--console-secondary)),color-mix(in srgb,var(--console-surface) 96%,var(--console-base))); box-shadow:var(--console-shadow); }
.ai-style-board::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.18; background-image:linear-gradient(color-mix(in srgb,var(--console-accent) 24%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--console-accent) 24%,transparent) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to bottom,black,transparent 50%); }
.ai-style-board > * { position:relative; z-index:1; }
.ai-style-stage { display:grid; grid-template-columns:270px minmax(0,1fr); min-height:340px; border-bottom:1px solid var(--console-line); background:radial-gradient(circle at 72% 35%,color-mix(in srgb,var(--console-secondary) 15%,transparent),transparent 42%); }
.ai-style-stage-copy { display:flex; flex-direction:column; justify-content:center; padding:38px 34px; border-right:1px solid var(--console-line); }
.ai-style-stage-copy > span { color:var(--console-muted); font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.ai-style-stage-copy h2 { margin:14px 0 5px; color:var(--console-accent); font-size:30px; letter-spacing:-.04em; }
.ai-style-stage-copy p { margin:0; color:var(--console-muted); font-size:13px; }
.ai-style-stage-meta { display:flex; align-items:center; gap:12px; margin-top:40px; padding-top:22px; border-top:1px solid var(--console-line); }
.ai-style-stage-meta b { color:var(--console-accent); font-size:34px; line-height:1; }
.ai-style-stage-meta span { color:var(--console-muted); font-size:10px; line-height:1.55; }
.front-ai-preview,.admin-ai-preview { --preview-base:#071022; --preview-accent:#72f5d1; --preview-secondary:#6c7cff; position:relative; align-self:center; justify-self:center; width:min(680px,88%); height:270px; overflow:hidden; border:1px solid color-mix(in srgb,var(--preview-accent) 35%,#29384c); border-radius:16px; color:#f3f8ff; background:var(--preview-base); box-shadow:0 28px 70px color-mix(in srgb,var(--preview-base) 70%,transparent),0 0 45px color-mix(in srgb,var(--preview-accent) 10%,transparent); transition:background .3s ease,border-color .3s ease; }
.front-ai-preview::before,.admin-ai-preview::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--preview-secondary) 32%,transparent),transparent 38%),radial-gradient(circle at 28% 76%,color-mix(in srgb,var(--preview-accent) 18%,transparent),transparent 34%),linear-gradient(color-mix(in srgb,var(--preview-accent) 12%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--preview-accent) 12%,transparent) 1px,transparent 1px); background-size:auto,auto,28px 28px,28px 28px; }
.front-ai-preview > *,.admin-ai-preview > * { position:relative; z-index:1; }
.front-ai-preview header { display:flex; align-items:center; gap:20px; height:42px; padding:0 22px; border-bottom:1px solid color-mix(in srgb,var(--preview-accent) 18%,transparent); }
.front-ai-preview header i { width:18px; height:18px; border:2px solid var(--preview-accent); border-radius:5px; box-shadow:0 0 15px color-mix(in srgb,var(--preview-accent) 60%,transparent); }
.front-ai-preview header span { width:43px; height:4px; border-radius:5px; opacity:.35; background:#dce7f5; }
.front-ai-preview header b { margin-left:auto; color:var(--preview-accent); font-size:9px; letter-spacing:.15em; }
.front-ai-preview main { padding:34px 38px 20px; }
.front-ai-preview main small { color:var(--preview-accent); font-size:8px; letter-spacing:.18em; }
.front-ai-preview main strong { display:block; margin:10px 0; font-size:25px; line-height:1.1; letter-spacing:-.04em; }
.front-ai-preview main p { width:54%; height:5px; border-radius:8px; opacity:.25; background:#edf5ff; box-shadow:0 10px 0 #edf5ff; }
.front-ai-preview main div { display:flex; gap:8px; margin-top:28px; }
.front-ai-preview main div i { width:62px; height:24px; border:1px solid color-mix(in srgb,var(--preview-accent) 45%,transparent); border-radius:7px; background:color-mix(in srgb,var(--preview-accent) 11%,transparent); }
.front-ai-preview main div i:first-child { background:linear-gradient(90deg,var(--preview-accent),var(--preview-secondary)); }
.front-ai-preview footer { position:absolute; right:22px; bottom:18px; display:flex; align-items:flex-end; gap:7px; height:78px; }
.front-ai-preview footer span { width:28px; height:36%; border-radius:5px 5px 0 0; background:linear-gradient(var(--preview-accent),color-mix(in srgb,var(--preview-accent) 12%,transparent)); }
.front-ai-preview footer span:nth-child(2) { height:68%; }
.front-ai-preview footer span:nth-child(3) { height:100%; background:linear-gradient(var(--preview-secondary),color-mix(in srgb,var(--preview-secondary) 12%,transparent)); }
[data-ai-theme-form="front"][data-motion="on"] .front-ai-preview footer span { animation:ai-preview-bars 2.1s ease-in-out infinite alternate; }
[data-ai-theme-form="front"][data-motion="on"] .front-ai-preview footer span:nth-child(2) { animation-delay:.25s; }
[data-ai-theme-form="front"][data-motion="on"] .front-ai-preview footer span:nth-child(3) { animation-delay:.5s; }
@keyframes ai-preview-bars { to { height:90%; filter:brightness(1.4); } }
.admin-ai-preview { display:grid; grid-template-columns:100px 1fr; }
.admin-ai-preview aside { display:flex; flex-direction:column; gap:14px; padding:25px 18px; border-right:1px solid color-mix(in srgb,var(--preview-accent) 18%,transparent); background:color-mix(in srgb,var(--preview-base) 85%,#000); }
.admin-ai-preview aside i { width:22px; height:22px; margin-bottom:18px; border:2px solid var(--preview-accent); border-radius:6px; box-shadow:0 0 14px color-mix(in srgb,var(--preview-accent) 55%,transparent); }
.admin-ai-preview aside span { width:62px; height:6px; border-radius:8px; opacity:.28; background:#eaf3ff; }
.admin-ai-preview aside span:nth-of-type(2) { opacity:.9; background:var(--preview-accent); }
.admin-ai-preview main { padding:18px 22px; }
.admin-ai-preview main header { display:flex; justify-content:space-between; padding-bottom:15px; }
.admin-ai-preview main header span { width:110px; height:8px; border-radius:8px; opacity:.35; background:#eaf3ff; }
.admin-ai-preview main header b { width:55px; height:17px; border:1px solid color-mix(in srgb,var(--preview-accent) 45%,transparent); border-radius:8px; }
.admin-ai-preview main > div { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.admin-ai-preview article { height:64px; padding:11px; border:1px solid color-mix(in srgb,var(--preview-accent) 19%,transparent); border-radius:9px; background:color-mix(in srgb,var(--preview-accent) 6%,transparent); }
.admin-ai-preview article small,.admin-ai-preview article strong { display:block; width:50%; height:4px; border-radius:4px; opacity:.35; background:#eaf3ff; }
.admin-ai-preview article strong { width:35%; height:13px; margin-top:15px; opacity:1; background:var(--preview-accent); }
.admin-ai-preview section { display:flex; align-items:flex-end; gap:10px; height:105px; margin-top:12px; padding:14px 18px 0; border:1px solid color-mix(in srgb,var(--preview-accent) 17%,transparent); border-radius:10px; }
.admin-ai-preview section i { flex:1; height:32%; border-radius:4px 4px 0 0; background:linear-gradient(var(--preview-accent),color-mix(in srgb,var(--preview-secondary) 55%,transparent)); }
.admin-ai-preview section i:nth-child(2) { height:55%; }.admin-ai-preview section i:nth-child(3) { height:40%; }.admin-ai-preview section i:nth-child(4) { height:82%; }.admin-ai-preview section i:nth-child(5) { height:64%; }.admin-ai-preview section i:nth-child(6) { height:92%; }
.ai-style-controls { display:grid; grid-template-columns:1.5fr 1fr; gap:14px; padding:18px 24px; border-bottom:1px solid var(--console-line); background:color-mix(in srgb,var(--console-base) 36%,transparent); }
.ai-style-controls .performance-mode-control{grid-column:1/-1;border-color:color-mix(in srgb,var(--console-accent) 28%,var(--console-line));background:linear-gradient(90deg,color-mix(in srgb,var(--console-accent) 8%,var(--console-panel)),color-mix(in srgb,var(--console-base) 60%,transparent))}.ai-style-controls .performance-mode-control b::before{content:"FPS";display:inline-grid;place-items:center;margin-right:9px;width:29px;height:18px;border:1px solid color-mix(in srgb,var(--console-accent) 42%,var(--console-line));border-radius:5px;color:var(--console-accent);font:700 7px/1 monospace}
.ai-accent-control { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:13px 15px; border:1px solid var(--console-line); border-radius:12px; background:color-mix(in srgb,var(--console-panel) 72%,transparent); }
.ai-accent-control > span b,.ai-accent-control > span small { display:block; }.ai-accent-control > span small { margin-top:4px; color:var(--console-muted); font-size:10px; }
.ai-accent-control > div { display:flex; align-items:center; gap:10px; }.ai-accent-control input { width:42px; height:30px; padding:2px; border:1px solid var(--console-line); border-radius:7px; background:transparent; }.ai-accent-control code { color:var(--console-accent); font-size:11px; }
.ai-style-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; padding:26px 24px 16px; }
.ai-style-heading span { color:var(--console-accent); font-size:9px; font-weight:800; letter-spacing:.16em; }.ai-style-heading h2 { margin:6px 0 0; font-size:21px; }.ai-style-heading em { color:var(--console-muted); font-size:11px; font-style:normal; }
.ai-theme-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; padding:0 24px 26px; }
.ai-theme-card { position:relative; display:grid; grid-template-columns:30px 42px 1fr; align-items:center; min-width:0; min-height:76px; overflow:hidden; padding:11px; border:1px solid var(--console-line); border-radius:12px; color:var(--console-text); text-align:left; background:linear-gradient(145deg,color-mix(in srgb,var(--console-panel) 95%,var(--card-secondary)),color-mix(in srgb,var(--console-base) 90%,var(--card-base))); cursor:pointer; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.ai-theme-card:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--card-accent) 58%,var(--console-line)); box-shadow:0 12px 28px color-mix(in srgb,var(--card-accent) 10%,transparent); }
.ai-theme-card[aria-pressed="true"] { border-color:var(--card-accent); box-shadow:inset 0 0 0 1px var(--card-accent),0 0 24px color-mix(in srgb,var(--card-accent) 15%,transparent); }
.ai-theme-card-number { align-self:start; color:var(--console-muted); font-size:8px; letter-spacing:.08em; }
.ai-theme-card-orbit { position:relative; width:34px; height:34px; border:1px solid color-mix(in srgb,var(--card-accent) 45%,transparent); border-radius:50%; background:var(--card-base); }
.ai-theme-card-orbit b { position:absolute; border-radius:50%; background:var(--card-accent); box-shadow:0 0 9px var(--card-accent); }.ai-theme-card-orbit b:first-child { top:7px; left:8px; width:7px; height:7px; }.ai-theme-card-orbit b:nth-child(2) { right:6px; bottom:8px; width:5px; height:5px; background:var(--card-secondary); }.ai-theme-card-orbit b:nth-child(3) { left:14px; bottom:5px; width:3px; height:3px; }
.ai-theme-card-copy { min-width:0; padding-left:7px; }.ai-theme-card-copy b,.ai-theme-card-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.ai-theme-card-copy b { font-size:12px; }.ai-theme-card-copy small { margin-top:4px; color:var(--console-muted); font-size:9px; }
.ai-theme-card em { position:absolute; right:8px; bottom:5px; color:var(--card-accent); font-size:6px; font-style:normal; letter-spacing:.12em; opacity:0; }.ai-theme-card[aria-pressed="true"] em { opacity:1; }
.ai-style-actions { margin-top:0; padding:18px 24px; }

@media (max-width:760px) {
  .admin-theme-menu { right:12px; grid-template-columns:1fr; }
  .admin-theme-menu > span,
  .admin-theme-menu > .theme-reset { grid-column:auto; }
  .latest-model-catalog { padding:18px; }
  .latest-model-catalog > .panel-heading { margin:-18px -18px 18px; padding:18px; }
  .model-catalog-grid { grid-template-columns:1fr; }
  .domestic-model-summary { grid-template-columns:1fr 1fr; }
  .ai-style-live { display:none; }
  .ai-style-stage { grid-template-columns:1fr; }
  .ai-style-stage-copy { padding:24px; border-right:0; border-bottom:1px solid var(--console-line); }
  .ai-style-stage-meta { margin-top:20px; }
  .front-ai-preview,.admin-ai-preview { width:calc(100% - 28px); height:230px; margin:18px 0; }
  .ai-style-controls { grid-template-columns:1fr; padding:14px; }
  .ai-theme-grid { grid-template-columns:1fr; padding:0 14px 20px; }
  .ai-style-heading { padding:22px 14px 14px; }
}

@media (min-width:761px) and (max-width:1180px) { .model-catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .ai-theme-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .ai-style-stage { grid-template-columns:220px minmax(0,1fr); } }

/* AI operations command hero */
.dashboard-ai-command { position:relative; display:grid; grid-template-columns:minmax(340px,1.1fr) 250px minmax(330px,.9fr); overflow:hidden; margin-bottom:14px; border:1px solid var(--console-line); border-radius:var(--console-radius); color:var(--console-text); background:radial-gradient(circle at 52% 42%,color-mix(in srgb,var(--console-secondary) 24%,transparent),transparent 25%),linear-gradient(135deg,color-mix(in srgb,var(--console-panel) 94%,var(--console-secondary)),color-mix(in srgb,var(--console-base) 92%,black)); box-shadow:var(--console-shadow); }
.dashboard-ai-command::before { content:""; position:absolute; inset:0; opacity:.25; pointer-events:none; background-image:linear-gradient(color-mix(in srgb,var(--console-accent) 15%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--console-accent) 15%,transparent) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(90deg,black,transparent 74%); }
.dashboard-ai-command > * { position:relative; z-index:1; }
.ai-command-copy { display:flex; min-height:290px; flex-direction:column; justify-content:center; padding:34px; }
.ai-command-copy h1 { margin:10px 0 8px; font-size:36px; letter-spacing:-.045em; }.ai-command-copy p { max-width:520px; margin:0; color:var(--console-muted); font-size:12px; line-height:1.7; }
.ai-command-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:22px; }.ai-command-tags span { display:flex; align-items:center; gap:6px; padding:6px 8px; border:1px solid var(--console-line); border-radius:999px; color:var(--console-muted); background:color-mix(in srgb,var(--console-accent) 4%,transparent); font:700 7px/1 monospace; letter-spacing:.08em; }.ai-command-tags i { width:5px; height:5px; border-radius:50%; background:var(--console-accent); box-shadow:0 0 8px var(--console-accent); }
.ai-command-actions { display:flex; gap:8px; margin-top:24px; }
.ai-command-core { position:relative; display:grid; min-height:290px; place-items:center; }.ai-command-core::before { content:""; position:absolute; width:210px; height:210px; border:1px solid color-mix(in srgb,var(--console-accent) 16%,transparent); border-radius:50%; box-shadow:inset 0 0 65px color-mix(in srgb,var(--console-secondary) 10%,transparent),0 0 60px color-mix(in srgb,var(--console-accent) 8%,transparent); }.ai-command-core strong { position:relative; z-index:2; display:grid; width:84px; height:84px; place-items:center; border:1px solid color-mix(in srgb,var(--console-accent) 55%,transparent); border-radius:50%; color:var(--console-accent); background:radial-gradient(circle,color-mix(in srgb,var(--console-accent) 16%,var(--console-panel)),var(--console-base)); box-shadow:0 0 42px color-mix(in srgb,var(--console-accent) 23%,transparent); font:800 18px/1 monospace; }.ai-command-core strong span { display:block; margin-top:-20px; font-size:9px; letter-spacing:.15em; }.ai-command-core > b { position:absolute; bottom:38px; color:var(--console-muted); font:700 7px/1 monospace; letter-spacing:.14em; }
.ai-core-ring { position:absolute; width:170px; height:170px; border:1px dashed color-mix(in srgb,var(--console-accent) 28%,transparent); border-radius:50%; animation:ai-core-spin 14s linear infinite; }.ai-core-ring.ring-two { width:126px; height:126px; border-style:solid; border-color:color-mix(in srgb,var(--console-secondary) 32%,transparent); animation-direction:reverse; animation-duration:9s; }.ai-core-ring i { position:absolute; width:7px; height:7px; border-radius:50%; background:var(--console-accent); box-shadow:0 0 12px var(--console-accent); }.ai-core-ring i:first-child { top:8px; left:50%; }.ai-core-ring i:nth-child(2) { top:50%; right:-4px; background:var(--console-secondary); }.ai-core-ring i:nth-child(3) { bottom:12px; left:20px; }.ring-two i:first-child { top:22px; }.ring-two i:nth-child(2) { right:8px; }.ring-two i:nth-child(3) { bottom:6px; }
@keyframes ai-core-spin { to { transform:rotate(360deg); } }
.ai-command-status { display:flex; flex-direction:column; justify-content:center; padding:22px 24px; border-left:1px solid var(--console-line); background:color-mix(in srgb,var(--console-base) 44%,transparent); }.ai-command-status .dashboard-live-state { width:100%; justify-content:center; border:1px solid var(--console-line); border-radius:10px; background:color-mix(in srgb,var(--console-panel) 80%,transparent); }.ai-command-stat-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }.ai-command-stat-grid article { min-height:82px; padding:12px; border:1px solid var(--console-line); border-radius:10px; background:color-mix(in srgb,var(--console-panel) 78%,transparent); }.ai-command-stat-grid span,.ai-command-stat-grid small { display:block; color:var(--console-muted); font-size:8px; }.ai-command-stat-grid strong { display:block; margin:8px 0 4px; color:var(--console-accent); font:750 22px/1 monospace; }.ai-command-stat-grid small { font-size:7px; }
.ai-command-stream { grid-column:1 / -1; margin:0; border-top:1px solid var(--console-line); border-left:0; background:color-mix(in srgb,var(--console-base) 72%,transparent); }
@media (max-width:1180px) { .dashboard-ai-command { grid-template-columns:1fr 240px; }.ai-command-core { display:none; }.ai-command-status { border-left:1px solid var(--console-line); } }
@media (max-width:760px) { .dashboard-ai-command { grid-template-columns:1fr; }.ai-command-copy { min-height:auto; padding:24px 18px; }.ai-command-copy h1 { font-size:28px; }.ai-command-status { border-top:1px solid var(--console-line); border-left:0; }.ai-command-stream { grid-template-columns:1fr auto; }.ai-command-stream time { display:none; } }

.ai-command-nodes { display:flex; gap:5px; overflow:hidden; margin-top:10px; }.ai-command-nodes > span { display:grid; min-width:0; flex:1; grid-template-columns:6px 1fr; column-gap:6px; padding:8px; border:1px solid var(--console-line); border-radius:8px; background:color-mix(in srgb,var(--console-panel) 78%,transparent); }.ai-command-nodes i { width:5px; height:5px; margin-top:2px; border-radius:50%; background:var(--console-muted); }.ai-command-nodes .online i { background:var(--console-accent); box-shadow:0 0 8px var(--console-accent); }.ai-command-nodes b,.ai-command-nodes small { grid-column:2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.ai-command-nodes b { color:var(--console-text); font-size:7px; }.ai-command-nodes small { margin-top:3px; color:var(--console-muted); font:6px/1 monospace; }

.dashboard-view { position:relative; }
.dashboard-view::before { content:""; position:absolute; inset:-28px; z-index:-1; pointer-events:none; opacity:.45; background:radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--console-secondary) 12%,transparent),transparent 24%),radial-gradient(circle at 6% 56%,color-mix(in srgb,var(--console-accent) 8%,transparent),transparent 22%); }
.dashboard-view .dashboard-metrics { gap:10px; margin-bottom:14px; }
.dashboard-view .dashboard-metric { position:relative; isolation:isolate; min-height:138px; overflow:hidden; padding:20px; border-color:var(--console-line); border-radius:calc(var(--console-radius) * .78); background:linear-gradient(145deg,color-mix(in srgb,var(--console-panel) 95%,var(--console-secondary)),color-mix(in srgb,var(--console-base) 89%,transparent)); box-shadow:0 15px 36px rgba(0,0,0,.13); }
.dashboard-view .dashboard-metric::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.28; background-image:linear-gradient(color-mix(in srgb,var(--console-accent) 12%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--console-accent) 12%,transparent) 1px,transparent 1px); background-size:22px 22px; mask-image:linear-gradient(135deg,black,transparent 64%); }
.dashboard-view .dashboard-metric::after { content:""; position:absolute; z-index:-1; top:-40px; right:-30px; width:120px; height:120px; border-radius:50%; opacity:.14; background:var(--console-accent); filter:blur(24px); }
.dashboard-view .dashboard-metric:nth-child(2)::after { background:var(--console-hot); }.dashboard-view .dashboard-metric:nth-child(3)::after { background:var(--console-secondary); }.dashboard-view .dashboard-metric:nth-child(4)::after { background:#58d6ff; }.dashboard-view .dashboard-metric:nth-child(5)::after { background:#a76dff; }
.dashboard-view .dashboard-metric-code { position:absolute; top:11px; right:11px; color:color-mix(in srgb,var(--console-accent) 70%,var(--console-muted)); font:700 6px/1 monospace; font-style:normal; letter-spacing:.11em; }
.dashboard-view .dashboard-metric > div { position:relative; z-index:1; }.dashboard-view .dashboard-metric span { color:var(--console-muted); font-size:10px; text-transform:uppercase; letter-spacing:.06em; }.dashboard-view .dashboard-metric small { color:color-mix(in srgb,var(--console-muted) 72%,transparent); }.dashboard-view .dashboard-metric strong { color:var(--console-accent); font:750 39px/1 monospace; text-shadow:0 0 24px color-mix(in srgb,var(--console-accent) 22%,transparent); }.dashboard-view .dashboard-metric:nth-child(2) strong { color:var(--console-hot); }.dashboard-view .dashboard-metric:nth-child(3) strong { color:color-mix(in srgb,var(--console-secondary) 72%,var(--console-accent)); }.dashboard-view .dashboard-metric > b { color:var(--console-muted); font:600 7px/1.2 monospace; letter-spacing:.04em; }.dashboard-view .dashboard-metric:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--console-accent) 45%,var(--console-line)); box-shadow:0 22px 48px rgba(0,0,0,.19),0 0 30px color-mix(in srgb,var(--console-accent) 7%,transparent); }
.dashboard-view .dashboard-metric-accent { color:var(--console-text); border-color:color-mix(in srgb,var(--console-accent) 32%,var(--console-line)); background:linear-gradient(145deg,color-mix(in srgb,var(--console-panel) 78%,var(--console-accent)),color-mix(in srgb,var(--console-base) 93%,transparent)); }

.dashboard-view .dashboard-panel { position:relative; overflow:hidden; border-color:var(--console-line); border-radius:calc(var(--console-radius) * .85); background:linear-gradient(145deg,color-mix(in srgb,var(--console-panel) 94%,var(--console-secondary)),color-mix(in srgb,var(--console-surface) 95%,var(--console-base))); box-shadow:0 18px 46px rgba(0,0,0,.14); }
.dashboard-view .dashboard-panel::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.18; background-image:linear-gradient(color-mix(in srgb,var(--console-accent) 11%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--console-accent) 11%,transparent) 1px,transparent 1px); background-size:28px 28px; mask-image:linear-gradient(to bottom,black,transparent 56%); }
.dashboard-view .dashboard-panel > * { position:relative; z-index:1; }
.dashboard-view .panel-heading { min-height:76px; background:linear-gradient(90deg,color-mix(in srgb,var(--console-base) 54%,transparent),transparent); }.dashboard-view .panel-heading h2 { margin-top:3px; }.dashboard-view .ai-panel-kicker { display:block; color:var(--console-accent); font:750 6px/1 monospace; letter-spacing:.15em; }.dashboard-view .panel-heading > b { color:var(--console-accent); padding:6px 9px; border:1px solid color-mix(in srgb,var(--console-accent) 26%,var(--console-line)); border-radius:999px; background:color-mix(in srgb,var(--console-accent) 6%,transparent); }
.dashboard-view .lead-trend-chart { height:270px; }.dashboard-view .trend-track { border-color:var(--console-line); background:repeating-linear-gradient(to top,transparent 0,transparent 48px,color-mix(in srgb,var(--console-accent) 8%,transparent) 49px); }.dashboard-view .trend-bar { border-radius:4px 4px 0 0; background:linear-gradient(to top,var(--console-secondary),var(--console-accent)); box-shadow:0 0 18px color-mix(in srgb,var(--console-accent) 18%,transparent); }.dashboard-view .trend-bar::after { content:""; position:absolute; inset:0; background:linear-gradient(to bottom,rgba(255,255,255,.38),transparent 35%); }.dashboard-view .trend-bar b { color:var(--console-accent); font-family:monospace; }.dashboard-view .trend-day > span b { color:var(--console-text); }
.dashboard-view .operation-progress { gap:22px; }.dashboard-view .operation-progress i { height:6px; border-radius:99px; background:color-mix(in srgb,var(--console-line) 55%,transparent); }.dashboard-view .operation-progress u { border-radius:inherit; background:linear-gradient(90deg,var(--console-secondary),var(--console-accent)); box-shadow:0 0 12px color-mix(in srgb,var(--console-accent) 18%,transparent); }.dashboard-view .operation-progress > div:nth-child(2) u { background:linear-gradient(90deg,var(--console-hot),var(--console-secondary)); }.dashboard-view .operation-progress b { color:var(--console-text); }.dashboard-view .operation-progress em { font-family:monospace; }
.dashboard-view .quick-action-grid { grid-template-columns:1fr 1fr; gap:7px; }.dashboard-view .quick-action-grid button { position:relative; overflow:hidden; min-height:70px; border-color:var(--console-line); border-radius:10px; color:var(--console-text); background:linear-gradient(135deg,color-mix(in srgb,var(--console-panel) 88%,var(--console-secondary)),color-mix(in srgb,var(--console-base) 86%,transparent)); }.dashboard-view .quick-action-grid button::after { content:"↗"; position:absolute; top:8px; right:9px; color:var(--console-muted); font-size:8px; }.dashboard-view .quick-action-grid button:hover { transform:translateY(-2px); border-color:var(--console-accent); background:color-mix(in srgb,var(--console-panel) 88%,var(--console-accent)); }.dashboard-view .quick-action-grid span { border:1px solid color-mix(in srgb,var(--console-accent) 30%,var(--console-line)); border-radius:8px; color:var(--console-accent); background:color-mix(in srgb,var(--console-accent) 7%,transparent); font-size:7px; }
.dashboard-view .dashboard-activity-item { position:relative; grid-template-columns:9px 1fr auto; border-color:var(--console-line); }.dashboard-view .dashboard-activity-item::before { content:""; position:absolute; top:31px; bottom:-24px; left:4px; width:1px; background:linear-gradient(var(--console-accent),transparent); opacity:.28; }.dashboard-view .dashboard-activity-item:last-child::before { display:none; }.dashboard-view .dashboard-activity-item > i { background:var(--console-accent); box-shadow:0 0 12px var(--console-accent); }.dashboard-view .dashboard-activity-item b { color:var(--console-text); }.dashboard-view .dashboard-lead-status { border-radius:999px; }.dashboard-view .panel-link-button { color:var(--console-accent); border-color:var(--console-line); background:color-mix(in srgb,var(--console-accent) 5%,transparent); }.dashboard-view .dashboard-updated { font-family:monospace; letter-spacing:.05em; }
html[data-theme="cyberpunk"] .dashboard-ai-command,html[data-theme="cyberpunk"] .dashboard-view .dashboard-panel,html[data-theme="cyberpunk"] .dashboard-view .dashboard-metric { clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px)); }
html[data-theme="hologram"] .dashboard-ai-command,html[data-theme="hologram"] .dashboard-view .dashboard-panel,html[data-theme="hologram"] .dashboard-view .dashboard-metric { backdrop-filter:blur(24px) saturate(155%); }
@media (max-width:760px) { .dashboard-view .dashboard-metrics { grid-template-columns:1fr; }.dashboard-view .dashboard-metric:last-child { grid-column:auto; }.ai-command-actions { flex-wrap:wrap; }.ai-command-actions button { flex:1; }.ai-command-nodes { flex-direction:column; }.ai-command-nodes > span { flex:none; }.dashboard-view .dashboard-panel .panel-heading { min-height:68px; } }

/* Multi-agent orchestration */
.agent-orchestration-view { position:relative; }.agent-orchestration-view::before { content:""; position:absolute; inset:-28px; z-index:-1; pointer-events:none; opacity:.55; background:radial-gradient(circle at 10% 20%,color-mix(in srgb,var(--console-accent) 10%,transparent),transparent 22%),radial-gradient(circle at 82% 42%,color-mix(in srgb,var(--console-secondary) 12%,transparent),transparent 28%); }
.agent-workbench-link { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }
.agent-orchestration-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:12px; }.agent-orchestration-metrics article { position:relative; min-height:112px; overflow:hidden; padding:18px; border:1px solid var(--console-line); border-radius:calc(var(--console-radius) * .8); background:linear-gradient(145deg,color-mix(in srgb,var(--console-panel) 94%,var(--console-secondary)),color-mix(in srgb,var(--console-base) 91%,transparent)); box-shadow:0 14px 38px rgba(0,0,0,.12); }.agent-orchestration-metrics article::after { content:""; position:absolute; top:-36px; right:-30px; width:110px; height:110px; border-radius:50%; opacity:.16; background:var(--console-accent); filter:blur(20px); }.agent-orchestration-metrics span,.agent-orchestration-metrics small { display:block; color:var(--console-muted); font-size:9px; }.agent-orchestration-metrics strong { display:block; margin:12px 0 7px; color:var(--console-accent); font:750 26px/1 monospace; letter-spacing:-.04em; }.agent-orchestration-metrics small { font-size:8px; }
.agent-router-panel { display:grid; grid-template-columns:minmax(420px,.92fr) minmax(420px,1.08fr); min-height:430px; overflow:hidden; margin-bottom:12px; border:1px solid var(--console-line); border-radius:var(--console-radius); background:linear-gradient(135deg,color-mix(in srgb,var(--console-panel) 92%,var(--console-secondary)),color-mix(in srgb,var(--console-base) 92%,black)); box-shadow:var(--console-shadow); }
.agent-router-visual { position:relative; min-height:430px; overflow:hidden; border-right:1px solid var(--console-line); background:radial-gradient(circle at center,color-mix(in srgb,var(--console-accent) 9%,transparent),transparent 35%),linear-gradient(color-mix(in srgb,var(--console-accent) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--console-accent) 6%,transparent) 1px,transparent 1px); background-size:auto,30px 30px,30px 30px; }
.agent-router-ring { position:absolute; top:50%; left:50%; width:330px; height:330px; border:1px dashed color-mix(in srgb,var(--console-accent) 24%,transparent); border-radius:50%; transform:translate(-50%,-50%); }.agent-router-ring.ring-inner { width:210px; height:210px; border-style:solid; border-color:color-mix(in srgb,var(--console-secondary) 24%,transparent); }
.agent-router-core { position:absolute; top:50%; left:50%; display:grid; width:108px; height:108px; place-content:center; place-items:center; border:1px solid color-mix(in srgb,var(--console-accent) 58%,transparent); border-radius:50%; color:var(--console-accent); background:radial-gradient(circle,color-mix(in srgb,var(--console-accent) 15%,var(--console-panel)),var(--console-base)); box-shadow:0 0 54px color-mix(in srgb,var(--console-accent) 20%,transparent); transform:translate(-50%,-50%); }.agent-router-core::before,.agent-router-core::after { content:""; position:absolute; inset:-13px; border:1px solid color-mix(in srgb,var(--console-accent) 17%,transparent); border-radius:50%; }.agent-router-core::after { inset:-27px; border-style:dashed; animation:ai-core-spin 16s linear infinite; }.agent-router-core i { width:7px; height:7px; margin-bottom:7px; border-radius:50%; background:var(--console-accent); box-shadow:0 0 12px var(--console-accent); }.agent-router-core strong { font:800 26px/1 monospace; }.agent-router-core span { margin-top:6px; font:700 6px/1 monospace; letter-spacing:.14em; }
.agent-router-node { position:absolute; z-index:2; display:grid; min-width:42px; height:26px; place-items:center; padding:0 7px; border:1px solid color-mix(in srgb,var(--console-accent) 34%,var(--console-line)); border-radius:7px; color:var(--console-accent); background:color-mix(in srgb,var(--console-panel) 92%,transparent); box-shadow:0 0 20px color-mix(in srgb,var(--console-accent) 8%,transparent); font:750 7px/1 monospace; }.agent-router-node::after { content:""; position:absolute; right:-4px; bottom:-4px; width:5px; height:5px; border-radius:50%; background:var(--console-accent); box-shadow:0 0 8px var(--console-accent); }.node-1 { top:12%; left:44%; }.node-2 { top:22%; right:13%; }.node-3 { top:47%; right:5%; }.node-4 { right:17%; bottom:17%; }.node-5 { bottom:9%; left:43%; }.node-6 { bottom:20%; left:14%; }.node-7 { top:47%; left:5%; }.node-8 { top:20%; left:16%; }
.agent-router-copy { display:flex; flex-direction:column; justify-content:center; padding:42px; }.agent-router-copy h2 { max-width:560px; margin:10px 0 12px; font-size:30px; letter-spacing:-.04em; }.agent-router-copy > p { max-width:610px; margin:0; color:var(--console-muted); font-size:12px; line-height:1.85; }
.agent-route-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:8px; margin-top:30px; }.agent-route-flow > span { min-width:0; padding:13px; border:1px solid var(--console-line); border-radius:10px; background:color-mix(in srgb,var(--console-panel) 76%,transparent); }.agent-route-flow i,.agent-route-flow b,.agent-route-flow small { display:block; }.agent-route-flow i { color:var(--console-accent); font:700 7px/1 monospace; font-style:normal; }.agent-route-flow b { margin-top:7px; font-size:10px; }.agent-route-flow small { margin-top:4px; color:var(--console-muted); font-size:7px; }.agent-route-flow em { color:var(--console-accent); font-style:normal; }
.agent-router-actions { display:flex; align-items:center; gap:14px; margin-top:28px; }.agent-router-actions > span { display:flex; align-items:center; gap:7px; color:var(--console-muted); font-size:8px; }.agent-router-actions > span i { width:6px; height:6px; border-radius:50%; background:var(--console-accent); box-shadow:0 0 9px var(--console-accent); }
.agent-catalog-panel { overflow:hidden; border:1px solid var(--console-line); border-radius:var(--console-radius); background:color-mix(in srgb,var(--console-panel) 94%,transparent); box-shadow:var(--console-shadow); }.agent-catalog-panel > .panel-heading { background:color-mix(in srgb,var(--console-base) 52%,transparent); }
.admin-agent-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; padding:18px; }.admin-agent-card { position:relative; display:flex; min-height:265px; flex-direction:column; overflow:hidden; padding:18px; border:1px solid var(--console-line); border-radius:12px; background:linear-gradient(145deg,color-mix(in srgb,var(--console-panel) 91%,var(--agent-color)),color-mix(in srgb,var(--console-base) 95%,transparent)); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }.admin-agent-card::before { content:""; position:absolute; top:-45px; right:-42px; width:130px; height:130px; border-radius:50%; opacity:.14; background:var(--agent-color); filter:blur(24px); }.admin-agent-card:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--agent-color) 54%,var(--console-line)); box-shadow:0 20px 42px rgba(0,0,0,.18),0 0 24px color-mix(in srgb,var(--agent-color) 8%,transparent); }
.admin-agent-card-top { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:12px; }.admin-agent-mark { display:grid; width:43px; height:43px; place-items:center; border:1px solid color-mix(in srgb,var(--agent-color) 52%,var(--console-line)); border-radius:10px; color:var(--agent-color); background:color-mix(in srgb,var(--agent-color) 7%,transparent); font:800 8px/1 monospace; }.admin-agent-card-top > div { min-width:0; text-align:right; }.admin-agent-card-top small,.admin-agent-card-top em { display:block; color:var(--console-muted); font:700 6px/1 monospace; font-style:normal; letter-spacing:.08em; }.admin-agent-card-top em { margin-top:5px; color:var(--agent-color); }
.admin-agent-card h3 { position:relative; z-index:1; margin:18px 0 8px; font-size:17px; }.admin-agent-card > p { position:relative; z-index:1; min-height:42px; margin:0; color:var(--console-muted); font-size:10px; line-height:1.65; }.admin-agent-capabilities { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:5px; margin-top:15px; }.admin-agent-capabilities span { padding:5px 7px; border:1px solid color-mix(in srgb,var(--agent-color) 24%,var(--console-line)); border-radius:6px; color:color-mix(in srgb,var(--agent-color) 70%,var(--console-text)); font:650 6px/1 monospace; }
.admin-agent-card footer { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; padding-top:17px; border-top:1px solid var(--console-line); }.admin-agent-card footer > span { display:flex; align-items:center; gap:6px; color:var(--console-muted); font:650 6px/1 monospace; }.admin-agent-card footer i { width:5px; height:5px; border-radius:50%; background:var(--agent-color); box-shadow:0 0 8px var(--agent-color); }.admin-agent-card footer a { color:var(--agent-color); font-size:8px; text-decoration:none; }
html[data-theme="cyberpunk"] .agent-router-panel,html[data-theme="cyberpunk"] .agent-catalog-panel,html[data-theme="cyberpunk"] .admin-agent-card { clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px)); }
html[data-theme="hologram"] .agent-router-panel,html[data-theme="hologram"] .agent-catalog-panel,html[data-theme="hologram"] .admin-agent-card { backdrop-filter:blur(24px) saturate(150%); }
@media (max-width:1180px) { .agent-orchestration-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.agent-router-panel { grid-template-columns:1fr; }.agent-router-visual { min-height:390px; border-right:0; border-bottom:1px solid var(--console-line); }.admin-agent-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) { .agent-orchestration-metrics,.admin-agent-grid { grid-template-columns:1fr; }.agent-router-visual { min-height:340px; }.agent-router-ring { width:270px; height:270px; }.agent-router-ring.ring-inner { width:180px; height:180px; }.agent-router-copy { padding:26px 18px; }.agent-router-copy h2 { font-size:24px; }.agent-route-flow { grid-template-columns:1fr; }.agent-route-flow em { display:none; }.agent-router-actions { align-items:flex-start; flex-direction:column; }.admin-agent-grid { padding:12px; } }

/* Dynamic AI navigation system */
.sidebar { isolation:isolate; overflow:hidden; }
.sidebar::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:-35% -80% auto;
  height:58%;
  pointer-events:none;
  background:conic-gradient(from 90deg,transparent 0 34%,rgba(93,232,255,.12) 43%,rgba(108,124,255,.11) 50%,transparent 61%);
  filter:blur(18px);
  animation:nav-ai-orbit 14s linear infinite;
}
.sidebar::after {
  content:"";
  position:absolute;
  z-index:4;
  top:-18%;
  right:0;
  width:1px;
  height:18%;
  pointer-events:none;
  background:linear-gradient(transparent,var(--admin-cyan),transparent);
  box-shadow:0 0 13px var(--admin-cyan);
  animation:nav-ai-scan 5.6s ease-in-out infinite;
}
.admin-brand { position:relative; overflow:hidden; }
.admin-brand::after {
  content:"AI CORE / ONLINE";
  position:absolute;
  right:12px;
  bottom:7px;
  color:rgba(93,232,255,.32);
  font:700 5px/1 monospace;
  letter-spacing:.12em;
}
.admin-brand .brand-mark { animation:nav-core-pulse 2.8s ease-in-out infinite; }
.admin-nav {
  position:relative;
  scrollbar-color:rgba(93,232,255,.48) rgba(93,232,255,.035);
}
.admin-nav::-webkit-scrollbar { width:4px; }
.admin-nav::-webkit-scrollbar-track { background:rgba(93,232,255,.025); }
.admin-nav::-webkit-scrollbar-thumb { border-radius:99px; background:linear-gradient(var(--admin-cyan),var(--console-secondary)); }
.nav-group-label {
  display:flex;
  align-items:center;
  gap:7px;
  color:rgba(93,232,255,.34);
  letter-spacing:.14em;
}
.nav-group-label::before { content:""; width:4px; height:4px; border-radius:50%; background:currentColor; box-shadow:0 0 7px currentColor; }
.nav-group-label::after { content:""; height:1px; flex:1; background:linear-gradient(90deg,currentColor,transparent); opacity:.32; }
.nav-item { isolation:isolate; overflow:hidden; }
.nav-item::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:0;
  background:linear-gradient(100deg,transparent 5%,rgba(93,232,255,.12) 44%,rgba(108,124,255,.1) 56%,transparent 92%);
  transform:translateX(-105%);
  transition:opacity .2s ease;
}
.nav-item::after {
  content:"";
  position:absolute;
  right:10px;
  width:4px;
  height:4px;
  border-radius:50%;
  opacity:0;
  background:var(--admin-cyan);
  box-shadow:0 0 9px var(--admin-cyan);
  transform:scale(.4);
  transition:opacity .2s ease,transform .2s ease;
}
.nav-item:hover::before { opacity:1; animation:nav-item-sweep 1.15s ease both; }
.nav-item:hover::after,.nav-item.active::after { opacity:1; transform:scale(1); }
.nav-item.active::before { opacity:.72; animation:nav-active-flow 3.6s ease-in-out infinite; }
.nav-item.active { border:1px solid rgba(93,232,255,.12); }
.nav-item.active .nav-symbol { animation:nav-symbol-pulse 2s ease-in-out infinite; }
.nav-symbol { position:relative; transition:transform .22s ease,color .22s ease; }
.nav-item:hover .nav-symbol { transform:translateX(2px) scale(1.08); }
.sidebar-bottom { position:relative; background:linear-gradient(180deg,rgba(5,12,29,.15),rgba(5,12,29,.78)); backdrop-filter:blur(12px); }
.current-user > span { animation:nav-core-pulse 3.2s ease-in-out infinite; }

@keyframes nav-ai-orbit { to { transform:rotate(360deg); } }
@keyframes nav-ai-scan { 0% { top:-18%; opacity:0; } 12% { opacity:1; } 78% { opacity:1; } 100% { top:100%; opacity:0; } }
@keyframes nav-core-pulse { 0%,100% { box-shadow:0 0 10px rgba(93,232,255,.12); } 50% { box-shadow:0 0 24px rgba(93,232,255,.38); } }
@keyframes nav-item-sweep { from { transform:translateX(-105%); } to { transform:translateX(105%); } }
@keyframes nav-active-flow { 0%,100% { transform:translateX(-72%); } 50% { transform:translateX(72%); } }
@keyframes nav-symbol-pulse { 0%,100% { text-shadow:0 0 7px rgba(93,232,255,.2); } 50% { text-shadow:0 0 16px rgba(93,232,255,.78); } }
@media (prefers-reduced-motion:reduce) {
  .sidebar::before,.sidebar::after,.admin-brand .brand-mark,.nav-item::before,.nav-item.active .nav-symbol,.current-user > span { animation:none !important; }
}

/* AI content intelligence workspace */
.content-ai-view { position:relative; max-width:1540px; }
.content-ai-view::before { content:""; position:absolute; z-index:-1; inset:-28px; pointer-events:none; background:radial-gradient(circle at 90% 7%,color-mix(in srgb,var(--console-secondary) 14%,transparent),transparent 27%),radial-gradient(circle at 5% 52%,color-mix(in srgb,var(--console-accent) 8%,transparent),transparent 24%); }
.content-ai-live { display:flex; align-items:center; gap:8px; padding:8px 11px; border:1px solid color-mix(in srgb,var(--console-accent) 28%,var(--console-line)); border-radius:999px; color:var(--console-accent); background:color-mix(in srgb,var(--console-accent) 6%,transparent); font:700 7px/1 monospace; letter-spacing:.08em; }
.content-ai-live i,.content-ai-guard i { width:6px; height:6px; border-radius:50%; background:var(--console-accent); box-shadow:0 0 10px var(--console-accent); animation:content-ai-pulse 1.8s ease-in-out infinite; }
.content-ai-command { position:relative; display:grid; grid-template-columns:minmax(300px,1fr) minmax(430px,1.15fr) 190px; align-items:center; gap:28px; overflow:hidden; margin-bottom:14px; padding:25px 28px; border:1px solid var(--console-line); border-radius:var(--console-radius); background:linear-gradient(135deg,color-mix(in srgb,var(--console-panel) 94%,var(--console-secondary)),color-mix(in srgb,var(--console-base) 90%,black)); box-shadow:var(--console-shadow); }
.content-ai-command::before { content:""; position:absolute; inset:0; opacity:.22; pointer-events:none; background-image:linear-gradient(color-mix(in srgb,var(--console-accent) 13%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--console-accent) 13%,transparent) 1px,transparent 1px); background-size:30px 30px; mask-image:linear-gradient(90deg,black,transparent 76%); }
.content-ai-command::after { content:""; position:absolute; top:0; left:-20%; width:18%; height:1px; background:linear-gradient(90deg,transparent,var(--console-accent),transparent); box-shadow:0 0 12px var(--console-accent); animation:content-ai-scan 5s linear infinite; }
.content-ai-command > * { position:relative; z-index:1; }
.content-ai-command > div:first-child > span { color:var(--console-accent); font:750 7px/1 monospace; letter-spacing:.13em; }
.content-ai-command h2 { margin:9px 0 8px; font-size:23px; }
.content-ai-command p { max-width:520px; margin:0; color:var(--console-muted); font-size:10px; line-height:1.7; }
.content-ai-nodes { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:7px; }
.content-ai-nodes span { min-width:0; padding:12px; border:1px solid var(--console-line); border-radius:9px; background:color-mix(in srgb,var(--console-panel) 76%,transparent); }
.content-ai-nodes i,.content-ai-nodes b,.content-ai-nodes small { display:block; }
.content-ai-nodes i { color:var(--console-accent); font:700 7px/1 monospace; font-style:normal; }
.content-ai-nodes b { margin-top:8px; font-size:9px; }
.content-ai-nodes small { margin-top:4px; overflow:hidden; color:var(--console-muted); font:650 6px/1 monospace; text-overflow:ellipsis; white-space:nowrap; }
.content-ai-nodes em { color:var(--console-accent); font-style:normal; }
.content-ai-score { display:grid; gap:7px; padding-left:24px; border-left:1px solid var(--console-line); }
.content-ai-score span,.content-ai-score b { color:var(--console-muted); font-size:7px; }
.content-ai-score strong { color:var(--console-accent); font:750 31px/1 monospace; text-shadow:0 0 20px color-mix(in srgb,var(--console-accent) 30%,transparent); }
.content-ai-score strong small { font-size:10px; }
.content-ai-score > i { height:4px; overflow:hidden; border-radius:99px; background:var(--console-line); }
.content-ai-score > i u { display:block; width:96%; height:100%; background:linear-gradient(90deg,var(--console-secondary),var(--console-accent)); box-shadow:0 0 9px var(--console-accent); text-decoration:none; }
.content-ai-panel { position:relative; overflow:hidden; border-color:var(--console-line); border-radius:var(--console-radius); background:linear-gradient(145deg,color-mix(in srgb,var(--console-panel) 95%,var(--console-secondary)),color-mix(in srgb,var(--console-surface) 96%,var(--console-base))); box-shadow:var(--console-shadow); }
.content-ai-panel::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.13; background-image:linear-gradient(color-mix(in srgb,var(--console-accent) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--console-accent) 10%,transparent) 1px,transparent 1px); background-size:32px 32px; }
.content-ai-panel > * { position:relative; z-index:1; }
.content-ai-panel .settings-heading { min-height:88px; border-color:var(--console-line); background:linear-gradient(90deg,color-mix(in srgb,var(--console-base) 56%,transparent),transparent); }
.content-ai-panel .ai-panel-kicker { display:block; margin-bottom:7px; color:var(--console-accent); font:750 6px/1 monospace; letter-spacing:.14em; }
.content-ai-panel .save-state { border:1px solid color-mix(in srgb,var(--console-accent) 24%,var(--console-line)); border-radius:999px; color:var(--console-accent); background:color-mix(in srgb,var(--console-accent) 6%,transparent); }
.content-ai-panel .setting-grid { gap:14px; }
.content-ai-panel .field-group { position:relative; padding:13px; border:1px solid var(--console-line); border-radius:10px; background:color-mix(in srgb,var(--console-panel) 72%,transparent); transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.content-ai-panel .field-group::after { content:"AI"; position:absolute; top:11px; right:12px; color:color-mix(in srgb,var(--console-accent) 65%,var(--console-muted)); font:750 6px/1 monospace; }
.content-ai-panel .field-group:focus-within { z-index:2; transform:translateY(-1px); border-color:color-mix(in srgb,var(--console-accent) 58%,var(--console-line)); box-shadow:0 0 24px color-mix(in srgb,var(--console-accent) 8%,transparent); }
.content-ai-panel .field-group > span { color:var(--console-text); }
.content-ai-panel .field-group input,.content-ai-panel .field-group textarea { border-color:var(--console-line); border-radius:7px; color:var(--console-text); background:color-mix(in srgb,var(--console-base) 65%,transparent); }
.content-ai-panel .field-group input:focus,.content-ai-panel .field-group textarea:focus { border-color:var(--console-accent); box-shadow:inset 2px 0 0 var(--console-accent); }
.content-ai-panel .settings-subheading { display:flex; align-items:center; justify-content:space-between; border-color:var(--console-line); background:color-mix(in srgb,var(--console-base) 38%,transparent); }
.content-ai-panel .settings-subheading > span { color:var(--console-accent); font:700 6px/1 monospace; letter-spacing:.1em; }
.content-ai-panel .settings-actions { border-color:var(--console-line); background:color-mix(in srgb,var(--console-base) 58%,transparent); }
.content-ai-panel .settings-actions .primary-button { color:#03151b; border-color:var(--console-accent); background:linear-gradient(90deg,var(--console-accent),color-mix(in srgb,var(--console-accent) 72%,white)); box-shadow:0 0 22px color-mix(in srgb,var(--console-accent) 18%,transparent); }
.content-ai-guard { display:flex; align-items:center; gap:7px; color:var(--console-accent); font:700 7px/1 monospace; letter-spacing:.08em; }
@keyframes content-ai-pulse { 50% { opacity:.42; transform:scale(.72); } }
@keyframes content-ai-scan { to { left:105%; } }
@media (max-width:1180px) { .content-ai-command { grid-template-columns:1fr 1fr; }.content-ai-score { grid-column:1 / -1; grid-template-columns:auto 80px 1fr auto; align-items:center; padding:14px 0 0; border-top:1px solid var(--console-line); border-left:0; } }
@media (max-width:760px) { .content-ai-live { display:none; }.content-ai-command { grid-template-columns:1fr; padding:20px 16px; }.content-ai-nodes { grid-template-columns:1fr; }.content-ai-nodes em { display:none; }.content-ai-score { grid-column:auto; grid-template-columns:1fr; }.content-ai-panel .settings-subheading { align-items:flex-start; flex-direction:column; gap:5px; }.content-ai-panel .settings-actions { align-items:flex-start; flex-direction:column; }.content-ai-panel .settings-actions button { width:100%; } }
@media (prefers-reduced-motion:reduce) { .content-ai-live i,.content-ai-guard i,.content-ai-command::after { animation:none !important; } }

/* Operations center control plane */
.operations-centers-view{position:relative;max-width:1540px}.operations-centers-view::before{content:"";position:absolute;z-index:-1;inset:-28px;background:radial-gradient(circle at 90% 4%,color-mix(in srgb,var(--console-secondary) 13%,transparent),transparent 26%)}.operations-create-panel{overflow:hidden;margin-bottom:18px;border:1px solid var(--console-line);border-radius:var(--console-radius);background:linear-gradient(145deg,color-mix(in srgb,var(--console-panel) 95%,var(--console-secondary)),color-mix(in srgb,var(--console-base) 92%,black));box-shadow:var(--console-shadow)}.operations-create-panel .settings-heading,.operations-create-panel .settings-actions{border-color:var(--console-line);background:color-mix(in srgb,var(--console-base) 48%,transparent)}.operations-create-panel .field-group,.operations-create-panel .switch-field{padding:12px;border:1px solid var(--console-line);border-radius:9px;background:color-mix(in srgb,var(--console-panel) 72%,transparent)}.operations-create-panel .field-group input{border-color:var(--console-line);border-radius:7px;color:var(--console-text);background:color-mix(in srgb,var(--console-base) 68%,transparent)}.operations-center-heading{display:flex;align-items:end;justify-content:space-between;margin:28px 0 13px}.operations-center-heading span{color:var(--console-accent);font:750 7px/1 monospace;letter-spacing:.14em}.operations-center-heading h2{margin:7px 0 0;font-size:18px}.operations-center-heading>b{color:var(--console-muted);font:650 8px/1 monospace}.operations-center-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.operations-center-card{position:relative;display:grid;gap:12px;overflow:hidden;padding:18px;border:1px solid var(--console-line);border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--console-panel) 95%,var(--console-secondary)),color-mix(in srgb,var(--console-base) 94%,black));box-shadow:0 16px 38px rgba(0,0,0,.14)}.operations-center-card::after{content:"";position:absolute;top:-55px;right:-45px;width:140px;height:140px;border-radius:50%;opacity:.1;background:var(--console-accent);filter:blur(25px)}.operations-center-card>header,.operations-center-card>footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.operations-center-card>header span{display:flex;align-items:center;gap:7px;color:var(--console-accent);font:750 7px/1 monospace}.operations-center-card>header i{width:6px;height:6px;border-radius:50%;background:var(--console-accent);box-shadow:0 0 9px var(--console-accent)}.operations-center-card>header b{padding:5px 7px;border:1px solid var(--console-line);border-radius:6px;color:var(--console-muted);font:650 7px/1 monospace}.operations-center-card>label,.operations-account-row label{position:relative;z-index:1;display:grid;gap:6px;color:var(--console-muted);font-size:8px}.operations-center-card input{width:100%;height:38px;padding:0 10px;border:1px solid var(--console-line);border-radius:7px;outline:0;color:var(--console-text);background:color-mix(in srgb,var(--console-base) 68%,transparent);font-size:9px}.operations-center-card input:focus{border-color:var(--console-accent)}.operations-account-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.operations-center-card>footer{padding-top:13px;border-top:1px solid var(--console-line)}.center-enabled{display:flex;align-items:center;gap:7px;color:var(--console-accent);font-size:8px}.center-enabled input{width:14px;height:14px}.operations-center-card footer small{color:var(--console-muted);font-size:7px}.operations-center-card footer button{min-height:32px;padding:0 10px;border:1px solid color-mix(in srgb,var(--console-accent) 35%,var(--console-line));border-radius:7px;color:var(--console-accent);background:color-mix(in srgb,var(--console-accent) 6%,transparent);font-size:8px;cursor:pointer}@media(max-width:900px){.operations-center-grid{grid-template-columns:1fr}}@media(max-width:560px){.operations-account-row{grid-template-columns:1fr}.operations-center-card>footer{align-items:flex-start;flex-direction:column}.operations-center-card footer button{width:100%}}

/* Independent frontend section colors */
.ai-section-color-panel{margin:0 24px 18px;border:1px solid var(--console-line);border-radius:13px;background:color-mix(in srgb,var(--console-base) 48%,transparent)}.ai-section-color-panel>.ai-style-heading{padding-top:18px}.section-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:4px 20px 18px}.section-color-grid>label{display:grid;gap:9px;padding:12px;border:1px solid var(--console-line);border-radius:9px;color:var(--console-muted);background:color-mix(in srgb,var(--console-panel) 76%,transparent);font-size:8px}.section-color-grid label>div{display:flex;align-items:center;gap:9px}.section-color-grid input[type="color"]{width:34px;height:30px;padding:2px;border:1px solid var(--console-line);border-radius:6px;background:var(--console-base)}.section-color-grid code{color:var(--console-text);font-size:7px}.header-opacity-control span{display:flex;justify-content:space-between}.header-opacity-control span b{color:var(--console-accent);font-family:monospace}.header-opacity-control input{width:100%;accent-color:var(--console-accent)}.header-color-preview{display:grid;min-height:66px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;margin:0 20px 20px;padding:0 17px;border:1px solid color-mix(in srgb,var(--header-preview-accent) 30%,transparent);border-radius:10px;color:var(--header-preview-text);background:color-mix(in srgb,var(--header-preview-bg) var(--header-preview-opacity),transparent);box-shadow:0 12px 30px rgba(0,0,0,.16)}.header-color-preview>.brand-mark{color:var(--header-preview-accent)}.header-color-preview>b{font-size:11px}.header-color-preview nav{display:flex;justify-content:center;gap:22px;color:color-mix(in srgb,var(--header-preview-text) 72%,transparent);font-size:8px}.header-color-preview>button{min-height:32px;padding:0 11px;border:1px solid var(--header-preview-accent);border-radius:7px;color:var(--header-preview-bg);background:var(--header-preview-accent);font-size:8px;font-weight:700}@media(max-width:1000px){.section-color-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.ai-section-color-panel{margin-inline:12px}.section-color-grid{grid-template-columns:1fr;padding-inline:12px}.header-color-preview{grid-template-columns:auto 1fr auto;margin-inline:12px}.header-color-preview nav{display:none}}

/* AI security command center */
.security-head-actions{display:flex;gap:8px}.security-command{position:relative;display:grid;grid-template-columns:250px 1fr 250px;min-height:290px;overflow:hidden;margin-bottom:12px;border:1px solid var(--console-line);border-radius:var(--console-radius);background:radial-gradient(circle at 15% 50%,color-mix(in srgb,var(--console-accent) 12%,transparent),transparent 28%),linear-gradient(145deg,color-mix(in srgb,var(--console-panel) 96%,var(--console-secondary)),color-mix(in srgb,var(--console-base) 94%,black));box-shadow:var(--console-shadow)}.security-command::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(color-mix(in srgb,var(--console-accent) 12%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--console-accent) 12%,transparent) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,black,transparent 72%)}.security-radar{position:relative;display:grid;place-content:center;place-items:center;border-right:1px solid var(--console-line)}.radar-ring{position:absolute;border:1px solid color-mix(in srgb,var(--console-accent) 25%,transparent);border-radius:50%;animation:ai-core-spin 14s linear infinite}.radar-ring::after{content:"";position:absolute;top:10%;left:12%;width:6px;height:6px;border-radius:50%;background:var(--console-accent);box-shadow:0 0 10px var(--console-accent)}.radar-ring.ring-a{width:180px;height:180px}.radar-ring.ring-b{width:120px;height:120px;border-style:dashed;animation-direction:reverse;animation-duration:9s}.security-radar>i{width:9px;height:9px;margin-bottom:12px;border-radius:50%;background:var(--console-accent);box-shadow:0 0 18px var(--console-accent)}.security-radar>strong{color:var(--console-accent);font:800 30px/1 monospace;text-shadow:0 0 24px color-mix(in srgb,var(--console-accent) 30%,transparent)}.security-radar>small{margin-top:9px;color:var(--console-muted);font:700 6px/1 monospace;letter-spacing:.14em}.security-command-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:35px}.security-command-copy>span,.security-live-feed>span{color:var(--console-accent);font:750 7px/1 monospace;letter-spacing:.14em}.security-command-copy h2{margin:10px 0 10px;font-size:28px}.security-command-copy>p{max-width:600px;margin:0;color:var(--console-muted);font-size:10px;line-height:1.75}.security-command-copy>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.security-command-copy>div b{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--console-line);border-radius:999px;color:var(--console-muted);font:650 6px/1 monospace}.security-command-copy>div i,.security-live-feed p i{width:5px;height:5px;border-radius:50%;background:var(--console-accent);box-shadow:0 0 8px var(--console-accent)}.security-live-feed{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:24px;border-left:1px solid var(--console-line);background:color-mix(in srgb,var(--console-base) 43%,transparent)}.security-live-feed p{display:flex;align-items:center;gap:8px;margin:9px 0 0;color:var(--console-muted);font-size:8px}.security-live-feed>b{margin-top:24px;padding:9px;border:1px solid color-mix(in srgb,var(--console-accent) 25%,var(--console-line));border-radius:7px;color:var(--console-accent);text-align:center;font:700 7px/1 monospace}.security-overview.upgraded{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.security-overview.upgraded>section{min-height:128px;border-color:var(--console-line);border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--console-panel) 94%,var(--console-secondary)),color-mix(in srgb,var(--console-base) 92%,transparent));box-shadow:0 14px 34px rgba(0,0,0,.12)}.security-overview.upgraded strong{color:var(--console-accent);font-family:monospace}.threat-metric strong{color:var(--console-hot)!important}.protection-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.protection-grid article{min-height:112px;border-color:var(--console-line);border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--console-panel) 92%,var(--console-secondary)),color-mix(in srgb,var(--console-base) 92%,transparent));transition:transform .18s ease,border-color .18s ease}.protection-grid article:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--console-accent) 42%,var(--console-line))}.protection-grid article.enabled>i{color:var(--console-accent);border-color:color-mix(in srgb,var(--console-accent) 35%,var(--console-line));background:color-mix(in srgb,var(--console-accent) 7%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--console-accent) 10%,transparent)}@media(max-width:1180px){.security-command{grid-template-columns:210px 1fr}.security-live-feed{grid-column:1/-1;border-top:1px solid var(--console-line);border-left:0}.security-overview.upgraded{grid-template-columns:repeat(2,1fr)}.protection-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.security-head-actions{align-items:stretch;flex-direction:column}.security-command{grid-template-columns:1fr}.security-radar{min-height:230px;border-right:0;border-bottom:1px solid var(--console-line)}.security-command-copy{padding:26px 18px}.security-command-copy h2{font-size:23px}.security-overview.upgraded,.protection-grid{grid-template-columns:1fr}}

/* Unified dynamic AI system for every administration view */
.admin-view{--view-accent:var(--console-accent);isolation:isolate;overflow:hidden}.admin-view[data-view="dashboard"],.admin-view[data-view="columns"],.admin-view[data-view="content"],.admin-view[data-view="news"]{--view-accent:#5de8ff}.admin-view[data-view="buttons"],.admin-view[data-view="advertising"],.admin-view[data-view="marketing"]{--view-accent:#ffbd59}.admin-view[data-view="support"],.admin-view[data-view="leads"]{--view-accent:#72f5d1}.admin-view[data-view="seo"],.admin-view[data-view="geo"]{--view-accent:#a991ff}.admin-view[data-view="frontAi"],.admin-view[data-view="adminAi"]{--view-accent:#ff6fae}.admin-view[data-view="basic"],.admin-view[data-view="advanced"],.admin-view[data-view="adminBrand"],.admin-view[data-view="accounts"]{--view-accent:#7f9cff}.admin-view[data-view="models"],.admin-view[data-view="agents"],.admin-view[data-view="plugins"]{--view-accent:#4ee8d0}.admin-view[data-view="operationsCenters"]{--view-accent:#ff9b62}.admin-view[data-view="securityCenter"]{--view-accent:#63ffc4}
.admin-view.active::before{content:"";position:fixed;z-index:-2;inset:76px 0 0 var(--sidebar);pointer-events:none;opacity:.42;background:radial-gradient(circle at 92% 5%,color-mix(in srgb,var(--view-accent) 13%,transparent),transparent 27%),radial-gradient(circle at 10% 72%,color-mix(in srgb,var(--console-secondary) 8%,transparent),transparent 24%),linear-gradient(color-mix(in srgb,var(--view-accent) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--view-accent) 3%,transparent) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px}.admin-view.active::after{content:"";position:absolute;z-index:8;top:0;left:-18%;width:18%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--view-accent),transparent);box-shadow:0 0 12px var(--view-accent);animation:admin-view-scan 7s linear infinite}
.admin-view .page-intro{position:relative;min-height:92px;padding:14px 18px;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--view-accent) 22%,var(--console-line));border-radius:12px;background:linear-gradient(110deg,color-mix(in srgb,var(--console-panel) 88%,var(--view-accent)),color-mix(in srgb,var(--console-base) 78%,transparent));box-shadow:0 16px 38px rgba(0,0,0,.12)}.admin-view .page-intro::before{content:"";position:absolute;top:0;left:18px;width:72px;height:2px;background:linear-gradient(90deg,var(--view-accent),transparent);box-shadow:0 0 10px var(--view-accent)}.admin-view .page-intro>div:first-child{position:relative}.admin-view .page-intro>div:first-child::after{content:"AI MODULE / ONLINE";display:inline-flex;margin-top:8px;color:color-mix(in srgb,var(--view-accent) 70%,var(--console-muted));font:700 6px/1 monospace;letter-spacing:.12em}.admin-view .page-intro .overline{color:var(--view-accent);text-shadow:0 0 12px color-mix(in srgb,var(--view-accent) 30%,transparent)}
.admin-view :is(.management-panel,.preview-panel,.lead-panel,.navigation-panel,.settings-panel,.account-panel,.news-panel,.model-panel,.plugin-panel,.audit-panel,.support-workspace,.ai-style-board,.operations-create-panel,.operations-center-card,.agent-catalog-panel,.agent-router-panel){position:relative;border-color:color-mix(in srgb,var(--view-accent) 16%,var(--console-line));background:linear-gradient(145deg,color-mix(in srgb,var(--console-panel) 95%,var(--view-accent)),color-mix(in srgb,var(--console-base) 94%,black));box-shadow:0 18px 46px rgba(0,0,0,.14),0 0 30px color-mix(in srgb,var(--view-accent) 3%,transparent)}
.admin-view :is(.management-panel,.navigation-panel,.settings-panel,.account-panel,.news-panel,.model-panel,.plugin-panel,.audit-panel)::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(color-mix(in srgb,var(--view-accent) 11%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--view-accent) 11%,transparent) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(135deg,black,transparent 58%)}.admin-view :is(.panel-heading,.settings-heading,.settings-subheading){position:relative;border-color:var(--console-line);background:linear-gradient(90deg,color-mix(in srgb,var(--console-base) 54%,transparent),transparent)}.admin-view :is(.panel-heading,.settings-heading)::after{content:"";position:absolute;right:18px;bottom:-1px;width:46px;height:1px;background:var(--view-accent);box-shadow:0 0 8px var(--view-accent)}
.admin-view table{position:relative;color:var(--console-text);background:transparent}.admin-view thead{color:color-mix(in srgb,var(--view-accent) 72%,var(--console-muted));background:color-mix(in srgb,var(--console-base) 65%,transparent);font-family:monospace;letter-spacing:.04em}.admin-view th,.admin-view td{border-color:color-mix(in srgb,var(--view-accent) 9%,var(--console-line))}.admin-view tbody tr{transition:background .16s ease,box-shadow .16s ease}.admin-view tbody tr:hover{background:color-mix(in srgb,var(--view-accent) 5%,transparent);box-shadow:inset 2px 0 0 color-mix(in srgb,var(--view-accent) 62%,transparent)}
.admin-view :is(input,textarea,select){border-color:color-mix(in srgb,var(--view-accent) 13%,var(--console-line));border-radius:7px;color:var(--console-text);background:color-mix(in srgb,var(--console-base) 66%,transparent);transition:border-color .18s ease,box-shadow .18s ease}.admin-view :is(input,textarea,select):focus{border-color:var(--view-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--view-accent) 8%,transparent),inset 2px 0 0 var(--view-accent)}.admin-view .field-group{position:relative}.admin-view .field-group>span{color:color-mix(in srgb,var(--console-text) 78%,var(--view-accent))}.admin-view .switch-field{border-color:color-mix(in srgb,var(--view-accent) 14%,var(--console-line));background:color-mix(in srgb,var(--console-panel) 72%,transparent)}
.admin-view :is(.primary-button,.secondary-button,.panel-link-button,.column-actions button,.news-actions button){position:relative;overflow:hidden;border-radius:8px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.admin-view .primary-button{color:var(--console-base);border-color:var(--view-accent);background:linear-gradient(110deg,var(--view-accent),color-mix(in srgb,var(--view-accent) 58%,var(--console-secondary)));box-shadow:0 0 20px color-mix(in srgb,var(--view-accent) 12%,transparent)}.admin-view :is(.primary-button,.secondary-button,.panel-link-button):hover{transform:translateY(-2px);border-color:var(--view-accent);box-shadow:0 10px 24px rgba(0,0,0,.16),0 0 18px color-mix(in srgb,var(--view-accent) 8%,transparent)}
.admin-view :is(.metric-grid article,.dashboard-metric,.support-metrics article,.news-metrics article,.model-metrics>div,.security-overview>section){position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--view-accent) 16%,var(--console-line));background:linear-gradient(145deg,color-mix(in srgb,var(--console-panel) 94%,var(--view-accent)),color-mix(in srgb,var(--console-base) 92%,transparent));box-shadow:0 14px 34px rgba(0,0,0,.12)}.admin-view :is(.metric-grid article,.dashboard-metric,.support-metrics article,.news-metrics article,.model-metrics>div)::after{content:"";position:absolute;top:-35px;right:-30px;width:100px;height:100px;border-radius:50%;opacity:.1;background:var(--view-accent);filter:blur(20px)}
.admin-view :is(.save-state,.role-note,.column-type,.dashboard-lead-status,.lead-scene){border:1px solid color-mix(in srgb,var(--view-accent) 22%,var(--console-line));border-radius:999px;color:color-mix(in srgb,var(--view-accent) 72%,var(--console-text));background:color-mix(in srgb,var(--view-accent) 6%,transparent)}.admin-view .empty-state>span{color:var(--view-accent);text-shadow:0 0 18px color-mix(in srgb,var(--view-accent) 30%,transparent)}
dialog{border:1px solid var(--console-line)!important;color:var(--console-text)!important;background:linear-gradient(145deg,var(--console-panel),var(--console-base))!important;box-shadow:0 30px 90px rgba(0,0,0,.5),0 0 40px color-mix(in srgb,var(--console-accent) 6%,transparent)!important}dialog::backdrop{background:rgba(1,3,10,.78)!important;backdrop-filter:blur(8px)}
@keyframes admin-view-scan{to{left:105%}}@media(max-width:980px){.admin-view.active::before{left:0}.admin-view .page-intro{align-items:flex-start;flex-direction:column}.admin-view .page-intro>div:first-child::after{display:none}}@media(prefers-reduced-motion:reduce){.admin-view.active::after{animation:none!important}}

/* Full-interface AI motion layer */
.admin-shell::before{content:"";position:fixed;z-index:20;top:0;left:var(--sidebar);right:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--console-accent),var(--console-secondary),transparent);background-size:220% 100%;box-shadow:0 0 18px color-mix(in srgb,var(--console-accent) 55%,transparent);animation:ai-spectrum-flow 6s linear infinite}
.admin-sidebar::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.22;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--console-accent) 18%,transparent) 48%,transparent 58%);background-size:100% 240px;animation:ai-sidebar-scan 7s linear infinite}.admin-sidebar>*{position:relative;z-index:1}
.sidebar-brand-mark{animation:ai-core-breathe 3.2s ease-in-out infinite}.sidebar-brand-mark::after{content:"";position:absolute;inset:-6px;border:1px solid color-mix(in srgb,var(--console-accent) 32%,transparent);border-radius:inherit;opacity:0;animation:ai-core-ring 3.2s ease-out infinite}
.admin-nav a{position:relative;overflow:hidden;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}.admin-nav a::after{content:"";position:absolute;left:-45%;bottom:0;width:38%;height:1px;background:linear-gradient(90deg,transparent,var(--console-accent),transparent);opacity:0;transition:opacity .2s ease}.admin-nav a:hover{transform:translateX(3px)}.admin-nav a:hover::after,.admin-nav a.active::after{opacity:1;animation:ai-nav-ray 2.4s linear infinite}.admin-nav a.active .nav-symbol{animation:ai-symbol-pulse 2.2s ease-in-out infinite}
.admin-topbar{position:relative;overflow:hidden}.admin-topbar::after{content:"";position:absolute;right:0;bottom:0;width:38%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--console-accent),transparent);animation:ai-topbar-ray 5s ease-in-out infinite}
.admin-view.active{animation:ai-view-enter .42s cubic-bezier(.2,.8,.2,1) both}.admin-view.active::before{animation:ai-grid-drift 18s linear infinite}.admin-view .page-intro{overflow:hidden;animation:ai-intro-float 6s ease-in-out infinite}.admin-view .page-intro::after{content:"";position:absolute;top:-80%;left:-24%;width:18%;height:260%;pointer-events:none;opacity:.2;background:linear-gradient(90deg,transparent,var(--view-accent),transparent);transform:rotate(18deg);animation:ai-panel-sweep 8s ease-in-out infinite}
.admin-view .page-intro>div:first-child::after{animation:ai-online-flicker 3.6s steps(1,end) infinite}.admin-view .page-intro .overline::before{content:"●";display:inline-block;margin-right:7px;text-shadow:0 0 10px var(--view-accent);animation:ai-status-beat 1.8s ease-in-out infinite}
.admin-view :is(.management-panel,.preview-panel,.lead-panel,.navigation-panel,.settings-panel,.account-panel,.news-panel,.model-panel,.plugin-panel,.audit-panel,.support-workspace,.ai-style-board,.operations-create-panel,.operations-center-card,.agent-catalog-panel,.agent-router-panel){transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.admin-view :is(.management-panel,.preview-panel,.lead-panel,.navigation-panel,.settings-panel,.account-panel,.news-panel,.model-panel,.plugin-panel,.audit-panel,.support-workspace,.ai-style-board,.operations-create-panel,.operations-center-card,.agent-catalog-panel,.agent-router-panel):hover{border-color:color-mix(in srgb,var(--view-accent) 30%,var(--console-line));box-shadow:0 22px 52px rgba(0,0,0,.18),0 0 38px color-mix(in srgb,var(--view-accent) 7%,transparent)}
.admin-view :is(.management-panel,.navigation-panel,.settings-panel,.account-panel,.news-panel,.model-panel,.plugin-panel,.audit-panel)::before{background-position:0 0;animation:ai-panel-grid 16s linear infinite}.admin-view :is(.panel-heading,.settings-heading)::after{animation:ai-heading-line 3s ease-in-out infinite}
.admin-view :is(.metric-grid article,.dashboard-metric,.support-metrics article,.news-metrics article,.model-metrics>div,.security-overview>section){transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;animation:ai-card-arrive .5s cubic-bezier(.2,.8,.2,1) both}.admin-view :is(.metric-grid article,.dashboard-metric,.support-metrics article,.news-metrics article,.model-metrics>div,.security-overview>section):nth-child(2){animation-delay:.06s}.admin-view :is(.metric-grid article,.dashboard-metric,.support-metrics article,.news-metrics article,.model-metrics>div,.security-overview>section):nth-child(3){animation-delay:.12s}.admin-view :is(.metric-grid article,.dashboard-metric,.support-metrics article,.news-metrics article,.model-metrics>div,.security-overview>section):nth-child(4){animation-delay:.18s}.admin-view :is(.metric-grid article,.dashboard-metric,.support-metrics article,.news-metrics article,.model-metrics>div,.security-overview>section):hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--view-accent) 42%,var(--console-line));box-shadow:0 18px 38px rgba(0,0,0,.2),0 0 22px color-mix(in srgb,var(--view-accent) 10%,transparent)}.admin-view :is(.metric-grid article,.dashboard-metric,.support-metrics article,.news-metrics article,.model-metrics>div)::after{animation:ai-orb-breathe 5s ease-in-out infinite}
.admin-view tbody tr{position:relative;animation:ai-row-arrive .35s ease both}.admin-view tbody tr:nth-child(2){animation-delay:.035s}.admin-view tbody tr:nth-child(3){animation-delay:.07s}.admin-view tbody tr:nth-child(4){animation-delay:.105s}.admin-view tbody tr:nth-child(5){animation-delay:.14s}.admin-view tbody tr:hover{transform:translateX(2px)}
.admin-view :is(.primary-button,.secondary-button,.panel-link-button,.column-actions button,.news-actions button)::after{content:"";position:absolute;top:-60%;left:-55%;width:28%;height:220%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:rotate(18deg);transition:left .55s ease}.admin-view :is(.primary-button,.secondary-button,.panel-link-button,.column-actions button,.news-actions button):hover::after{left:125%}.admin-view .primary-button{background-size:180% 100%;animation:ai-button-flow 4s ease-in-out infinite}
.admin-view :is(input,textarea,select):focus{animation:ai-input-lock .38s ease both}.admin-view :is(.save-state,.role-note,.column-type,.dashboard-lead-status,.lead-scene){animation:ai-pill-breathe 3s ease-in-out infinite}.admin-view .empty-state>span{animation:ai-empty-float 3s ease-in-out infinite}
.live-model-badge,.ai-style-live{animation:ai-badge-hover 4s ease-in-out infinite}.model-catalog-card::after,.ai-theme-card-orbit{animation:ai-orbit 9s linear infinite}.front-ai-preview::before,.admin-ai-preview::before{animation:ai-preview-drift 14s linear infinite}.admin-ai-preview section i{animation:ai-preview-bars 2.4s ease-in-out infinite alternate}.admin-ai-preview section i:nth-child(2){animation-delay:.2s}.admin-ai-preview section i:nth-child(3){animation-delay:.4s}.admin-ai-preview section i:nth-child(4){animation-delay:.6s}.admin-ai-preview section i:nth-child(5){animation-delay:.8s}.admin-ai-preview section i:nth-child(6){animation-delay:1s}
dialog[open]{animation:ai-dialog-in .24s cubic-bezier(.2,.8,.2,1) both}dialog[open]::backdrop{animation:ai-backdrop-in .2s ease both}
@keyframes ai-spectrum-flow{to{background-position:-220% 0}}@keyframes ai-sidebar-scan{to{background-position:0 100vh}}@keyframes ai-core-breathe{50%{filter:brightness(1.35);box-shadow:0 0 24px color-mix(in srgb,var(--console-accent) 32%,transparent)}}@keyframes ai-core-ring{55%{opacity:.6}100%{inset:-16px;opacity:0}}@keyframes ai-nav-ray{to{left:110%}}@keyframes ai-symbol-pulse{50%{color:var(--console-base);background:var(--console-accent);box-shadow:0 0 18px color-mix(in srgb,var(--console-accent) 45%,transparent)}}@keyframes ai-topbar-ray{50%{width:70%;opacity:.35}}@keyframes ai-view-enter{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ai-grid-drift{to{background-position:0 0,0 0,48px 48px,48px 48px}}@keyframes ai-intro-float{50%{transform:translateY(-2px)}}@keyframes ai-panel-sweep{0%,62%{left:-24%}100%{left:124%}}@keyframes ai-online-flicker{0%,92%,100%{opacity:1}94%{opacity:.35}96%{opacity:.8}}@keyframes ai-status-beat{50%{opacity:.35;transform:scale(.7)}}@keyframes ai-panel-grid{to{background-position:30px 30px}}@keyframes ai-heading-line{50%{width:92px;opacity:.45}}@keyframes ai-card-arrive{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes ai-orb-breathe{50%{opacity:.2;transform:scale(1.22)}}@keyframes ai-row-arrive{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}@keyframes ai-button-flow{50%{background-position:100% 0}}@keyframes ai-input-lock{50%{filter:brightness(1.12)}}@keyframes ai-pill-breathe{50%{box-shadow:0 0 12px color-mix(in srgb,var(--view-accent) 10%,transparent)}}@keyframes ai-empty-float{50%{transform:translateY(-5px);filter:brightness(1.25)}}@keyframes ai-badge-hover{50%{transform:translateY(-2px);filter:brightness(1.14)}}@keyframes ai-orbit{to{transform:rotate(360deg)}}@keyframes ai-preview-drift{to{background-position:0 0,0 0,28px 28px,28px 28px}}@keyframes ai-dialog-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes ai-backdrop-in{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.admin-shell::before{left:0}.admin-sidebar::after,.admin-view .page-intro::after{display:none}.admin-view .page-intro{animation:none}}
@media(prefers-reduced-motion:reduce){.admin-shell::before,.admin-sidebar::after,.sidebar-brand-mark,.sidebar-brand-mark::after,.admin-nav a::after,.admin-nav a.active .nav-symbol,.admin-topbar::after,.admin-view.active,.admin-view.active::before,.admin-view.active::after,.admin-view .page-intro,.admin-view .page-intro::after,.admin-view .page-intro>div:first-child::after,.admin-view .page-intro .overline::before,.admin-view :is(.management-panel,.navigation-panel,.settings-panel,.account-panel,.news-panel,.model-panel,.plugin-panel,.audit-panel)::before,.admin-view :is(.panel-heading,.settings-heading)::after,.admin-view :is(.metric-grid article,.dashboard-metric,.support-metrics article,.news-metrics article,.model-metrics>div,.security-overview>section),.admin-view :is(.metric-grid article,.dashboard-metric,.support-metrics article,.news-metrics article,.model-metrics>div)::after,.admin-view tbody tr,.admin-view .primary-button,.admin-view :is(.save-state,.role-note,.column-type,.dashboard-lead-status,.lead-scene),.admin-view .empty-state>span,.live-model-badge,.ai-style-live,.model-catalog-card::after,.ai-theme-card-orbit,.front-ai-preview::before,.admin-ai-preview::before,.admin-ai-preview section i,dialog[open],dialog[open]::backdrop{animation:none!important}.admin-view :is(.primary-button,.secondary-button,.panel-link-button,.column-actions button,.news-actions button)::after{display:none}}