:root {
  --bg: #071019;
  --bg-raised: #0b1621;
  --panel: #0d1b27;
  --panel-bright: #102333;
  --line: rgba(151, 179, 201, .14);
  --line-bright: rgba(151, 179, 201, .25);
  --text: #e7eff5;
  --muted: #7e93a3;
  --dim: #4f6474;
  --cyan: #6de2d0;
  --cyan-deep: #1db8a8;
  --amber: #f2bd73;
  --red: #ee7d82;
  --blue: #79a8ff;
  --radius: 8px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--bg);
  font-synthesis: none;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); }
body { min-width: 320px; letter-spacing: .005em; }
button, input, select { font: inherit; }
button { cursor: pointer; }
.app-shell { display: flex; min-height: 100vh; }
.sidebar { width: 244px; flex: 0 0 244px; border-right: 1px solid var(--line); background: #08131d; padding: 28px 18px 20px; display: flex; flex-direction: column; }
.brand-lockup { display: flex; gap: 11px; align-items: center; padding: 0 9px 23px; }
.brand-mark { display: flex; gap: 3px; align-items: end; height: 25px; }
.brand-mark span { width: 4px; border-radius: 3px; background: var(--cyan); display: block; }
.brand-mark span:nth-child(1) { height: 12px; opacity: .55; }.brand-mark span:nth-child(2) { height: 20px; }.brand-mark span:nth-child(3) { height: 25px; opacity: .78; }
.brand-name { font-size: 15px; font-weight: 700; letter-spacing: .07em; }.brand-subtitle { color: var(--dim); font-size: 9px; text-transform: uppercase; letter-spacing: .13em; margin-top: 4px; }
.mode-badge { margin: 0 8px 27px; border: 1px solid rgba(109,226,208,.2); color: var(--cyan); background: rgba(109,226,208,.06); border-radius: 5px; padding: 8px 10px; font-size: 9px; letter-spacing: .13em; display:flex; align-items:center; gap:8px; }
.status-dot, .mini-led, .latency-led, .healthy-dot { display:inline-block; width: 6px; height:6px; border-radius:50%; background:var(--cyan); box-shadow: 0 0 0 3px rgba(109,226,208,.1); }
.nav-list { display: grid; gap: 4px; }.nav-item { color: var(--muted); background: transparent; border: 1px solid transparent; text-align:left; border-radius: 5px; padding: 10px 10px; font-size: 12px; display:flex; gap: 10px; align-items:center; transition: .18s ease; }.nav-item:hover { color:var(--text); background:rgba(255,255,255,.03); }.nav-item.active { color: var(--text); border-color:var(--line); background:linear-gradient(90deg, rgba(109,226,208,.1), rgba(109,226,208,.025)); box-shadow: inset 2px 0 0 var(--cyan); }.nav-icon { color: var(--cyan); width: 14px; text-align:center; font-size:15px; }
.sidebar-footer { margin-top:auto; padding:0 9px; color:var(--dim); font-size:10px; line-height: 1.8; }.footer-rule { height:1px; background:var(--line); margin-bottom:15px; }.system-mini { display:flex; gap:8px; align-items:center; }.system-mini.muted { padding-left:14px; color:#556876; }.mini-led { width:5px; height:5px; box-shadow:none; }
.main-content { flex:1; min-width:0; max-width: 1600px; padding: 29px 43px 24px; margin:0 auto; width:100%; }.topbar { display:flex; justify-content:space-between; align-items:flex-start; padding-bottom:25px; border-bottom:1px solid var(--line); }.eyebrow { font-size:9px; color:var(--cyan); letter-spacing:.15em; margin-bottom:8px; }.topbar h1 { margin:0; font-size:26px; font-weight:550; letter-spacing:-.03em; }.topbar-right { display:flex; align-items:center; gap:23px; color:var(--muted); font-size:10px; padding-top:5px; }.latency { display:flex; gap:8px; align-items:center; }.latency-led { background:var(--amber); box-shadow:0 0 0 3px rgba(242,189,115,.1); }.clock { color:var(--dim); letter-spacing:.1em; }
.headline-row { display:flex; justify-content:space-between; align-items:end; padding:29px 0 27px; gap:25px; }.headline-copy { max-width:615px; }.live-kicker { color:var(--amber); letter-spacing:.13em; font-size:9px; display:flex; align-items:center; gap:8px; }.pulse { width:6px; height:6px; background:var(--amber); border-radius:50%; box-shadow:0 0 0 4px rgba(242,189,115,.12); }.headline-copy p { margin:12px 0 0; color:#8da2b0; font-size:14px; line-height:1.6; }.headline-actions { display:flex; gap:9px; }.ghost-button, .primary-button { border-radius:5px; padding:9px 13px; font-size:10px; letter-spacing:.04em; }.ghost-button { background:transparent; color:var(--muted); border:1px solid var(--line); }.ghost-button:hover { color:var(--text); border-color:var(--line-bright); }.primary-button { color:#071019; background:var(--cyan); border:1px solid var(--cyan); font-weight:650; }.primary-button:hover { background:#93f0e0; }.ghost-button span, .primary-button span { margin-left:10px; font-size:14px; }
.metric-strip { display:grid; grid-template-columns:repeat(5, 1fr); border:1px solid var(--line); border-radius:var(--radius); background:rgba(13,27,39,.8); margin-bottom:34px; }.metric { min-height:91px; padding:17px 18px; border-right:1px solid var(--line); display:flex; flex-direction:column; gap:5px; }.metric:last-child { border-right:0; }.metric-label { font-size:9px; letter-spacing:.13em; color:var(--muted); }.metric strong { font-size:24px; font-weight:500; letter-spacing:-.04em; }.metric-note { color:var(--dim); font-size:10px; }.metric-health strong { color:var(--cyan); font-size:14px; display:flex; gap:9px; align-items:center; margin-top:7px; }.healthy-dot { width:7px; height:7px; }
.filters-panel { display:flex; align-items:end; gap:22px; border:1px solid var(--line); border-radius:var(--radius); padding:16px 18px; margin: -18px 0 27px; background:#0b1823; }.filters-panel label { display:flex; flex-direction:column; gap:7px; color:var(--muted); font-size:10px; min-width:155px; }.filters-panel select { color:var(--text); background:var(--panel-bright); border:1px solid var(--line-bright); border-radius:4px; padding:7px; font-size:11px; }.filters-panel input { accent-color:var(--cyan); }.filters-panel output { color:var(--cyan); font-size:11px; }.text-button { margin-left:auto; background:none; border:0; color:var(--muted); font-size:10px; }.hidden { display:none !important; }
.section-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; }.section-bar > div:first-child { display:flex; align-items:center; gap:11px; }.section-index { color:var(--cyan); font:10px ui-monospace, SFMono-Regular, Menlo, monospace; }.section-bar h2 { font-size:13px; font-weight:600; margin:0; letter-spacing:.01em; }.section-meta { color:var(--dim); font-size:10px; }.separator { padding:0 8px; color:#344957; }
.signal-grid { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:10px; }.signal-card { background:linear-gradient(135deg, rgba(16,35,51,.9), rgba(11,23,34,.9)); border:1px solid var(--line); border-radius:var(--radius); min-height:280px; padding:17px; position:relative; overflow:hidden; transition:.18s ease; }.signal-card:hover { border-color:rgba(109,226,208,.38); transform:translateY(-1px); }.signal-card::after { content:""; position:absolute; inset:auto 0 0; height:2px; background:var(--cyan); opacity:.58; }.signal-card.reject::after { background:var(--red); }.signal-card.watch::after { background:var(--amber); }.card-head { display:flex; justify-content:space-between; gap:10px; }.token-identity { display:flex; align-items:center; gap:10px; min-width:0; }.token-avatar { width:32px; height:32px; flex:0 0 32px; border-radius:50%; display:grid; place-items:center; color:#071019; background:linear-gradient(135deg, var(--cyan), #b1f6d0); font-weight:700; font-size:11px; }.token-name { font-size:13px; font-weight:650; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.token-symbol { color:var(--muted); font:10px ui-monospace, SFMono-Regular, Menlo, monospace; margin-top:3px; }.decision-pill, .paper-badge { border-radius:3px; padding:5px 7px; font-size:8px; letter-spacing:.12em; color:var(--cyan); background:rgba(109,226,208,.09); border:1px solid rgba(109,226,208,.2); white-space:nowrap; height:max-content; }.decision-pill.watch { color:var(--amber); background:rgba(242,189,115,.08); border-color:rgba(242,189,115,.2); }.decision-pill.reject { color:var(--red); background:rgba(238,125,130,.08); border-color:rgba(238,125,130,.2); }.paper-badge { color:var(--blue); border-color:rgba(121,168,255,.25); background:rgba(121,168,255,.08); }
.mint-line { margin-top:15px; color:var(--dim); font:9px ui-monospace, SFMono-Regular, Menlo, monospace; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.signal-chart { height:32px; margin:14px 0 6px; display:flex; align-items:end; gap:3px; }.signal-chart span { flex:1; border-radius:2px 2px 0 0; background:linear-gradient(var(--cyan), rgba(109,226,208,.1)); min-height:5px; opacity:.75; }.card-score-row { display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; margin-top:8px; }.score-block { border-top:1px solid var(--line); padding-top:9px; }.score-block span { display:block; color:var(--dim); font-size:9px; }.score-block strong { font-size:20px; font-weight:500; letter-spacing:-.05em; }.score-block.opp strong { color:var(--cyan); }.score-block.risk strong { color:var(--red); }.score-block.exit strong { color:var(--amber); }.card-stats { display:grid; grid-template-columns:1fr 1fr; gap:7px 13px; margin-top:16px; }.card-stat { display:flex; justify-content:space-between; gap:5px; color:var(--muted); font-size:10px; }.card-stat strong { color:#c3d2dc; font-weight:500; }.reason-line { margin-top:15px; padding-top:12px; border-top:1px solid var(--line); color:#9cb0bd; font-size:10px; line-height:1.45; }.reason-line b { color:var(--cyan); font-weight:500; }.risk-line b { color:var(--red); }.empty-state { min-height:230px; border:1px dashed var(--line-bright); border-radius:var(--radius); display:grid; place-items:center; align-content:center; gap:8px; color:var(--muted); font-size:12px; }.empty-state span { color:var(--dim); font-size:10px; }.empty-icon { color:var(--cyan); font-size:28px; }
.queue-table-wrap { overflow:auto; border:1px solid var(--line); border-radius:var(--radius); background:rgba(13,27,39,.7); }.data-table { width:100%; border-collapse:collapse; min-width:760px; }.data-table th { color:var(--dim); font-size:9px; font-weight:500; letter-spacing:.11em; text-align:left; padding:13px 15px; border-bottom:1px solid var(--line); }.data-table td { padding:14px 15px; border-bottom:1px solid rgba(151,179,201,.08); color:var(--muted); font-size:11px; }.data-table tr:last-child td { border-bottom:0; }.data-table tr:hover td { background:rgba(109,226,208,.025); color:var(--text); }.table-token { color:var(--text); font-weight:600; }.table-score { color:var(--cyan); font-weight:650; }.table-risk { color:var(--red); }.table-decision { font-size:9px; letter-spacing:.1em; }.rejected-list, .audit-list { display:grid; gap:8px; }.rejected-item, .audit-item { border:1px solid var(--line); border-radius:var(--radius); background:rgba(13,27,39,.7); padding:15px 17px; }.rejected-top, .audit-top { display:flex; align-items:center; justify-content:space-between; gap:15px; }.rejected-token, .audit-event { color:var(--text); font-size:12px; font-weight:600; }.rejected-meta, .audit-meta { color:var(--dim); font-size:10px; }.veto-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }.veto-tag { color:var(--red); border:1px solid rgba(238,125,130,.18); background:rgba(238,125,130,.05); padding:5px 7px; border-radius:3px; font:9px ui-monospace, SFMono-Regular, Menlo, monospace; }.rejected-reason { margin-top:10px; color:var(--muted); font-size:11px; }.portfolio-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:17px; }.portfolio-summary > div { border:1px solid var(--line); border-radius:var(--radius); padding:15px; background:rgba(13,27,39,.7); }.portfolio-summary span { display:block; color:var(--dim); font-size:10px; margin-bottom:8px; }.portfolio-summary strong { color:var(--text); font-size:18px; font-weight:500; }.accent-text { color:var(--cyan) !important; font-size:13px !important; }.health-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:16px; }.health-card { border:1px solid var(--line); border-radius:var(--radius); padding:15px; background:rgba(13,27,39,.7); }.health-card .health-label { color:var(--dim); font-size:9px; letter-spacing:.1em; display:block; }.health-card strong { display:block; color:var(--cyan); font-size:17px; margin-top:10px; font-weight:500; }.health-card small { color:var(--muted); font-size:10px; }.metrics-console { margin:0; border:1px solid var(--line); background:#061019; border-radius:var(--radius); min-height:170px; padding:16px; color:#7acbc1; font:10px/1.7 ui-monospace, SFMono-Regular, Menlo, monospace; overflow:auto; }.audit-item { font-family:ui-monospace, SFMono-Regular, Menlo, monospace; }.audit-event { font-size:10px; color:var(--cyan); }.audit-payload { margin-top:10px; color:var(--muted); font-size:9px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.app-footer { display:flex; justify-content:space-between; color:var(--dim); font-size:9px; padding-top:40px; }
.detail-drawer { position:fixed; inset:0; z-index:20; }.drawer-backdrop { position:absolute; inset:0; background:rgba(1,5,9,.68); backdrop-filter:blur(3px); }.drawer-panel { position:absolute; right:0; top:0; bottom:0; width:min(560px, 100%); background:#0a1722; border-left:1px solid var(--line-bright); padding:32px; overflow:auto; box-shadow:-20px 0 60px rgba(0,0,0,.25); }.drawer-close { position:absolute; right:18px; top:15px; color:var(--muted); background:transparent; border:0; font-size:25px; }.drawer-title { font-size:22px; font-weight:550; margin:0; }.drawer-subtitle { color:var(--muted); font:10px ui-monospace, SFMono-Regular, Menlo, monospace; margin-top:8px; }.drawer-section { border-top:1px solid var(--line); margin-top:24px; padding-top:17px; }.drawer-section h3 { color:var(--dim); text-transform:uppercase; letter-spacing:.12em; font-size:9px; margin:0 0 13px; }.drawer-score-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }.drawer-score { background:var(--panel); border:1px solid var(--line); border-radius:4px; padding:10px; }.drawer-score span { color:var(--dim); font-size:9px; display:block; }.drawer-score strong { font-size:18px; display:block; margin-top:7px; }.component-row { display:grid; grid-template-columns:1fr 50px; gap:10px; align-items:center; margin:10px 0; }.component-row label { color:var(--muted); font-size:10px; }.component-bar { height:4px; border-radius:4px; background:#182b39; grid-column:1 / -1; }.component-bar i { display:block; height:100%; border-radius:4px; background:var(--cyan); }.component-value { color:var(--cyan); text-align:right; font:10px ui-monospace, SFMono-Regular, Menlo, monospace; }.drawer-reason { border-left:2px solid var(--cyan); padding-left:11px; color:var(--muted); font-size:11px; line-height:1.5; margin:9px 0; }.drawer-reason.risk { border-color:var(--red); }.drawer-veto { padding:11px; background:rgba(238,125,130,.06); border:1px solid rgba(238,125,130,.17); border-radius:4px; color:#d99b9e; font-size:10px; line-height:1.5; margin-bottom:8px; }.drawer-veto strong { display:block; color:var(--red); font:9px ui-monospace, SFMono-Regular, Menlo, monospace; margin-bottom:5px; }.kv-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.kv { background:rgba(13,27,39,.7); border:1px solid var(--line); border-radius:4px; padding:10px; }.kv span { display:block; color:var(--dim); font-size:9px; }.kv strong { display:block; color:#c7d5de; font:11px ui-monospace, SFMono-Regular, Menlo, monospace; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width: 1080px) { .signal-grid { grid-template-columns:repeat(2, minmax(0,1fr)); }.metric-strip { grid-template-columns:repeat(3,1fr); }.metric:nth-child(3) { border-right:0; }.metric:nth-child(n+4) { border-top:1px solid var(--line); }.metric:nth-child(4) { border-right:1px solid var(--line); } }
@media (max-width: 800px) { .sidebar { width:64px; flex-basis:64px; padding:20px 9px; }.brand-lockup { padding:0 7px 23px; }.brand-lockup > div:last-child, .mode-badge span:last-child, .nav-item:not(.active)::after, .nav-item { font-size:0; }.mode-badge { margin:0 auto 25px; width:28px; height:28px; padding:0; justify-content:center; }.nav-item { padding:11px 0; justify-content:center; }.nav-icon { font-size:17px; }.sidebar-footer { display:none; }.main-content { padding:24px 20px; }.topbar-right { display:none; }.headline-row { align-items:flex-start; flex-direction:column; }.headline-actions { width:100%; }.headline-actions button { flex:1; }.signal-grid { grid-template-columns:1fr; }.health-grid { grid-template-columns:repeat(2,1fr); }.filters-panel { flex-wrap:wrap; }.filters-panel label { min-width:42%; }.text-button { margin-left:0; }.app-footer { gap:10px; flex-direction:column; } }
@media (max-width: 500px) { .metric-strip { grid-template-columns:repeat(2,1fr); }.metric:nth-child(2) { border-right:0; }.metric:nth-child(3) { border-right:1px solid var(--line); }.metric:nth-child(5) { grid-column:span 2; border-right:0; }.portfolio-summary { grid-template-columns:1fr; }.drawer-panel { padding:26px 18px; }.drawer-score-grid { grid-template-columns:repeat(2,1fr); }.kv-grid { grid-template-columns:1fr; } }


/* Accessibility and direct token actions */
.skip-link { position:fixed; left:12px; top:-60px; z-index:50; padding:10px 13px; color:#071019; background:var(--cyan); border-radius:4px; font-size:12px; font-weight:700; text-decoration:none; }
.skip-link:focus { top:12px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.signal-card[role="button"], .rejected-item[role="button"], .data-table tr[role="button"] { cursor:pointer; }
.signal-card:focus-visible, .rejected-item:focus-visible, .data-table tr[role="button"]:focus-visible { border-color:var(--cyan); outline:2px solid var(--cyan); outline-offset:2px; }
.token-actions { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-top:13px; }
.token-link { display:inline-flex; align-items:center; gap:4px; color:var(--cyan); border:1px solid rgba(109,226,208,.22); background:rgba(109,226,208,.06); border-radius:4px; padding:6px 8px; font-size:10px; text-decoration:none; }
.token-link:hover, .token-link:focus-visible { color:#071019; background:var(--cyan); }
.token-link.secondary { color:var(--muted); border-color:var(--line); background:transparent; }
.token-link.secondary:hover, .token-link.secondary:focus-visible { color:var(--text); background:var(--panel-bright); }
.mint-link { color:var(--muted); text-decoration:underline; text-decoration-color:rgba(109,226,208,.5); text-underline-offset:3px; }
.mint-link:hover, .mint-link:focus-visible { color:var(--cyan); }
.drawer-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:18px; }
.drawer-actions .token-actions { margin-top:0; }
.drawer-actions .ghost-button { min-height:32px; }
.copy-status { color:var(--cyan); font-size:10px; }
.data-table tr[role="button"]:focus-visible td { background:rgba(109,226,208,.08); }
.noscript-warning { position:fixed; inset:0; z-index:60; display:grid; place-items:center; padding:24px; color:var(--text); background:var(--bg); font-size:16px; text-align:center; }
@media (min-width:1081px) { .health-grid { grid-template-columns:repeat(5,1fr); } }
@media (max-width:800px) { .token-actions { gap:6px; }.token-link { padding:7px 8px; }.drawer-actions { align-items:flex-start; flex-direction:column; }.drawer-actions .token-actions { width:100%; }.drawer-actions .token-actions .token-link { flex:1; justify-content:center; } }