:root {
  color-scheme: dark;
  --night: #09111f;
  --ink: #0d1829;
  --panel: #111f34;
  --panel-2: #15263e;
  --line: #2b3b53;
  --line-soft: rgba(147,162,186,.16);
  --paper: #f2efe7;
  --muted: #8490a4;
  --faint: #5e6b80;
  --white: #f5f7fa;
  --gold: #d0ad68;
  --green: #54d3a6;
  --red: #ff7f93;
  --blue: #6588ff;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --serif: Georgia, "Times New Roman", serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--night); color: var(--white); font-family: var(--sans); font-size: 14px; }
button, input, select { font: inherit; }
a { color: inherit; }
.brand-mark { display: grid; width: 48px; height: 48px; place-items: center; flex: 0 0 auto; background: var(--paper); color: var(--night); font-family: var(--serif); font-size: 27px; font-style: italic; font-weight: 800; box-shadow: 5px 5px 0 #a9874c; }
.eyebrow, .section-kicker { color: var(--gold); font-family: var(--mono); font-size: 10px; font-weight: 900; letter-spacing: .15em; }

.auth-page { min-height: 100vh; background: radial-gradient(circle at 78% 10%, rgba(74,98,142,.22), transparent 28%), linear-gradient(145deg, #07101d, #101c30 52%, #091321); }
.auth-shell, .install-shell { display: grid; width: min(1100px, calc(100% - 36px)); min-height: 100vh; margin: 0 auto; align-items: center; gap: 8vw; grid-template-columns: 1.18fr .82fr; }
.install-shell { width: min(1000px, calc(100% - 36px)); }
.auth-brand { position: relative; padding: 40px 0; }
.auth-brand::after { position: absolute; top: -12vh; right: -9vw; width: 480px; height: 480px; border: 1px solid rgba(208,173,104,.13); border-radius: 50%; content: ""; pointer-events: none; }
.auth-brand > p { margin: 34px 0 15px; color: var(--green); font-family: var(--mono); font-size: 11px; letter-spacing: .16em; }
.auth-brand h1 { margin: 0; font-family: var(--serif); font-size: clamp(58px, 7vw, 94px); font-weight: 500; line-height: .91; letter-spacing: -.065em; }
.auth-brand > span:last-of-type { display: block; max-width: 540px; margin-top: 30px; color: #919bad; font-size: 15px; line-height: 1.75; }
.auth-proof { display: grid; max-width: 540px; margin-top: 48px; padding: 18px 20px; gap: 4px 12px; grid-template-columns: 8px 1fr; border: 1px solid var(--line); background: rgba(16,30,51,.55); }
.auth-proof i { width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 6px rgba(84,211,166,.08); }
.auth-proof b { font-family: var(--mono); font-size: 10px; letter-spacing: .09em; }
.auth-proof small { grid-column: 2; color: var(--muted); font-size: 11px; }
.auth-card { position: relative; z-index: 2; padding: 38px; border: 1px solid #3a4960; background: linear-gradient(150deg, rgba(23,40,65,.97), rgba(11,22,38,.97)); box-shadow: 0 35px 90px rgba(0,0,0,.34); }
.auth-card::before { position: absolute; top: 0; right: 38px; width: 74px; height: 2px; background: var(--gold); content: ""; }
.auth-card h2 { margin: 14px 0 0; font-family: var(--serif); font-size: 36px; font-weight: 500; letter-spacing: -.045em; }
.auth-card > p { margin: 10px 0 26px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.auth-card label { display: block; margin-top: 16px; color: #9ba6b7; font-family: var(--mono); font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.auth-card input { width: 100%; height: 48px; margin-top: 8px; padding: 0 14px; border: 1px solid #415069; outline: none; background: #0b1728; color: var(--white); }
.auth-card input:focus { border-color: var(--gold); box-shadow: inset 3px 0 0 var(--gold); }
.auth-card .check-row { display: flex; margin-top: 19px; padding: 13px; align-items: flex-start; gap: 11px; border: 1px solid #69424c; background: rgba(100,35,49,.22); cursor: pointer; }
.auth-card .check-row input { width: 16px; height: 16px; margin: 1px 0 0; padding: 0; flex: 0 0 auto; accent-color: var(--red); box-shadow: none; }
.auth-card .check-row b, .auth-card .check-row small { display: block; }.auth-card .check-row b { color: #ff91a1; font-size: 8px; letter-spacing: .09em; }.auth-card .check-row small { margin-top: 5px; color: #a8858c; font-family: var(--sans); font-size: 9px; font-weight: 400; letter-spacing: 0; line-height: 1.45; }
.auth-card button { width: 100%; height: 50px; margin-top: 24px; border: 1px solid var(--green); background: #174f43; color: #dff8ef; cursor: pointer; font-family: var(--mono); font-size: 10px; font-weight: 900; letter-spacing: .11em; }
.auth-card > small { display: block; margin-top: 15px; color: var(--faint); font-size: 10px; line-height: 1.5; text-align: center; }
.form-error { padding: 12px 14px; border: 1px solid #874756; background: rgba(119,43,59,.35); color: #ff9cab !important; font-size: 12px !important; }
.field-grid { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }
.install-form { margin: 40px 0; }

.dashboard-page { background: var(--paper); color: #101a2b; }
.dashboard-shell { display: grid; min-height: 100vh; grid-template-columns: 250px minmax(0,1fr); }
.sidebar { position: sticky; top: 0; display: flex; height: 100vh; padding: 29px 23px; flex-direction: column; background: linear-gradient(170deg, #0a1322, #101c30); color: var(--white); }
.side-brand { display: flex; align-items: center; gap: 15px; text-decoration: none; }
.side-brand .brand-mark { width: 42px; height: 42px; font-size: 23px; }
.side-brand b, .side-brand small { display: block; }
.side-brand b { font-size: 12px; letter-spacing: .19em; }
.side-brand small { margin-top: 5px; color: #758197; font-family: var(--mono); font-size: 6px; letter-spacing: .11em; }
.sidebar nav { display: grid; margin-top: 34px; gap: 3px; }
.sidebar nav a { display: flex; height: 37px; padding: 0 12px; align-items: center; gap: 12px; border: 1px solid transparent; color: #8793a7; text-decoration: none; font-size: 11px; }
.sidebar nav a span { color: #58667c; font-family: var(--mono); font-size: 8px; }
.sidebar nav a:hover, .sidebar nav a.active { border-color: #34435a; background: #142238; color: #fff; }
.sidebar nav a.active span { color: var(--gold); }
.side-runtime { margin-top: auto; padding: 16px 14px; border: 1px solid #324158; background: rgba(18,33,55,.62); }
.side-runtime > span, .side-runtime b, .side-runtime small { display: block; }
.side-runtime > span { color: #6f7c90; font-family: var(--mono); font-size: 7px; letter-spacing: .1em; }
.side-runtime b { margin-top: 10px; font-family: var(--mono); font-size: 10px; letter-spacing: .08em; }
.side-runtime i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; vertical-align: 0; }
.side-runtime i.healthy { background: var(--green); box-shadow: 0 0 0 5px rgba(84,211,166,.09); }
.side-runtime i.attention { background: var(--gold); box-shadow: 0 0 0 5px rgba(208,173,104,.08); }
.side-runtime small { margin-top: 7px; color: #657288; font-family: var(--mono); font-size: 6px; line-height: 1.5; }
.signout { width: 100%; height: 36px; margin-top: 10px; border: 1px solid #4a3c48; background: transparent; color: #a98189; cursor: pointer; font-family: var(--mono); font-size: 8px; letter-spacing: .1em; }
.control-main { width: 100%; max-width: 1510px; padding: 35px 42px 28px; }
.flash { position: fixed; z-index: 20; top: 22px; right: 28px; max-width: 420px; padding: 13px 18px; border: 1px solid #8fbfae; background: #e5f3ed; color: #176149; box-shadow: 0 14px 40px rgba(15,25,42,.14); transition: opacity .3s ease, transform .3s ease; }
.flash.error { border-color: #d699a4; background: #f5e7e9; color: #a82f42; }
.flash.fade { opacity: 0; transform: translateY(-6px); }
.topbar { display: flex; padding-bottom: 28px; align-items: flex-end; justify-content: space-between; gap: 30px; border-bottom: 1px solid #bdbbb4; }
.topbar h1 { margin: 10px 0 0; font-family: var(--serif); font-size: 49px; font-weight: 500; letter-spacing: -.055em; }
.topbar p { margin: 9px 0 0; color: #747b87; font-size: 12px; }
.top-state { display: grid; width: 290px; min-height: 88px; padding: 14px 16px; grid-template-columns: 1fr auto; border: 1px solid #c9c6bc; background: #faf9f5; }
.top-state span { color: #8c9096; font-family: var(--mono); font-size: 7px; letter-spacing: .1em; }
.top-state b { font-family: var(--mono); font-size: 9px; letter-spacing: .1em; }
.top-state b.live { color: #087d5a; }.top-state b.standby { color: #9b3445; }
.top-state small { grid-column: 1 / -1; align-self: end; color: #727985; font-size: 10px; line-height: 1.4; }
.metrics { display: grid; margin-top: 22px; border: 1px solid #c9c7bf; background: #faf9f5; grid-template-columns: repeat(4,minmax(0,1fr)); box-shadow: 0 14px 36px rgba(17,26,43,.06); }
.metrics article { min-height: 114px; padding: 19px; border-right: 1px solid #d5d2ca; }
.metrics article:last-child { border-right: 0; }
.metrics span, .metrics b, .metrics small { display: block; }
.metrics span { color: #8a8e95; font-family: var(--mono); font-size: 7px; font-weight: 900; letter-spacing: .1em; }
.metrics b { margin-top: 17px; font-family: var(--mono); font-size: 22px; font-variant-numeric: tabular-nums; }
.metrics small { margin-top: 9px; color: #989b9e; font-family: var(--mono); font-size: 6px; letter-spacing: .07em; }
.positive { color: #087f5b !important; }.negative { color: #c23c50 !important; }
.freshness { color: #979b9f; font-family: var(--mono); font-size: 7px; letter-spacing: .06em; }
.market-analyzer { scroll-margin-top: 16px; }
.analyzer-search { display: grid; margin-bottom: 13px; padding: 14px; gap: 10px; grid-template-columns: minmax(200px,1.6fr) minmax(170px,.7fr) auto; border: 1px solid #c9c7bf; background: #faf9f5; }
.analyzer-search label { display: grid; gap: 7px; }.analyzer-search label > span { color: #8a8e95; font-family: var(--mono); font-size: 7px; font-weight: 900; letter-spacing: .1em; }
.analyzer-search input, .analyzer-search select { height: 41px; padding: 0 12px; border: 1px solid #c5c3bb; outline: none; background: #f4f2ec; color: #172238; font-family: var(--mono); font-size: 10px; }.analyzer-search input:focus, .analyzer-search select:focus { border-color: #9d7a3f; box-shadow: inset 3px 0 0 var(--gold); }
.analyzer-search button { align-self: end; height: 41px; padding: 0 18px; border: 1px solid #233750; background: #102039; color: #fff; cursor: pointer; font-family: var(--mono); font-size: 7px; font-weight: 900; letter-spacing: .09em; }
.market-error { margin-bottom: 13px; padding: 11px 14px; border: 1px solid #d5a1aa; background: #f6e9eb; color: #a53749; font-size: 10px; }
.market-tape { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid #c9c7bf; background: #faf9f5; }.market-tape > div { min-height: 76px; padding: 15px; border-right: 1px solid #d8d5cc; }.market-tape > div:last-child { border-right: 0; }.market-tape span, .market-tape b, .market-tape small { display: block; }.market-tape span { color: #8d9197; font-family: var(--mono); font-size: 6px; letter-spacing: .1em; }.market-tape b { margin-top: 9px; font-family: var(--mono); font-size: 13px; }.market-tape small { margin-top: 5px; color: #a3a49f; font-family: var(--mono); font-size: 6px; letter-spacing: .08em; }
.rsi-admin-grid { display: grid; margin-top: 12px; gap: 10px; grid-template-columns: repeat(5,minmax(0,1fr)); }.rsi-admin-card { position: relative; min-width: 0; padding: 15px; overflow: hidden; border: 1px solid #344158; background: linear-gradient(150deg,#15243a,#0d192b); color: #fff; }.rsi-admin-card::before { position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #6985aa; content: ""; }.rsi-admin-card.hot::before { background: var(--red); }.rsi-admin-card.cold::before { background: var(--green); }.rsi-admin-card header { display: flex; align-items: center; justify-content: space-between; }.rsi-admin-card header span { font-family: var(--mono); font-size: 9px; font-weight: 900; }.rsi-admin-card header small { color: #69778c; font-family: var(--mono); font-size: 5px; }.rsi-admin-card > strong { display: block; margin-top: 18px; font-family: var(--mono); font-size: 27px; font-weight: 500; }.rsi-admin-card.hot > strong { color: var(--red); }.rsi-admin-card.cold > strong { color: var(--green); }.rsi-admin-card > div { display: grid; margin-top: 15px; gap: 6px; }.rsi-admin-card > div span { display: flex; justify-content: space-between; color: #707e93; font-family: var(--mono); font-size: 6px; }.rsi-admin-card > div b { color: #b7c0cd; font-weight: 500; }
.performance-strip { display: grid; margin-top: 10px; grid-template-columns: repeat(5,1fr); border: 1px solid #c9c7bf; background: #faf9f5; }.performance-strip > span { min-width: 0; padding: 12px 14px; border-right: 1px solid #d9d6ce; }.performance-strip > span:last-child { border-right: 0; }.performance-strip small, .performance-strip b { display: block; }.performance-strip small { color: #93969a; font-family: var(--mono); font-size: 6px; letter-spacing: .08em; }.performance-strip b { margin-top: 7px; font-family: var(--mono); font-size: 10px; }
.radar-pair { display: grid; gap: 18px; grid-template-columns: 1fr 1fr; }.radar-panel { min-width: 0; }.radar-admin-list { max-height: 520px; overflow: auto; border: 1px solid #c9c7bf; background: #faf9f5; scrollbar-color: #9aa0a8 #eceae4; scrollbar-width: thin; }.radar-admin-row { display: grid; min-height: 63px; padding: 0 12px; align-items: center; gap: 10px; grid-template-columns: 24px minmax(105px,1fr) 55px 56px 56px; border-bottom: 1px solid #dfdcd4; }.radar-admin-row:last-child { border-bottom: 0; }.radar-admin-row .rank { color: #a2a39f; font-family: var(--mono); font-size: 7px; }.radar-admin-row > div b, .radar-admin-row > div small { display: block; }.radar-admin-row > div b { font-family: var(--mono); font-size: 9px; }.radar-admin-row > div small { margin-top: 5px; color: #979a9d; font-family: var(--mono); font-size: 6px; letter-spacing: .05em; }.radar-admin-row > strong { color: #c23c50; font-family: var(--mono); font-size: 14px; text-align: right; }.radar-panel.low .radar-admin-row > strong { color: #087f5b; }.radar-admin-row .perf b, .radar-admin-row .perf small { display: block; text-align: right; }.radar-admin-row .perf b { font-family: var(--mono); font-size: 8px; }.radar-admin-row .perf small { margin-top: 4px; color: #a0a19e; font-family: var(--mono); font-size: 5px; }
.news-admin-list { border: 1px solid #c9c7bf; background: #faf9f5; }.news-admin-row { display: grid; min-height: 68px; padding: 13px 16px; align-items: center; gap: 15px; grid-template-columns: 70px 1fr auto; border-bottom: 1px solid #dedbd3; color: inherit; text-decoration: none; transition: background .16s ease; }.news-admin-row:hover { background: #eeece5; }.news-admin-row:last-child { border-bottom: 0; }.news-type { display: grid; height: 25px; place-items: center; border: 1px solid #a7b5ae; background: #e2eee9; color: #176c51; font-family: var(--mono); font-size: 6px; font-weight: 900; letter-spacing: .09em; }.news-type.delist { border-color: #d0a2aa; background: #f3e3e6; color: #a33346; }.news-admin-row div b, .news-admin-row div small { display: block; }.news-admin-row div b { font-size: 11px; font-weight: 650; }.news-admin-row div small { margin-top: 6px; color: #96999c; font-family: var(--mono); font-size: 6px; }.news-admin-row > span:last-child { color: #9d7a3f; font-family: var(--mono); font-size: 6px; font-weight: 900; letter-spacing: .08em; }
.command-deck { display: grid; margin-top: 24px; padding: 26px; gap: 22px 30px; grid-template-columns: 1fr auto; border: 1px solid #2c3b52; background: radial-gradient(circle at 95% 0, rgba(81,108,151,.24), transparent 32%), #0f1a2c; color: var(--white); box-shadow: 0 18px 44px rgba(17,26,43,.12); }
.command-deck h2, .panel h2 { margin: 7px 0 0; font-family: var(--serif); font-size: 28px; font-weight: 500; letter-spacing: -.04em; }
.command-deck p { margin: 8px 0 0; color: #8793a6; font-size: 11px; }
.command-actions { display: flex; align-items: center; gap: 8px; }
.command-actions form { margin: 0; }
.command-actions button, .position-card button, .audit-clear button { height: 38px; padding: 0 15px; border: 1px solid #4a5970; background: #192941; color: #c9d0dc; cursor: pointer; font-family: var(--mono); font-size: 7px; font-weight: 900; letter-spacing: .08em; }
.command-actions button.primary { border-color: #4aa986; background: #17634f; color: #e6fff6; }
button.danger { border-color: #8c4955 !important; background: #4d2630 !important; color: #ff9baa !important; }
.mandate-spec { display: grid; grid-column: 1 / -1; border: 1px solid #334259; grid-template-columns: repeat(4,1fr); }
.mandate-spec > span { padding: 14px 15px; border-right: 1px solid #334259; }.mandate-spec > span:last-child { border-right: 0; }
.mandate-spec small, .mandate-spec b { display: block; }.mandate-spec small { color: #6e7b90; font-family: var(--mono); font-size: 6px; letter-spacing: .09em; }.mandate-spec b { margin-top: 8px; color: #d8dee8; font-family: var(--mono); font-size: 9px; }
.panel { margin-top: 30px; padding-top: 18px; border-top: 1px solid #bdbbb4; }
.panel-title { display: flex; min-height: 66px; align-items: center; justify-content: space-between; }
.panel-title > b { display: grid; min-width: 34px; height: 34px; padding: 0 9px; place-items: center; border: 1px solid #bcbab2; font-family: var(--mono); font-size: 9px; }
.position-grid { display: grid; gap: 13px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.position-card { padding: 18px; border: 1px solid #2e3c52; border-left: 3px solid var(--green); background: linear-gradient(150deg,#14233a,#0d192b); color: var(--white); box-shadow: 0 14px 32px rgba(18,29,47,.11); }
.position-card.short { border-left-color: var(--red); }
.position-card header { display: flex; align-items: flex-start; justify-content: space-between; }
.position-card header b { font-family: var(--mono); font-size: 15px; }.position-card header > div:first-child > span { display: inline-block; margin-left: 7px; padding: 3px 5px; border: 1px solid rgba(84,211,166,.35); background: rgba(84,211,166,.08); color: var(--green); font-family: var(--mono); font-size: 6px; vertical-align: 2px; }.position-card.short header > div:first-child > span { border-color: rgba(255,127,147,.35); background: rgba(255,127,147,.08); color: var(--red); }.position-card header small { display: block; margin-top: 7px; color: #707d91; font-family: var(--mono); font-size: 6px; letter-spacing: .09em; }
.position-tags { display: flex; gap: 5px; }.position-tags span { padding: 5px 7px; border: 1px solid #3d4c63; color: #aeb8c7; font-family: var(--mono); font-size: 7px; }
.position-pnl { display: flex; margin-top: 15px; padding: 13px; align-items: center; justify-content: space-between; border: 1px solid #304058; background: rgba(6,14,25,.42); }.position-pnl span { color: #778499; font-family: var(--mono); font-size: 7px; letter-spacing: .08em; }.position-pnl small { display: block; margin-top: 6px; color: var(--green); }.position-pnl b { font-family: var(--mono); font-size: 13px; font-variant-numeric: tabular-nums; }
.position-card dl { display: grid; margin: 14px 0 0; grid-template-columns: repeat(3,1fr); border-top: 1px solid #2d3c53; border-left: 1px solid #2d3c53; }.position-card dl div { padding: 11px; border-right: 1px solid #2d3c53; border-bottom: 1px solid #2d3c53; }.position-card dt { color: #68758a; font-family: var(--mono); font-size: 6px; letter-spacing: .08em; }.position-card dd { margin: 8px 0 0; color: #d6dde7; font-family: var(--mono); font-size: 9px; font-variant-numeric: tabular-nums; }.position-card dd.risk { color: #d9b472; }
.position-card footer { display: flex; margin-top: 14px; align-items: center; justify-content: space-between; gap: 10px; }.position-card footer > span { color: #d6b772; font-family: var(--mono); font-size: 7px; letter-spacing: .06em; }
.empty-state { padding: 28px; border: 1px solid #cfccc3; background: #faf9f5; color: #83878c; text-align: center; }
.data-table { border: 1px solid #c9c7bf; background: #faf9f5; }.table-head, .table-row { display: grid; min-height: 62px; padding: 0 18px; align-items: center; gap: 16px; grid-template-columns: 1fr 1.3fr 1.2fr 1fr; border-bottom: 1px solid #dedbd3; }.table-head { min-height: 40px; background: #efede6; color: #92958f; font-family: var(--mono); font-size: 7px; letter-spacing: .1em; }.table-row:last-child { border-bottom: 0; }.table-row b, .table-row strong { font-family: var(--mono); font-size: 10px; }.table-row span, .table-row time { color: #868a90; font-family: var(--mono); font-size: 8px; }.table-row strong { text-align: right; }
.audit-list { margin: 0; padding: 0; border: 1px solid #c9c7bf; background: #faf9f5; list-style: none; }.audit-list li { position: relative; display: grid; min-height: 72px; padding: 15px 18px 15px 28px; align-items: center; gap: 20px; grid-template-columns: 170px 1fr; border-bottom: 1px solid #dedbd3; }.audit-list li::before { position: absolute; top: 23px; left: 12px; width: 5px; height: 5px; border-radius: 50%; background: #999; content: ""; }.audit-list li.success::before { background: #1da173; box-shadow: 0 0 0 5px rgba(29,161,115,.08); }.audit-list li.warn::before { background: #c39849; box-shadow: 0 0 0 5px rgba(195,152,73,.08); }.audit-list li.error::before { background: #d24b5f; box-shadow: 0 0 0 5px rgba(210,75,95,.08); }.audit-list li:last-child { border-bottom: 0; }.audit-list time { color: #a0a29f; font-family: var(--mono); font-size: 8px; }.audit-list b { font-family: var(--mono); font-size: 9px; letter-spacing: .05em; }.audit-list p { margin: 6px 0 0; color: #85898f; font-size: 10px; line-height: 1.5; }
.audit-clear { margin-top: 10px; text-align: right; }.audit-clear button.ghost { background: transparent !important; color: #b54859 !important; }
.site-footer { display: flex; margin-top: 38px; padding-top: 15px; justify-content: space-between; border-top: 1px solid #bdbbb4; color: #999b98; font-family: var(--mono); font-size: 7px; letter-spacing: .08em; }

@media (max-width: 1100px) { .dashboard-shell { grid-template-columns: 210px minmax(0,1fr); }.control-main { padding: 30px 25px; }.position-grid { grid-template-columns: 1fr; }.rsi-admin-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }.radar-pair { grid-template-columns: 1fr; }.command-deck { grid-template-columns: 1fr; }.command-actions { flex-wrap: wrap; } }
@media (max-width: 780px) { .auth-shell, .install-shell { padding: 42px 0; grid-template-columns: 1fr; }.auth-brand h1 { font-size: 56px; }.dashboard-shell { display: block; }.sidebar { position: relative; height: auto; padding: 18px; }.sidebar nav { display: flex; margin-top: 24px; overflow-x: auto; }.sidebar nav a { flex: 0 0 auto; }.side-runtime { margin-top: 20px; }.control-main { padding: 24px 16px; }.topbar { align-items: flex-start; flex-direction: column; }.top-state { width: 100%; }.metrics { grid-template-columns: 1fr 1fr; }.metrics article:nth-child(2) { border-right: 0; }.metrics article:nth-child(-n+2) { border-bottom: 1px solid #d5d2ca; }.analyzer-search { grid-template-columns: 1fr 1fr; }.analyzer-search button { grid-column: 1 / -1; }.rsi-admin-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.market-tape { grid-template-columns: 1fr; }.market-tape > div { border-right: 0; border-bottom: 1px solid #d8d5cc; }.market-tape > div:last-child { border-bottom: 0; }.performance-strip { grid-template-columns: 1fr 1fr; }.performance-strip > span { border-bottom: 1px solid #d9d6ce; }.mandate-spec { grid-template-columns: 1fr 1fr; }.mandate-spec > span:nth-child(2) { border-right: 0; }.mandate-spec > span:nth-child(-n+2) { border-bottom: 1px solid #334259; }.position-card dl { grid-template-columns: 1fr 1fr; }.table-head { display: none; }.table-row { padding: 14px; grid-template-columns: 1fr 1fr; }.table-row strong { text-align: left; }.audit-list li { grid-template-columns: 1fr; gap: 7px; }.site-footer { gap: 10px; flex-direction: column; } }
@media (max-width: 520px) { .auth-card { padding: 27px 22px; }.field-grid { grid-template-columns: 1fr; }.metrics { grid-template-columns: 1fr; }.metrics article { border-right: 0; border-bottom: 1px solid #d5d2ca; }.metrics article:last-child { border-bottom: 0; }.analyzer-search, .rsi-admin-grid { grid-template-columns: 1fr; }.performance-strip { grid-template-columns: 1fr; }.radar-admin-row { grid-template-columns: 22px minmax(85px,1fr) 50px; }.radar-admin-row .perf { display: none; }.news-admin-row { grid-template-columns: 58px 1fr; }.news-admin-row > span:last-child { display: none; }.command-actions { align-items: stretch; flex-direction: column; }.command-actions form, .command-actions button { width: 100%; }.position-card footer { align-items: stretch; flex-direction: column; }.position-card footer form, .position-card footer button { width: 100%; } }

/* v2.1 monochrome operations console */
:root {
  --ui-canvas: #050505;
  --ui-surface: #0b0b0b;
  --ui-raised: #111;
  --ui-soft: #171717;
  --ui-text: #f5f5f2;
  --ui-muted: #8f8f8a;
  --ui-border: #292929;
  --ui-border-strong: #484848;
  --ui-inverse: #050505;
  --ui-inverse-text: #fff;
  --gold: #fff;
  --paper: #050505;
  --night: #050505;
}
html[data-theme="light"] {
  --ui-canvas: #efefec;
  --ui-surface: #fff;
  --ui-raised: #f8f8f6;
  --ui-soft: #e8e8e4;
  --ui-text: #080808;
  --ui-muted: #686864;
  --ui-border: #d1d1cd;
  --ui-border-strong: #a9a9a4;
}
.dashboard-page { background: var(--ui-canvas); color: var(--ui-text); transition: background .2s ease,color .2s ease; }
.sidebar { background: #050505; border-right: 1px solid #242424; }
.brand-mark { background: #fff; color: #050505; box-shadow: 5px 5px 0 #3b3b3b; }
.eyebrow,.section-kicker { color: var(--ui-text); opacity: .72; }
.sidebar .section-kicker,.command-deck .section-kicker,.position-card .section-kicker { color: #fff; }
.theme-toggle { display: flex; width: 100%; height: 36px; margin-top: 10px; padding: 0 12px; align-items: center; justify-content: space-between; border: 1px solid #333; background: #0b0b0b; color: #a8a8a3; cursor: pointer; font-family: var(--mono); font-size: 7px; letter-spacing: .1em; }
.theme-toggle span { font-size: 15px; }.theme-toggle:hover { border-color: #747474; color: #fff; }
.topbar { border-color: var(--ui-border-strong); }.topbar p,.top-state small { color: var(--ui-muted); }.top-state { border-color: var(--ui-border); background: var(--ui-surface); color: var(--ui-text); }
.metrics,.admin-metrics,.analyzer-search,.market-tape,.performance-strip,.empty-state,.data-table,.audit-list,.radar-admin-list,.news-admin-list { border-color: var(--ui-border); background: var(--ui-surface); color: var(--ui-text); box-shadow: none; }
.metrics article,.market-tape>div,.performance-strip>span { border-color: var(--ui-border); }
.panel,.site-footer { border-color: var(--ui-border-strong); }.panel-title> b { border-color: var(--ui-border-strong); }
.analyzer-search input,.analyzer-search select { border-color: var(--ui-border); background: var(--ui-soft); color: var(--ui-text); }.analyzer-search button { border-color: #fff; background: #fff; color: #050505; }
.rsi-admin-card,.position-card,.command-deck { border-color: #333; background: #090909; color: #fff; box-shadow: none; }
.rsi-admin-card::before { background: #fff; }.rsi-admin-card.hot::before { background: var(--red); }.rsi-admin-card.cold::before { background: var(--green); }
.radar-admin-row,.news-admin-row,.table-head,.table-row,.audit-list li { border-color: var(--ui-border); }.news-admin-row:hover { background: var(--ui-soft); }
.table-head { background: var(--ui-soft); }.news-type { border-color: #aaa; background: transparent; color: var(--ui-text); }.news-type.delist { background: transparent; }
.command-deck { border-color: #333; background: #080808; }.mandate-spec,.mandate-spec>span { border-color: #303030; }

.admin-metrics { display: grid; margin-top: 22px; grid-template-columns: repeat(6,minmax(0,1fr)); border: 1px solid var(--ui-border); }
.admin-metrics article { min-width: 0; min-height: 105px; padding: 17px; border-right: 1px solid var(--ui-border); }.admin-metrics article:last-child { border-right: 0; }
.admin-metrics span,.admin-metrics b,.admin-metrics small { display: block; }.admin-metrics span { color: var(--ui-muted); font-family: var(--mono); font-size: 6px; font-weight: 900; letter-spacing: .1em; }.admin-metrics b { margin-top: 16px; font-family: var(--mono); font-size: 20px; font-weight: 500; }.admin-metrics small { margin-top: 8px; color: var(--ui-muted); font-family: var(--mono); font-size: 6px; letter-spacing: .06em; }
.user-admin-layout { display: grid; gap: 12px; grid-template-columns: minmax(0,1fr) 290px; }
.user-directory { min-width: 0; overflow-x: auto; border: 1px solid var(--ui-border); background: var(--ui-surface); }
.user-directory-head,.user-directory-row { display: grid; min-width: 1020px; padding: 0 15px; align-items: center; gap: 12px; grid-template-columns: 1.45fr 1.1fr 1.1fr .45fr .4fr .8fr .7fr .65fr; }
.user-directory-head { height: 38px; background: var(--ui-soft); color: var(--ui-muted); font-family: var(--mono); font-size: 6px; letter-spacing: .09em; }
.user-directory-row { min-height: 72px; border-top: 1px solid var(--ui-border); color: var(--ui-text); text-decoration: none; transition: background .15s ease; }.user-directory-row:hover,.user-directory-row.selected { background: var(--ui-soft); }.user-directory-row.selected { box-shadow: inset 3px 0 0 var(--ui-text); }
.user-directory-row>span,.user-directory-row>strong { min-width: 0; font-family: var(--mono); font-size: 8px; }.user-directory-row>span small,.user-directory-row>strong small { display: block; margin-top: 5px; overflow: hidden; color: var(--ui-muted); font-size: 5px; text-overflow: ellipsis; white-space: nowrap; }
.user-identity { display: flex; align-items: center; gap: 10px; }.user-identity i { display: grid; width: 31px; height: 31px; place-items: center; flex: 0 0 auto; border: 1px solid var(--ui-border-strong); border-radius: 50%; background: var(--ui-text); color: var(--ui-canvas); font-style: normal; font-weight: 900; }.user-identity b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vault-state { color: var(--green); }.vault-state.empty { color: var(--ui-muted); }.account-state { color: var(--green); }.account-state.disabled { color: var(--red); }
.create-user-card { border: 1px solid var(--ui-border); background: var(--ui-surface); }.create-user-card summary { display: flex; height: 48px; padding: 0 15px; align-items: center; justify-content: space-between; cursor: pointer; font-family: var(--mono); font-size: 7px; font-weight: 900; letter-spacing: .09em; list-style: none; }.create-user-card summary::-webkit-details-marker { display: none; }.create-user-card form { padding: 15px; border-top: 1px solid var(--ui-border); }.create-user-card label,.manual-trade-card label { display: grid; gap: 6px; color: var(--ui-muted); font-family: var(--mono); font-size: 6px; letter-spacing: .08em; }.create-user-card input,.create-user-card select,.manual-trade-card input,.manual-trade-card select { width: 100%; height: 38px; padding: 0 10px; border: 1px solid var(--ui-border); outline: none; background: var(--ui-soft); color: var(--ui-text); }.create-user-card>form>label { margin-top: 12px; }.create-user-card button,.manual-trade-card button,.identity-hero button { width: 100%; min-height: 39px; margin-top: 14px; border: 1px solid var(--ui-text); background: var(--ui-text); color: var(--ui-canvas); cursor: pointer; font-family: var(--mono); font-size: 7px; font-weight: 900; letter-spacing: .08em; }.create-user-card form>small { display: block; margin-top: 10px; color: var(--ui-muted); font-size: 8px; line-height: 1.5; }
.selected-user-control { margin-top: 14px; border: 1px solid var(--ui-border); background: var(--ui-surface); }
.identity-hero { display: grid; padding: 22px; align-items: center; gap: 16px; grid-template-columns: 58px 1fr auto; border-bottom: 1px solid var(--ui-border); }.identity-avatar { display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid var(--ui-border-strong); border-radius: 50%; background: var(--ui-text); color: var(--ui-canvas); font-family: var(--serif); font-size: 26px; }.identity-hero span { color: var(--ui-muted); font-family: var(--mono); font-size: 6px; letter-spacing: .1em; }.identity-hero h3 { margin: 5px 0 0; font-family: var(--serif); font-size: 27px; font-weight: 500; }.identity-hero p { margin: 6px 0 0; color: var(--ui-muted); font-size: 9px; }.identity-hero form { width: 145px; }.identity-hero button { margin: 0; }
.identity-facts,.user-pnl-strip { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid var(--ui-border); }.identity-facts article,.user-pnl-strip article { min-width: 0; padding: 16px; border-right: 1px solid var(--ui-border); }.identity-facts article:last-child,.user-pnl-strip article:last-child { border-right: 0; }.identity-facts span,.identity-facts b,.identity-facts small,.user-pnl-strip span,.user-pnl-strip b { display: block; }.identity-facts span,.user-pnl-strip span { color: var(--ui-muted); font-family: var(--mono); font-size: 6px; letter-spacing: .09em; }.identity-facts b,.user-pnl-strip b { margin-top: 9px; overflow: hidden; font-family: var(--mono); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.identity-facts small { margin-top: 6px; overflow: hidden; color: var(--ui-muted); font-family: var(--mono); font-size: 5px; text-overflow: ellipsis; white-space: nowrap; }
.operator-grid { display: grid; gap: 0; grid-template-columns: 1.1fr .9fr; border-bottom: 1px solid var(--ui-border); }.manual-trade-card,.access-card { min-width: 0; padding: 21px; }.manual-trade-card { border-right: 1px solid var(--ui-border); }.manual-trade-card h3,.access-card h3,.journal-card h3 { margin: 7px 0 0; font-family: var(--serif); font-size: 23px; font-weight: 500; }.manual-trade-card p { margin: 7px 0 15px; color: var(--ui-muted); font-size: 9px; line-height: 1.55; }.manual-trade-card .field-grid { grid-template-columns: repeat(2,1fr); }.manual-trade-card button[disabled] { opacity: .35; cursor: not-allowed; }
.access-list { max-height: 258px; margin: 14px 0 0; padding: 0; overflow: auto; list-style: none; }.access-list li { display: grid; padding: 10px 0; gap: 9px; grid-template-columns: 7px 1fr; border-bottom: 1px solid var(--ui-border); }.access-list i { width: 5px; height: 5px; margin-top: 4px; border-radius: 50%; background: var(--ui-text); }.access-list b,.access-list small,.access-list span { display: block; }.access-list b { font-family: var(--mono); font-size: 7px; }.access-list small { margin-top: 4px; color: var(--ui-muted); font-family: var(--mono); font-size: 6px; }.access-list span { margin-top: 4px; overflow: hidden; color: var(--ui-muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.journal-card { padding: 5px 20px 20px; }.journal-table { overflow-x: auto; border: 1px solid var(--ui-border); }.journal-head,.journal-row { display: grid; min-width: 950px; padding: 0 13px; align-items: center; gap: 11px; grid-template-columns: 1.05fr .55fr 1.15fr 1fr 1fr .65fr .55fr; }.journal-head { min-height: 36px; background: var(--ui-soft); color: var(--ui-muted); font-family: var(--mono); font-size: 6px; letter-spacing: .08em; }.journal-row { min-height: 65px; border-top: 1px solid var(--ui-border); font-family: var(--mono); font-size: 8px; }.journal-row b,.journal-row small { display: block; }.journal-row small { margin-top: 5px; color: var(--ui-muted); font-size: 5px; }.journal-row time { color: var(--ui-muted); font-size: 7px; }.trade-state { padding: 5px; border: 1px solid var(--ui-border-strong); text-align: center; }.trade-state.open { color: var(--green); }.trade-state.closed { color: var(--ui-muted); }.trade-state.failed { color: var(--red); }
html[data-theme="light"] .sidebar,html[data-theme="light"] .command-deck,html[data-theme="light"] .position-card,html[data-theme="light"] .rsi-admin-card { background: #070707; color: #fff; }

@media (max-width: 1280px) { .admin-metrics { grid-template-columns: repeat(3,1fr); }.admin-metrics article:nth-child(3n) { border-right: 0; }.user-admin-layout { grid-template-columns: 1fr; }.create-user-card { width: 100%; } }
@media (max-width: 900px) { .admin-metrics { grid-template-columns: repeat(2,1fr); }.admin-metrics article:nth-child(3n) { border-right: 1px solid var(--ui-border); }.admin-metrics article:nth-child(2n) { border-right: 0; }.identity-hero { grid-template-columns: 50px 1fr; }.identity-hero form { width: 100%; grid-column: 1 / -1; }.identity-facts,.user-pnl-strip { grid-template-columns: 1fr 1fr; }.identity-facts article:nth-child(2),.user-pnl-strip article:nth-child(2) { border-right: 0; }.operator-grid { grid-template-columns: 1fr; }.manual-trade-card { border-right: 0; border-bottom: 1px solid var(--ui-border); } }
@media (max-width: 520px) { .admin-metrics,.identity-facts,.user-pnl-strip { grid-template-columns: 1fr; }.admin-metrics article,.identity-facts article,.user-pnl-strip article { border-right: 0; border-bottom: 1px solid var(--ui-border); }.manual-trade-card .field-grid { grid-template-columns: 1fr; } }