.control-console-date-range { display: grid; gap: 12px; margin-bottom: 18px; }
.control-console-date-range-options { display: flex; flex-wrap: wrap; gap: 8px; }
.control-console-date-range button, .control-console-date-range input { color: var(--control-text); border: 1px solid var(--control-line); border-radius: 10px; background: rgba(255,255,255,.035); padding: 9px 14px; font: inherit; font-size: 11px; color-scheme: dark; }
.control-console-date-range button { cursor: pointer; }
.control-console-date-range button[aria-pressed="true"] { color: #e3dcff; border-color: rgba(157,140,255,.5); background: rgba(157,140,255,.14); }
.control-console-date-range button:disabled { opacity: .55; cursor: wait; }
.control-console-date-range-custom { display: flex; gap: 14px; align-items: end; }
.control-console-date-range-custom label { display: grid; gap: 6px; color: var(--control-muted); font-size: 10px; }
.control-console-date-range-description { font-size: 10px; color: var(--control-muted); }
.control-console-date-range-error { color: #ffabb6; font-size: 11px; }
.control-console-date-range [hidden], .control-console-quotas-page [hidden] { display: none !important; }
.control-quota-toolbar { display: flex; align-items: end; gap: 24px; margin-bottom: 18px; }
.control-quota-toolbar > label { display: grid; gap: 8px; width: 280px; color: var(--control-muted); font-size: 11px; }
.control-quota-toolbar > div { display: grid; gap: 8px; margin-right: auto; font-size: 12px; }
.control-quota-toolbar > div > span { color: var(--control-muted); font-size: 10px; }
.control-quota-toolbar input, .control-quota-fields input, .control-quota-fields select { width: 100%; box-sizing: border-box; padding: 11px 13px; color: var(--control-text); border: 1px solid var(--control-line); border-radius: 10px; background: rgba(255,255,255,.035); font: inherit; color-scheme: dark; }
.control-quota-table { min-width: 800px; }
.control-quota-table th, .control-quota-table td { font-size: 11px; }
.control-quota-table td.control-quota-balance { color: #d7ddff; font-size: 17px; font-variant-numeric: tabular-nums; }
.control-quota-table td.control-quota-balance.is-empty { color: #ffabb6; }
.control-quota-actions { white-space: nowrap; }
.control-quota-actions button { margin: 3px; }
.control-quota-actions button:disabled { opacity: .4; cursor: not-allowed; }
.control-quota-footnote { margin: 13px 0; font-size: 10px; color: var(--control-muted); line-height: 1.8; }
.control-quota-notice { padding: 12px 15px; border: 1px solid rgba(255,160,140,.22); border-radius: 12px; background: rgba(255,160,140,.05); color: #ffc6b9; font-size: 12px; line-height: 1.7; }
.control-console-modal.control-quota-dialog { width: 540px; }
.control-quota-dialog form > header { display: block; }
.control-quota-dialog h2, .control-quota-history h2 { margin: 5px 0 20px; }
.control-quota-dialog #controlQuotaName { font-size: 17px; }
.control-quota-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 20px 0; }
.control-quota-fields label { display: grid; gap: 8px; font-size: 12px; color: var(--control-muted); }
.control-quota-fields label:last-child { grid-column: 1 / -1; }
.control-quota-preview { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px; border: 1px solid var(--control-line); border-radius: 16px; background: rgba(145,135,255,.04); }
.control-quota-preview div { display: grid; gap: 9px; }
.control-quota-preview span { color: var(--control-muted); font-size: 11px; }
.control-quota-preview strong { font-size: 22px; font-weight: 500; }
.control-quota-dialog footer { display: flex; justify-content: end; gap: 10px; margin-top: 22px; }
.control-console-modal.control-quota-history { width: min(1120px,calc(100vw - 80px)); padding: 24px; }
.control-quota-history #controlQuotaHistoryClose { width: auto; height: auto; border-radius: 10px; font-size: 12px; }
.control-quota-history > header { display: flex; align-items: center; justify-content: space-between; }
.control-quota-history .control-console-table-scroll { max-height: 60vh; }
:root {
  --control-bg: #050509;
  --control-panel: rgba(15, 16, 25, 0.92);
  --control-panel-solid: #11121b;
  --control-panel-raised: #171825;
  --control-line: rgba(226, 231, 255, 0.11);
  --control-line-bright: rgba(226, 231, 255, 0.2);
  --control-text: #f7f7fb;
  --control-muted: #9699aa;
  --control-violet: #9d8cff;
  --control-blue: #78c8ff;
  --control-good: #6fe5b1;
  --control-bad: #ff8d9b;
  --control-radius: 24px;
  --control-motion: cubic-bezier(0.32, 0.72, 0, 1);
}

.control-console[hidden], #controlConsoleMount[hidden] { display: none !important; }

.control-console {
  position: fixed;
  inset: 0;
  z-index: 32;
  display: grid;
  grid-template-columns: 224px minmax(0, 1fr);
  min-height: 100dvh;
  color: var(--control-text);
  background:
    radial-gradient(circle at 82% 8%, rgba(113, 84, 255, 0.14), transparent 26rem),
    radial-gradient(circle at 52% 100%, rgba(72, 181, 255, 0.09), transparent 32rem),
    var(--control-bg);
  font-family: "Maple Mono CN", "PingFang SC", sans-serif;
  overflow: hidden;
  isolation: isolate;
}

.control-console::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 20;
  pointer-events: none;
  opacity: 0.022;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}

.control-console-particles,
.control-console-aurora { position: fixed; inset: 0; pointer-events: none; }
.control-console-particles { z-index: -1; width: 100%; height: 100%; }
.control-console-aurora { z-index: -2; }

.control-console-sidebar {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 28px 18px 22px;
  border-right: 1px solid rgba(213, 219, 255, 0.09);
  background: rgba(7, 8, 13, 0.94);
  box-shadow: inset -1px 0 rgba(255, 255, 255, 0.025);
}

.control-console-brand { display: flex; align-items: center; gap: 13px; padding: 7px 10px 42px; }
.control-console-brand strong { display: block; font-size: 18px; letter-spacing: 0.08em; }
.control-console-brand span { display: block; margin-top: 3px; color: var(--control-muted); font-size: 11px; letter-spacing: 0.16em; }
.control-console-orbit {
  position: relative;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border: 1px solid rgba(189, 181, 255, 0.28);
  border-radius: 50%;
  box-shadow: inset 0 0 18px rgba(139, 117, 255, 0.13), 0 0 20px rgba(98, 134, 255, 0.09);
}
.control-console-orbit::before { content: ""; position: absolute; inset: 8px; border-radius: 50%; background: #e7e4ff; box-shadow: 0 0 14px #a18fff; }
.control-console-orbit i { position: absolute; inset: 3px -3px; border-top: 1px solid var(--control-blue); border-radius: 50%; transform: rotate(-25deg); opacity: 0.6; }

.control-console-nav { display: grid; gap: 7px; }
.control-console-nav button {
  position: relative;
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: center;
  min-height: 49px;
  padding: 0 16px;
  overflow: hidden;
  color: #a8aabc;
  border: 0;
  border-radius: 15px;
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: color 500ms var(--control-motion), transform 500ms var(--control-motion), background-color 500ms var(--control-motion);
}
.control-console-nav button:hover { color: #fff; background: rgba(255,255,255,0.045); transform: translateX(2px); }
.control-console-nav button.is-active { color: #fff; background: rgba(143, 126, 255, 0.14); box-shadow: inset 0 0 0 1px rgba(188, 178, 255, 0.13); }
.control-console-nav button.is-active::before { content: ""; position: absolute; left: 0; width: 2px; height: 20px; border-radius: 2px; background: var(--control-violet); box-shadow: 0 0 10px var(--control-violet); }
.control-console-nav button span { font-size: 18px; color: var(--control-blue); }
.control-console-nav button b { font-size: 13px; font-weight: 560; letter-spacing: 0.08em; }
.control-console-sidebar-foot { display: flex; align-items: center; gap: 9px; margin-top: auto; padding: 12px; color: var(--control-muted); font-size: 10px; letter-spacing: 0.08em; }
.control-console-live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--control-good); box-shadow: 0 0 10px var(--control-good); }

.control-console-main { position: relative; z-index: 1; min-width: 0; height: 100dvh; overflow: auto; padding: 28px clamp(22px, 4vw, 62px) 70px; }
.control-console-topbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 74px; margin-bottom: 30px; }
.control-console-eyebrow, .control-console-card header span, .control-console-section-heading span, .control-console-drawer-head span, .control-console-modal header span { margin: 0 0 7px; color: var(--control-violet); font-size: 9px; letter-spacing: 0.23em; }
.control-console-topbar h1 { margin: 0; font-size: clamp(25px, 3vw, 40px); font-weight: 540; letter-spacing: -0.045em; }
.control-console-top-actions { display: flex; align-items: center; gap: 10px; }
.control-console-update { margin-right: 4px; color: var(--control-muted); font-size: 11px; }
.control-console-button {
  min-height: 40px;
  padding: 0 16px;
  color: var(--control-text);
  border: 0;
  border-radius: 999px;
  font: inherit;
  font-size: 11px;
  cursor: pointer;
  transition: transform 480ms var(--control-motion), background-color 480ms var(--control-motion), box-shadow 480ms var(--control-motion);
}
.control-console-button:hover { transform: translateY(-1px); }
.control-console-button:active { transform: scale(0.98); }
.control-console-button-muted { background: rgba(255,255,255,0.07); box-shadow: inset 0 0 0 1px var(--control-line); }
.control-console-button-primary { color: #090911; background: #f1efff; box-shadow: 0 10px 28px rgba(137, 117, 255, 0.15); }
.control-console-button-primary span { display: inline-grid; place-items: center; width: 24px; height: 24px; margin-left: 7px; border-radius: 50%; background: rgba(28,24,48,0.1); transition: transform 480ms var(--control-motion); }
.control-console-button-primary:hover span { transform: translate(2px,-1px); }

.control-console-alert { margin: 0 0 20px; padding: 13px 17px; color: #ffd9de; border-radius: 14px; background: rgba(127, 35, 56, 0.26); box-shadow: inset 0 0 0 1px rgba(255, 138, 154, 0.22); font-size: 12px; }

.control-console-page { animation: control-page-enter 700ms var(--control-motion) both; }
.control-console-page[hidden] { display: none; }
@keyframes control-page-enter { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }

.control-console-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(270px, .72fr) minmax(430px, 1.28fr);
  align-items: center;
  gap: clamp(24px, 5vw, 86px);
  min-height: 200px;
  margin-bottom: 18px;
  padding: clamp(28px, 4vw, 48px);
  overflow: hidden;
  border-radius: 30px;
  background: #12121d;
  box-shadow: inset 0 1px rgba(255,255,255,0.09), inset 0 0 0 1px rgba(212,205,255,0.09), 0 22px 60px rgba(0,0,0,0.22);
}
.control-console-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 78% 35%, rgba(142, 122, 255, 0.2), transparent 28%), linear-gradient(115deg, transparent 48%, rgba(112, 197, 255, 0.06)); pointer-events: none; }
.control-console-hero-summary { position: relative; z-index: 1; min-width: 0; }
.control-console-hero-summary p { margin: 0 0 25px; color: var(--control-muted); font-size: 11px; letter-spacing: 0.08em; }
.control-console-hero-summary > strong { position: relative; display: block; font-size: clamp(50px, 7.4vw, 92px); line-height: 0.92; font-weight: 520; letter-spacing: -0.075em; font-variant-numeric: tabular-nums; }
.control-console-hero-summary > span { display: block; margin-top: 15px; color: #bbbcca; font-size: 12px; }
.control-console-consumption-chart { position: relative; z-index: 1; min-width: 0; align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
.control-console-consumption-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 0 10px 4px; }
.control-console-consumption-heading div { display: grid; gap: 4px; }
.control-console-consumption-heading span { color: var(--control-muted); font-size: 9px; letter-spacing: .12em; }
.control-console-consumption-heading b { color: #dfe1ed; font-size: 12px; font-weight: 540; letter-spacing: .02em; }
.control-console-consumption-heading small { color: #7f8193; font-size: 8px; white-space: nowrap; }
.control-console-consumption-plot { position: relative; width: 100%; aspect-ratio: 720 / 150; min-height: 128px; }
.control-console-consumption-plot svg { display: block; width: 100%; height: 100%; overflow: visible; }
.control-console-consumption-grid line { stroke: rgba(218,220,244,.075); stroke-width: 1; stroke-dasharray: 2 8; }
.control-console-consumption-area { fill: url(#controlConsumptionArea); }
.control-console-consumption-line { fill: none; stroke: url(#controlConsumptionLine); stroke-width: 2.25; stroke-linecap: round; filter: drop-shadow(0 0 7px rgba(121,189,255,.35)); }
.control-console-consumption-plot circle { fill: #d9efff; stroke: #698dff; stroke-width: 1.8; filter: drop-shadow(0 0 5px rgba(116,190,255,.75)); }
.control-console-consumption-labels text { fill: #727486; font-size: 8px; letter-spacing: .06em; }
.control-console-consumption-point { position: absolute; left: var(--x); top: var(--y); width: 28px; height: 28px; padding: 0; transform: translate(-50%,-50%); color: inherit; border: 0; border-radius: 50%; outline: 0; background: transparent; cursor: crosshair; }
.control-console-consumption-point::after { content: ""; position: absolute; inset: 9px; border-radius: 50%; background: transparent; transition: transform 180ms ease, box-shadow 180ms ease; }
.control-console-consumption-point:hover::after,.control-console-consumption-point:focus-visible::after { transform: scale(1.8); box-shadow: 0 0 0 1px rgba(190,224,255,.75), 0 0 14px rgba(118,175,255,.72); }
.control-console-consumption-point > span { position: absolute; z-index: 2; top: calc(100% + 8px); left: 50%; display: grid; gap: 3px; min-width: 112px; padding: 9px 11px; transform: translate(-50%,0); color: #f4f5fb; border: 1px solid rgba(207,218,255,.16); border-radius: 11px; opacity: 0; visibility: hidden; background: rgba(9,10,18,.94); box-shadow: 0 12px 30px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.06); backdrop-filter: blur(14px); pointer-events: none; transition: opacity 160ms ease, visibility 160ms ease; }
.control-console-consumption-point > span b { font-size: 9px; font-weight: 560; white-space: nowrap; }
.control-console-consumption-point > span em { color: #9edcff; font-size: 10px; font-style: normal; font-variant-numeric: tabular-nums; white-space: nowrap; }
.control-console-consumption-point:hover > span,.control-console-consumption-point:focus-visible > span { opacity: 1; visibility: visible; }
.control-console-consumption-plot:has(.control-console-consumption-point:hover) .control-console-consumption-point:focus-visible:not(:hover) > span { opacity:0; visibility:hidden; }
.control-console-consumption-point.is-low > span { top:auto; bottom:calc(100% + 8px); }
.control-console-consumption-point.is-start > span { left: -2px; transform: translate(0,0); }
.control-console-consumption-point.is-end > span { right: -2px; left: auto; transform: translate(0,0); }
.control-console-consumption-empty { display: grid; min-height: 150px; place-items: center; color: var(--control-muted); font-size: 10px; }

.control-console-grid { display: grid; gap: 18px; }
.control-console-grid-overview { grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); }
.control-console-card, .control-console-table-card {
  position: relative;
  min-width: 0;
  border-radius: var(--control-radius);
  background: var(--control-panel);
  box-shadow: inset 0 1px rgba(255,255,255,0.075), inset 0 0 0 1px var(--control-line), 0 18px 50px rgba(0,0,0,0.16);
}
.control-console-card { padding: 24px; }
.control-console-card-wide { min-height: 350px; }
.control-console-card-models { grid-column: 1 / -1; }
.control-console-card header, .control-console-section-heading { display: flex; align-items: start; justify-content: space-between; gap: 18px; margin-bottom: 22px; }
.control-console-card h2, .control-console-section-heading h2 { margin: 0; font-size: 16px; font-weight: 540; letter-spacing: -.025em; }
.control-console-card header button { padding: 6px 0; color: var(--control-muted); border: 0; background: transparent; font: inherit; font-size: 10px; cursor: pointer; }
.control-console-rank { display: grid; gap: 11px; }
.control-console-rank-item { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 38px; }
.control-console-rank-index { color: #777a8c; font-size: 10px; font-variant-numeric: tabular-nums; }
.control-console-rank-name { min-width: 0; }
.control-console-rank-name strong { display: block; overflow: hidden; color: #e8e8ee; font-size: 11px; font-weight: 520; text-overflow: ellipsis; white-space: nowrap; }
.control-console-rank-name i { display: block; height: 2px; margin-top: 7px; overflow: hidden; border-radius: 2px; background: rgba(255,255,255,.06); }
.control-console-rank-name i::after { content: ""; display: block; width: var(--value,0%); height: 100%; background: linear-gradient(90deg,var(--control-violet),var(--control-blue)); }
.control-console-rank-value { color: #f4f3ff; font-size: 11px; font-variant-numeric: tabular-nums; }

.control-console-model-range { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; padding: 4px; border-radius: 999px; background: rgba(255,255,255,.035); box-shadow: inset 0 0 0 1px rgba(255,255,255,.04); }
.control-console-card header .control-console-model-range button { min-height: 30px; padding: 0 12px; color: #858897; border: 0; border-radius: 999px; background: transparent; font: inherit; font-size: 10px; cursor: pointer; transition: color 160ms ease, background 160ms ease, box-shadow 160ms ease; }
.control-console-card header .control-console-model-range button:hover:not(:disabled) { color: #d6d8e3; }
.control-console-card header .control-console-model-range button.is-active { color: #f7f6ff; background: rgba(125,188,255,.13); box-shadow: inset 0 0 0 1px rgba(163,211,255,.14), 0 3px 14px rgba(24,77,128,.12); }
.control-console-card header .control-console-model-range button:focus-visible { outline: 1px solid var(--control-blue); outline-offset: 2px; }
.control-console-card header .control-console-model-range button:disabled { cursor: wait; opacity: .62; }
.control-console-model-tabs, .control-console-token-toolbar [role="group"] { display: inline-flex; gap: 4px; padding: 4px; border-radius: 999px; background: rgba(255,255,255,.045); }
.control-console-model-tabs { margin-bottom: 19px; }
.control-console-model-tabs button, .control-console-token-toolbar [role="group"] button { min-height: 32px; padding: 0 13px; color: var(--control-muted); border: 0; border-radius: 999px; background: transparent; font: inherit; font-size: 10px; cursor: pointer; }
.control-console-model-tabs button.is-active, .control-console-token-toolbar [role="group"] button.is-active { color: #fff; background: rgba(157,140,255,.18); box-shadow: inset 0 0 0 1px rgba(197,188,255,.13); }
.control-console-model-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 10px; }
.control-console-model-item { display: flex; justify-content: space-between; gap: 12px; padding: 15px; border-radius: 15px; background: rgba(255,255,255,.028); box-shadow: inset 0 0 0 1px rgba(255,255,255,.045); }
.control-console-model-item span { color: #c7c8d2; font-size: 10px; }.control-console-model-item strong { font-size: 12px; font-weight: 560; }

.control-console-agent-page { max-width: 1480px; }
.control-console-agent-rate-card { margin-bottom: 30px; overflow: hidden; }
.control-console-agent-rate-form { display:grid; grid-template-columns:minmax(180px,1.25fr) repeat(2,minmax(160px,.8fr)) auto minmax(190px,1fr) auto; align-items:end; gap:12px; }
.control-console-agent-rate-form label,.control-console-agent-search { color:var(--control-muted); font-size:9px; letter-spacing:.08em; }
.control-console-agent-rate-form label { display:grid; gap:7px; }
.control-console-agent-rate-form input,.control-console-agent-rate-form select,.control-console-agent-search input,.control-console-agent-skill-dialog textarea,.control-console-agent-skill-dialog select {
  width:100%; min-width:0; min-height:42px; padding:0 13px; color:var(--control-text); border:0; border-radius:12px; outline:0; background:rgba(255,255,255,.055); box-shadow:inset 0 0 0 1px var(--control-line); font:inherit; font-size:10px; color-scheme:dark;
}
.control-console-agent-rate-form input:focus,.control-console-agent-rate-form select:focus,.control-console-agent-search input:focus,.control-console-agent-skill-dialog textarea:focus,.control-console-agent-skill-dialog select:focus { box-shadow:inset 0 0 0 1px var(--control-blue),0 0 0 3px rgba(120,200,255,.1); }
.control-console-agent-enabled { display:flex!important; align-items:center; min-height:42px; padding:0 13px; border-radius:12px; background:rgba(255,255,255,.035); box-shadow:inset 0 0 0 1px var(--control-line); white-space:nowrap; }
.control-console-agent-enabled input { width:16px; min-height:16px; margin:0 9px 0 0; accent-color:var(--control-blue); box-shadow:none; }
.control-console-agent-reason { min-width:190px; }
.control-console-agent-model-summary { margin-top:18px; padding-top:18px; border-top:1px solid var(--control-line); }
.control-console-agent-model-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.control-console-agent-model-facts article { min-height:78px; padding:15px; border-radius:15px; background:rgba(255,255,255,.028); box-shadow:inset 0 0 0 1px rgba(255,255,255,.05); }
.control-console-agent-model-facts span,.control-console-agent-model-facts strong { display:block; }
.control-console-agent-model-facts span { color:var(--control-muted); font-size:8px; letter-spacing:.08em; }
.control-console-agent-model-facts strong { margin-top:13px; overflow:hidden; color:#eef0ff; font-size:11px; font-weight:550; text-overflow:ellipsis; white-space:nowrap; }
.control-console-agent-model-facts strong[data-status="success"] { color:var(--control-good); }
.control-console-agent-rate-history { margin-top:12px; padding:13px 15px; border-radius:15px; background:rgba(5,7,13,.42); }
.control-console-agent-rate-history summary { color:#b9bbcb; font-size:9px; cursor:pointer; }
.control-console-agent-rate-history ol { display:grid; gap:8px; margin:12px 0 0; padding:0; list-style:none; }
.control-console-agent-rate-history li { display:flex; justify-content:space-between; gap:20px; padding:10px 0; border-top:1px solid rgba(255,255,255,.055); }
.control-console-agent-rate-history li strong,.control-console-agent-rate-history li span { display:block; font-size:9px; }
.control-console-agent-rate-history li span,.control-console-agent-rate-history li small { margin-top:4px; color:var(--control-muted); font-size:8px; line-height:1.5; }
.control-console-agent-rate-history li small { text-align:right; }
.control-console-agent-search { display:flex; gap:9px; max-width:620px; margin-bottom:16px; }
.control-console-agent-search input { flex:1; }
.control-console-agent-page td:first-child { max-width:360px; }
.control-console-agent-page td strong,.control-console-agent-page td small { display:block; }
.control-console-agent-page td small { max-width:330px; margin-top:6px; overflow:hidden; color:var(--control-muted); text-overflow:ellipsis; white-space:nowrap; }
.control-console-agent-skill-dialog { width:min(920px,calc(100vw - 32px)); }
.control-console-agent-skill-dialog form { max-height:min(860px,calc(100dvh - 32px)); overflow:auto; }
.control-console-agent-skill-dialog label { display:grid; gap:7px; }
.control-console-agent-skill-dialog textarea { min-height:88px; padding:12px 13px; resize:vertical; line-height:1.55; }
.control-console-agent-skill-dialog .control-console-agent-files { min-height:260px; font-family:"Maple Mono CN",monospace; font-size:9px; tab-size:2; }
.control-console-agent-skill-dialog footer { flex-wrap:wrap; }

@media (max-width: 1260px) {
  .control-console-agent-rate-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .control-console-agent-model-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

.control-console-filters { display: grid; grid-template-columns: repeat(5, minmax(120px,1fr)) auto; gap: 10px; margin-bottom: 18px; padding: 14px; border-radius: 20px; background: rgba(15,16,25,.88); box-shadow: inset 0 0 0 1px var(--control-line); }
.control-console-usage-filters { grid-template-columns:minmax(220px,1.3fr) repeat(4,minmax(110px,.8fr)) auto; }
.control-console-task-search { grid-column:1 / -1; }
.control-console-filters label { display: grid; gap: 7px; color: var(--control-muted); font-size: 9px; letter-spacing: .08em; }
.control-console-time-range { min-width:0; margin:0; padding:0; border:0; }
.control-console-time-range legend { margin:0 0 7px; padding:0; color:var(--control-muted); font-size:9px; letter-spacing:.08em; }
.control-console-time-range-fields { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; padding:8px; border-radius:14px; background:rgba(255,255,255,.022); box-shadow:inset 0 0 0 1px rgba(255,255,255,.055); }
.control-console-time-range-fields label { gap:5px; }
.control-console-time-range-fields label > span { padding-left:4px; font-size:8px; }
.control-console-filters input, .control-console-filters select, .control-console-token-toolbar input, .control-console-modal input {
  width: 100%; min-width: 0; min-height: 39px; padding: 0 12px; color: var(--control-text); border: 0; border-radius: 12px; outline: 0; background: rgba(255,255,255,.055); box-shadow: inset 0 0 0 1px var(--control-line); font: inherit; font-size: 10px; color-scheme: dark;
}
.control-console-filters input:focus, .control-console-filters select:focus, .control-console-token-toolbar input:focus, .control-console-modal input:focus { box-shadow: inset 0 0 0 1px var(--control-violet), 0 0 0 3px rgba(157,140,255,.12); }
.control-console select option { color: #f2f3f8; background: #151722; }
.control-console-filter-actions { display: flex; align-items: end; gap: 7px; }
.control-console-select-shell { position: relative; display: grid; gap: 6px; min-width: 0; }
.control-console-select-search { min-height: 34px; }
.control-console .control-console-native-select { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.control-console-select-trigger { position: relative; display: flex; align-items: center; justify-content: space-between; min-height: 46px; width: 100%; padding: 0 38px 0 13px; border: 0; border-radius: 13px; color: #f2f3f8; background: rgba(255,255,255,.045); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); font: inherit; text-align: left; cursor: pointer; }
.control-console-select-trigger::after { content: ''; position: absolute; right: 14px; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .18s ease; }
.control-console-select-trigger[aria-expanded="true"] { box-shadow: inset 0 0 0 1px var(--control-violet), 0 0 0 3px rgba(157,140,255,.12); }
.control-console-select-trigger[aria-expanded="true"]::after { transform: translateY(2px) rotate(225deg); }
.control-console-select-list { position: absolute; top: calc(100% + 6px); left: 0; z-index: 40; display: grid; width: 100%; max-height: 250px; padding: 6px; overflow: auto; border: 1px solid rgba(157,140,255,.45); border-radius: 14px; color: #f2f3f8; background: rgb(15 16 25); box-shadow: 0 18px 44px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.05); backdrop-filter: blur(22px) saturate(135%); }
.control-console-select-list[hidden] { display: none; }
.control-console-select-option { min-height: 38px; padding: 8px 10px; border: 0; border-radius: 9px; color: inherit; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.control-console-select-option:hover,.control-console-select-option:focus-visible { outline: 0; background: rgba(157,140,255,.14); }
.control-console-select-option[aria-selected="true"] { color: #fff; background: linear-gradient(90deg,rgba(157,140,255,.28),rgba(107,198,255,.13)); box-shadow: inset 2px 0 0 var(--control-violet); }
.control-console-select-empty { padding: 10px; color: var(--control-muted); }
.control-console-table-card { overflow: hidden; }
.control-console-table-scroll { overflow: auto; }
.control-console table { width: 100%; border-collapse: collapse; font-size: 10px; }
.control-console th { padding: 16px 15px; color: #777a8d; font-size: 9px; font-weight: 520; letter-spacing: .08em; text-align: left; white-space: nowrap; background: rgba(255,255,255,.018); }
.control-console td { padding: 15px; color: #c3c4cf; border-top: 1px solid rgba(229,232,255,.055); vertical-align: middle; }
.control-console tbody tr { transition: background-color 400ms var(--control-motion); }.control-console tbody tr:hover { background: rgba(255,255,255,.024); }
.control-console td strong { color: #f0f0f5; font-weight: 530; }.control-console td small { display: block; margin-top: 4px; color: #777a8c; }
.control-console-status { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }.control-console-status::before { content:""; width: 6px; height: 6px; border-radius: 50%; background: var(--status-color,#9194a4); box-shadow: 0 0 8px var(--status-color,#9194a4); }
.control-console-status[data-status="success"] { --status-color: var(--control-good); }.control-console-status[data-status="failed"],.control-console-status[data-status="timeout"],.control-console-status[data-status="unknown"] { --status-color: var(--control-bad); }.control-console-status[data-status="queued"],.control-console-status[data-status="running"] { --status-color: var(--control-blue); }
.control-console-row-button { padding: 7px 11px; color: #ddd9ff; border: 0; border-radius: 999px; background: rgba(157,140,255,.12); font: inherit; font-size: 9px; cursor: pointer; }
.control-console-pagination { display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 0 16px; color: var(--control-muted); border-top: 1px solid rgba(229,232,255,.055); font-size: 9px; }
.control-console-pagination div { display: flex; align-items: center; gap: 11px; }.control-console-pagination button { padding: 7px 11px; color: #d2d2dc; border: 0; border-radius: 9px; background: rgba(255,255,255,.05); font: inherit; font-size: 9px; cursor: pointer; }.control-console-pagination button:disabled { opacity:.35; cursor:not-allowed; }
.control-console-empty { padding: 34px !important; color: var(--control-muted) !important; text-align: center; }

.control-console-muted { color:var(--control-muted); }
.control-console-access-toolbar { display:grid; grid-template-columns:minmax(260px,1.25fr) minmax(180px,.7fr) auto; align-items:end; gap:10px; margin-bottom:16px; padding:14px; border-radius:20px; background:rgba(15,16,25,.88); box-shadow:inset 0 0 0 1px var(--control-line); }
.control-console-access-toolbar label { display:grid; gap:7px; color:var(--control-muted); font-size:9px; letter-spacing:.08em; }
.control-console-access-toolbar input,.control-console-access-toolbar select { width:100%; min-width:0; min-height:42px; padding:0 13px; color:var(--control-text); border:0; border-radius:12px; outline:0; background:rgba(255,255,255,.055); box-shadow:inset 0 0 0 1px var(--control-line); font:inherit; font-size:10px; color-scheme:dark; }
.control-console-access-toolbar input:focus,.control-console-access-toolbar select:focus { box-shadow:inset 0 0 0 1px var(--control-violet),0 0 0 3px rgba(157,140,255,.12); }
.control-console-access-toolbar > span { align-self:center; justify-self:end; padding:8px 3px; color:var(--control-muted); font-size:10px; white-space:nowrap; }
.control-console-people-toolbar { grid-template-columns:minmax(260px,1.25fr) minmax(180px,.7fr) auto auto; }
.control-console-people-toolbar .control-console-button { min-height:42px; }
.control-console-people-table { min-width:1100px; }
.control-console-people-table th:first-child { width:48px; text-align:center; }
.control-console-people-table th:nth-child(6) { width:34%; }
.control-console-people-table td { vertical-align:top; }
.control-console-person-select { text-align:center; }
.control-console-person-select input,.control-console-people-table th input { width:16px; height:16px; margin:1px 0 0; accent-color:var(--control-violet); cursor:pointer; }
.control-console-person-select input:disabled,.control-console-people-table th input:disabled { opacity:.35; cursor:not-allowed; }
.control-console-person-departments { display:flex; flex-wrap:wrap; gap:6px; }
.control-console-person-departments > span { display:inline-flex; align-items:center; gap:7px; min-height:28px; padding:0 9px; color:#e3e4ed; border:1px solid rgba(218,222,255,.09); border-radius:999px; background:rgba(255,255,255,.035); white-space:nowrap; }
.control-console-person-departments > span small { display:inline; margin:0; color:#85889a; font-size:8px; }
.control-console-person-departments > span[data-status="banned"] { color:#ffd4da; border-color:rgba(255,141,155,.18); background:rgba(127,35,56,.15); }
.control-console-person-departments > span[data-status="evicted"] { opacity:.58; }
.control-console-row-button-danger { color:#ffd9de; background:rgba(127,35,56,.28); box-shadow:inset 0 0 0 1px rgba(255,141,155,.18); }
.control-console-row-button:disabled { opacity:.42; cursor:not-allowed; }

.control-console-feature-toolbar { grid-template-columns:minmax(220px,.8fr) minmax(220px,.8fr) minmax(300px,1.25fr) auto; }
.control-console-feature-toolbar .control-console-button { min-height:42px; }
.control-console-feature-global { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; column-gap:8px; row-gap:3px; min-height:42px; padding:0 14px; border-radius:12px; background:rgba(255,255,255,.035); box-shadow:inset 0 0 0 1px var(--control-line); color:#dfe1ed; font-size:10px; }
.control-console-feature-global input { width:16px; min-height:16px; margin:0; accent-color:var(--control-blue); }
.control-console-feature-global small { grid-column:2; color:var(--control-muted); font-size:8px; }
.control-console-feature-summary { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(150px,.35fr) minmax(300px,1fr); gap:10px; align-items:center; margin-bottom:14px; padding:17px 19px; border:1px solid var(--control-line); border-radius:20px; background:linear-gradient(120deg,rgba(157,140,255,.08),rgba(120,200,255,.035)); }
.control-console-feature-summary div { display:grid; gap:6px; }
.control-console-feature-summary span { color:var(--control-muted); font-size:8px; letter-spacing:.1em; }
.control-console-feature-summary strong { color:#f0f0f7; font-size:13px; font-weight:560; }
.control-console-feature-summary p { justify-self:end; margin:0; color:var(--control-muted); font-size:9px; line-height:1.55; text-align:right; }
.control-console-feature-nav { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; padding:6px; border:1px solid rgba(226,231,255,.07); border-radius:16px; background:rgba(12,14,23,.58); }
.control-console-feature-nav button { display:inline-flex; align-items:center; gap:8px; min-height:34px; padding:0 12px; color:#9295a7; border:0; border-radius:11px; background:transparent; font:inherit; font-size:9px; cursor:pointer; }
.control-console-feature-nav button small { display:grid; min-width:18px; height:18px; place-items:center; color:#777b8d; border-radius:999px; background:rgba(255,255,255,.055); font-size:7px; }
.control-console-feature-nav button.is-active { color:#f6f5ff; background:rgba(157,140,255,.13); box-shadow:inset 0 0 0 1px rgba(188,178,255,.11); }
.control-console-feature-groups { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.control-console-feature-groups > section { overflow:hidden; border:1px solid var(--control-line); border-radius:22px; background:var(--control-panel); box-shadow:inset 0 1px rgba(255,255,255,.055),0 18px 50px rgba(0,0,0,.13); }
.control-console-feature-groups > section[hidden],.control-console-feature-row[hidden] { display:none; }
.control-console-feature-groups section > header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 22px; border-bottom:1px solid rgba(229,232,255,.055); }
.control-console-feature-groups section > header span { display:block; margin-bottom:6px; color:var(--control-violet); font-size:8px; letter-spacing:.2em; }
.control-console-feature-groups section > header h2 { margin:0; font-size:16px; font-weight:540; }
.control-console-feature-groups section > header > div:last-child { display:flex; gap:7px; }
.control-console-feature-groups section > header button { min-height:32px; padding:0 11px; color:#c6c7d2; border:1px solid var(--control-line); border-radius:999px; background:rgba(255,255,255,.04); font:inherit; font-size:8px; cursor:pointer; }
.control-console-feature-row { display:grid; grid-template-columns:minmax(0,1fr) auto 40px; align-items:center; gap:18px; min-height:72px; padding:14px 22px; border-top:1px solid rgba(229,232,255,.045); cursor:pointer; }
.control-console-feature-row:first-child { border-top:0; }
.control-console-feature-row:hover { background:rgba(255,255,255,.022); }
.control-console-feature-row span { min-width:0; }
.control-console-feature-row strong,.control-console-feature-row small { display:block; }
.control-console-feature-row strong { color:#eff0f6; font-size:11px; font-weight:540; }
.control-console-feature-row small { margin-top:6px; color:var(--control-muted); font-size:8px; line-height:1.55; }
.control-console-feature-row em { color:var(--control-bad); font-size:9px; font-style:normal; white-space:nowrap; }
.control-console-feature-row:has(input:checked):not(.is-parent-disabled) em { color:var(--control-good); }
.control-console-feature-row.is-parent-disabled { background:rgba(255,141,155,.018); }
.control-console-feature-row.is-parent-disabled strong,.control-console-feature-row.is-parent-disabled em { opacity:.58; }
.control-console-feature-row input { appearance:none; position:relative; width:38px; height:22px; margin:0; border:1px solid rgba(226,231,255,.13); border-radius:999px; outline:0; background:rgba(255,255,255,.06); cursor:pointer; transition:background-color 180ms ease,border-color 180ms ease; }
.control-console-feature-row input::after { content:""; position:absolute; top:3px; left:3px; width:14px; height:14px; border-radius:50%; background:#7f8291; transition:transform 180ms ease,background-color 180ms ease,box-shadow 180ms ease; }
.control-console-feature-row input:checked { border-color:rgba(111,229,177,.3); background:rgba(111,229,177,.14); }
.control-console-feature-row input:checked::after { transform:translateX(16px); background:#a8f1d1; box-shadow:0 0 10px rgba(111,229,177,.35); }
.control-console-feature-row input:focus-visible { box-shadow:0 0 0 3px rgba(157,140,255,.18); }

.control-console-feature-card { position:relative; display:flex; flex-direction:column; align-items:flex-start; min-height:150px; padding:17px; border:1px solid rgba(111,229,177,.55); border-radius:18px; background:linear-gradient(145deg,rgba(111,229,177,.1),rgba(14,25,25,.78) 62%); box-shadow:inset 0 1px rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.12); cursor:pointer; transition:transform 180ms ease,border-color 180ms ease,background 180ms ease,box-shadow 180ms ease; }
.control-console-feature-card[hidden] { display:none; }
.control-console-feature-card.is-enabled { border-color:rgba(111,229,177,.55); }
.control-console-feature-card:hover { transform:translateY(-2px); box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 30px rgba(0,0,0,.2); }
.control-console-feature-card.is-disabled { border-color:rgba(255,112,127,.64); background:linear-gradient(145deg,rgba(255,112,127,.11),rgba(30,16,25,.8) 62%); }
.control-console-feature-card-mark { width:9px; height:9px; margin-bottom:20px; border-radius:50%; background:var(--control-good); box-shadow:0 0 15px rgba(111,229,177,.65); }
.control-console-feature-card.is-disabled .control-console-feature-card-mark { background:var(--control-bad); box-shadow:0 0 15px rgba(255,112,127,.65); }
.control-console-feature-card strong { color:#f1fff9; font-size:14px; font-weight:600; letter-spacing:.02em; }
.control-console-feature-card.is-disabled strong { color:#ffeef0; }
.control-console-feature-card small { min-height:28px; margin-top:8px; color:rgba(220,244,234,.68); font-size:9px; line-height:1.55; }
.control-console-feature-card.is-disabled small { color:rgba(255,216,220,.72); }
.control-console-feature-card em { margin-top:auto; color:var(--control-good); font-size:10px; font-style:normal; letter-spacing:.1em; }
.control-console-feature-card.is-disabled em { color:var(--control-bad); }
.control-console-feature-card input { position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; }

@media (max-width: 1180px) {
  .control-console-feature-groups { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .control-console-feature-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .control-console-feature-toolbar .control-console-button { grid-column:2; }
}
@media (max-width: 900px) {
  .control-console-feature-groups { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .control-console-access-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .control-console-access-toolbar > span { justify-self:start; }
}
@media (max-width: 620px) {
  .control-console-feature-groups { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .control-console-feature-toolbar { grid-template-columns:1fr; }
  .control-console-feature-toolbar .control-console-button { grid-column:auto; }
  .control-console-feature-card { min-height:136px; padding:14px; }
}

.control-console-token-toolbar { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 16px; }.control-console-token-toolbar label { width: min(320px,45%); }
.control-console-section-heading { margin: 35px 0 15px; }
.control-console-audit-filters { grid-template-columns: repeat(5,minmax(110px,1fr)) auto; }
.control-console-alert-heading { scroll-margin-top: 24px; }
.control-console-alert-filters { grid-template-columns: repeat(6,minmax(105px,1fr)) auto; }
.control-console-alert-severity { display:inline-flex; align-items:center; min-height:24px; padding:0 9px; border-radius:999px; background:rgba(255,255,255,.045); box-shadow:inset 0 0 0 1px var(--control-line); }
.control-console-alert-severity[data-severity="critical"] { color:#ffd1d7; background:rgba(126,37,55,.25); }
.control-console-alert-severity[data-severity="warning"] { color:#ffe0a2; background:rgba(130,86,28,.2); }

.control-console-drawer, .control-console-modal {
  color: var(--control-text);
  border: 0;
  background: rgba(12,13,20,.94);
  box-shadow: 0 30px 100px rgba(0,0,0,.55), inset 0 0 0 1px rgba(235,235,255,.12);
  backdrop-filter: blur(24px) saturate(130%);
}
.control-console-drawer::backdrop, .control-console-modal::backdrop { background: rgba(2,2,7,.68); backdrop-filter: blur(4px); }
.control-console-drawer { width: min(720px, 92vw); max-width: none; height: 100dvh; max-height: none; margin: 0 0 0 auto; padding: 0; border-radius: 28px 0 0 28px; animation: control-drawer-in 650ms var(--control-motion) both; }
@keyframes control-drawer-in { from { transform: translateX(30px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
.control-console-drawer-head { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; min-height: 94px; padding: 22px 28px; background: rgba(12,13,20,.94); border-bottom: 1px solid var(--control-line); backdrop-filter: blur(24px); }
.control-console-drawer-head h2 { margin: 0; font-size: 21px; font-weight: 540; }.control-console-drawer-head button, .control-console-modal header button { width: 38px; height: 38px; color: #ddd; border: 0; border-radius: 50%; background: rgba(255,255,255,.06); font: inherit; font-size: 22px; cursor: pointer; }
.control-console-drawer-body { display: grid; gap: 12px; padding: 22px 28px 50px; }
.control-console-detail-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-bottom: 8px; }.control-console-detail-summary div { padding: 14px; border-radius: 14px; background: rgba(255,255,255,.035); }.control-console-detail-summary span { display:block; margin-bottom:7px; color:var(--control-muted); font-size:8px; }.control-console-detail-summary strong { font-size:11px; font-weight:530; }
.control-console-code-wrap { position:relative; }.control-console-code-wrap>[data-control-copy] { position:absolute; top:8px; right:8px; z-index:1; min-width:48px; padding:5px 9px; border:1px solid rgba(196,209,255,.18); border-radius:8px; background:rgba(10,12,20,.86); color:var(--control-muted); font:inherit; cursor:pointer; }.control-console-code-wrap>.control-console-code { padding-top:38px; }
.control-console-detail-block { border-radius: 17px; background: rgba(255,255,255,.03); box-shadow: inset 0 0 0 1px rgba(255,255,255,.055); }.control-console-detail-block summary { padding: 16px 18px; cursor: pointer; font-size: 11px; font-weight: 540; }.control-console-detail-block > div { padding: 0 18px 18px; color:#b6b7c4; font-size:10px; line-height:1.75; }.control-console-code { max-height: 360px; margin:0; padding:14px; overflow:auto; border-radius:12px; color:#d9ddf1; background:#080910; white-space:pre-wrap; word-break:break-word; }
.control-console-execution { display:grid; grid-template-columns:8px 1fr auto; gap:10px; padding:10px 0; border-bottom:1px solid var(--control-line); }.control-console-execution i { width:6px; height:6px; margin-top:5px; border-radius:50%; background:var(--control-blue); box-shadow:0 0 8px var(--control-blue); }.control-console-execution:last-child { border-bottom:0; }
.control-console-credential-audit-empty { margin-top:14px; color:var(--control-muted); font-size:9px; }
.control-console-credential-audits { margin-top:16px; padding-top:14px; border-top:1px solid var(--control-line); }.control-console-credential-audits > strong { display:block; margin-bottom:9px; color:var(--control-text); font-size:10px; letter-spacing:.08em; }.control-console-credential-audits ol { display:grid; gap:7px; margin:0; padding:0; list-style:none; }.control-console-credential-audits li { display:grid; grid-template-columns:minmax(132px,auto) minmax(70px,1fr) minmax(108px,1fr) auto; gap:9px; align-items:center; padding:8px 10px; border:1px solid var(--control-line); border-radius:10px; background:rgba(255,255,255,.025); font-size:9px; }.control-console-credential-audits li b { color:var(--control-text); font-weight:560; }.control-console-credential-audits li em { color:var(--control-cyan); font-style:normal; }.control-console-credential-audits li em[data-result="denied"],.control-console-credential-audits li em[data-result="failed"] { color:var(--control-danger); }.control-console-credential-audits li small { grid-column:1/-1; color:var(--control-muted); }

.control-console-modal { width: min(460px, calc(100vw - 28px)); padding: 0; border-radius: 26px; }.control-console-modal form { padding: 24px; }.control-console-modal header { display:flex; justify-content:space-between; align-items:start; margin-bottom:20px; }.control-console-modal h2 { margin:0; font-size:19px; font-weight:540; }.control-console-modal p { color:var(--control-muted); font-size:10px; line-height:1.65; }.control-console-modal label { display:grid; gap:8px; margin-top:13px; color:#a9aabb; font-size:9px; }.control-console-modal footer { display:flex; justify-content:flex-end; gap:8px; margin-top:22px; }.control-console-modal output { display:block; margin-top:14px; padding:13px; color:#e8e4ff; border-radius:13px; background:#080910; word-break:break-all; user-select:all; }
.control-console-token-seedance-fields { min-width:0; margin:16px 0 0; padding:13px; border:1px solid var(--control-line); border-radius:14px; }.control-console-token-seedance-fields[hidden] { display:none; }.control-console-token-seedance-fields legend { padding:0 6px; color:var(--control-violet); font-size:9px; }.control-console-token-seedance-fields p { margin:0; }
.control-console-modal output[hidden] { display:none; }
.control-console-modal textarea { width:100%; min-height:110px; resize:vertical; padding:12px; color:var(--control-text); border:0; border-radius:13px; outline:0; background:rgba(255,255,255,.055); box-shadow:inset 0 0 0 1px var(--control-line); font:inherit; font-size:10px; line-height:1.6; color-scheme:dark; }
.control-console-modal textarea:focus { box-shadow:inset 0 0 0 1px var(--control-violet),0 0 0 3px rgba(157,140,255,.12); }
.control-console-media-gallery { display:grid; gap:10px; margin-top:14px; padding-top:14px; border-top:1px solid var(--control-line); }.control-console-media-gallery > strong { font-size:10px; letter-spacing:.08em; }.control-console-media-gallery article { display:grid; gap:8px; padding:10px; border:1px solid var(--control-line); border-radius:13px; background:rgba(255,255,255,.025); }.control-console-media-gallery img,.control-console-media-gallery video { width:100%; max-height:260px; object-fit:contain; border-radius:9px; background:#040509; }.control-console-media-gallery audio { width:100%; }.control-console-media-gallery small { color:var(--control-muted); font-size:9px; }.control-console-media-gallery article[data-unavailable="true"] small { color:var(--control-danger); }.control-console-media-gallery a { color:var(--control-cyan); font-size:9px; text-decoration:none; }
.control-console-result-preview { margin-top:0; padding-top:0; border-top:0; }
.control-console-archive-section { display:grid; gap:10px; margin-top:14px; padding-top:14px; border-top:1px solid var(--control-line); word-break:normal; }.control-console-archive-section > strong { color:var(--control-text); font-size:10px; letter-spacing:.08em; }.control-console-archive-section article { display:grid; gap:8px; padding:12px; border:1px solid var(--control-line); border-radius:14px; background:linear-gradient(145deg,rgba(157,140,255,.055),rgba(255,255,255,.018)); }.control-console-archive-section article header { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 12px; align-items:baseline; }.control-console-archive-section article header strong { color:var(--control-text); font-size:10px; }.control-console-archive-section article header small,.control-console-archive-section article > span { color:var(--control-muted); font-size:8px; }.control-console-archive-section .control-console-code { max-height:260px; font-size:9px; line-height:1.65; }.control-console-archive-raw { margin-top:14px; border-top:1px solid var(--control-line); word-break:normal; }.control-console-archive-raw summary { padding:14px 0 10px; color:var(--control-muted); cursor:pointer; font-size:9px; }
.control-console-research-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }.control-console-research-links a { padding:7px 10px; color:var(--control-cyan); border:1px solid rgba(95,210,255,.22); border-radius:9px; background:rgba(95,210,255,.055); font-size:9px; text-decoration:none; }.control-console-research-links a:hover,.control-console-research-links a:focus-visible { color:#fff; border-color:rgba(95,210,255,.52); outline:0; }
.control-console-toast { position:fixed; z-index:55; right:26px; bottom:24px; max-width:min(420px,calc(100vw - 40px)); padding:13px 17px; color:#fff; border-radius:14px; background:rgba(28,28,42,.95); box-shadow:0 18px 60px rgba(0,0,0,.4),inset 0 0 0 1px var(--control-line-bright); font-size:10px; animation:control-page-enter 480ms var(--control-motion) both; }
.control-console-ripple { position:fixed; z-index:54; width:18px; height:18px; margin:-9px 0 0 -9px; pointer-events:none; border:1px solid rgba(174,204,255,.7); border-radius:50%; animation:control-ripple 700ms var(--control-motion) forwards; }
@keyframes control-ripple { to { opacity:0; transform:scale(7); } }
.sr-only { position:absolute !important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

@media (max-width: 1120px) {
  .control-console { grid-template-columns: 78px minmax(0,1fr); }
  .control-console-sidebar { padding-inline:10px; }.control-console-brand { justify-content:center; padding-inline:0; }.control-console-brand > div,.control-console-sidebar-foot span { display:none; }.control-console-nav button { grid-template-columns:1fr; justify-items:center; padding:0; }.control-console-nav button b { font-size:9px; }.control-console-nav button span { font-size:16px; }.control-console-sidebar-foot { justify-content:center; }
  .control-console-filters,.control-console-audit-filters,.control-console-alert-filters { grid-template-columns:repeat(3,minmax(130px,1fr)); }.control-console-filter-actions { align-items:center; }
  .control-console-hero { grid-template-columns:minmax(230px,.65fr) minmax(360px,1.35fr); gap:28px; }
}

@media (max-width: 760px) {
  .control-console { display:block; overflow:auto; }
  .control-console-sidebar { position:sticky; top:0; z-index:10; flex-direction:row; align-items:center; min-height:68px; padding:8px 14px; border-right:0; border-bottom:1px solid var(--control-line); background:rgba(6,7,12,.92); backdrop-filter:blur(22px); }
  .control-console-brand { padding:0 13px 0 0; }.control-console-orbit { width:32px;height:32px; }.control-console-nav { display:flex; margin-left:auto; }.control-console-nav button { width:62px; min-height:44px; }.control-console-nav button b { font-size:8px; }.control-console-sidebar-foot { display:none; }
  .control-console-main { height:auto; min-height:calc(100dvh - 68px); padding:22px 14px 56px; overflow:visible; }
  .control-console-topbar { align-items:flex-start; margin-bottom:20px; }.control-console-top-actions { flex-wrap:wrap; justify-content:flex-end; }.control-console-update { width:100%; text-align:right; }.control-console-topbar h1 { font-size:27px; }
  .control-console-grid-overview { grid-template-columns:1fr; }.control-console-card-models { grid-column:auto; }.control-console-hero { grid-template-columns:1fr; min-height:176px;padding:28px; }.control-console-consumption-chart { min-height:180px; }
  .control-console-filters,.control-console-audit-filters,.control-console-alert-filters { grid-template-columns:1fr 1fr; }.control-console-model-list { grid-template-columns:1fr; }
  .control-console-table-scroll { overflow-x:auto; }.control-console table { min-width:860px; }
  .control-console-drawer { width:100vw; border-radius:0; }.control-console-detail-summary { grid-template-columns:1fr 1fr; }
}

@media (max-width: 520px) {
  #controlTokenNavBtn { display:none; }
  .control-console-topbar { display:grid; }.control-console-top-actions { justify-content:start; }.control-console-update { text-align:left; }.control-console-top-actions .control-console-button-muted { display:none; }
  .control-console-filters,.control-console-audit-filters,.control-console-alert-filters { grid-template-columns:1fr; }.control-console-token-toolbar { display:grid; }.control-console-token-toolbar label { width:100%; }
  .control-console-time-range-fields { grid-template-columns:1fr; }
  .control-console-hero-summary > strong { font-size:50px; }.control-console-consumption-heading small { display:none; }.control-console-consumption-chart { min-height:160px; }.control-console-card { padding:18px; }.control-console-detail-summary { grid-template-columns:1fr; }
  .control-console-usage-scroll { overflow:visible; }
  .control-console .control-console-usage-table { min-width:0; border-collapse:separate; }
  .control-console-usage-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .control-console-usage-table tbody { display:grid; gap:10px; padding:12px; }
  .control-console-usage-table tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 16px; padding:16px; border:1px solid var(--control-line); border-radius:17px; background:rgba(255,255,255,.025); }
  .control-console-usage-table td { min-width:0; padding:0; border:0; overflow-wrap:anywhere; }
  .control-console-usage-table td::before { display:block; margin-bottom:5px; color:var(--control-muted); font-size:8px; letter-spacing:.08em; }
  .control-console-usage-table td:nth-child(1) { order:2; grid-column:1/-1; }.control-console-usage-table td:nth-child(1)::before { content:"请求时间"; }
  .control-console-usage-table td:nth-child(2) { order:1; grid-column:1/-1; }.control-console-usage-table td:nth-child(2)::before { content:"任务编号"; }
  .control-console-usage-table td:nth-child(3) { order:3; }.control-console-usage-table td:nth-child(3)::before { content:"请求人 / 司部"; }
  .control-console-usage-table td:nth-child(4) { order:4; }.control-console-usage-table td:nth-child(4)::before { content:"模型"; }
  .control-console-usage-table td:nth-child(5) { order:5; }.control-console-usage-table td:nth-child(5)::before { content:"类型"; }
  .control-console-usage-table td:nth-child(6) { order:6; }.control-console-usage-table td:nth-child(6)::before { content:"状态"; }
  .control-console-usage-table td:nth-child(7) { order:7; }.control-console-usage-table td:nth-child(7)::before { content:"响应耗时"; }
  .control-console-usage-table td:nth-child(8) { order:8; }.control-console-usage-table td:nth-child(8)::before { content:"最终消耗"; }
  .control-console-usage-table td:nth-child(9) { order:9; grid-column:1/-1; }.control-console-usage-table td:nth-child(9)::before { content:"操作"; }
  .control-console-usage-table .control-console-row-button { width:100%; min-height:40px; }
  .control-console-usage-table .control-console-empty { grid-column:1/-1; }.control-console-usage-table .control-console-empty::before { display:none; }
}

@media (prefers-reduced-motion: reduce) {
  .control-console *, .control-console *::before, .control-console *::after { animation:none!important; scroll-behavior:auto!important; transition:none!important; }
  .control-console-particles,.control-console-ripple { display:none!important; }
}

/* 队列诊断：紧凑运行遥测，沿用控制总台的低重绘玻璃层。 */
.control-console-queue-overview { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 14px; margin-bottom: 14px; }
.control-console-queue-status-grid { display: grid; grid-template-columns: repeat(5, minmax(112px, 1fr)); gap: 9px; }
.control-console-queue-status-grid article { position: relative; min-height: 118px; padding: 17px; overflow: hidden; border: 1px solid rgba(224,228,255,.075); border-radius: 20px; background: rgba(15,17,28,.68); box-shadow: inset 0 1px rgba(255,255,255,.045); }
.control-console-queue-status-grid article::after { content:""; position:absolute; right:15px; top:17px; width:7px; height:7px; border-radius:50%; background:var(--queue-color,#8790a7); box-shadow:0 0 16px var(--queue-color,#8790a7); }
.control-console-queue-status-grid article[data-queue-card="queued"],.control-console-queue-status-grid article[data-queue-card="leased"] { --queue-color:#78a9ff; }
.control-console-queue-status-grid article[data-queue-card="sourceStarted"] { --queue-color:#c8a8ff; }
.control-console-queue-status-grid article[data-queue-card="completing"] { --queue-color:#79e5c2; }
.control-console-queue-status-grid article[data-queue-card="unknown"] { --queue-color:#ffb58c; }
.control-console-queue-status-grid span,.control-console-queue-status-grid small { display:block; color:var(--control-muted); font-size:9px; letter-spacing:.08em; }
.control-console-queue-status-grid strong { display:block; margin:12px 0 7px; color:#f4f5ff; font:500 clamp(24px,2.5vw,34px)/1 var(--control-display); letter-spacing:-.045em; }
.control-console-queue-status-grid small { font-family:var(--control-mono); letter-spacing:.04em; }
.control-console-queue-safety { display:flex; flex-direction:column; justify-content:space-between; min-height:118px; padding:17px 18px; border:1px solid rgba(187,171,255,.12); border-radius:20px; background:linear-gradient(145deg,rgba(126,102,222,.11),rgba(18,20,32,.76) 54%); }
.control-console-queue-safety > div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:3px 0; }
.control-console-queue-safety span { color:var(--control-muted); font-size:9px; }
.control-console-queue-safety strong { color:#ececff; font-size:10px; font-weight:550; }
.control-console-queue-safety p { margin:10px 0 0; color:#aeb0c1; font-size:9px; line-height:1.65; }
.control-console-queue-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 12px; padding:7px; border:1px solid rgba(224,228,255,.07); border-radius:16px; background:rgba(12,14,23,.58); }
.control-console-queue-environments { display:flex; align-items:center; gap:8px; flex:0 0 auto; padding-right:8px; border-right:1px solid rgba(224,228,255,.08); }
.control-console-queue-environments > span { color:var(--control-muted); font-size:8px; line-height:1.25; white-space:nowrap; }
.control-console-queue-environments > div { display:flex; gap:3px; padding:3px; border:1px solid rgba(224,228,255,.08); border-radius:12px; background:rgba(5,7,13,.46); box-shadow:inset 0 1px rgba(255,255,255,.025); }
.control-console-queue-environments button { min-height:30px; padding:0 11px; color:#85899d; border:0; border-radius:9px; background:transparent; font:550 9px/1 var(--control-body); cursor:pointer; transition:color 180ms ease,background 180ms ease,box-shadow 180ms ease; }
.control-console-queue-environments button:hover { color:#d9daf0; }
.control-console-queue-environments button.is-active { color:#f7f6ff; background:rgba(126,164,255,.16); box-shadow:inset 0 0 0 1px rgba(153,184,255,.19),0 0 18px rgba(91,135,255,.08); }
.control-console-queue-filters { display:flex; gap:4px; min-width:0; overflow-x:auto; scrollbar-width:none; }
.control-console-queue-filters::-webkit-scrollbar { display:none; }
.control-console-queue-filters button { flex:0 0 auto; padding:8px 11px; color:#8f92a4; border:0; border-radius:11px; background:transparent; font:500 9px/1 var(--control-body); cursor:pointer; transition:color 180ms ease,background 180ms ease,box-shadow 180ms ease; }
.control-console-queue-filters button.is-active { color:#f3f2ff; background:rgba(255,255,255,.075); box-shadow:inset 0 0 0 1px rgba(232,233,255,.08); }
.control-console-queue-actions { display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.control-console-queue-actions > span { color:var(--control-muted); font-size:8px; }
.control-console-button-danger { color:#fff2eb; border:1px solid rgba(255,158,116,.2); background:rgba(167,70,43,.22); box-shadow:inset 0 1px rgba(255,255,255,.05); }
.control-console-button-danger:hover { background:rgba(180,75,46,.31); }
.control-console-queue-table { min-width:1040px; }
.control-console-queue-slots { margin-bottom:16px; }
.control-console-queue-slots header { padding:16px 18px 8px; }
.control-console-queue-slots h3 { margin:0 0 8px; font-size:14px; }
.control-console-queue-slots p { margin:0; color:var(--control-muted); font-size:11px; line-height:1.7; }
.control-console-queue-slots table { width:100%; table-layout:fixed; }
.control-console-queue-slots th:nth-child(-n+3) { width:13%; }
.control-console-queue-slots td { white-space:normal; line-height:1.8; overflow-wrap:anywhere; }
.control-console-queue-slots td small { display:block; color:var(--control-muted); }
.control-console-queue-slots .control-console-queue-slot-note { padding:10px 18px 14px; }
.control-console-queue-table td { vertical-align:middle; }
.control-console-queue-table td:nth-child(1) { max-width:205px; }
.control-console-queue-table td:nth-child(6) { max-width:230px; }
.control-console-queue-table td strong { display:block; overflow:hidden; text-overflow:ellipsis; }
.control-console-queue-table td small { display:block; max-width:240px; margin-top:5px; overflow:hidden; color:var(--control-muted); font-size:8px; line-height:1.35; text-overflow:ellipsis; }
.control-console-status[data-status="leased"] { --status-color:#78a9ff; }
.control-console-status[data-status="sourceStarted"] { --status-color:#c8a8ff; }
.control-console-status[data-status="completing"] { --status-color:#79e5c2; }
.control-console-queue-clear { color:#ffd8c6; }
.control-console-queue-blocked { color:#757888; font-size:8px; line-height:1.35; }
.control-console-queue-confirm p { margin:4px 0 2px; color:#b4b5c3; font-size:10px; line-height:1.7; }

@media (max-width: 1120px) {
  .control-console-queue-overview { grid-template-columns:1fr; }
  .control-console-queue-status-grid { grid-template-columns:repeat(5,minmax(105px,1fr)); overflow-x:auto; padding-bottom:3px; }
  .control-console-queue-safety { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); min-height:auto; }
  .control-console-queue-safety p { grid-column:1/-1; }
  .control-console-queue-toolbar { flex-wrap:wrap; }
  .control-console-queue-filters { order:3; flex:1 0 100%; }
}
@media (max-width: 760px) {
  .control-console-queue-toolbar { align-items:stretch; flex-direction:column; }
  .control-console-queue-environments { justify-content:space-between; padding:0 0 7px; border-right:0; border-bottom:1px solid rgba(224,228,255,.08); }
  .control-console-queue-filters { order:initial; }
  .control-console-queue-actions { justify-content:space-between; }
}
@media (max-width: 600px) {
  #controlQueueClearAll { display:none; }
}
@media (max-width: 520px) {
  .control-console-queue-status-grid { grid-template-columns:repeat(5,116px); }
  .control-console-queue-status-grid article { min-height:104px; padding:14px; border-radius:17px; }
  .control-console-queue-status-grid strong { margin:10px 0 6px; font-size:27px; }
  .control-console-queue-safety { grid-template-columns:1fr; border-radius:17px; }
  .control-console-queue-safety p { grid-column:auto; }
  .control-console-queue-table-card .control-console-table-scroll { overflow-x:hidden; }
  .control-console .control-console-queue-table { display:block; min-width:0; }
  .control-console-queue-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
  .control-console-queue-table tbody { display:grid; gap:9px; padding:9px; }
  .control-console-queue-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 12px; padding:14px; border:1px solid rgba(224,228,255,.07); border-radius:16px; background:rgba(255,255,255,.025); }
  .control-console-queue-table td { display:block; max-width:none !important; padding:0; border:0; white-space:normal; }
  .control-console-queue-table td:first-child,.control-console-queue-table td:nth-child(6) { grid-column:1/-1; }
  .control-console-queue-table td:nth-child(7) { display:none; }
}

.control-console-upstream-id { min-width:160px; max-width:260px; overflow-wrap:anywhere; }
.control-console-task-number { display:inline-flex; align-items:center; gap:6px; max-width:100%; }
.control-console-task-number > strong { min-width:0; overflow-wrap:anywhere; }
.control-console-task-number > .control-console-task-copy { flex:none; white-space:nowrap; }